@charset "UTF-8";
/*
Theme Name: Ainscough
Author: 21Digital
Author URI: https://www.21digital.agency
Description: Ainscough website theme
Requires at least: WordPress 5.2
Version: 2.0


/* Reset */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Remove trailing margins from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Let’s get `<table>`s behaving how we expect.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Mixins */
/* Global Breakpoints */
/* Variables */
/* This value will be the maximum of our site */
/* This value will give us consistent spacing */
/* Input Spacing units */
/* Breakpoint Settings (these values are the same as bootstrap) */
/* Mobile Landscape */
/* iPads etc */
/* Laptop Screens */
/* Large Desktop Screens */
/* Extra large desktop screens */
/* Extra Extra Large Desktop Screens */
@font-face {
  font-family: 'Montserrat-Regular';
  src: url("fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Regular.otf") format("opentype"), url("fonts/Montserrat-Regular.woff") format("woff"), url("fonts/Montserrat-Regular.ttf") format("truetype"), url("fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat-Bold';
  src: url("fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Bold.woff") format("woff"), url("fonts/Montserrat-Bold.ttf") format("truetype"), url("fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'HelveticaNeue';
  src: url("fonts/HelveticaNeue-Light.eot");
  src: url("fonts/HelveticaNeue-Light.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue-Light.woff2") format("woff2"), url("fonts/HelveticaNeue-Light.woff") format("woff"), url("fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* Global Font Sizes */
/* Font Families */
/* Copy Sizes */
/* Hero font Sizes */
/* Footer Font Sizes */
/* Buttons */
/* Stat Counter */
/* Heading Sizes */
/* Global Colours */
/* Link Colours */
/* Input Colours */
/* Brand Colours == Replace with your own brand colours == */
/* Blue */
/* Dark Blue */
/* Red */
/* Yellow */
/* Orange */
/* Green */
/* Dark Grey */
/* Light Green */
/* Dark Green */
/* Light Blue */
/* Counter Colours */
/* Global Styles */
html {
  /*! autoprefixer: off */
  font-size: 16px;
  line-height: 1.25;
  font-family: "Helvetica", Arial, sans-serif;
  color: #000;
  overflow-y: scroll;
                     /* Force scrollbars to always be visible to prevent awkward ‘jumps’ when
*    navigating between pages that do/do not have enough content to produce
*    scrollbars naturally. */
  min-height: 100%;
  /* Ensure the page always fills at least the entire height of the viewport. */
  -webkit-text-size-adjust: 100%;
  /* Prevent certain mobile browsers from automatically zooming fonts. */
  -ms-text-size-adjust: 100%;
  /* Prevent certain mobile browsers from automatically zooming fonts. */
  -moz-osx-font-smoothing: grayscale;
                                     /* Fonts on OSX will look more consistent with other systems that do not
*    render text using sub-pixel anti-aliasing. */
  -webkit-font-smoothing: antialiased;
                                      /* Fonts on OSX will look more consistent with other systems that do not
*    render text using sub-pixel anti-aliasing. */ }

html {
  /*! autoprefixer: off */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *::before, *::after {
  /*! autoprefixer: off */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

.clearfix:after,
.clearfix:before {
  content: '';
  display: table; }

.clearfix:after {
  clear: both;
  display: block; }

body {
  background-color: #eee;
  overflow-x: hidden; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
      overflow-x: hidden; } }
  @media (max-width: 767px) {
    body {
      padding-top: 110px; } }
  body:not(body.home) {
    padding-top: 150px; }

.page-template-page-history {
  overflow: initial; }

img {
  max-width: 100%;
  /* Fluid images for responsive purposes. */
  font-style: italic;
  /* Offset `alt` text from surrounding copy. */
  vertical-align: middle;
                         /* Setting `vertical-align` removes the whitespace that appears under `img`
*    elements when they are dropped into a page as-is. Safer alternative to
*    using `display: block;`. */
  height: auto; }

a {
  color: #999;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    text-decoration: underline;
    color: #000; }

a[href^="tel:"] {
  color: inherit;
  text-decoration: none; }
  @media (min-width: 768px) {
    a[href^="tel:"] {
      pointer-events: all; } }
  a[href^="tel:"]:hover {
    color: inherit;
    text-decoration: none; }

li {
  list-style-position: inside;
  font-size: 16px;
  font-family: "Helvetica", Arial; }
  @media (min-width: 768px) {
    li {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    li {
      font-size: 16px; } }

/* This class will be used as our main page wrapper */
.p-container {
  position: relative;
  width: 100%;
  max-width: 1152px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  /*border-right: 1px dashed red;
  border-left: 1px dashed red;*/ }

.with-padding {
  /* This gives us our top/bottom padding for this page element */
  padding-top: 50px;
  padding-bottom: 50px;
  /* the 20px is our global spacing unit value */ }
  @media (min-width: 768px) {
    .with-padding {
      padding-top: 80px;
      padding-bottom: calc(80px - 20px);
      /* the 20px is our global spacing unit value */ } }

.test-guides {
  /* This will give us our test guides to make sure content is centered */
  border-right: 1px dashed red;
  border-left: 1px dashed red; }

@media (min-width: 768px) {
  .flex-p-container {
    max-width: 95%;
    margin: 0 auto; } }
.has-border {
  /* This will add a yellow border at the top of our page element */
  border-top: 1px solid #F2C541; }

.yellow-line {
  display: block;
  position: relative;
  width: 100%;
  max-width: calc(1152px - 30px);
  margin: 0 auto;
  height: 1px;
  background-color: #F2C541; }

.grey-bg {
  background-color: #F2F2F2; }
  .grey-bg .fullwidth-offset {
    background-color: #F2F2F2; }

.yellow-bg {
  background-color: #F2C541; }

.logo-bg {
  background-image: url("images/backgrounds/logo-white-opacity.png");
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat; }
  @media (min-width: 1200px) {
    .logo-bg {
      background-size: 60%;
      background-position: 100% 50%; } }

.large-padding {
  /* When we need an element to have full elemenet spacing ie an element title */
  padding-bottom: 80px;
  margin-bottom: 0; }

@media (min-width: 1200px) {
  .has-zoom {
    overflow: hidden; }
    .has-zoom:hover img {
      transform: scale(1.1); }
    .has-zoom img {
      transform: scale(1);
      transition: all .5s ease; } }
.fill-link {
  display: inline-block;
  width: 100% !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5; }

.wpgmza_infowindow_title {
  text-transform: uppercase; }

.gm-style .gm-style-iw-c {
  border-radius: 0 !important; }

.gm-style .gm-style-iw-d p {
  float: right; }
  @media (min-width: 1200px) {
    .gm-style .gm-style-iw-d p:after {
      content: "";
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url("images/arrows/yellow.png");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center;
      margin-left: 10px;
      top: 0; } }
.gm-style .gm-style-iw-d .wpgmza_infowindow_title,
.gm-style .gm-style-iw-d .wpgmza_infowindow_address {
  float: left; }
  .gm-style .gm-style-iw-d .wpgmza_infowindow_title:after,
  .gm-style .gm-style-iw-d .wpgmza_infowindow_address:after {
    display: none; }

.wpgmza_infowindow_description {
  display: flex;
  position: absolute;
  bottom: 26px;
  left: 10px;
  font-size: 15px; }
  .wpgmza_infowindow_description:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("images/icons/black/mobile.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    margin-right: 5px; }

.frm_form_fields .col-12 {
  float: left; }

.frm_error_style {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem; }

.frm_error {
  float: left;
  position: relative;
  color: #dc3545;
  padding: 5px 0;
  font-size: 13px; }

.frm_message {
  text-align: center; }

#frm_checkbox_40-0 {
  float: left;
  width: 100%;
  padding: 0 0 20px 10px; }
  #frm_checkbox_40-0 a {
    color: #F2C541;
    text-decoration: underline; }
    #frm_checkbox_40-0 a:hover, #frm_checkbox_40-0 a:visited {
      color: #F2C541;
      text-decoration: none; }

.page-template-default h1 {
  padding: 10px 0; }
.page-template-default h2 {
  font-size: 26px;
  padding: 10px 0; }
.page-template-default h3 {
  font-size: 22px;
  padding: 10px 0; }

.wsp-pages-list a,
.wsp-case_studiess-list a,
.wsp-locationss-list a,
.wsp-training_coursess-list a,
.wsp-newss-list a,
.wsp-videoss-list a,
.wsp-peoples-list a,
.wsp-regions-list a,
.wsp-course_types-list a,
.wsp-sectors-list a {
  color: #000; }
  .wsp-pages-list a:hover,
  .wsp-case_studiess-list a:hover,
  .wsp-locationss-list a:hover,
  .wsp-training_coursess-list a:hover,
  .wsp-newss-list a:hover,
  .wsp-videoss-list a:hover,
  .wsp-peoples-list a:hover,
  .wsp-regions-list a:hover,
  .wsp-course_types-list a:hover,
  .wsp-sectors-list a:hover {
    color: #F2C541; }
  .wsp-pages-list a:visited,
  .wsp-case_studiess-list a:visited,
  .wsp-locationss-list a:visited,
  .wsp-training_coursess-list a:visited,
  .wsp-newss-list a:visited,
  .wsp-videoss-list a:visited,
  .wsp-peoples-list a:visited,
  .wsp-regions-list a:visited,
  .wsp-course_types-list a:visited,
  .wsp-sectors-list a:visited {
    color: #000; }

.wsp-category-title a {
  color: #000; }
  .wsp-category-title a:hover {
    color: #F2C541; }
  .wsp-category-title a:visited {
    color: #000; }

/* Modal popup */
.location-modal {
  background-color: #fff !important; }
  .location-modal .row {
    margin: 0 !important; }
  .location-modal .frm_submit button {
    margin-top: 15px !important; }
  .location-modal .frm_checkbox label {
    text-transform: uppercase; }

.location-modal-header {
  flex-direction: column;
  text-align: left;
  border-bottom: 1px solid #e9ecef !important; }

.location-modal-header .close {
  position: absolute;
  top: 10px;
  right: 10px; }
  .location-modal-header .close span {
    color: #f2c541;
    font-size: 22px; }

/* cookies popup */
.cc-revoke, .cc-window {
  z-index: 999999999 !important; }

.cc-window {
  z-index: 999999999 !important;
  max-width: 400px;
  padding: 30px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important; }

.cc-btn {
  margin-bottom: 10px !important;
  margin-top: 10px !important; }

/* Typography */
p {
  font-size: 16px;
  font-family: "Helvetica", Arial, sans-serif;
  width: 100%;
  max-width: 100%; }
  @media (min-width: 768px) {
    p {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    p {
      font-size: 16px; } }
  p a {
    color: #F2C541;
    text-decoration: underline; }
    p a:hover, p a:visited {
      color: #F2C541;
      text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: normal;
  width: 100%;
  text-transform: uppercase;
  font-family: "Montserrat-Bold", sans-serif !important; }

h1 {
  font-size: 26px !important;
  line-height: 36px !important; }
  @media (min-width: 768px) {
    h1 {
      font-size: 32px !important;
      line-height: 44px !important; } }

h2 {
  font-size: 30px !important;
  line-height: 40px !important; }
  @media (min-width: 768px) {
    h2 {
      font-size: 34px !important;
      line-height: 44px !important; } }

h3 {
  font-size: 30px !important;
  line-height: 40px !important; }
  @media (min-width: 768px) {
    h3 {
      font-size: 34px !important;
      line-height: 44px !important; } }

h4 {
  font-size: 30px !important; }

.section-title {
  display: flex;
  flex-direction: column;
  position: relative;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .section-title {
      flex-direction: row;
      align-items: flex-start; } }
  .section-title .more {
    margin-top: 15px; }
    @media (min-width: 992px) {
      .section-title .more {
        margin-left: auto;
        margin-top: 0; } }

.more {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  font-family: "Montserrat-Regular"; }
  .more:after {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 2px;
    background-color: #F2C541;
    transition: all .3s ease;
    top: 5px; }
  .more:hover {
    text-decoration: none;
    color: #F2C541; }
    .more:hover:after {
      width: 100%; }

/* Form Fields & Inputs */
fieldset {
  border: none; }

form iframe {
  float: left;
  position: relative;
  left: 10%;
  transform: translateX(-5%);
  width: 100%; }
form .frm_submit {
  text-align: center;
  float: left;
  width: 100%; }

.clear-fileinput {
  color: #000; }
  .clear-fileinput:hover {
    color: #F2C541; }
  .clear-fileinput:visited {
    color: #000; }

.choose-file {
  border: 1px solid #F2C541 !important; }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  border-radius: 0 !important; }

input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"] {
  display: inline-block;
  position: relative;
  padding: 15px;
  height: 48px;
  background-color: #fff;
  border: 1px solid;
  border-color: #ddd;
  width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  background-color: #fff;
  height: 48px !important; }

textarea {
  border: 1px solid #ddd !important; }

.custom-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  height: 48px !important;
  border-radius: 0 !important; }

.search-btn {
  background-color: #F2C541;
  border: 1px solid #F2C541 !important;
  font-family: "Montserrat-Bold" !important;
  text-transform: uppercase; }

label {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
  font-family: "Helvetica", Arial; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc; }

.form-row-2 .input-col {
  width: 100%; }
  @media (min-width: 768px) {
    .form-row-2 .input-col {
      width: calc(100%/2);
      margin-right: 2%; }
      .form-row-2 .input-col:nth-of-type(2) {
        margin-right: 0; } }

.form-row-3 .input-col {
  width: 100%; }
  @media (min-width: 768px) {
    .form-row-3 .input-col {
      width: calc(100%/3);
      margin-right: 2%; }
      .form-row-3 .input-col:nth-of-type(3) {
        margin-right: 0; } }

.input-col input {
  margin-bottom: 20px; }

.contact-form .form-field {
  margin-right: 0 !important;
  margin-left: 0 !important; }
.contact-form .input-col label {
  margin-top: 0; }
.contact-form .frm_opt_container {
  padding: 10px 20px; }
.contact-form .frm_submit {
  text-align: center; }
  @media (min-width: 768px) {
    .contact-form .frm_submit {
      text-align: left;
      padding-left: 20px; } }

.calendar-request {
  background-color: #F2C541;
  color: #000;
  padding-top: 80px;
  padding-bottom: 80px; }
  .calendar-request h2 {
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 80px; }
  @media (min-width: 768px) {
    .calendar-request .half-col {
      width: 49.3%;
      float: right; }
      .calendar-request .half-col:nth-of-type(2n) {
        margin-right: 0;
        float: left; } }
  .calendar-request .mc-field-group {
    margin-bottom: 20px; }
  .calendar-request .indicates-required {
    display: none;
    visibility: hidden; }
  .calendar-request form {
    max-width: 90%;
    margin: 0 auto; }
    @media (min-width: 1200px) {
      .calendar-request form {
        max-width: 70%; } }
    .calendar-request form label {
      display: block;
      position: relative;
      text-indent: -9999px;
      height: 0;
      margin: 0; }
    .calendar-request form input {
      border: 0 !important; }
  .calendar-request input[type="submit"] {
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    display: block;
    margin: 0 auto; }
  .calendar-request ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 1;
    /* Firefox */ }
  .calendar-request :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333; }
  .calendar-request ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333; }

.gform_wrapper.gravity-theme .ginput_container_date input {
  width: 100% !important; }

.gform_wrapper.gravity-theme .gfield textarea.large {
  height: 150px !important; }

table {
  width: 100%;
  /* Force `<table>`s to be full-width by default. */ }

th:first-child,
td:first-child {
  padding-left: 0;
  /* Ensure their first and last cells in each row carry no indents. */ }
th:last-child,
td:last-child {
  padding-right: 0;
  /* Ensure their first and last cells in each row carry no indents. */ }

/* Updated styles from tienda */
.custom-table {
  margin: 15px auto;
  text-align: center; }

.custom-table table {
  width: 100%; }

.custom-table table td {
  padding: 10px 12px; }

.custom-table table td a {
  padding: 12px 35px;
  background: #0000ff;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none; }

.custom-table {
  margin: 15px auto; }

.custom-table table {
  width: 100%; }

.custom-table table td {
  padding: 10px 12px; }

.custom-table table td a {
  padding: 12px 35px;
  background: #F2C541;
  color: #000;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none; }

.custom-table table td a:hover,
.inputfile-6 + label:hover {
  background: #000;
  color: #fff; }

.apply-now {
  padding: 12px 25px;
  background-color: #F2C541;
  border: 1px solid #F2C541;
  color: #000;
  font-family: "Montserrat-Bold";
  text-transform: uppercase;
  width: auto;
  font-size: 16px;
  margin: 0;
  transition: all .3s ease; }

.input-col input {
  margin-bottom: 0px; }

.input-col label {
  margin-top: 20px; }

.input-col label.invalid-detail {
  margin: 0px; }

.apply-now:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
  border-color: #000; }

.invalid-detail {
  color: #ff0000;
  font-size: 16px; }

.cv-inputfile,
.file-upload label.choose-file {
  padding: 10px 25px;
  background-color: #f2c541;
  border: 1px solid #dedede;
  color: #000;
  cursor: pointer;
  display: block;
  width: 170px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat-Bold";
  font-size: 16px; }

.file-upload .cv-inputfile {
  display: none; }

.filename {
  display: grid; }

p.error-msg {
  font-size: 20px;
  color: #ff0000; }

p.success-msg {
  font-size: 20px;
  color: #34b314; }

.get-quote--container {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 100px 0; }
  .get-quote--container h1 {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 60px; }
    .get-quote--container h1:before {
      content: "";
      display: block;
      position: relative;
      width: 50px;
      height: 50px;
      background-image: url("images/icons/black/safe-lifting-calculator.png");
      background-repeat: no-repeat;
      background-size: 40px;
      background-position: center;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto; }

.gf_page_steps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0 !important;
  margin-bottom: 150px !important;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1200px) {
    .gf_page_steps {
      max-width: 800px; } }

.gform_body {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1200px) {
    .gform_body {
      max-width: 750px; } }

.gform_wrapper.gravity-theme .gf_step {
  display: inline-flex !important;
  margin: 0 !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto; }

.gform_wrapper.gravity-theme .gf_step_label {
  padding-left: 0 !important;
  text-transform: uppercase;
  font-family: "Montserrat-Regular" !important; }

.gform_wrapper.gravity-theme .gf_step_number {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  width: 60px !important;
  height: 60px !important;
  border-radius: 100% !important;
  font-size: 24px !important;
  font-family: "Montserrat-Regular" !important;
  z-index: 2; }

.gform_wrapper.gravity-theme .gf_step_first {
  align-items: flex-start; }
  .gform_wrapper.gravity-theme .gf_step_first:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: calc(50% - 17px);
    height: 5px;
    background-color: #F2C541;
    width: 50%;
    z-index: 1; }
  .gform_wrapper.gravity-theme .gf_step_first .gf_step_label {
    color: #F2C541 !important;
    padding-left: 10px !important; }

.gform_wrapper.gravity-theme .gf_step_last {
  align-items: flex-end; }
  .gform_wrapper.gravity-theme .gf_step_last .gf_step_label {
    padding-right: 5px !important; }

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
  background-color: #F2C541 !important;
  border: 2px solid #F2C541 !important;
  color: #000 !important; }

.gf_step:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
  height: 5px;
  background-color: #000;
  width: 100%;
  z-index: 0; }

.gf_step_pending .gf_step_number {
  background-color: #000 !important;
  border: 2px solid #000 !important;
  color: #fff !important; }

.gform_wrapper.gravity-theme input:not(input[type="button"]):not(input[type="radio"]):not(input[type="submit"]) {
  height: 70px !important;
  border-radius: 5px !important;
  padding-left: 20px !important;
  background-color: #eee !important;
  font-family: "Montserrat-Regular" !important; }
  .gform_wrapper.gravity-theme input:not(input[type="button"]):not(input[type="radio"]):not(input[type="submit"])::placeholder {
    color: #999 !important;
    font-family: "Montserrat-Regular" !important; }
.gform_wrapper.gravity-theme textarea {
  padding: 20px !important;
  border-radius: 5px !important;
  font-family: "Montserrat-Regular" !important;
  background-color: #eee !important; }
  .gform_wrapper.gravity-theme textarea::placeholder {
    color: #999 !important;
    font-family: "Montserrat-Regular" !important; }
.gform_wrapper.gravity-theme .gform_next_button {
  background-color: #F2C541 !important;
  border: 1px solid #F2C541 !important;
  padding: 15px 60px 15px 20px !important;
  text-transform: uppercase;
  font-family: "Montserrat-Regular" !important;
  background-image: url("images/arrows/black.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top 50% right 20px;
  cursor: pointer;
  transition: all .3s ease; }
  .gform_wrapper.gravity-theme .gform_next_button:hover {
    background-color: #f4cc59 !important; }
.gform_wrapper.gravity-theme .gform_previous_button {
  background-color: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
  padding: 15px 20px 15px 60px !important;
  text-transform: uppercase;
  background-image: url("images/arrows/white-prev.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top 50% left 20px;
  font-family: "Montserrat-Regular" !important;
  cursor: pointer;
  transition: all .3s ease; }
  .gform_wrapper.gravity-theme .gform_previous_button:hover {
    background-color: #F2C541 !important;
    border: 1px solid #F2C541 !important;
    color: #000 !important; }
.gform_wrapper.gravity-theme input[type="submit"] {
  background-color: #F2C541 !important;
  border: 1px solid #F2C541 !important;
  padding: 15px 60px 15px 20px !important;
  text-transform: uppercase;
  font-family: "Montserrat-Regular" !important;
  background-image: url("images/arrows/black.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top 50% right 20px;
  cursor: pointer;
  transition: all .3s ease; }
  .gform_wrapper.gravity-theme input[type="submit"]:hover {
    background-color: #f4cc59 !important; }

.gfield_radio > div img {
  width: 300px; }

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
  width: 60px !important;
  height: 60px !important;
  background-color: #F2C541 !important;
  border-radius: 100% !important;
  border: 2px solid #F2C541 !important; }
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:after {
  color: #000 !important;
  font-size: 40px !important; }

legend.gfield_label {
  font-weight: normal !important; }

.gfield_radio {
  grid-template-columns: repeat(2, max-content) !important; }
  .gfield_radio > div {
    min-width: 200px;
    position: relative; }
    .gfield_radio > div:not(:first-of-type) {
      margin-left: 30px; }

.gfield-choice-input {
  position: relative;
  top: -1px !important; }

fieldset.gfield {
  margin-bottom: 30px !important; }

.gform_wrapper.gravity-theme .gfield-choice-input + label {
  margin-top: 0 !important;
  font-family: "Montserrat-Regular" !important;
  text-transform: uppercase;
  font-size: 16px !important; }

.gfield-choice-input {
  height: auto !important; }

.gchoice > input {
  display: none; }
  .gchoice > input + label {
    border: solid 1px transparent;
    cursor: pointer; }
  .gchoice > input:checked + label {
    border-color: black; }

.field_description_below p {
  color: #666 !important; }
  .field_description_below p a {
    color: #666 !important; }

.gform_wrapper.gravity-theme .gform_page_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px !important; }

.gform_wrapper .gform_validation_errors {
  margin-bottom: 40px !important;
  margin-top: 25px !important; }

.gform_wrapper .gform_validation_errors > h2 {
  font-size: 14px !important;
  line-height: 20px !important;
  text-transform: none;
  font-weight: normal !important; }

.speak-to {
  display: block;
  position: relative;
  width: 90%;
  height: auto;
  padding: 30px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #fdf8e8;
  border: 1px solid #f4cc59; }
  @media (min-width: 768px) {
    .speak-to {
      padding: 60px; } }
  .speak-to .speak-heading {
    text-transform: uppercase;
    font-family: "Montserrat-Bold";
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px; }
  .speak-to p {
    color: #666; }
  .speak-to a {
    display: inline-block;
    margin-top: 30px;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    padding: 15px 30px 15px 50px;
    font-family: "Montserrat-Regular";
    transition: all .3s ease;
    background-image: url("images/icons/white/mobile.png");
    background-repeat: no-repeat;
    background-position: top 50% left 20px;
    background-size: 15px;
    cursor: pointer; }
    .speak-to a:hover {
      background-color: #F2C541 !important;
      border: 1px solid #F2C541 !important;
      color: #000 !important; }

.quote-success {
  padding: 100px 30px; }
  .quote-success h1 {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    font-size: 26px !important;
    line-height: 30px !important; }

.unsure img {
  width: 100%;
  max-width: 30px; }

.what-happens-next {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .what-happens-next h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px !important;
    line-height: 30px !important; }
  .what-happens-next p {
    text-align: center;
    color: #666; }
    @media (min-width: 992px) {
      .what-happens-next p {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto; } }
  .what-happens-next ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 60px; }
    @media (min-width: 576px) {
      .what-happens-next ul {
        flex-direction: row; } }
    .what-happens-next ul li {
      list-style-type: none;
      width: 100%; }
      .what-happens-next ul li:not(:last-of-type) {
        margin-bottom: 30px; }
        @media (min-width: 576px) {
          .what-happens-next ul li:not(:last-of-type) {
            margin-bottom: 0; } }
      @media (min-width: 576px) {
        .what-happens-next ul li {
          width: 50%; } }
      .what-happens-next ul li img {
        display: block;
        position: relative;
        width: 100%;
        max-width: 200px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto; }
      @media (min-width: 992px) {
        .what-happens-next ul li p {
          max-width: 300px; } }

/* Buttons */
.btn, .search-btn, .default-btn, .yellow-btn, .sub-image-text button, .col-four button, .buttons-container a, .survey-block button, .contact-form button, .text-block-bg .yellow-btn, .apply-container button {
  display: inline-block;
  position: relative;
  padding: 10px 25px;
  text-align: center;
  font-family: inherit;
  margin-bottom: 20px;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid;
  transition: all .3s ease; }
  @media (min-width: 768px) {
    .btn, .search-btn, .default-btn, .yellow-btn, .sub-image-text button, .col-four button, .buttons-container a, .survey-block button, .contact-form button, .text-block-bg .yellow-btn, .apply-container button {
      font-size: 16px; } }
  .btn:hover, .search-btn:hover, .default-btn:hover, .yellow-btn:hover, .sub-image-text button:hover, .col-four button:hover, .buttons-container a:hover, .survey-block button:hover, .contact-form button:hover, .apply-container button:hover {
    text-decoration: none; }

.default-btn {
  background-color: #000;
  border-color: #000;
  color: #fff; }
  .default-btn:hover {
    color: #fff;
    background-color: #435058;
    border-color: #435058; }

.learnmore:after {
  content: "";
  display: block;
  position: relative;
  width: 20px;
  height: 2px;
  background-color: #F2C541;
  transition: all .3s ease; }
.learnmore:hover:after {
  width: 100%; }

.yellow-btn {
  background-color: #F2C541;
  border: 1px solid #F2C541;
  color: #000;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  text-align: left;
  display: inline-flex;
  align-items: center;
  transition: all .3s ease;
  margin: 0; }
  .yellow-btn:hover {
    background-color: #000;
    border: 1px solid #000;
    text-decoration: none;
    color: #F2C541; }
    .yellow-btn:hover span {
      background-image: url("images/arrows/yellow.png"); }
  .yellow-btn span {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("images/arrows/black.png");
    background-repeat: no-repeat;
    background-size: 15px;
    margin-left: 10px;
    background-position: center;
    margin-bottom: 0; }

.download {
  display: table;
  font-family: "Montserrat-Bold";
  color: #F2C541;
  font-family: "Montserrat-Regular";
  font-size: 15px;
  text-transform: uppercase; }
  .download:hover, .download:visited {
    color: #F2C541; }

/* Navigation */
.desktop-header {
  display: none;
  visibility: hidden; }

.mobile-header {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 15px 0;
  height: auto; }

.mob-msg {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #f9f9f9;
  text-transform: uppercase;
  text-align: center;
  font-family: "Montserrat-Regular";
  width: 100%;
  font-size: 12px;
  line-height: 12px; }

.menu-slide img + img {
  display: none; }

.mobile-logo img {
  max-width: 90px; }

.mob-quote img + img {
  display: none; }

@media (max-width: 767px) {
  .show {
    opacity: 1;
    transform: translateY(0); }

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

  .nav-stick {
    display: block !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%; } }
.open-mob-menu {
  display: block;
  position: relative;
  font-family: "Montserrat-Bold";
  text-transform: uppercase;
  color: #000;
  margin-top: 10px;
  font-size: 12px; }
  .open-mob-menu:hover {
    color: #000;
    text-decoration: none; }
  .open-mob-menu span {
    content: "";
    display: block;
    position: relative;
    width: 40px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px; }

.mob-quote {
  display: block;
  position: relative;
  font-family: "Montserrat-Bold";
  text-transform: uppercase;
  color: #000;
  margin-top: 10px;
  font-size: 12px; }
  .mob-quote:hover {
    color: #000;
    text-decoration: none; }
  .mob-quote span {
    content: "";
    display: block;
    position: relative;
    width: 40px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px; }

/* Mobile Slide Menu */
.slide-menu {
  height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 90%;
  background-color: #fff;
  color: #fff;
  transform: translateX(-100%);
  transition: all 0.75s ease-in-out;
  transition-delay: 0.25s; }
  @media (min-width: 768px) {
    .slide-menu {
      display: none; } }
  @media (min-width: 768px) {
    .slide-menu {
      width: 70%;
      transform: translateX(100%);
      display: none; } }
  @media (min-width: 992px) {
    .slide-menu {
      display: none; } }
  @media (min-width: 1200px) {
    .slide-menu {
      width: 50%; } }

.slide-menu-show {
  transform: translateX(0);
  transition: all .75s ease-in-out;
  transition-delay: 0.25s;
  z-index: 1000;
  overflow: auto; }
  @media (min-width: 768px) {
    .slide-menu-show {
      transform: translateX(0); } }

.close-container {
  display: flex;
  position: absolute;
  flex-direction: row;
  width: 100%;
  height: 90px;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  color: #fff;
  transition: all .75s ease-in-out;
  transition-delay: 0.25s; }
  @media (min-width: 768px) {
    .close-container {
      display: none; } }
  .close-container .menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50px;
    height: 50px;
    padding: 30px;
    text-decoration: none;
    color: #666;
    background-image: url("images/icons/close.png");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    cursor: pointer;}

.fog {
  position: fixed;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .75s ease-in-out;
  transition-delay: 0.25s; }
  @media (min-width: 768px) {
    .fog {
      display: none; } }

.fog-hover {
  transition: all .75s ease-in-out;
  transition-delay: 0.25s; }

.mobile-menu-container {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 90px;
  height: 100%;
  padding: 20px; }
  .mobile-menu-container ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 550;
    width: 100%; }
  .mobile-menu-container li {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    z-index: 600;
    opacity: 1;
    border-bottom: 1px solid #ccc; }
    .mobile-menu-container li a {
      padding: 10px 0;
      color: #000;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      max-width: 90%; }
    .mobile-menu-container li:last-of-type {
      border-bottom: 0; }
  .mobile-menu-container .sub-children {
    display: none; }
    .mobile-menu-container .sub-children.open-sub {
      display: block; }
  .mobile-menu-container .sub-menu {
    display: none; }
    .mobile-menu-container .sub-menu.open-grandchildren {
      display: block; }
  .mobile-menu-container .child {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    right: 0;
    top: 12px;
    background-image: url("images/misc/arrow-down.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center; }
    .mobile-menu-container .child.active {
      background-image: url("images/misc/arrow-up.png"); }
  .mobile-menu-container .menu-item-has-children .child2 {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    right: 0;
    top: 12px;
    background-image: url("images/misc/arrow-down.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center; }
    .mobile-menu-container .menu-item-has-children .child2.active2 {
      background-image: url("images/misc/arrow-up.png"); }
  .mobile-menu-container .open-grandchildren {
    padding: 0 20px; }
    .mobile-menu-container .open-grandchildren .child2 {
      display: none;
      visibility: hidden; }
    .mobile-menu-container .open-grandchildren li {
      padding: 5px 0;
      width: 100%; }
      .mobile-menu-container .open-grandchildren li a {
        padding: 0;
        font-size: 14px;
        color: #F2C541; }
  .mobile-menu-container .menu {
    padding: 0; }
    .mobile-menu-container .menu li {
      border-bottom: 0; }
      .mobile-menu-container .menu li a {
        text-transform: none; }

@media (min-width: 768px) {
  .mobile-header {
    display: none; } }
@media (min-width: 768px) {
  .desktop-header {
    display: flex;
    justify-content: space-between;
    visibility: visible;
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 20px 0; } }
/* Mega menu */
.exo-menu {
  width: 100%;
  float: left;
  list-style: none;
  position: relative;
  background: transparent;
  display: flex;
  justify-content: flex-end;
  z-index: 50;
  flex-direction: column;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .exo-menu {
      flex-direction: row; } }

.exo-menu > li {
  display: inline-block;
  float: left; }

.exo-menu > li > a {
  color: #fff;
  font-family: "Montserrat-Regular";
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear; }

.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover {
  background: #F2C541;
  color: #000; }

li.drop-down,
.flyout-right,
.flyout-left {
  position: relative; }

li.drop-down > ul {
  min-width: 500px;
  background-color: #fff;
  padding: 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75); }
  @media (min-width: 992px) {
    li.drop-down > ul {
      min-width: 600px; } }

.right-offset {
  left: unset !important;
  right: 0; }

.drop-down-ul {
  display: none; }
  .drop-down-ul li {
    font-size: 12px; }
    @media (min-width: 992px) {
      .drop-down-ul li {
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .drop-down-ul li {
        font-size: 16px; } }

.sub-menu {
  padding: 0; }
  .sub-menu li {
    display: table;
    position: relative;
    padding: 10px 0; }
    .sub-menu li:hover {
      background: none !important; }
      .sub-menu li:hover:after {
        content: "";
        transition: all .3s ease;
        display: block;
        position: relative;
        height: 2px;
        background-color: #F2C541;
        width: 100%;
        top: 4px; }
    .sub-menu li:after {
      content: "";
      transition: all .3s ease;
      display: block;
      position: relative;
      height: 2px;
      background-color: #F2C541;
      width: 0;
      top: 4px; }
  .sub-menu a {
    display: inline-block;
    color: #000 !important;
    padding: 0;
    font-size: 16px;
    font-family: "Montserrat-Regular"; }
    .sub-menu a:hover {
      background: none !important;
      text-decoration: none;
      color: #F2C541 !important; }

.sub-image {
  display: block;
  position: relative; }
  .sub-image img {
    height: auto;
    object-fit: cover;
    object-position: center; }

.sub-image-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0 20px;
  text-align: center; }
  .sub-image-text p {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .sub-image-text p {
        font-size: 22px; } }
  .sub-image-text button {
    background-color: #F2C541;
    border: 1px solid #F2C541; }
    .sub-image-text button a {
      text-transform: uppercase;
      color: #000;
      font-size: 12px;
      line-height: 12px; }
      @media (min-width: 992px) {
        .sub-image-text button a {
          font-size: 14px;
          line-height: 14px; } }
      .sub-image-text button a:hover {
        text-decoration: none; }
    .sub-image-text button:hover {
      background-color: #fff;
      border: 1px solid #fff; }
      .sub-image-text button:hover a {
        color: #000; }

li.drop-down > ul > li > a,
.flyout-right ul > li > a,
.flyout-left ul > li > a {
  color: #fff;
  display: block;
  padding: 10px 10px;
  font-size: 12px;
  text-decoration: none;
  background-color: #365670;
  border-bottom: 1px dotted #547787;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear; }

.flyout-right ul > li > a,
.flyout-left ul > li > a {
  border-bottom: 1px dotted #B8C7BC; }

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left > ul:hover,
li.flyout-right > ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover + ul,
li.flyout-right a:hover + ul,
.blog-drop-down > a:hover + .Blog,
li.drop-down > a:hover + .drop-down-ul,
.images-drop-down > a:hover + .Images,
.mega-drop-down a:hover + .mega-menu,
li.flyout-mega > a:hover + .flyout-mega-wrap {
  display: block; }

/*responsive*/
@media (min-width: 767px) {
  .exo-menu > li > a {
    display: block;
    padding: 10px 5px;
    font-size: 12px; }

  .mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right > ul,
  .flyout-left > ul, li.drop-down > ul {
    position: absolute; } }
@media (min-width: 992px) {
  .exo-menu > li > a {
    font-size: 14px;
    padding: 10px 10px; } }
@media (min-width: 1152px) {
  .exo-menu > li > a {
    font-size: 16px; } }
@media (max-width: 767px) {
  .exo-menu {
    min-height: 58px;
    background-color: #23364B;
    width: 100%; }

  .exo-menu > li > a {
    width: 100%;
    display: none; }

  .exo-menu > li {
    width: 100%; }

  .display.exo-menu > li > a {
    display: block;
    padding: 20px 22px; }

  .mega-menu, .Images, .Blog, .flyout-right > ul,
  .flyout-left > ul, li.drop-down > ul {
    position: relative; } }
a.toggle-menu {
  position: absolute;
  right: 0px;
  padding: 20px;
  font-size: 27px;
  background-color: #ccc;
  color: #23364B;
  top: 0px; }

/* Services Flyout Dropdown */
.services-flyout .services-flyout-ul {
  background-color: #f5f5f5;
  display: block;
  left: -999em;
  margin: 0;
  position: absolute;
  z-index: 99999;
  width: 260px; }
  @media (min-width: 992px) {
    .services-flyout .services-flyout-ul {
      width: 300px; } }
  .services-flyout .services-flyout-ul li {
    width: 100%; }
    .services-flyout .services-flyout-ul li:after {
      display: none; }
    .services-flyout .services-flyout-ul li:hover {
      background-color: #fff !important; }
      .services-flyout .services-flyout-ul li:hover:after {
        display: none; }
      .services-flyout .services-flyout-ul li:hover .sub-menu {
        left: 100%;
        right: auto;
        top: 0; }
    .services-flyout .services-flyout-ul li a {
      display: block;
      padding: 10px;
      width: 100%;
      font-family: "Montserrat-Regular";
      color: #000 !important;
      font-size: 12px; }
      @media (min-width: 992px) {
        .services-flyout .services-flyout-ul li a {
          font-size: 16px; } }
      .services-flyout .services-flyout-ul li a:hover {
        text-decoration: none; }
.services-flyout .sub-menu {
  background-color: #fff;
  padding: 10px 20px;
  display: block;
  left: -999em;
  margin: 0;
  position: absolute;
  z-index: 99999;
  width: 260px;
  border: 1px solid #f5f5f5; }
  @media (min-width: 992px) {
    .services-flyout .sub-menu {
      width: 300px; } }
  .services-flyout .sub-menu li {
    padding: 10px 0;
    transition: all .3s ease;
    border-bottom: 0; }
    .services-flyout .sub-menu li a {
      color: #000;
      padding: 0; }
      .services-flyout .sub-menu li a:after {
        content: "";
        display: block;
        position: relative;
        width: 20px;
        height: 2px;
        background-color: #F2C541;
        transition: all .3s ease;
        height: 1px;
        width: 0;
        margin-top: 3px; }
    .services-flyout .sub-menu li:hover {
      border-bottom: 0; }
      .services-flyout .sub-menu li:hover a:after {
        content: "";
        display: block;
        position: relative;
        width: 20px;
        height: 2px;
        background-color: #F2C541;
        transition: all .3s ease;
        height: 1px;
        width: 100%; }

.services-flyout {
  position: relative; }
  .services-flyout:hover .services-flyout-ul {
    left: auto; }

/* Layout Structures */
.site-header {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  z-index: 998; }

.global-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  transition: all .3s ease;
  color: #000;
  height: auto; }
  @media (min-width: 992px) {
    .global-header {
      height: 150px; } }
  .global-header.header-fixed, body.page-template-page-quote .global-header, body.page-template-page-quote-success .global-header {
    background-color: black; }
    .global-header.header-fixed a, body.page-template-page-quote .global-header a, body.page-template-page-quote-success .global-header a {
      color: #fff; }
    .global-header.header-fixed .exo-menu > li > a, body.page-template-page-quote .global-header .exo-menu > li > a, body.page-template-page-quote-success .global-header .exo-menu > li > a {
      color: #fff; }
    .global-header.header-fixed .header-links a, body.page-template-page-quote .global-header .header-links a, body.page-template-page-quote-success .global-header .header-links a {
      color: #fff; }
    .global-header.header-fixed .white-ico, body.page-template-page-quote .global-header .white-ico, body.page-template-page-quote-success .global-header .white-ico {
      display: inline-block; }
    .global-header.header-fixed .black-ico, body.page-template-page-quote .global-header .black-ico, body.page-template-page-quote-success .global-header .black-ico {
      display: none; }
    .global-header.header-fixed a.quote-btn, body.page-template-page-quote .global-header a.quote-btn, body.page-template-page-quote-success .global-header a.quote-btn {
      color: #000; }
  .global-header a {
    color: #000; }
    .global-header a:hover {
      color: #000; }
    .global-header a:visited {
      color: #000; }
  .global-header .exo-menu > li > a {
    color: #000; }
  .global-header .header-links a {
    color: #000; }
  .global-header .white-ico {
    display: none; }
  .global-header a.quote-btn:hover {
    background-color: #000;
    color: #fff;
    background-image: url("images/icons/white/safe-lifting-calculator.png"); }
  @media (max-width: 767px) {
    .global-header.header-fixed .home-fixed-nav {
      background-color: #000; }
      .global-header.header-fixed .home-fixed-nav a {
        color: #fff; }
    .global-header.header-fixed .mobile-header {
      padding-top: 15px; }
    .global-header.header-fixed .mob-msg {
      display: none; }
      .global-header.header-fixed .mob-msg a {
        color: #000; }
    .global-header.header-fixed .menu-slide img {
      display: none; }
      .global-header.header-fixed .menu-slide img + img {
        display: block; }
    .global-header.header-fixed .mob-quote img {
      display: none; }
      .global-header.header-fixed .mob-quote img + img {
        display: block; } }

.home-fixed-nav {
  display: block;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5; }
  @media (min-width: 768px) {
    .home-fixed-nav {
      background-color: transparent;
      position: fixed; } }
  .home-fixed-nav .white-ico {
    display: inline-block; }
  .home-fixed-nav a.quote-btn:hover {
    background-color: #fff;
    color: #000;
    background-image: url("images/icons/black/safe-lifting-calculator.png"); }

.home-fixed-nav {
  background-color: white;
  transition: all .3s ease; }
  @media (min-width: 768px) {
    .home-fixed-nav {
      background-color: transparent; }
      .header-fixed .home-fixed-nav {
        background-color: black; } }
  .home-fixed-nav .black-ico {
    display: none; }
  .home-fixed-nav .yellow-soc {
    display: none; }
  .home-fixed-nav .exo-menu > li > a {
    color: #fff; }
  .home-fixed-nav .header-links a {
    color: #fff; }

.site-logo {
  width: 100%;
  max-width: 110px;
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center; }
  @media (min-width: 768px) {
    .site-logo {
      width: 10%; } }
  @media (min-width: 992px) {
    .site-logo {
      width: 20%; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .site-logo img {
      max-width: 110px; } }

.header-actions {
  display: flex;
  width: 100%;
  flex-direction: column; }
  @media (min-width: 768px) {
    .header-actions {
      width: 80%; } }
  .header-actions li {
    list-style-type: none; }

.action-links {
  display: flex;
  width: 100%;
  flex-direction: column; }
  @media (min-width: 768px) {
    .action-links {
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      margin-bottom: 20px; } }
  .action-links a {
    font-size: 14px; }
    .action-links a:hover {
      color: #fff; }

a.quote-btn {
  display: inline-block;
  background-color: #F2C541;
  text-align: center;
  padding: 15px 15px 15px 45px;
  color: #000;
  font-family: "Montserrat-Regular";
  background-image: url("images/icons/black/safe-lifting-calculator.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: top 50% left 15px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px; }
  @media (min-width: 1200px) {
    a.quote-btn {
      font-size: 14px;
      line-height: 14px; } }
  a.quote-btn:hover {
    text-decoration: none; }

.header-links {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  justify-content: center; }
  @media (min-width: 768px) {
    .header-links {
      width: 60%;
      justify-content: flex-end; } }
  .header-links li:nth-of-type(2) {
    margin: 0 3%; }
  @media (min-width: 768px) {
    .header-links li {
      margin-right: 3%; }
      .header-links li:nth-of-type(2) {
        margin: 0 3% 0 0; } }
  .header-links li:first-of-type img {
    max-width: 15px; }
  .header-links a {
    color: #fff; }
    .header-links a:hover {
      color: #F2C541; }
  .header-links span {
    margin-right: 5px; }
  .header-links img {
    max-width: 20px; }

@media (min-width: 768px) {
  .phone-us {
    pointer-events: none;
    text-decoration: none; } }
.header-social {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  justify-content: space-around; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header-social {
      display: inline-block; } }
  @media (min-width: 768px) {
    .header-social {
      width: 10%; } }
  @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    .header-social {
      width: 15%; } }

  .header-social li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 3%; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .header-social li {
        display: inline-block; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .header-social li {
        width: 28px;
        height: 28px; } }
    .header-social li:last-of-type {
      margin-right: 0; }

.breadcrumbs {
  background-color: #F8F8F9;
  /*border-top: 1px dashed #666;*/
  margin-top: 0; }
  .breadcrumbs ul {
    height: 50px; }
  .breadcrumbs .breadcrumb_last {
    color: #F2C541; }
  .breadcrumbs li {
    display: flex;
    align-items: center;
    list-style-type: none;
    font-size: 9px;
    color: #808080;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .breadcrumbs li {
        font-size: 12px; } }
    .breadcrumbs li a {
      color: #808080; }
      .breadcrumbs li a:after {
        content: "/";
        display: inline-block;
        position: relative;
        margin: 0 5px; }

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  background-color: transparent;
  top: 50%;
  z-index: 30;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: orange;
    opacity: .5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -55px;
  margin-top: -10px;
  background-image: url("images/arrows/black.png");
  transform: rotate(180deg); }
  @media (min-width: 768px) {
    .slick-prev {
      left: -35px; } }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }

.slick-next {
  right: -55px;
  background-image: url("images/arrows/black.png"); }
  @media (min-width: 768px) {
    .slick-next {
      right: -38px; } }
  [dir="rtl"] .slick-next {
    left: 0;
    right: auto; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: .7; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
        text-align: center;
        color: orange;
        opacity: .5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #ccc;
      opacity: .5; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.site-footer {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #000;
  padding: 45px 25px; }
  @media (min-width: 768px) {
    .site-footer {
      padding: 45px 0; } }

.footer-cols li {
  list-style-type: none; }
  .footer-cols li a {
    font-size: 14px;
    color: #808080;
    font-family: "Helvetica", Arial; }
    .footer-cols li a:hover {
      color: #fff; }
.footer-cols .sub-menu {
  display: none;
  visibility: hidden; }
.footer-cols .foot-heading {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 18px; }
.footer-cols p {
  color: #808080; }

.footer-col {
  margin-bottom: 30px !important; }

.col-four {
  margin-bottom: 30px; }
  .col-four p {
    color: #808080;
    font-size: 14px; }
    .col-four p a {
      color: #808080; }
      .col-four p a:visited {
        color: #808080; }
      .col-four p a:hover {
        color: #fff; }
  @media (min-width: 768px) {
    .col-four .terms-text {
      margin-top: 15px; } }
  .col-four input[type="text"] {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 14px; }
  .col-four button {
    margin-bottom: 0;
    height: 48px;
    text-transform: uppercase;
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #fff;
    background-color: #fff;
    margin-bottom: 0;
    margin-left: 10px; }
    @media (min-width: 768px) {
      .col-four button {
        margin-left: 0;
        margin-top: 5px; } }
    @media (min-width: 992px) {
      .col-four button {
        padding: initial;
        margin-top: 0; } }

.foot-heading {
  font-size: 18px;
  font-family: "Montserrat-Bold"; }

.footer-actions li {
  list-style-type: none;
  font-size: 14px; }
  .footer-actions li:after {
    display: inline-block;
    position: relative;
    content: "/";
    margin: 0 5px; }
  .footer-actions li:last-of-type:after {
    display: none; }

.footer-social {
  position: relative; }
  .footer-social li {
    width: 40px;
    margin-right: 3px; }

.footer-info {
  color: #808080;
  font-size: 14px;
  border-top: 1px solid #808080; }
  .footer-info a {
    color: #808080; }
    .footer-info a:hover {
      color: #fff;
      text-decoration: none; }

/* Page Elements */
.home-hero {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  @media (min-width: 768px) {
    .home-hero {
      height: 60vh; } }
  @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    .home-hero {
      height: 100%; } }

  @media (min-width: 1200px) {
    .home-hero {
      height: 90vh; } }
  .home-hero:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    background-image: url("images/backgrounds/border.png");
    background-size: auto;
    background-repeat: repeat-x; }
  .home-hero picture {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
  .home-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .home-hero .hero-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 40px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center; }
    @media (min-width: 768px) {
      .home-hero .hero-content {
        position: absolute;
        padding-left: 90px; } }
    .home-hero .hero-content:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url(images/backgrounds/logo-white-opacity.png);
      width: 100%;
      height: 100%;
      left: 0;
      bottom: -50px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: left; }
  .home-hero .hero-title {
    font-size: 30px;
    line-height: 36px;
    font-family: "Montserrat-Bold";
    position: relative;
    text-transform: uppercase;
    color: #fff; }
    @media (min-width: 1200px) {
      .home-hero .hero-title {
        font-size: 32px;
        line-height: 42px; } }
  .home-hero .hero-slides {
    display: none;
    margin-bottom: 0;
    z-index: 10;
    height: 100%; }
    .home-hero .hero-slides.slick-initialized {
      display: block; }
    .home-hero .hero-slides li {
      height: 100%;
      position: relative; }
      .home-hero .hero-slides li:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 2; }
  .home-hero .slick-track,
  .home-hero .slick-list {
    height: 100%; }
  .home-hero .slide-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    padding-bottom: 50px;
    padding-left: 40px;
    width: 100%;
    height: 100%; }
    @media (min-width: 768px) {
      .home-hero .slide-content {
        padding-left: 90px;
        padding-bottom: 0;
        justify-content: center; } }
    @media (min-width: 1600px) {
      .home-hero .slide-content {
        padding-bottom: 100px; } }
    .home-hero .slide-content a {
      display: inline-block;
      position: relative;
      margin-top: 30px;
      color: #fff;
      font-family: "Montserrat-Regular";
      text-transform: uppercase;
      text-decoration: underline;
      text-underline-offset: 7px;
      font-size: 14px;
      line-height: 14px; }
      .home-hero .slide-content a:hover {
        text-decoration: none; }
    .home-hero .slide-content:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      background-image: url(images/backgrounds/logo-white-opacity.png);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: left; }
  .home-hero .scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 15%;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    font-size: 15px; }
    .home-hero .scroll:before {
      content: "";
      display: block;
      position: relative;
      width: 1px;
      background-color: #fff;
      height: 50px;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .home-hero .scroll:before {
          height: 100px; } }
    .home-hero .scroll a {
      color: #fff; }
      .home-hero .scroll a:hover, .home-hero .scroll a:visited {
        color: #fff; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .home-hero video {
    height: auto; } }
@supports (-ms-ime-align: auto) {
  .home-hero {
    height: auto !important; }

  .home-hero video {
    height: auto !important; } }
.fleet-sticker-desk {
  position: absolute;
  left: 0;
  bottom: 60px; }
  .fleet-sticker-desk img {
    max-width: 320px;
    height: auto; }

.fleet-sticker-mob {
  display: block;
  margin-top: 5px; }

.newcrane-hero {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .newcrane-hero:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2; }
  .newcrane-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .newcrane-hero .hero-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center; }
    @media (min-width: 768px) {
      .newcrane-hero .hero-content {
        position: absolute; } }
    .newcrane-hero .hero-content:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url("images/backgrounds/logo-white-opacity.png");
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 300px; }
  .newcrane-hero .hero-title {
    font-size: 30px;
    line-height: 34px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase; }
    @media (min-width: 1200px) {
      .newcrane-hero .hero-title {
        font-size: 50px;
        line-height: calc(50px + 10px); } }
  .newcrane-hero .scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 5%;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    font-size: 15px; }
    .newcrane-hero .scroll:before {
      content: "";
      display: block;
      position: relative;
      width: 1px;
      background-color: #fff;
      height: 50px;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .newcrane-hero .scroll:before {
          display: none;
          height: 100px; } }
      @media (min-width: 1200px) {
        .newcrane-hero .scroll:before {
          display: block; } }
    .newcrane-hero .scroll a {
      color: #fff; }
      .newcrane-hero .scroll a:hover, .newcrane-hero .scroll a:visited {
        color: #fff; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .home-hero video {
    height: auto; } }
@supports (-ms-ime-align: auto) {
  .home-hero {
    height: auto !important; }

  .home-hero video {
    height: auto !important; } }
.top-offset {
  margin-top: -35px;
  z-index: 10; }

.learnmore-blocks,
.learnmore-blocks-with-title {
  display: block;
  position: relative; }

.learnmore-list,
.learnmore-carousel {
  display: flex;
  position: relative;
  margin: 0;
  padding: 0; }
  .learnmore-list li,
  .learnmore-carousel li {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    background-color: #000;
    color: #fff;
    width: 33%;
    padding: 30px 0;
    font-family: "Montserrat-Regular"; }
    @media (min-width: 768px) {
      .learnmore-list li,
      .learnmore-carousel li {
        margin: 0 0.5%; } }
    .learnmore-list li *,
    .learnmore-carousel li * {
      margin-bottom: 20px; }
    .learnmore-list li p,
    .learnmore-carousel li p {
      font-size: 14px;
      font-family: "Montserrat-Regular";
      text-align: center;
      padding: 0 15px;
      min-height: 63px; }
    .learnmore-list li a,
    .learnmore-carousel li a {
      margin-bottom: 0;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 15px; }
      .learnmore-list li a:hover,
      .learnmore-carousel li a:hover {
        text-decoration: none;
        color: #fff; }
        .learnmore-list li a:hover:after,
        .learnmore-carousel li a:hover:after {
          background-color: #fff;
          width: 100%; }
      .learnmore-list li a:after,
      .learnmore-carousel li a:after {
        content: "";
        display: block;
        position: relative;
        height: 1px;
        background-color: #fff;
        margin-top: 2px;
        width: 0;
        transition: all .3s ease; }
    .learnmore-list li .list-icon,
    .learnmore-carousel li .list-icon {
      display: block;
      position: relative;
      width: 100px;
      height: 100px;
      background-size: 85px;
      background-repeat: no-repeat;
      background-position: center; }
    .learnmore-list li .list-title,
    .learnmore-carousel li .list-title {
      font-family: "Montserrat-Bold";
      text-transform: uppercase;
      font-size: 22px; }

.orange-sec {
  border-top: 5px solid #DA8020;
  border-bottom: 5px solid #DA8020;
  transition: all .3s ease; }
  .orange-sec a {
    color: #DA8020; }
  .orange-sec:hover {
    background-color: #DA8020;
    color: #fff; }
    .orange-sec:hover .list-icon {
      background-image: url("images/icons/white/QHSE.png"); }
    .orange-sec:hover a {
      color: #fff; }
  .orange-sec .list-icon {
    background-image: url("images/icons/QHSE.png"); }

.green-sec {
  border-top: 5px solid #00583F;
  border-bottom: 5px solid #00583F;
  transition: all .3s ease; }
  .green-sec a {
    color: #00583F; }
  .green-sec:hover {
    background-color: #00583F;
    color: #fff; }
    .green-sec:hover .list-icon {
      background-image: url("images/icons/white/availability.png"); }
    .green-sec:hover a {
      color: #fff; }
  .green-sec .list-icon {
    background-image: url("images/icons/availability.png"); }

.blue-sec {
  border-top: 5px solid #0075BF;
  border-bottom: 5px solid #0075BF;
  transition: all .3s ease; }
  .blue-sec a {
    color: #0075BF; }
  .blue-sec:hover {
    background-color: #0075BF;
    color: #fff; }
    .blue-sec:hover .list-icon {
      background-image: url("images/icons/white/reliabilty.png"); }
    .blue-sec:hover a {
      color: #fff; }
  .blue-sec .list-icon {
    background-image: url("images/icons/reliabilty.png"); }

.yellow-sec {
  border-top: 5px solid #F2C541;
  border-bottom: 5px solid #F2C541;
  transition: all .3s ease; }
  .yellow-sec a {
    color: #F2C541; }
  .yellow-sec:hover {
    background-color: #F2C541;
    color: #fff; }
    .yellow-sec:hover .list-icon {
      background-image: url("images/icons/white/experience.png"); }
    .yellow-sec:hover a {
      color: #fff; }
  .yellow-sec .list-icon {
    background-image: url("images/icons/experience.png"); }

/* Carousel Styles */
.learnmore-carousel {
  display: none; }
  .learnmore-carousel.slick-initialized {
    display: block; }

.learnmore-blocks-carousel {
  padding: 50px 80px 0 80px; }
  @media (min-width: 768px) {
    .learnmore-blocks-carousel {
      padding: 50px; } }
  @media (min-width: 576px) {
    .learnmore-blocks-carousel .slick-slide {
      margin: 0 5px; } }
  .learnmore-blocks-carousel p {
    padding: 0 20px; }

.learnmore-blocks-with-title h2 {
  text-align: center;
  margin-bottom: 20px; }
.learnmore-blocks-with-title ul {
  margin-bottom: 20px; }

.learnblock-grid h3,
.learnblock-grid p {
  margin-bottom: 20px; }
.learnblock-grid ul {
  margin-bottom: 0;
  padding-left: 30px; }
.learnblock-grid li {
  width: 100%;
  margin-bottom: 20px;
  list-style-type: none; }
  @media (min-width: 768px) {
    .learnblock-grid li {
      width: 49%;
      margin-right: 1%; }
      .learnblock-grid li:nth-of-type(2n) {
        margin-right: 0; } }

.page-hero {
  display: block;
  position: relative; }
  .page-hero picture {
    width: 100%; }
  .page-hero img {
    width: 100%; }

.page-hero-content {
  display: flex;
  position: absolute;
  flex-direction: column;
  bottom: 80px;
  left: 0;
  background-color: #F2C541;
  align-items: center;
  justify-content: center;
  height: 125px;
  width: 85%;
  text-align: left; }
  @media (min-width: 768px) {
    .page-hero-content {
      width: 40%;
      bottom: 40px; } }
  .page-hero-content .titles {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-transform: uppercase;
    z-index: 10; }
    .page-hero-content .titles .page-title {
      font-family: "Montserrat-Regular";
      line-height: 16px;
      margin-bottom: 5px; }
    .page-hero-content .titles .page-hero-content-title {
      font-size: 22px;
      font-family: "Montserrat-Bold";
      line-height: 34px; }
  .page-hero-content span {
    content: "";
    display: inline-block;
    position: absolute;
    right: -25px;
    background-color: #F2C541;
    width: 55px;
    height: 125px;
    top: 0;
    trasform: skew(90deg);
    transform: skew(-20deg, 0deg); }
  .page-hero-content .page-hero-content-title {
    font-size: 34px; }

.page-title-banner h1 {
  margin-bottom: 0;
  z-index: 5;
  text-align: left; }
.page-title-banner .background-angle {
  display: block;
  position: relative;
  width: 100%;
  height: 420px;
  max-height: 560px;
  padding: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    .page-title-banner .background-angle {
      max-height: 370px; } }
  @media (min-width: 1200px) {
    .page-title-banner .background-angle {
      max-height: 420px; } }
  .page-title-banner .background-angle .angled-block-slim {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    background-color: #F2C541;
    max-width: 80%;
    height: auto;
    padding: 20px;
    text-align: right;
    opacity: .9; }
    @media (min-width: 768px) {
      .page-title-banner .background-angle .angled-block-slim {
        max-width: 50%;
        min-width: 30%;
        width: auto;
        padding: 40px 60px; } }
    .page-title-banner .background-angle .angled-block-slim p {
      color: #000;
      z-index: 5;
      font-size: 20px;
      line-height: 24px;
      margin: 0;
      font-family: "Montserrat-Bold";
      text-transform: uppercase; }
      @media (min-width: 1200px) {
        .page-title-banner .background-angle .angled-block-slim p {
          font-size: 28px;
          line-height: 32px; } }
    .page-title-banner .background-angle .angled-block-slim span {
      display: block;
      position: absolute;
      right: -5%;
      top: 0;
      background-color: #F2C541;
      width: calc(25% - 10%);
      height: 100%;
      transform: skew(-10deg, 0); }

.background-angle-fullwidth:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.angled-block {
  background-color: #F2C541;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 90%;
  height: auto;
  max-height: 5rem;
  padding: 15px 0 15px 15px;
  padding: 0 0 0 15px;
  color: #000; }
  @media (min-width: 992px) {
    .angled-block {
      width: 400px; } }
  .angled-block:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: auto;
    padding: 43px 0 15px 15px;
    background-color: #F2C541;
    left: -100%; }
  .angled-block p {
    position: relative;
    z-index: 5;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 0 15px 0;
    text-transform: uppercase;
    font-family: "Montserrat-Regular"; }
  .angled-block span {
    display: block;
    position: absolute;
    right: -10%;
    top: 0;
    background-color: #F2C541;
    width: calc(100% - 10%);
    height: 100%;
    transform: skew(-20deg, 0); }

.page-intro img {
  width: 100%; }
.page-intro h1 {
  margin-bottom: 20px; }
.page-intro .text-column {
  margin-bottom: 20px; }
  .page-intro .text-column p {
    margin-bottom: 0;
    padding-bottom: 20px; }
  .page-intro .text-column strong {
    display: block;
    position: relative;
    margin-bottom: 20px; }
  @media (min-width: 992px) {
    .page-intro .text-column {
      padding-top: 50px;
      padding-bottom: 50px; } }
@media (min-width: 768px) {
  .page-intro .text-column {
    padding-right: 8%; } }
@media (min-width: 992px) {
  .page-intro .intro-container {
    width: calc(100% - 35px);
    margin-left: 35px; } }
@media (min-width: 1152px) {
  .page-intro .intro-container {
    width: calc(100% - 55px);
    margin-left: 55px; } }
@media (min-width: 1200px) {
  .page-intro .intro-container {
    width: calc(100% - 8%);
    margin-left: 8%; } }

.links-container a {
  margin-right: 20px;
  color: #000;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  font-size: 16px; }
  .links-container a:after {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 2px;
    background-color: #F2C541;
    transition: all .3s ease; }
  .links-container a:last-of-type {
    margin-right: 0; }
  .links-container a:hover {
    color: #F2C541;
    text-decoration: none; }
    .links-container a:hover:after {
      width: 100%; }

.buttons-container {
  margin-top: 30px; }
  .buttons-container a {
    margin-right: 20px;
    color: #000;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #ccc;
    margin-bottom: 0; }
    .buttons-container a + a {
      margin-right: 0; }
    .buttons-container a:hover {
      color: #000;
      text-decoration: none;
      background-color: #F2C541;
      border: 1px solid #F2C541; }
      .buttons-container a:hover:after {
        width: 100%; }

.back {
  display: inline-block;
  position: relative;
  font-size: 12px;
  margin-top: 15px; }
  @media (min-width: 992px) {
    .back {
      margin-left: auto;
      margin-top: 0;
      font-size: 15px;
      width: 30%;
      text-align: right; } }
  .back:hover img {
    margin-right: 13px; }
  .back a {
    color: #F2C541; }
    .back a:hover {
      color: #F2C541; }
  .back img {
    width: 15px;
    transform: rotate(180deg);
    margin-right: 10px;
    transition: all .2s ease; }

.position-location {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-family: "Montserrat-Regular";
  margin-bottom: 20px;
  font-size: 18px; }
  .position-location span {
    color: #F2C541; }

.job-detail-txt {
  padding: 0 0 80px 0 !important; }

.survey-block {
  padding: 50px; }
  .survey-block .block-icon {
    margin-bottom: 20px; }
    .survey-block .block-icon img {
      height: 45px;
      width: auto; }
  .survey-block .block-title {
    margin-bottom: 30px;
    font-size: 30px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    text-align: center; }
  .survey-block form {
    max-width: 90%;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .survey-block form {
        max-width: 70%; }
        .page-template-page-water .survey-block form {
          max-width: 100%; }
          .page-template-page-water .survey-block form .gfield_label {
            margin-top: 0; }
          .page-template-page-water .survey-block form .gform_fields {
            grid-row-gap: 10px; } }
    .survey-block form p {
      margin: 20px 0; }
  .survey-block input,
  .survey-block select {
    margin-bottom: 10px;
    border: 1px solid #fff; }
  .survey-block button {
    margin-top: 30px;
    width: 100%;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    height: 50px; }
  .survey-block small {
    max-width: 90%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .survey-block small {
        max-width: 70%; } }

.survey {
  position: relative;
  background-color: #000;
  color: #fff; }
  .survey .block-title {
    color: #F2C541; }
  .survey a {
    color: #fff;
    text-decoration: underline; }
    .survey a:hover {
      text-decoration: none;
      color: #fff; }
  .survey .frm_opt_container a:visited {
    color: #fff !important; }
  .survey:after {
    content: "";
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    background-color: #000;
    bottom: -22px;
    z-index: 5;
    transform: rotate(45deg); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .survey:after {
        display: none; } }
    @media (min-width: 768px) {
      .survey:after {
        right: -22px;
        bottom: 50%;
        width: 45px;
        height: 45px; } }
    @media (min-width: 1200px) {
      .survey:after {
        right: -35px;
        width: 70px;
        height: 70px; } }
  .survey button {
    background-color: #F2C541;
    border: 1px solid #F2C541;
    color: #000; }
  .survey input[type="submit"] {
    background-color: #F2C541;
    border: 1px solid #F2C541;
    color: #000;
    width: 100%;
    height: 50px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    font-size: 16px !important;
    cursor: pointer; }

.calculator {
  background-color: #F2C541;
  color: #000; }
  .calculator a {
    color: #000;
    text-decoration: underline; }
    .calculator a:hover {
      text-decoration: none;
      color: #000; }
  .calculator .block-title {
    color: #000; }
  .calculator .form-field {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .calculator .frm_opt_container a:visited {
    color: #000 !important; }
  .calculator button {
    background-color: #000;
    border: 1px solid #000;
    color: #fff; }
  .calculator input[type="submit"] {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    width: 100%;
    height: 50px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    font-size: 16px !important;
    cursor: pointer; }

.contact-form {
  background-color: #F2C541;
  color: #000;
  padding: 50px; }
  .contact-form form {
    max-width: 90%;
    margin: 0 auto;
    width: 80%; }
    @media (min-width: 992px) {
      .contact-form form {
        width: 70%; } }
    .contact-form form p {
      margin: 20px 0; }
  .contact-form input {
    margin-bottom: 15px;
    border: 1px solid #fff; }
  .contact-form textarea {
    border: 1px solid #fff !important; }
  .contact-form button {
    margin-top: 30px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    height: 50px;
    background-color: #000;
    border: 1px solid #000;
    color: #fff; }
    @media (min-width: 992px) {
      .contact-form button {
        width: 50%; } }
  .contact-form .frm_opt_container a:visited {
    color: #000 !important; }

.contact-details {
  background-color: #fff;
  color: #000; }
  .contact-details li {
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-family: "Montserrat-Bold";
    padding: 15px 0; }
    .contact-details li p {
      font-family: "Montserrat-Regular"; }
    .contact-details li address {
      font-family: "Helvetica", Arial;
      font-size: 16px;
      text-transform: none;
      margin-bottom: 30px; }
    .contact-details li:last-of-type {
      border-bottom: 0; }
  .contact-details .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: transparent; }
    .contact-details .contact-icon img {
      width: 100%; }
  .contact-details .email-link {
    font-size: 18px;
    color: #F2C541;
    text-transform: none; }
    @media (min-width: 768px) {
      .contact-details .email-link {
        font-size: 16px; } }
    @media (min-width: 992px) {
      .contact-details .email-link {
        font-size: 26px; } }
  .contact-details .detail-txt {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .contact-details .detail-txt span {
      color: #F2C541;
      font-size: 22px; }
  .contact-details .company-details {
    margin-bottom: 5px;
    font-family: "Helvetica", Arial;
    font-size: 16px;
    text-transform: none; }
  .contact-details .modal-header .close {
    width: auto; }
  .contact-details .modal-body form {
    max-width: 100%;
    width: 100%; }
  .contact-details .modal-body input {
    border: 1px solid #ccc; }
  .contact-details .modal-body .frm_top_container {
    text-transform: none;
    font-weight: normal;
    font-family: 'Helvetica', 'Arial'; }
  .contact-details .modal-body .frm_required {
    color: red; }
  .contact-details .modal-body .frm_button_submit {
    width: auto;
    margin-top: 30px; }

.frm_opt_container {
  padding: 10px;
  float: left;
  position: relative; }
  .frm_opt_container a {
    color: #000;
    text-decoration: underline; }
    .frm_opt_container a:hover {
      text-decoration: none;
      color: #000; }
    .frm_opt_container a:visited {
      color: #000; }

.survey .frm_opt_container a {
  color: #fff;
  text-decoration: underline; }
  .survey .frm_opt_container a:hover {
    text-decoration: none;
    color: #fff; }
  .survey .frm_opt_container a:visited {
    color: #fff; }

.our-vision .text-block,
.our-vision-carousel .text-block {
  margin-bottom: calc(80px - 20px);
  padding-top: 30px; }
  .our-vision .text-block h3,
  .our-vision .text-block p,
  .our-vision-carousel .text-block h3,
  .our-vision-carousel .text-block p {
    margin-bottom: 20px; }
  .our-vision .text-block h2,
  .our-vision-carousel .text-block h2 {
    padding-bottom: 10px; }
  .our-vision .text-block a,
  .our-vision-carousel .text-block a {
    display: inline-block;
    color: #000;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none; }
    .our-vision .text-block a:hover,
    .our-vision-carousel .text-block a:hover {
      text-decoration: none; }
      .our-vision .text-block a:hover:after,
      .our-vision-carousel .text-block a:hover:after {
        width: 100%; }
    .our-vision .text-block a:after,
    .our-vision-carousel .text-block a:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease; }
.our-vision .icon,
.our-vision-carousel .icon {
  text-align: center;
  padding: 20px 20px 10px 20px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .our-vision .icon,
    .our-vision-carousel .icon {
      height: auto;
      min-height: 260px;
      margin-bottom: 30px; } }
  .our-vision .icon img,
  .our-vision-carousel .icon img {
    max-width: 60%; }
    @media (min-width: 768px) {
      .our-vision .icon img,
      .our-vision-carousel .icon img {
        max-width: 45%; } }
    @media (min-width: 1200px) {
      .our-vision .icon img,
      .our-vision-carousel .icon img {
        max-width: 60%; } }
.our-vision ul,
.our-vision-carousel ul {
  padding: 0;
  margin: 0; }
.our-vision li,
.our-vision-carousel li {
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
  color: #fff; }
  @media (min-width: 576px) {
    .our-vision li,
    .our-vision-carousel li {
      width: 49.5%;
      margin-right: 1%; }
      .our-vision li:nth-of-type(2n),
      .our-vision-carousel li:nth-of-type(2n) {
        margin-right: 0; } }
  @media (min-width: 992px) {
    .our-vision li,
    .our-vision-carousel li {
      width: 32.666%;
      margin-right: 1%; }
      .our-vision li:nth-of-type(2n),
      .our-vision-carousel li:nth-of-type(2n) {
        margin-right: 1%; }
      .our-vision li:nth-of-type(3n),
      .our-vision-carousel li:nth-of-type(3n) {
        margin-right: 0; } }
  .our-vision li p,
  .our-vision-carousel li p {
    text-align: center;
    background-color: #fff;
    width: 100%;
    color: #000;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 5px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .our-vision li p,
      .our-vision-carousel li p {
        display: inline-table; } }
    @media (min-width: 768px) {
      .our-vision li p,
      .our-vision-carousel li p {
        font-size: 12px; } }
    @media (min-width: 992px) {
      .our-vision li p,
      .our-vision-carousel li p {
        font-size: 16px; } }
.our-vision .title,
.our-vision-carousel .title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
  font-family: "Montserrat-Regular";
  max-width: 90%;
  height: 50px; }
.our-vision .orange-bg,
.our-vision-carousel .orange-bg {
  background-color: #DA8020; }
.our-vision .yellow-bg,
.our-vision-carousel .yellow-bg {
  background-color: #F2C541; }
.our-vision .blue-bg,
.our-vision-carousel .blue-bg {
  background-color: #0075BF; }
.our-vision .dark-green-bg,
.our-vision-carousel .dark-green-bg {
  background-color: #004E32; }
.our-vision .light-green-bg,
.our-vision-carousel .light-green-bg {
  background-color: #3AAA35; }
.our-vision .red-bg,
.our-vision-carousel .red-bg {
  background-color: #E30610; }

/* Our Vision Carousel Styles */
.our-vision-carousel {
  padding: 50px 80px; }
  @media (min-width: 768px) {
    .our-vision-carousel {
      padding: 50px; } }
  @media (min-width: 576px) {
    .our-vision-carousel .slick-slide {
      margin: 0 5px; } }
  .our-vision-carousel .text-block {
    padding: 0; }
  .our-vision-carousel li p {
    background-color: #F2F2F2; }
  .our-vision-carousel .icon {
    text-align: center; }
    .our-vision-carousel .icon img {
      max-width: 100%; }

.vision-carousel {
  display: none; }
  .vision-carousel.slick-initialized {
    display: block; }

.vision-list {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  @media (min-width: 768px) {
    .vision-list {
      padding-left: 30px !important;
      padding-right: 0 !important; } }

.our-vision-full .vision-list {
  padding-left: 0px !important;
  padding-right: 0 !important; }

.why-choose {
  padding-left: calc(50px / 2);
  padding-right: calc(50px / 2); }
  @media (min-width: 768px) {
    .why-choose {
      padding-left: 30px;
      padding-right: 20px; } }
  .why-choose .text-block {
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 992px) {
      .why-choose .text-block {
        padding: 0 80px 0 20px;
        margin-bottom: 0; } }
    .why-choose .text-block h3,
    .why-choose .text-block p {
      margin-bottom: 20px; }
    .why-choose .text-block a {
      display: inline-block;
      text-decoration: none;
      color: #000;
      font-family: "Montserrat-Regular";
      text-transform: uppercase;
      font-size: 16px; }
      .why-choose .text-block a:hover {
        text-decoration: none; }
        .why-choose .text-block a:hover:after {
          width: 100%; }
      .why-choose .text-block a:after {
        content: "";
        display: block;
        position: relative;
        width: 20px;
        height: 2px;
        background-color: #F2C541;
        transition: all .3s ease;
        background-color: #000; }
  .why-choose .icon {
    width: 25%; }
    @media (min-width: 768px) {
      .why-choose .icon {
        width: 30%; } }
    @media (min-width: 1200px) {
      .why-choose .icon {
        width: 20%; } }
    .why-choose .icon img {
      max-width: 60px; }
  .why-choose ul {
    padding: 0;
    margin: 0; }
  .why-choose li {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
    color: #fff; }
    @media (min-width: 576px) {
      .why-choose li {
        width: 49.5%;
        margin-right: 1%; }
        .why-choose li:nth-of-type(2n) {
          margin-right: 0; } }
    @media (min-width: 768px) {
      .why-choose li {
        flex-direction: row; }
        .why-choose li:nth-of-type(1), .why-choose li:nth-of-type(2) {
          margin-bottom: 80px; } }
    .why-choose li p {
      text-align: left;
      width: 100%;
      color: #000;
      font-size: 16px;
      margin-bottom: 5px; }
      @media (min-width: 768px) {
        .why-choose li p {
          font-size: 12px; } }
      @media (min-width: 992px) {
        .why-choose li p {
          font-size: 16px; } }
    .why-choose li .inner-content {
      width: 100%;
      padding-left: 10px; }
      @media (min-width: 768px) {
        .why-choose li .inner-content {
          width: 80%; } }
  .why-choose .title {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 5px;
    text-align: left;
    font-family: "Montserrat-Regular";
    max-width: 90%;
    color: #000; }

/* Case Study Page */
.casestudy-whychoose {
  position: relative;
  padding: 80px 0; }
  .casestudy-whychoose img {
    margin-bottom: 50px; }
  .casestudy-whychoose .content-area {
    position: relative;
    margin-bottom: 50px; }
    .casestudy-whychoose .content-area:last-of-type {
      margin-bottom: 0; }

.why-work {
  padding-left: calc(50px / 2);
  padding-right: calc(50px / 2);
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .why-work {
      padding-left: 0;
      padding-right: 0; } }
  .why-work h3,
  .why-work p {
    margin-bottom: 20px;
    padding-left: 15%;
    padding-right: 15%; }
  .why-work .text-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 10px;
    padding: 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .why-work .text-block {
        flex: 1 0 0; } }
    @media (min-width: 768px) {
      .why-work .text-block {
        margin-bottom: 0; } }
    .why-work .text-block a {
      color: #000;
      display: inline-block;
      text-decoration: none;
      font-family: "Montserrat-Regular";
      text-transform: uppercase;
      font-size: 16px;
      width: auto;
      align-self: flex-start; }
      .why-work .text-block a:hover {
        text-decoration: none; }
        .why-work .text-block a:hover:after {
          width: 100%; }
      .why-work .text-block a:after {
        content: "";
        display: block;
        position: relative;
        width: 20px;
        height: 2px;
        background-color: #F2C541;
        transition: all .3s ease; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .why-work .text-block .text {
        padding-top: 13rem; } }
  .why-work .large-img {
    width: 100%; }
    .why-work .large-img img {
      width: 100%; }

.two-col-images {
  margin-top: 50px;
  display: flex;
  flex-direction: column; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .two-col-images {
      flex: 1 0 0;
      height: 100%; } }
  @media (min-width: 768px) {
    .two-col-images {
      flex-direction: row; } }
  .two-col-images img {
    width: 100%;
    height: 100%;
    flex-shrink: 0; }
  .two-col-images .img-1,
  .two-col-images .img-2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    align-self: flex-end; }
    @media (min-width: 768px) {
      .two-col-images .img-1,
      .two-col-images .img-2 {
        width: 49%;
        margin-right: 1%;
        margin-bottom: 0;
        flex-direction: row; } }
    .two-col-images .img-1:before,
    .two-col-images .img-2:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 5; }
    .two-col-images .img-1:hover .overlay-text,
    .two-col-images .img-2:hover .overlay-text {
      transform: translateY(0); }
    .two-col-images .img-1:hover .overlay-title,
    .two-col-images .img-2:hover .overlay-title {
      color: #F2C541; }
      .two-col-images .img-1:hover .overlay-title:after,
      .two-col-images .img-2:hover .overlay-title:after {
        background-color: #F2C541; }
    .two-col-images .img-1:hover .overlay-link,
    .two-col-images .img-2:hover .overlay-link {
      opacity: 1;
      padding-left: 0; }
    .two-col-images .img-1 .overlay-text .overlay-link,
    .two-col-images .img-2 .overlay-text .overlay-link {
      font-size: 18px;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      padding-left: 0; }
      .two-col-images .img-1 .overlay-text .overlay-link:after,
      .two-col-images .img-2 .overlay-text .overlay-link:after {
        display: none; }
  .two-col-images .img-2:last-of-type {
    margin-bottom: 0; }

.large-img {
  position: relative;
  overflow: hidden; }
  .large-img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5; }
  .large-img img {
    width: 100%;
    height: 100%; }
  .large-img:hover .overlay-text {
    transform: translateY(0); }
  .large-img:hover .overlay-title {
    color: #F2C541; }
    .large-img:hover .overlay-title:after {
      background-color: #F2C541; }
  .large-img:hover .overlay-link {
    opacity: 1;
    padding-left: 0; }
    .large-img:hover .overlay-link:after {
      display: none; }
  .large-img .overlay-text {
    transform: translateY(40px); }
    .large-img .overlay-text .overlay-link {
      font-size: 16px;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      padding-left: 0; }

.course-enquiry-form .frm_opt_container a:visited {
  color: #212529 !important; }

.frm_opt_container a:visited {
  color: #fff !important; }

.image-content {
  position: absolute;
  bottom: 15px;
  left: 20px;
  width: 100%;
  z-index: 15;
  transition: all .6s ease; }
  .image-content .title {
    display: block;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    width: 70%;
    z-index: 15;
    margin-bottom: 5px; }
    .image-content .title:after {
      content: "";
      display: block;
      position: relative;
      height: 1px;
      background-color: #fff;
      transition: all .3s ease;
      width: 100%; }
    .image-content .title:hover:after {
      width: 100%; }
  .image-content p {
    position: relative;
    color: #fff;
    z-index: 15;
    width: 90%; }

.case-slider {
  text-align: center; }
  .case-slider h3 {
    margin-bottom: 20px; }
  .case-slider .case-text-block {
    margin-bottom: calc(20px * 3); }
    .case-slider .case-text-block p {
      max-width: 80%;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .case-slider .case-text-block p {
          max-width: 50%; } }

.case-slides {
  padding: 0 50px;
  display: none;
  overflow: hidden; }
  .case-slides.slick-initialized {
    display: block; }
  @media (min-width: 768px) {
    .case-slides {
      padding: 0 50px; }
      .case-slides .slick-slide {
        margin: 0 5px; } }
  .case-slides li {
    list-style-type: none;
    position: relative;
    margin: 0 0.5% 20px 0.5%;
    overflow: hidden; }
    .case-slides li img {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    .case-slides li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 5; }
    .case-slides li:hover .overlay-text {
      transform: translateY(-15px); }
    .case-slides li:hover .overlay-title {
      color: #F2C541; }
      .case-slides li:hover .overlay-title:after {
        background-color: #F2C541; }
    .case-slides li:hover .overlay-link {
      opacity: 1; }
  .case-slides .overlay-text {
    transform: translateY(15px); }
  .case-slides .overlay-link {
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    color: #fff; }
    .case-slides .overlay-link:after {
      display: none; }
  .case-slides .slick-prev {
    left: 0; }
  .case-slides .slick-next {
    right: 0; }
  @media (min-width: 768px) {
    .case-slides .slick-prev {
      left: 0;
      top: 50%;
      bottom: unset; } }
  @media (min-width: 768px) {
    .case-slides .slick-next {
      right: 0;
      top: 50%;
      bottom: unset; } }
  @media (min-width: 1366px) {
    .case-slides .slick-prev {
      left: -43px; } }
  @media (min-width: 1366px) {
    .case-slides .slick-next {
      right: -43px; } }

.case-studies-block {
  padding: 60px 20px; }
  .case-studies-block h4 {
    margin-bottom: 60px;
    text-align: center; }
    @media (min-width: 768px) {
      .case-studies-block h4 {
        padding: 0 90px; } }
  .case-studies-block .slick-slide {
    margin: 0 10px; }
    .case-studies-block .slick-slide p {
      margin: 20px 0 0 0;
      font-family: "Montserrat-Regular"; }
    .case-studies-block .slick-slide a {
      text-decoration: none;
      color: #000; }
      .case-studies-block .slick-slide a:hover {
        text-decoration: underline; }
  @media (max-width: 767px) {
    .case-studies-block .slick-prev {
      left: 0; }
    .case-studies-block .slick-next {
      right: 0; } }

.case-studies-carousel {
  display: none; }
  .case-studies-carousel.slick-initialized {
    display: block; }
    @media (max-width: 767px) {
      .case-studies-carousel.slick-initialized {
        padding: 0 40px; } }

.case-list {
  text-align: center; }
  .case-list .case-text-block p {
    max-width: 80%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .case-list .case-text-block p {
        max-width: 50%; } }

.featured-case-study img {
  margin-bottom: 20px; }

.page-template-page-sectors .case-studies li img {
  height: 350px; }

.case-studies {
  display: flex;
  flex-direction: row;
  padding: 0; }
  .case-studies li {
    list-style-type: none;
    position: relative;
    margin: 0;
    overflow: hidden;
    width: 100%; }
    @media (min-width: 768px) {
      .case-studies li {
        width: 49.5%;
        margin-right: 1%; }
        .case-studies li:nth-of-type(2n) {
          margin-right: 0; } }
    .case-studies li img {
      position: relative;
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: center; }
  .case-studies .case-excerpt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px 0; }
    @media (min-width: 768px) {
      .case-studies .case-excerpt {
        padding: 30px; } }
    .case-studies .case-excerpt .excerpt-title {
      font-family: "Montserrat-Bold";
      text-transform: uppercase;
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 20px;
      text-align: left; }
      @media (min-width: 768px) {
        .case-studies .case-excerpt .excerpt-title {
          font-size: 20px;
          line-height: 20px; } }
      @media (min-width: 1200px) {
        .case-studies .case-excerpt .excerpt-title {
          font-size: 24px;
          line-height: 24px; } }
    .case-studies .case-excerpt p {
      text-align: left;
      margin-bottom: 20px; }
    .case-studies .case-excerpt a {
      color: #000;
      text-transform: uppercase;
      font-family: "Montserrat-Regular"; }
      .case-studies .case-excerpt a:hover {
        text-decoration: none; }

.careers-callouts {
  padding: 80px 0; }

.accreditations {
  display: block;
  position: relative; }
  .accreditations h4 {
    text-align: center; }
  .accreditations ul {
    margin-bottom: 0; }
  .accreditations li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style-type: none;
    margin-bottom: 30px; }
    @media (min-width: 576px) {
      .accreditations li {
        width: 33%; } }
    @media (min-width: 768px) {
      .accreditations li {
        width: 20%; } }

.accreditations-5-col {
  display: block;
  position: relative; }
  .accreditations-5-col h4 {
    text-align: center;
    margin-bottom: 50px; }
  .accreditations-5-col ul {
    margin-bottom: 0; }
  .accreditations-5-col li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style-type: none;
    margin-bottom: 30px; }
    @media (min-width: 576px) {
      .accreditations-5-col li {
        width: 33%; } }
    @media (min-width: 768px) {
      .accreditations-5-col li {
        width: 20%; } }

/* Accreditations carousel styles */
.accreditations-carousel {
  padding: 80px; }
  .accreditations-carousel h2 {
    text-align: center;
    margin-bottom: 20px; }
  .accreditations-carousel p {
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px; }
    @media (min-width: 1200px) {
      .accreditations-carousel p {
        max-width: 50%;
        margin: 0 auto 50px auto; } }
  .accreditations-carousel .accreditation-carousel-list {
    display: none;
    padding: 0 50px; }
    .accreditations-carousel .accreditation-carousel-list.slick-initialized {
      display: block; }
    @media (min-width: 768px) {
      .accreditations-carousel .accreditation-carousel-list {
        padding: 0; } }
    .accreditations-carousel .accreditation-carousel-list .slick-prev {
      left: 30px; }
    .accreditations-carousel .accreditation-carousel-list .slick-next {
      right: 30px; }
  .accreditations-carousel li {
    padding: 0 40px;
    cursor: move; }
    .accreditations-carousel li img {
      width: 100%; }

.accreditation-list img {
  width: 100%; }

.sectors h2,
.sectors .top-txt {
  margin-bottom: 20px; }
.sectors .bottom-txt {
  margin-top: calc(20px - 1%); }

.sector {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden; }
  .sector img {
    display: block;
    position: relative;
    width: 100%; }
  .sector:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5; }
  .sector:hover .overlay-text {
    transform: translateY(0); }
  .sector:hover .overlay-title {
    color: #F2C541; }
    .sector:hover .overlay-title:after {
      background-color: #F2C541; }
  .sector:hover .overlay-copy {
    opacity: 1; }
  .sector:hover .overlay-link {
    opacity: 1; }

@media (min-width: 768px) {
  .sector {
    width: 32.666%;
    margin-right: 1%; }
    .sector:nth-of-type(3n) {
      margin-right: 0; } }
.overlay-text {
  display: block;
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  transform: translateY(65px);
  transition: all .3s ease; }
  .overlay-text .overlay-title {
    display: inline-block;
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    padding-bottom: 15px; }
    .overlay-text .overlay-title:after {
      content: "";
      width: auto;
      height: 2px;
      background-color: #fff;
      margin-top: 10px;
      display: block;
      position: relative; }
  .overlay-text .overlay-copy {
    opacity: 0;
    transition: all .3s ease;
    font-size: 14px;
    font-family: "Montserrat-Regular";
    max-width: 90%; }
  .overlay-text .overlay-link {
    display: block;
    opacity: 0;
    transition: all .3s ease;
    font-size: 14px;
    font-family: "Montserrat-Regular"; }

/* Sectors carousel styles */
.sectors-carousel {
  background-color: #F2F2F2;
  padding: 50px calc(50px / 2); }
  .sectors-carousel h2 {
    margin-bottom: 30px;
    max-width: 70%; }
    @media (min-width: 768px) {
      .sectors-carousel h2 {
        max-width: 100%; } }
  .sectors-carousel .sectors-list {
    display: none;
    padding: 0 50px; }
    .sectors-carousel .sectors-list.slick-initialized {
      display: block; }
    @media (min-width: 768px) {
      .sectors-carousel .sectors-list {
        padding: 0; } }
  .sectors-carousel .sector {
    margin-bottom: 0; }
  .sectors-carousel .slick-prev {
    left: 0; }
  .sectors-carousel .slick-next {
    right: 0; }

.sectors-2-col .sector {
  width: 100%;
  margin-bottom: 1%; }
  @media (min-width: 768px) {
    .sectors-2-col .sector {
      width: 49.5%;
      margin-right: 1%; }
      .sectors-2-col .sector:nth-of-type(2n) {
        margin-right: 0; } }

@media (min-width: 768px) {
  .sectors-offset {
    margin-top: -200px;
    padding-top: 200px;
    padding-bottom: 80px; } }
.qhse-callouts {
  background-color: #fff; }
  @media (min-width: 768px) {
    .qhse-callouts .sector {
      margin-bottom: 20px; } }

.training-courses {
  background-color: #fff; }
  .training-courses h3 {
    margin-bottom: calc(20px * 3); }

.services-nav a {
  display: flex;
  align-items: center;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 14px; }
  .services-nav a:hover {
    color: #F2C541 !important; }
  .services-nav a:visited {
    color: #000; }

.services-static {
  display: block;
  position: relative; }
  .services-static .overlay-text {
    height: 100%;
    padding: 40% 20px 0 20px; }
    .services-static .overlay-text h2 {
      font-size: 18px !important; }
  .services-static:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 5px;
    background-image: url("images/backgrounds/border.png");
    background-size: auto;
    background-repeat: repeat-x; }
  .services-static h2 {
    text-align: center;
    margin-bottom: 50px; }
  .services-static ul {
    margin-bottom: 0; }
  .services-static li {
    display: block;
    position: relative;
    list-style-type: none;
    margin-bottom: 10px; }
    .services-static li img {
      height: 325px;
      object-fit: cover;
      object-position: center; }
    .services-static li:hover .overlay-text {
      transform: translateY(-15px); }
    .services-static li:hover .overlay-title {
      color: #F2C541; }
    .services-static li:hover .overlay-link {
      opacity: 1; }
    .services-static li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 5; }
    .services-static li:last-of-type {
      margin-bottom: 0; }
  .services-static .overlay-text {
    transform: translateY(15px); }
    .services-static .overlay-text .overlay-link {
      font-size: 18px;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      color: #fff;
      opacity: 0; }

.lifting-services h2 {
  margin-bottom: 20px; }
.lifting-services .top-txt {
  margin-bottom: 60px; }

.news-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 15px;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .news-grid {
      padding: 0; } }
  .news-grid h4,
  .news-grid p {
    margin-bottom: 20px; }
  .news-grid li {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    width: 100%;
    background-color: #eee;
    position: relative;
    margin-bottom: 15px; }
    @media (min-width: 576px) {
      .news-grid li {
        width: 50%; } }
    @media (min-width: 768px) {
      .news-grid li {
        width: 33.333%;
        margin-bottom: 0; } }
    .news-grid li img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    .news-grid li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 5; }
    .news-grid li:first-of-type {
      background-color: #F2C541;
      padding: 30px;
      display: flex;
      justify-content: center; }
      .news-grid li:first-of-type:before {
        display: none; }
      .news-grid li:first-of-type a {
        color: #000;
        text-transform: uppercase;
        font-family: "Montserrat-Regular";
        font-size: 16px;
        align-self: flex-start;
        text-decoration: none;
        display: inline-block; }
        .news-grid li:first-of-type a:after {
          content: "";
          display: block;
          position: relative;
          width: 20px;
          height: 2px;
          background-color: #F2C541;
          transition: all .3s ease;
          background-color: #000; }
        .news-grid li:first-of-type a:hover {
          text-decoration: none; }
          .news-grid li:first-of-type a:hover:after {
            width: 100%; }
    .news-grid li .news-excerpt {
      display: block;
      position: absolute;
      bottom: 30px;
      left: 20px;
      width: 80%;
      z-index: 20;
      color: #fff;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 18px; }
      .news-grid li .news-excerpt a {
        color: #fff;
        text-decoration: none; }
        .news-grid li .news-excerpt a:hover {
          color: #F2C541; }

.new-releases {
  background-color: #fff; }
  .new-releases h2,
  .new-releases p {
    margin-bottom: 20px; }
  .new-releases ul {
    padding-left: 30px; }
  @media (min-width: 768px) {
    .new-releases li {
      width: 49.5%;
      margin-right: 1%; }
      .new-releases li:nth-of-type(2n) {
        margin-right: 0; } }
  .new-releases .txt-block {
    background-color: transparent;
    border-bottom: 0;
    color: #000;
    padding: 20px; }
    .new-releases .txt-block .title {
      margin-bottom: 20px;
      max-width: 100%;
      text-align: left; }
    .new-releases .txt-block a {
      display: inline-block;
      color: #000;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 16px; }
      .new-releases .txt-block a:after {
        background-color: #F2C541; }
      .new-releases .txt-block a:hover {
        text-decoration: none; }

.single-text-block {
  text-align: center; }
  .single-text-block h2,
  .single-text-block p {
    margin-bottom: 20px; }
  .single-text-block p {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .single-text-block a {
    color: #000;
    display: inline-block;
    position: relative; }

.single-text-block-align-left h2,
.single-text-block-align-left p {
  margin-bottom: 20px;
  max-width: 100%; }
.single-text-block-align-left ul {
  padding-left: 15px; }
.single-text-block-align-left li {
  list-style-position: initial;
  margin-bottom: 10px; }

.text-block-bg {
  background-color: #ccc;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  @media (min-width: 1200px) {
    .text-block-bg {
      background-attachment: fixed; } }
  .text-block-bg .has-bg {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff; }
    .text-block-bg .has-bg h4 {
      margin-bottom: 20px; }
  .text-block-bg p {
    max-width: 80%;
    margin: 0 auto 20px auto;
    font-size: 26px;
    text-transform: uppercase;
    font-family: "Helvetica", Arial; }
    @media (min-width: 768px) {
      .text-block-bg p {
        max-width: 60%; } }
  .text-block-bg a {
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    text-decoration: none; }
    .text-block-bg a:hover {
      text-decoration: none;
      color: #fff; }
      .text-block-bg a:hover:after {
        width: 100%; }
    .text-block-bg a:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease; }
  .text-block-bg .yellow-btn {
    background-color: #F2C541;
    border: 1px solid #F2C541;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Montserrat-Bold";
    transition: all .3s ease;
    color: #000;
    margin-bottom: 0; }
    .text-block-bg .yellow-btn:hover {
      background-color: #000;
      border: 1px solid #000; }
    .text-block-bg .yellow-btn:after {
      display: none; }

.links-container * {
  margin-bottom: 0; }
.links-container a {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .column-text {
    column-count: 2;
    column-gap: 30px; } }
.column-text strong {
  text-transform: uppercase;
  font-weight: normal;
  font-family: "Montserrat-Bold";
  font-size: 18px; }
.column-text ul {
  padding-left: 20px; }
  @media (min-width: 768px) {
    .column-text ul {
      padding-left: 0; } }
.column-text li {
  list-style-position: initial; }
.column-text.has-list {
  display: flex;
  flex-direction: column;
  column-count: unset; }
  @media (min-width: 768px) {
    .column-text.has-list {
      flex-direction: row; } }
  .column-text.has-list .col-l {
    width: 100%;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .column-text.has-list .col-l {
        width: 48%;
        padding-right: 2%;
        margin-bottom: 0; } }
  .column-text.has-list .col-r {
    width: 100%; }
    @media (min-width: 768px) {
      .column-text.has-list .col-r {
        width: 48%;
        padding-left: 2%; } }
  .column-text.has-list h2 {
    font-size: 22px !important;
    line-height: 26px !important; }
  .column-text.has-list ul {
    padding-left: 0; }
  .column-text.has-list li {
    list-style-type: none;
    position: relative;
    width: 100%;
    padding-left: 35px; }
    .column-text.has-list li:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      width: 25px;
      height: 25px;
      background-image: url("images/sustainability/green-tick.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 25px; }

.crane-introduction .links-container a {
  text-align: left;
  margin-right: 0;
  width: auto;
  font-size: 14px; }
  @media (min-width: 768px) {
    .crane-introduction .links-container a {
      margin-left: 20px;
      width: auto;
      font-size: 16px; }
      .crane-introduction .links-container a:last-of-type {
        margin-left: 0; } }

.crane-benefits h3 {
  margin-bottom: 60px; }
.crane-benefits li {
  list-style-type: none;
  position: relative;
  padding-left: 30px; }
  .crane-benefits li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("images/ticks/yellow.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left; }

.benefits-left ul {
  padding: 0; }
@media (min-width: 768px) {
  .benefits-left {
    padding-right: 60px !important; } }

.benefits-right ul {
  padding: 0; }

.vacancies-list {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px; }
  .vacancies-list h3 {
    text-align: center;
    justify-content: center;
    padding-bottom: calc(20px * 3); }
  .vacancies-list ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .vacancies-list ul {
        flex-direction: row; } }
  .vacancies-list li {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    margin-bottom: 1%;
    background-color: #fff;
    padding: 20px;
    transition: all .3s ease; }
    .vacancies-list li:hover {
      background-color: #F2C541; }
      .vacancies-list li:hover .readmore {
        color: #000;
        text-decoration: none; }
        .vacancies-list li:hover .readmore span {
          background-image: url("images/misc/arrow-black.png"); }
    @media (min-width: 768px) {
      .vacancies-list li {
        width: 49.5%;
        margin-right: 1%; }
        .vacancies-list li:nth-of-type(2n) {
          margin-right: 0; } }
  .vacancies-list .vacancy-title {
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    margin-bottom: 15px;
    font-size: 18px; }
  .vacancies-list .location {
    font-size: 16px; }
  .vacancies-list .readmore {
    display: flex;
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #F2C541;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 14px; }
    .vacancies-list .readmore span {
      display: flex;
      align-items: center;
      margin-left: 5px;
      background-image: url("images/misc/arrow-yellow.png");
      background-repeat: no-repeat;
      background-size: 15px;
      background-position: center;
      width: 20px; }
      .vacancies-list .readmore span img {
        width: 15px; }

/* Location Page Styles */
.headoffice-location h2 {
  margin-bottom: 20px; }
.headoffice-location .phone,
.headoffice-location .address,
.headoffice-location p {
  font-family: "Montserrat-Regular";
  margin-bottom: 0; }
.headoffice-location .phone,
.headoffice-location .address,
.headoffice-location .button {
  margin-bottom: 20px; }
  .headoffice-location .phone span,
  .headoffice-location .address span,
  .headoffice-location .button span {
    font-size: 14px;
    margin-bottom: 5px; }

.location-list h2 {
  text-align: left;
  justify-content: flex-start; }
.location-list .back {
  display: inline-flex;
  align-items: center; }
  .location-list .back img {
    transform: rotate(0deg);
    width: 10px; }
  .location-list .back a {
    color: #000; }
@media (min-width: 768px) {
  .location-list li {
    width: 32.666%;
    margin-right: 1%; }
    .location-list li:nth-of-type(2n) {
      margin-right: 1%; }
    .location-list li:nth-of-type(3n) {
      margin-right: 0; }
    .location-list li a {
      display: flex;
      align-items: center;
      color: #F2C541;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 15px; }
      .location-list li a:after {
        content: "";
        display: inline-block;
        position: relative;
        width: 30px;
        height: 15px;
        margin-left: 10px;
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
        background-image: url("images/arrows/yellow.png"); }
    .location-list li:hover a {
      color: #000; }
      .location-list li:hover a:after {
        background-image: url("images/arrows/black.png"); } }
.location-list .location-phone {
  display: flex;
  align-items: center;
  margin-top: 20px;
  color: #000; }
  .location-list .location-phone span {
    display: flex;
    margin-right: 5px;
    background-image: url("images/icons/black/mobile.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    width: 20px;
    height: 20px; }
    .location-list .location-phone span img {
      width: 15px; }

.vacancies-list ul.page-numbers {
  justify-content: center; }

.vacancies-list ul.page-numbers li {
  padding: 0px;
  width: auto; }

.vacancies-list ul.page-numbers li > .page-numbers.current {
  background-color: #ffc107;
  color: #fff; }

.vacancies-list ul.page-numbers li > .page-numbers,
.vacancies-list ul.page-numbers li > a {
  padding: 15px 20px;
  color: #212529;
  text-decoration: none; }

.vacancies-list ul.page-numbers li:nth-of-type(2n) {
  margin-right: 1%; }

/* Mobile Pagination Start */
@media (max-width: 767px) {
  .vacancies-list ul.page-numbers {
    margin-top: 10px;
    flex-direction: row; }

  .vacancies-list li {
    margin-right: 1%; }

  .vacancies-list ul.page-numbers li > .page-numbers, .vacancies-list ul.page-numbers li > a {
    padding: 8px 6px;
    font-size: 14px;
    line-height: 18px; } }
/* Mobile Pagination End */
.post-type-archive-locations .angled-block {
  margin: 70px 0 0 0; }
  .post-type-archive-locations .angled-block p {
    font-size: 16px; }
  @media (min-width: 1200px) {
    .post-type-archive-locations .angled-block {
      width: 300px; } }

.anchor-point {
  display: block;
  position: relative;
  width: 100%;
  height: 220px;
  transform: translateY(0px);
  background-color: transparent;
  margin-top: -100px; }
  @media (min-width: 1200px) {
    .anchor-point {
      height: 130px;
      transform: translateY(-130px); } }

.other-areas {
  padding: 50px 0 0 0 !important; }

.locations-list {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .locations-list:last-of-type {
    margin-bottom: 0; }
  .locations-list h3 {
    text-align: center;
    justify-content: center;
    padding-bottom: 50px;
    font-size: 30px !important; }
  .locations-list ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .locations-list ul {
        flex-direction: row; } }
  .locations-list li {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    margin-bottom: 1%;
    background-color: #fff;
    padding: 20px;
    transition: all .3s ease; }
    .locations-list li:hover {
      background-color: #F2C541; }
      .locations-list li:hover .readmore {
        color: #000;
        text-decoration: none; }
        .locations-list li:hover .readmore span {
          background-image: url("images/misc/arrow-black.png"); }
    @media (min-width: 768px) {
      .locations-list li {
        width: 49.5%;
        margin-right: 1%; }
        .locations-list li:nth-of-type(2n) {
          margin-right: 0; } }
  .locations-list .location-title {
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    margin-bottom: 20px;
    font-size: 18px; }
    .locations-list .location-title a {
      color: #000; }
      .locations-list .location-title a:visited {
        color: #000; }
  .locations-list .location {
    font-size: 16px;
    margin-bottom: 20px;
    font-family: "Helvetica", Arial; }
  .locations-list .readmore {
    display: flex;
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #F2C541;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 14px; }
    .locations-list .readmore span {
      display: flex;
      align-items: center;
      margin-left: 5px;
      background-image: url("images/misc/arrow-yellow.png");
      background-repeat: no-repeat;
      background-size: 15px;
      background-position: center;
      width: 20px; }
      .locations-list .readmore span img {
        width: 15px; }

/* Location Page Styles */
.headoffice-location h2 {
  margin-bottom: 20px; }
.headoffice-location .phone,
.headoffice-location .address,
.headoffice-location p {
  font-family: "Montserrat-Regular";
  margin-bottom: 0; }
.headoffice-location .phone,
.headoffice-location .address,
.headoffice-location .button {
  margin-bottom: 20px; }
  .headoffice-location .phone span,
  .headoffice-location .address span,
  .headoffice-location .button span {
    font-size: 14px;
    margin-bottom: 5px; }
.headoffice-location .phone, .headoffice-location .address {
  margin: 0 0 30px 0; }
.headoffice-location .button span {
  margin-bottom: 0; }

.locations-list h2 {
  text-align: left;
  justify-content: flex-start; }
.locations-list .back {
  align-items: center; }
  .locations-list .back img {
    transform: rotate(0deg);
    width: 10px; }
  .locations-list .back a {
    color: #000; }
    .locations-list .back a:visited {
      color: #000; }
@media (min-width: 768px) {
  .locations-list li {
    width: 32.666%;
    margin-right: 1%; }
    .locations-list li:nth-of-type(2n) {
      margin-right: 1%; }
    .locations-list li:nth-of-type(3n) {
      margin-right: 0; }
    .locations-list li a {
      display: flex;
      align-items: center;
      color: #000;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 18px; }
    .locations-list li:hover a {
      color: #000; } }
.locations-list .location-phone {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 16px; }
  .locations-list .location-phone span {
    display: flex;
    margin-right: 5px;
    background-image: url("images/icons/black/mobile.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    width: 20px;
    height: 20px; }
    .locations-list .location-phone span img {
      width: 15px; }

.single-locations .right-offset li {
  font-size: 17px; }
.single-locations .right-offset p {
  font-size: 17px; }
.single-locations .right-offset span {
  color: #F2C541; }

.sectors-container {
  padding: 40px 0; }

.training-icons {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 576px) {
    .training-icons {
      width: 90%;
      flex-direction: row; } }
  .training-icons li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-bottom: 30px; }
    @media (min-width: 576px) {
      .training-icons li {
        width: 33.333%;
        margin-bottom: 0; } }
  .training-icons img {
    width: 50%; }
    @media (min-width: 576px) {
      .training-icons img {
        width: 70%; } }

.certification-list {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .certification-list h3 {
    text-align: left;
    margin: 10px 0;
    font-size: 30px !important; }
  .certification-list ul.tabs {
    margin: 0 0 30px 0; }
  .certification-list ul.tabs li {
    margin: 0 10px 0 0; }
  .certification-list ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .certification-list ul {
        flex-direction: row; } }
  .certification-list li {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    margin-bottom: 1%;
    background-color: #fff;
    padding: 20px;
    transition: all .3s ease; }
    .certification-list li:hover {
      background-color: #F2C541; }
      .certification-list li:hover .readmore {
        color: #000;
        text-decoration: none; }
        .certification-list li:hover .readmore span {
          background-image: url("images/misc/arrow-black.png"); }
    @media (min-width: 768px) {
      .certification-list li {
        width: 49.5%;
        margin-right: 1%; }
        .certification-list li:nth-of-type(2n) {
          margin-right: 0; } }
  .certification-list .certificate-title {
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    margin-bottom: 15px;
    font-size: 18px; }
  .certification-list .location {
    font-size: 13px; }
  .certification-list .readmore {
    display: flex;
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #F2C541;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 14px; }
    .certification-list .readmore span {
      display: flex;
      align-items: center;
      margin-left: 5px;
      background-image: url("images/misc/arrow-yellow.png");
      background-repeat: no-repeat;
      background-size: 15px;
      background-position: center;
      width: 20px; }
      .certification-list .readmore span img {
        width: 15px; }

.certification-list h2 {
  text-align: left;
  justify-content: flex-start; }
.certification-list .back {
  display: inline-flex;
  align-items: center; }
  .certification-list .back img {
    transform: rotate(0deg);
    width: 10px; }
  .certification-list .back a {
    color: #000; }
@media (min-width: 768px) {
  .certification-list li {
    width: 32.666%;
    margin-right: 1%; }
    .certification-list li:nth-of-type(2n) {
      margin-right: 1%; }
    .certification-list li:nth-of-type(3n) {
      margin-right: 0; }
    .certification-list li a {
      display: flex;
      align-items: center;
      color: #F2C541;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 16px; }
      .certification-list li a:after {
        content: "";
        display: inline-block;
        position: relative;
        width: 30px;
        height: 15px;
        margin-left: 10px;
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
        background-image: url("images/arrows/yellow.png"); }
    .certification-list li:hover a {
      color: #000; }
      .certification-list li:hover a:after {
        background-image: url("images/arrows/black.png"); } }
.certification-list .location-phone {
  display: flex;
  align-items: center;
  margin-top: 20px;
  color: #000; }
  .certification-list .location-phone span {
    display: flex;
    margin-right: 5px;
    background-image: url("images/icons/black/mobile.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left;
    width: 20px;
    height: 20px; }
    .certification-list .location-phone span img {
      width: 15px; }

.policies-list {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .policies-list h3 {
    text-align: left;
    margin: 10px 0;
    font-size: 30px !important; }
  .policies-list ul.tabs {
    margin: 0 0 30px 0; }
  .policies-list ul.tabs li {
    margin: 0 10px 0 0;
    background-color: #fff; }

.vacancy-link-block {
  padding: 0 !important;
  padding-bottom: 1% !important; }
  .vacancy-link-block li {
    width: 100%;
    margin-bottom: 1%;
    position: relative; }
    @media (min-width: 576px) {
      .vacancy-link-block li {
        margin-right: 1%;
        margin-bottom: 0; }
        .vacancy-link-block li:last-of-type {
          margin-right: 0; } }
    @media (min-width: 768px) {
      .vacancy-link-block li {
        margin-right: 1%;
        margin-bottom: 0;
        width: 33%; }
        .vacancy-link-block li:last-of-type {
          margin-right: 0; } }
    .vacancy-link-block li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
    .vacancy-link-block li img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    .vacancy-link-block li span {
      display: block;
      position: absolute;
      left: 15px;
      bottom: 30px;
      font-size: 24px;
      padding-right: 15px;
      font-family: "Montserrat-Regular"; }
      @media (min-width: 576px) {
        .vacancy-link-block li span {
          font-size: 11px; } }
      @media (min-width: 768px) {
        .vacancy-link-block li span {
          font-size: 16px;
          left: 20px; } }
      .vacancy-link-block li span:after {
        content: "";
        display: block;
        position: relative;
        width: 20px;
        height: 2px;
        background-color: #F2C541;
        transition: all .3s ease;
        background-color: #fff; }
      .vacancy-link-block li span a {
        color: #fff; }
        .vacancy-link-block li span a:hover {
          text-decoration: none; }
      .vacancy-link-block li span:hover:after {
        width: 100%; }

.vacancy-spec h2 {
  text-transform: uppercase;
  margin-bottom: calc(20px * 2); }

.spec-list {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 30px; }
  .spec-list .spec-title {
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Montserrat-Regular";
    margin-bottom: 20px; }
  .spec-list ul {
    margin: 0 0 30px 0;
    padding: 0; }
  .spec-list li {
    list-style-type: none;
    display: flex;
    position: relative;
    align-items: start; }
    .spec-list li:before {
      display: inline-block;
      position: relative;
      content: "●";
      font-size: 8px;
      margin-right: 10px;
      top: 3px; }

.apply-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 50px; }
  @media (min-width: 768px) {
    .apply-container {
      padding: 0 50px 50px 50px;
      flex-direction: row; } }
  @media (min-width: 1152px) {
    .apply-container {
      padding: 0 0 50px 0; } }
  .apply-container button {
    background-color: #F2C541;
    border: 1px solid #F2C541;
    color: #000;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    width: auto;
    font-size: 16px;
    margin: 0;
    transition: all .3s ease; }
    @media (min-width: 768px) {
      .apply-container button {
        width: 260px; } }
    .apply-container button:hover {
      background-color: #000;
      border: 1px solid #000;
      color: #fff; }
  .apply-container .back {
    display: inline-block;
    position: relative;
    font-size: 12px;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .apply-container .back {
        margin-left: auto;
        margin-top: 0; } }
    .apply-container .back:hover img {
      margin-right: 13px; }
    .apply-container .back a {
      color: #F2C541;
      font-family: "Montserrat-Regular";
      font-size: 14px;
      text-transform: uppercase; }
    .apply-container .back img {
      width: 15px;
      transform: rotate(180deg);
      margin-right: 10px;
      transition: all .2s ease; }

.apply-intro {
  border-bottom: 0;
  padding-bottom: 30px; }
  @media (min-width: 992px) {
    .apply-intro {
      padding-bottom: 0; } }

.apply-form {
  display: block;
  position: relative;
  padding-bottom: 50px; }
  .apply-form fieldset {
    padding: 20px;
    background-color: #F2F2F2; }
  .apply-form .file-upload {
    margin-top: 50px; }
  .apply-form legend {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    width: auto;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    font-size: 18px; }
  .apply-form input {
    height: 50px; }
  .apply-form .apply-container {
    margin-top: 40px;
    padding-bottom: 0; }
    .apply-form .apply-container p {
      font-size: 14px; }
    .apply-form .apply-container a {
      color: #000;
      text-decoration: underline; }
      .apply-form .apply-container a:hover {
        color: #F2C541; }
    .apply-form .apply-container .notice-txt {
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 18px; }

/* Counter block */
.count-block {
  padding-top: 15px;
  padding-bottom: 15px; }
  @media (min-width: 768px) {
    .count-block {
      padding-top: 0;
      padding-bottom: 0; } }
  .count-block li {
    padding: 50px;
    text-transform: uppercase;
    color: #fff; }
  .count-block .count-icon img {
    max-width: 100px; }
  .count-block .counter {
    text-align: center;
    font-size: 50px;
    font-family: "Montserrat-Bold"; }
    @media (min-width: 768px) {
      .count-block .counter {
        font-size: 36px; } }
    @media (min-width: 1366px) {
      .count-block .counter {
        font-size: 80px; } }
  .count-block .counter-type {
    font-size: 22px;
    font-family: "Montserrat-Regular";
    text-align: center; }

.count-1 {
  background-color: #ec9c3d; }

.count-2 {
  background-color: #eda53d; }

.count-3 {
  background-color: #eeac3d; }

.count-4 {
  background-color: #efb13c; }

.count-5 {
  background-color: #efb73c; }

.count-6 {
  background-color: #f2c541; }

/* Sustainability Page */
.sustainability-counter h3 {
  font-size: 24px !important;
  line-height: 34px !important;
  margin: 50px 0; }
.sustainability-counter .count-4 {
  background-color: #009245; }
.sustainability-counter .count-5 {
  background-color: #39B54A; }
.sustainability-counter .count-6 {
  background-color: #8CC63F; }
  .sustainability-counter .count-6 p {
    font-family: "Montserrat-Regular";
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px; }

.callus {
  height: 125px;
  background-color: #F2C541; }
  .callus h6 {
    font-size: 26px;
    max-width: 70%;
    color: #000; }
    @media (min-width: 992px) {
      .callus h6 {
        font-size: 34px; } }
  .callus p {
    text-transform: uppercase;
    font-family: "Montserrat-Bold";
    font-size: 20px;
    padding: 0 20px;
    color: #000; }
    @media (min-width: 768px) {
      .callus p {
        font-size: 26px; } }
    @media (min-width: 1200px) {
      .callus p {
        font-size: 36px; } }
  .callus a {
    color: #000; }
    .callus a:visited, .callus a:hover {
      color: #000; }

.detail-block {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff; }

.info-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  background-color: #fff; }
  @media (min-width: 768px) {
    .info-container {
      flex-direction: row; } }
  .info-container .info-text {
    width: 100%;
    background-color: #F2F2F2; }
    .info-container .info-text p {
      margin-bottom: 10px;
      margin-top: 0; }
    @media (min-width: 768px) {
      .info-container .info-text {
        padding: 0 60px; } }

.has-image .info-text,
.has-image .info-image,
.has-image .has-zoom, .has-image .has-no-zoom {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
  position: relative; }
  @media (min-width: 768px) {
    .has-image .info-text,
    .has-image .info-image,
    .has-image .has-zoom, .has-image .has-no-zoom {
      width: 50%; } }
.has-image .info-text {
  margin-bottom: 0;
  position: relative;
  padding: 30px; }
  @media (min-width: 768px) {
    .has-image .info-text {
      text-align: left;
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .has-image .info-text {
      padding: 0 60px; } }
  .has-image .info-text h2 {
    margin-bottom: 30px; }
  .has-image .info-text p {
    margin-bottom: 30px; }
  .has-image .info-text a {
    width: auto;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    text-decoration: none;
    color: #000; }
  .has-image .info-text:after {
    content: "";
    width: 30px;
    height: 30px;
    background-color: #F2F2F2;
    display: none;
    position: absolute;
    right: -15px;
    top: 50%;
    z-index: 5;
    transform: rotate(135deg); }
    @media (min-width: 768px) {
      .has-image .info-text:after {
        display: block; } }
  .has-image .info-text.lightgrey-bg {
    background-color: #F2F2F2; }
    .has-image .info-text.lightgrey-bg:after {
      background-color: #F2F2F2; }
.has-image img {
  width: 100%;
  object-fit: cover; }
.has-image:nth-of-type(even) .info-text:after {
  right: unset; }

.info-container:nth-of-type(even) {
  flex-direction: column; }
  @media (min-width: 768px) {
    .info-container:nth-of-type(even) {
      flex-direction: row-reverse; } }
  .info-container:nth-of-type(even) .info-text {
    background-color: #fff; }
    .info-container:nth-of-type(even) .info-text:after {
      left: -15px;
      background-color: #fff; }

@media (min-width: 768px) {
  .position-right {
    flex-direction: row-reverse; } }

@media (min-width: 1200px) {
  .calendar-left {
    width: 60% !important; }

  .calendar-right {
    width: 50% !important; } }
.fullwidth-offset {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fff; }
  @media (min-width: 768px) {
    .fullwidth-offset {
      flex-direction: row;
      align-items: center;
      padding-top: 80px;
      padding-bottom: 80px;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 768px) {
    .fullwidth-offset.reverse-offset {
      flex-direction: row-reverse;
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .fullwidth-offset.reverse-offset {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (min-width: 768px) {
      .fullwidth-offset.reverse-offset .left-col {
        width: 45%;
        margin-left: 5%;
        padding: 0; } }
  @media (min-width: 1200px) {
    .fullwidth-offset {
      max-width: 1152px;
      margin-left: auto;
      margin-right: auto; }
      .fullwidth-offset.reverse-offset {
        max-width: 1152px;
        margin-left: auto;
        margin-right: auto; } }
  @media (min-width: 1366px) {
    .fullwidth-offset.reverse-offset .left-col {
      width: 45%;
      margin-left: 5%;
      padding: 0; } }
  .fullwidth-offset .left-col {
    display: block;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .fullwidth-offset .left-col {
        width: 65%;
        margin-right: 5%; } }
    @media (min-width: 1200px) {
      .fullwidth-offset .left-col {
        width: calc(1152px - 30%);
        margin-right: 7%; } }
    .fullwidth-offset .left-col h2 {
      color: #000; }
    .fullwidth-offset .left-col h2,
    .fullwidth-offset .left-col p,
    .fullwidth-offset .left-col strong,
    .fullwidth-offset .left-col .back,
    .fullwidth-offset .left-col .links-container {
      margin-bottom: 20px; }
    .fullwidth-offset .left-col .left-inner {
      display: block;
      position: relative;
      max-width: 100%; }
      .fullwidth-offset .left-col .left-inner small {
        display: block;
        position: relative;
        margin-top: 20px; }
      .fullwidth-offset .left-col .left-inner li {
        font-family: "Helvetica", Arial; }
  .fullwidth-offset .right-offset {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    color: #000;
    padding: 30px 15px;
    margin: 30px 0 0 0; }
    @media (min-width: 768px) {
      .fullwidth-offset .right-offset {
        width: 50%;
        padding: 0;
        margin: 0;
        /*border-left: 1px dashed red;*/ } }
    @media (min-width: 1200px) {
      .fullwidth-offset .right-offset {
        width: 50%; } }
    .fullwidth-offset .right-offset img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    .fullwidth-offset .right-offset.offset-quote {
      background-color: #F2C541;
      padding: calc(20px * 2);
      padding-right: calc(20px * 4); }
      .fullwidth-offset .right-offset.offset-quote .offset-right-title {
        font-size: 26px;
        font-family: "Montserrat-Bold";
        text-transform: uppercase;
        margin-bottom: 20px; }
      .fullwidth-offset .right-offset.offset-quote blockquote {
        font-family: "Montserrat-Regular";
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0; }
    .fullwidth-offset .right-offset.offset-text {
      background-color: #f7f7f7; }
      @media (min-width: 768px) {
        .fullwidth-offset .right-offset.offset-text {
          padding: 50px; } }
      @media (min-width: 992px) {
        .fullwidth-offset .right-offset.offset-text {
          width: 30%; } }
      @media (min-width: 1200px) {
        .fullwidth-offset .right-offset.offset-text {
          margin-right: 15px; } }
      .fullwidth-offset .right-offset.offset-text .offset-right-title {
        font-size: 26px;
        margin-bottom: 20px;
        font-family: "Montserrat-Bold";
        text-transform: uppercase; }
      .fullwidth-offset .right-offset.offset-text ol, .fullwidth-offset .right-offset.offset-text ul {
        margin: 0;
        padding: 0; }
      .fullwidth-offset .right-offset.offset-text li {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px; }
        .fullwidth-offset .right-offset.offset-text li p {
          font-family: "Montserrat-Regular";
          margin-bottom: 0; }
        .fullwidth-offset .right-offset.offset-text li span {
          font-size: 14px;
          font-family: "Montserrat-Regular";
          position: relative;
          margin-bottom: 2px; }
        .fullwidth-offset .right-offset.offset-text li address {
          font-family: "Montserrat-Regular";
          line-height: 20px; }
        .fullwidth-offset .right-offset.offset-text li a {
          color: #000; }
        .fullwidth-offset .right-offset.offset-text li:last-of-type {
          margin-bottom: 20px; }
      .fullwidth-offset .right-offset.offset-text .social {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 20px; }
        .fullwidth-offset .right-offset.offset-text .social p {
          font-size: 14px;
          font-family: "Montserrat-Regular"; }
        .fullwidth-offset .right-offset.offset-text .social ul {
          display: flex;
          flex-direction: row;
          width: 100%;
          margin-bottom: 0; }
        .fullwidth-offset .right-offset.offset-text .social li {
          width: 30px;
          height: auto;
          margin-right: 3px;
          margin-bottom: 0; }
          .fullwidth-offset .right-offset.offset-text .social li img {
            height: auto; }
  .fullwidth-offset .angled-block p {
    margin-bottom: 0; }
  .fullwidth-offset .col-3 {
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: #eee; }
    .fullwidth-offset .col-3 .col-3-list {
      display: flex;
      flex-direction: column;
      width: 100%;
      background-color: #eee;
      justify-content: space-between; }
      @media (min-width: 768px) {
        .fullwidth-offset .col-3 .col-3-list {
          flex-direction: row; } }
    .fullwidth-offset .col-3 li {
      display: flex;
      align-items: center;
      flex-direction: column;
      list-style-type: none;
      flex: 1; }

.location-links {
  margin: 20px 0 0 0;
  padding: 0; }
  .location-links li {
    list-style-type: none; }
  .location-links a {
    display: inline-flex;
    align-items: center;
    font-family: "Montserrat-Regular";
    color: #000; }
    .location-links a:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 15px;
      height: 15px;
      margin-right: 5px;
      background-repeat: no-repeat;
      background-size: 10px;
      background-position: center; }
    .location-links a:hover {
      color: #F2C541;
      text-decoration: none; }
      .location-links a:hover:before {
        background-image: url("images/arrows/yellow.png"); }

.course-detail-overview {
  margin: 0 0 40px 0;
  padding: 0; }
  .course-detail-overview li {
    list-style-type: none;
    text-transform: uppercase;
    color: #000;
    font-family: "Montserrat-Regular";
    font-size: 14px; }
    .course-detail-overview li span {
      color: #F2C541; }

.location-map {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .location-map .map {
    background-color: #eee;
    height: auto;
    min-height: 350px; }

.headoffice-map iframe,
.headoffice-map object,
.headoffice-map embed {
  width: 100%;
  height: 400px; }
  @media (min-width: 768px) {
    .headoffice-map iframe,
    .headoffice-map object,
    .headoffice-map embed {
      height: 100%; } }
  @media (min-width: 1200px) {
    .headoffice-map iframe,
    .headoffice-map object,
    .headoffice-map embed {
      height: 400px; } }

.headoffice-address {
  padding: 40px 0 0 40px; }
  .headoffice-address h2 {
    font-size: 30px !important; }
  .headoffice-address p {
    font-size: 20px; }
    .headoffice-address p span {
      font-size: 14px; }
  @media (min-width: 768px) {
    .headoffice-address {
      padding-left: 30px !important; } }

.wpgmza_infowindow_link {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 1rem; }
  @media (min-width: 992px) {
    .wpgmza_infowindow_link {
      margin-bottom: 3px;
      justify-content: flex-end; } }

.wpgmza_infowindow_description {
  position: absolute;
  bottom: 15px; }

.location-poi {
  padding-top: 80px;
  padding-bottom: calc(80px - 60px);
  /* 60px is the bottom padding for each poi list item */ }
  .location-poi .pio-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    @media (min-width: 768px) {
      .location-poi .pio-container {
        flex-direction: row; } }
  .location-poi h3 {
    padding: 40px 0 0 0; }
  .location-poi .poi-title {
    margin-bottom: 20px;
    max-width: 70%;
    display: flex;
    align-items: center;
    position: relative;
    height: auto;
    max-height: 5rem;
    padding: 0;
    color: #fff; }
    @media (min-width: 992px) {
      .location-poi .poi-title {
        max-width: 50%; } }
    .location-poi .poi-title p {
      display: flex;
      align-items: center;
      position: relative;
      z-index: 5;
      font-size: 24px;
      line-height: 28px;
      padding: 15px 0 15px 15px;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      margin: 0; }
      .location-poi .poi-title p span {
        content: "";
        display: inline-block;
        position: relative;
        width: 50px;
        height: auto;
        margin-right: 10px;
        transform: none;
        right: 0; }
    .location-poi .poi-title span {
      display: block;
      position: absolute;
      right: -10%;
      top: 0;
      width: calc(100% - 10%);
      height: 100%;
      transform: skew(-10deg, 0); }
  .location-poi .orange-title {
    background-color: #DA8020; }
    .location-poi .orange-title span {
      background-color: #DA8020; }
  .location-poi .blue-title {
    background-color: #0075BF; }
    .location-poi .blue-title span {
      background-color: #0075BF; }
  .location-poi .green-title {
    background-color: #3AAA35; }
    .location-poi .green-title span {
      background-color: #3AAA35; }
  .location-poi .yellow-title {
    background-color: #F2C541; }
    .location-poi .yellow-title span {
      background-color: #F2C541; }
  .location-poi ol,
  .location-poi ul {
    margin: 0;
    padding: 0; }
  .location-poi ol li {
    width: 100%;
    margin-bottom: 1%; }
    @media (min-width: 768px) {
      .location-poi ol li {
        width: 49.5%;
        margin-right: 1%; }
        .location-poi ol li:nth-of-type(2n) {
          margin-right: 0; } }
  .location-poi li {
    list-style-type: none; }
  .location-poi ul {
    padding-bottom: 60px;
    padding-left: 30px; }
    .location-poi ul li {
      display: flex;
      align-items: flex-start;
      position: relative;
      margin-bottom: 5px;
      width: 100%;
      padding-left: 30px; }
      .location-poi ul li p {
        margin: 0; }
      .location-poi ul li:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        top: 5px;
        margin-right: 10px; }

.orange-poi {
  background: url(images/ticks/orange.png) left 8px no-repeat;
  background-size: 15px auto; }

.blue-poi {
  background: url(images/ticks/blue.png) left 8px no-repeat;
  background-size: 15px auto; }

.green-poi {
  background: url(images/ticks/green.png) left 8px no-repeat;
  background-size: 15px auto; }

.yellow-poi {
  background: url(images/ticks/yellow.png) left 8px no-repeat;
  background-size: 15px auto; }

.media-posts {
  display: block;
  position: relative; }
  .media-posts p,
  .media-posts .more {
    margin-bottom: 20px; }
  .media-posts li {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .media-posts li {
        margin-bottom: 0;
        padding: 0 60px 0 0; } }
  .media-posts .post-title {
    display: block;
    position: relative;
    margin-bottom: 20px; }
    .media-posts .post-title a {
      color: #000;
      font-size: 20px;
      line-height: 24px;
      font-family: "Montserrat-Bold";
      text-transform: uppercase; }

.media-casestudies .featured-case-study h4,
.media-casestudies .featured-case-study p,
.media-casestudies .featured-case-study a {
  position: relative;
  margin-bottom: 20px; }
.media-casestudies .featured-case-study .post-title {
  padding: 0 20px; }
  .media-casestudies .featured-case-study .post-title a {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-family: "Montserrat-Regular";
    text-transform: uppercase; }
.media-casestudies .case-list {
  padding-bottom: 0; }
  .media-casestudies .case-list li {
    margin-bottom: calc(20px * 3);
    text-align: left; }
    .media-casestudies .case-list li:last-of-type {
      margin-bottom: 0; }
  .media-casestudies .case-list .post-title a {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-family: "Montserrat-Regular";
    text-transform: uppercase; }
  .media-casestudies .case-list img {
    margin-bottom: 20px; }

.video-list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }

.video-title {
  margin: 20px 0;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  text-align: left; }

.other-training-courses {
  background-color: #fff; }

.training-logos {
  text-align: center;
  padding-bottom: 80px; }
  .training-logos li {
    width: auto;
    margin-right: 0 !important;
    padding: 20px;
    text-align: center; }
    .training-logos li img {
      height: 120px;
      width: auto; }

.news-filter input,
.news-filter select {
  background-color: #F2F2F2;
  margin-bottom: 5px;
  color: #666 !important;
  font-size: 14px !important; }
  @media (min-width: 768px) {
    .news-filter input,
    .news-filter select {
      margin-bottom: 0; } }
.news-filter select {
  background: url("images/arrows/black-down.png") !important;
  background-repeat: no-repeat !important;
  background-size: 10px !important;
  background-position: 95% 54% !important;
  background-color: #F2F2F2 !important;
  color: #666 !important; }

.article-list {
  padding: 0 0 50px 0; }
  .article-list li {
    position: relative;
    width: 100%;
    margin-bottom: 1%;
    list-style-type: none; }
    @media (min-width: 576px) {
      .article-list li {
        width: 49%;
        margin-right: 1%; }
        .article-list li:nth-of-type(2n) {
          margin-right: 0; } }
    @media (min-width: 768px) {
      .article-list li {
        width: 32%;
        margin-right: 1%; }
        .article-list li:nth-of-type(2n) {
          margin-right: 1%; }
        .article-list li:nth-of-type(3n) {
          margin-right: 0; } }
    .article-list li .post-date {
      display: block;
      position: absolute;
      top: 20px;
      right: 0;
      background-color: #F2C541;
      padding: 5px 10px;
      font-family: "Montserrat-Bold";
      text-transform: uppercase;
      font-size: 12px; }
    .article-list li img {
      position: relative;
      height: 250px;
      width: 100%; }
  .article-list .news-excerpt {
    padding: 20px; }
    .article-list .news-excerpt a {
      color: #000;
      font-size: 16px;
      line-height: 22px;
      font-family: "Montserrat-Regular";
      text-transform: uppercase; }
      .article-list .news-excerpt a:hover {
        color: #F2C541; }

.nav-links {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #F2C541;
  margin-top: 50px;
  padding-top: 50px; }
  .nav-links .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #5f7776;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin: 0 3px;
    border: 2px solid #eee; }
  .nav-links .page-numbers.current {
    background-color: #F2C541;
    color: #000;
    border: 2px solid #F2C541; }
  .nav-links .page-numbers.next,
  .nav-links .page-numbers.prev {
    border: 2px solid #F2C541;
    background-color: #F2C541;
    color: #000;
    width: auto;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: 15px; }
    .nav-links .page-numbers.next:hover,
    .nav-links .page-numbers.prev:hover {
      text-decoration: none; }
  .nav-links .page-numbers.prev {
    background-image: url("images/arrows/black-prev.png");
    background-position: 20% center;
    padding-right: 15px;
    padding-left: 40px; }
  .nav-links .page-numbers.next {
    background-image: url("images/arrows/black.png");
    background-position: 80% center;
    padding-left: 15px;
    padding-right: 40px; }

.article-intro {
  padding-bottom: 80px; }
  .article-intro .back {
    display: inline-block;
    position: relative;
    color: #F2C541;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 50px; }

.offset-date {
  color: #F2C541;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px; }

.post-article {
  display: block;
  position: relative;
  border-top: 1px solid #F2C541;
  padding: 80px 0; }
  .post-article h2 {
    margin: 0;
    padding: 20px 0;
    font-size: 26px !important; }
  .post-article h3 {
    font-size: 24px !important;
    text-transform: capitalize; }
  .post-article p {
    margin-bottom: 20px; }
  .post-article table {
    margin: 30px 0;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6; }
    .post-article table td {
      text-align: center;
      font-size: 14px; }
    .post-article table thead {
      background-color: #000;
      color: #fff;
      text-transform: uppercase;
      font-size: 14px;
      font-family: "Montserrat-Bold"; }
  .post-article ul {
    padding-left: 15px; }
  .post-article li {
    list-style-position: initial; }

.related {
  display: block;
  position: relative; }
  .related h2 {
    justify-content: center; }
  .related ul {
    margin-bottom: 0; }
  .related li {
    list-style-type: none;
    width: 100%; }
    @media (min-width: 768px) {
      .related li {
        width: 49.5%;
        margin-right: 1%; }
        .related li:nth-of-type(2n) {
          margin-right: 0; } }
  .related .txt-block {
    background-color: transparent;
    border-bottom: 0;
    color: #000;
    padding: 20px 20px 0 20px; }
    .related .txt-block a {
      display: inline-block;
      color: #000;
      text-transform: uppercase;
      font-family: "Montserrat-Regular";
      font-size: 16px; }
      .related .txt-block a:hover {
        text-decoration: none; }
      .related .txt-block a:after {
        background-color: #F2C541; }
  .related .title {
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    text-align: left;
    font-size: 18px;
    margin-bottom: 20px;
    max-width: 80%; }
    @media (min-width: 768px) {
      .related .title {
        max-width: 70%; } }
  .related .learnmore {
    margin-bottom: 20px; }

.searchandfilter {
  max-width: 80%;
  margin: 0 auto; }
  .searchandfilter ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center; }
    @media (min-width: 768px) {
      .searchandfilter ul {
        flex-direction: row; } }
  .searchandfilter ::-webkit-input-placeholder {
    /* Edge */
    color: #333; }
  .searchandfilter :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333; }
  .searchandfilter ::placeholder {
    color: #333; }
  .searchandfilter li {
    width: 100%;
    padding: 0 !important; }
    @media (min-width: 768px) {
      .searchandfilter li {
        margin-right: 10px !important;
        margin-bottom: 0; } }
    .searchandfilter li li {
      margin: 0 !important; }
  .searchandfilter input[type="text"],
  .searchandfilter input[type="search"] {
    background-color: #F2F2F2;
    margin-bottom: 5px;
    color: #333 !important;
    font-size: 14px !important;
    border-color: #ddd;
    font-family: "Helvetica", Arial, sans-serif !important; }
    @media (min-width: 768px) {
      .searchandfilter input[type="text"],
      .searchandfilter input[type="search"] {
        margin-bottom: 0; } }
  .searchandfilter input[type="submit"] {
    display: inline-block;
    position: relative;
    padding: 10px 25px;
    height: 48px;
    background-color: #F2C541;
    border: 1px solid #F2C541 !important;
    font-family: "Montserrat-Bold" !important;
    text-transform: uppercase;
    font-size: 16px;
    width: 100%; }
    @media (min-width: 768px) {
      .searchandfilter input[type="submit"] {
        margin-bottom: 0; } }
  .searchandfilter .hasDatepicker {
    background: url("images/arrows/black-down.png") !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: 95% 54% !important;
    background-color: #F2F2F2 !important;
    color: #666 !important; }
  .searchandfilter .sf-input-select {
    background: url("images/arrows/black-down.png") !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: 95% 54% !important;
    background-color: #F2F2F2 !important;
    color: #666 !important;
    width: 100%;
    padding: 0 15px !important;
    font-size: 14px !important;
    color: #000 !important; }

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select {
  max-height: unset !important; }

.ll-skin-melon .ui-datepicker .ui-datepicker-prev,
.ll-skin-melon .ui-datepicker .ui-datepicker-next {
  top: 1.5em !important; }

.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
  background-color: #F2C541 !important; }

.ui-datepicker thead {
  background: #ddd !important; }
  .ui-datepicker thead span {
    color: #000 !important; }

.ui-datepicker td .ui-state-hover,
.ui-datepicker td .ui-state-highlight {
  background-color: #F2C541 !important;
  color: #000 !important; }

.main-video {
  position: relative;
  padding: 0 0 80px 0; }
  .main-video .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    .main-video .embed-container iframe,
    .main-video .embed-container object,
    .main-video .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.videoplayer {
  position: relative;
  padding: 0 0 80px 0; }
  .videoplayer iframe {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #eee;
    border: 1px solid #666; }

.testimonials {
  display: block;
  position: relative;
  background-color: #000;
  color: #fff;
  padding: 80px 20px; }
  .testimonials .title-panel {
    display: block;
    position: relative;
    font-family: "Montserrat-Bold";
    font-size: 34px;
    color: #F2C541;
    text-transform: uppercase;
    margin-bottom: 30px; }

.testimonials-slider {
  display: none; }
  .testimonials-slider.slick-initialized {
    display: block; }
  .testimonials-slider li p {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    color: #fff; }
    @media (min-width: 768px) {
      .testimonials-slider li p {
        font-size: 30px; } }

.testimonial-actions .viewall {
  color: #fff;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  font-size: 14px; }
  .testimonial-actions .viewall:after {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 2px;
    background-color: #F2C541;
    transition: all .3s ease;
    background-color: #F2C541; }
  .testimonial-actions .viewall:hover {
    text-decoration: none;
    color: #fff; }
    .testimonial-actions .viewall:hover:after {
      width: 100%; }
.testimonial-actions .navigation-links {
  margin: 0 0 30px 0; }
  @media (min-width: 768px) {
    .testimonial-actions .navigation-links {
      margin-bottom: 0; } }
.testimonial-actions .prev,
.testimonial-actions .next {
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-indent: -9999px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  cursor: pointer; }
.testimonial-actions .prev {
  background-image: url("images/arrows/white-prev.png"); }
  .testimonial-actions .prev:hover {
    background-image: url("images/arrows/yellow-prev.png"); }
.testimonial-actions .next {
  background-image: url("images/arrows/white-next.png"); }
  .testimonial-actions .next:hover {
    background-image: url("images/arrows/yellow.png"); }

.life-saving-rules {
  display: block;
  position: relative; }
  .life-saving-rules h3 {
    margin-bottom: calc(20px * 3);
    font-size: 22px !important; }
    @media (min-width: 992px) {
      .life-saving-rules h3 {
        font-size: 30px !important; } }

.tab-block {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .tab-block h4 {
    margin-bottom: 20px;
    line-height: 24px; }
    @media (min-width: 992px) {
      .tab-block h4 {
        line-height: 40px; } }

ul.tabs {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  height: 64px;
  width: 100%; }
  @media (min-width: 768px) {
    ul.tabs {
      display: flex;
      align-items: center;
      justify-content: center; } }

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 15px 21px;
  height: 63px;
  line-height: 37px;
  color: #000;
  overflow: hidden;
  position: relative;
  width: auto;
  text-align: center;
  font-family: "Montserrat-Bold";
  text-transform: uppercase;
  font-size: 14px; }

.tab_last {
  border-right: 0; }

ul.tabs li:hover {
  background-color: #000;
  color: #fff; }

ul.tabs li.active {
  background-color: #000;
  color: #fff;
  border-bottom: 1px solid #000;
  display: block; }

.tab_container {
  border-top: none;
  clear: both;
  width: 100%;
  overflow: auto; }

.tab_content {
  padding: 20px;
  display: none; }
  .tab_content h1, .tab_content h2, .tab_content h3, .tab_content h4, .tab_content h5, .tab_content h6 {
    font-size: 21px; }

.tab_drawer_heading {
  display: none; }

@media screen and (max-width: 480px) {
  .tabs {
    display: none; }

  .tab_drawer_heading {
    color: #000;
    margin: 0;
    padding: 15px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    text-align: center; }

  .d_active {
    background-color: #000;
    color: #fff; } }
.safety-list li {
  background-color: #fff;
  width: 100%;
  margin-bottom: 20px;
  padding: 40px 20px; }
  .safety-list li:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .safety-list li {
      width: 32%;
      margin-right: 1%;
      margin-bottom: 0; }
      .safety-list li:last-of-type {
        margin-right: 0; } }
  .safety-list li .safety-icon {
    position: relative;
    margin-bottom: 40px; }
    .safety-list li .safety-icon img {
      max-width: 260px; }
  .safety-list li p {
    text-align: center;
    margin: 0; }

.safety-graphic {
  display: block;
  position: relative; }
  .safety-graphic .safety-img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #eee;
    margin-bottom: 20px; }

.customer-testimonials {
  display: block;
  position: relative; }
  .customer-testimonials h2 {
    position: relative;
    display: block; }

.customer-testimonial-list li {
  list-style-type: none;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  height: auto; }
  @media (min-width: 576px) {
    .customer-testimonial-list li {
      width: 48%;
      margin-right: 4%;
      margin-bottom: 20px; }
      .customer-testimonial-list li:nth-of-type(2n) {
        margin-right: 0; } }
  @media (min-width: 768px) {
    .customer-testimonial-list li {
      width: 32%;
      margin-right: 2%;
      min-height: 250px; }
      .customer-testimonial-list li:nth-of-type(2n) {
        margin-right: 2%; }
      .customer-testimonial-list li:nth-of-type(3n) {
        margin-right: 0; } }
  .customer-testimonial-list li p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 30px;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 20px; }
  .customer-testimonial-list li .customer-details {
    display: block;
    position: relative;
    padding: 15px 30px 15px 45px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase; }

.customer-quotes h2 {
  margin-bottom: 20px; }
@media (min-width: 1200px) {
  .customer-quotes p {
    max-width: 40%;
    margin: 0 auto 40px auto; } }
.customer-quotes .quotes-list {
  display: none; }
  .customer-quotes .quotes-list.slick-initialized {
    display: block; }
.customer-quotes li {
  list-style-type: none;
  padding: 0 10px; }
  .customer-quotes li p {
    padding: 0;
    max-width: 100%;
    margin: 0; }
.customer-quotes .slick-dots {
  bottom: -35px !important; }
  .customer-quotes .slick-dots li {
    background-color: #ddd;
    border-radius: 50%;
    font-size: 14px !important;
    padding: 0;
    width: 15px !important;
    height: 15px !important; }
    .customer-quotes .slick-dots li.slick-active {
      background-color: #ccc; }
.customer-quotes .inner-quote {
  text-align: center;
  height: auto;
  min-height: 250px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .customer-quotes .inner-quote p {
    font-size: 20px; }

.quote-orange {
  background-color: #DA8020;
  color: #fff; }

.quote-yellow {
  background-color: #F2C541;
  color: #fff; }

.quote-blue {
  background-color: #0075BF;
  color: #fff; }

.quote-dark-green {
  background-color: #004E32;
  color: #fff; }

.quote-green {
  background-color: #3AAA35;
  color: #fff; }

.quote-red {
  background-color: #E30610;
  color: #fff; }

.image-with-quote {
  margin-bottom: 20px; }

.background-angle {
  display: block;
  position: relative;
  width: 100%;
  height: 420px;
  max-height: 560px;
  background-color: #ddd;
  padding: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    .background-angle {
      max-height: 370px; } }
  @media (min-width: 1200px) {
    .background-angle {
      max-height: 420px; } }
  .background-angle .angled-block {
    width: 100%;
    height: 100%;
    max-height: 420px;
    padding: 20px;
    background-color: rgba(255, 190, 11, 0.9); }
    @media (min-width: 768px) {
      .background-angle .angled-block {
        width: 350px;
        padding: 0 30px; } }
    @media (min-width: 1200px) {
      .background-angle .angled-block {
        width: 500px;
        padding: 0 30px; } }
    .background-angle .angled-block p {
      margin-bottom: 20px; }
    .background-angle .angled-block:before {
      display: none; }
  .background-angle p {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    text-transform: uppercase;
    padding: 0; }
    @media (min-width: 768px) {
      .background-angle p {
        font-size: 22px;
        line-height: 28px; } }
  .background-angle .angle-end {
    display: none;
    position: absolute;
    top: 0;
    background-color: transparent;
    right: 0;
    width: 420px;
    height: 420px;
    overflow: hidden;
    transform: rotate(180deg); }
    @media (min-width: 768px) {
      .background-angle .angle-end {
        display: block;
        height: 370px;
        width: 350px;
        right: -100%; } }
    @media (min-width: 1200px) {
      .background-angle .angle-end {
        height: 420px;
        right: -360px;
        width: 360px; } }
    .background-angle .angle-end:after {
      content: "";
      display: block;
      position: absolute;
      background-color: rgba(255, 190, 11, 0.9);
      height: 420px;
      top: 0;
      right: 0;
      transform: skew(-10deg, 0);
      width: calc(100% - 10%); }
      @media (min-width: 768px) {
        .background-angle .angle-end:after {
          height: 370px;
          right: -280px; } }
      @media (min-width: 1200px) {
        .background-angle .angle-end:after {
          height: 420px; } }
  .background-angle .angled-block-slim {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0;
    background-color: #F2C541;
    max-width: 80%;
    padding: 20px; }
    @media (min-width: 768px) {
      .background-angle .angled-block-slim {
        max-width: 50%; } }
    .background-angle .angled-block-slim p {
      color: #000;
      z-index: 5;
      font-size: 20px;
      line-height: 24px; }
      @media (min-width: 992px) {
        .background-angle .angled-block-slim p {
          font-size: 28px;
          line-height: 32px; } }
    .background-angle .angled-block-slim span {
      display: block;
      position: absolute;
      right: -5%;
      top: 0;
      background-color: #F2C541;
      width: calc(20% - 10%);
      height: 100%;
      transform: skew(-10deg, 0); }

.background-angle-fullwidth:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.quote-name {
  font-size: 18px;
  line-height: 32px;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat-Regular";
  z-index: 5; }

.our-roles {
  background-color: #fff; }
  .our-roles h2 {
    padding-bottom: calc(20px * 4);
    padding-top: calc(20px * 4); }
  .our-roles .top-txt {
    margin-bottom: 50px; }
  .our-roles .bottom-txt {
    margin-top: 30px; }

.role {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 1%;
  overflow: hidden; }
  .role img {
    display: block;
    position: relative; }
  .role:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5; }
  .role:hover .overlay-text {
    transform: translateY(0); }
  .role:hover .overlay-title {
    color: #F2C541; }
    .role:hover .overlay-title:after {
      background-color: #F2C541; }
  .role:hover .overlay-copy {
    opacity: 1; }
  .role:hover .overlay-link {
    opacity: 1; }

@media (min-width: 768px) {
  .role {
    width: 25%;
    margin-bottom: 0; } }
.overlay-text {
  display: block;
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  transform: translateY(40px);
  transition: all .3s ease; }
  .overlay-text .overlay-title {
    display: inline-block;
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    padding-bottom: 15px; }
    .overlay-text .overlay-title:after {
      content: "";
      width: auto;
      height: 2px;
      background-color: #fff;
      margin-top: 10px;
      display: block;
      position: relative; }
  .overlay-text .overlay-copy {
    opacity: 0;
    transition: all .3s ease;
    font-size: 16px;
    font-family: "Montserrat-Regular";
    max-width: 90%;
    color: #fff; }
  .overlay-text .overlay-link {
    display: block;
    opacity: 0;
    transition: all .3s ease;
    font-size: 16px;
    font-family: "Montserrat-Regular"; }
    .overlay-text .overlay-link a {
      color: #fff; }
      .overlay-text .overlay-link a:hover {
        text-decoration: none; }
      .overlay-text .overlay-link a:after {
        display: none; }

.our-fleet .text-block {
  padding: 20px 20px 20px 0; }
  .our-fleet .text-block h2,
  .our-fleet .text-block p {
    margin-bottom: 20px; }
  .our-fleet .text-block a {
    display: inline-block;
    color: #000;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none; }
    .our-fleet .text-block a:hover {
      text-decoration: none;
      color: #F2C541; }
      .our-fleet .text-block a:hover:after {
        width: 100%; }
    .our-fleet .text-block a:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease; }
.our-fleet .icon {
  text-align: center; }
  .our-fleet .icon img {
    max-width: 60%; }
    @media (min-width: 768px) {
      .our-fleet .icon img {
        max-width: 45%; } }
    @media (min-width: 1200px) {
      .our-fleet .icon img {
        max-width: 60%; } }
.our-fleet ul {
  padding: 0;
  margin: 0; }
.our-fleet li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: top;
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
  color: #fff;
  border-bottom: 5px solid #F2C541; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .our-fleet li {
      display: inline; } }
  @media (min-width: 576px) {
    .our-fleet li {
      width: 49.5%;
      margin-right: 1%; }
      .our-fleet li:nth-of-type(2n) {
        margin-right: 0; } }
  @media (min-width: 992px) {
    .our-fleet li {
      width: 32.666%;
      margin-right: 1%; }
      .our-fleet li:nth-of-type(2n) {
        margin-right: 1%; }
      .our-fleet li:nth-of-type(3n) {
        margin-right: 0; } }
  .our-fleet li p {
    text-align: left;
    background-color: #F2F2F2;
    width: 100%;
    color: #000;
    font-size: 14px;
    padding: 0;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .our-fleet li p {
        font-size: 12px; } }
    @media (min-width: 992px) {
      .our-fleet li p {
        font-size: 14px; } }
  .our-fleet li img {
    width: 100%; }
.our-fleet .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: center;
  font-family: "Montserrat-Regular";
  max-width: 90%;
  height: 50px;
  color: #000; }
.our-fleet .orange-bg {
  background-color: #DA8020; }
.our-fleet .yellow-bg {
  background-color: #F2C541; }
.our-fleet .blue-bg {
  background-color: #0075BF; }
.our-fleet .dark-green-bg {
  background-color: #004E32; }
.our-fleet .light-green-bg {
  background-color: #3AAA35; }
.our-fleet .red-bg {
  background-color: #E30610; }

/* Our Fleet List */
@media (min-width: 768px) {
  .fleet-list {
    padding: 0 0 0 5% !important; } }
.fleet-list .title {
  max-width: 100%;
  margin-bottom: 5px;
  text-align: left;
  font-size: 18px;
  height: auto; }
  .fleet-list .title a {
    color: #000; }
.fleet-list .txt-block {
  width: 100%;
  text-align: left;
  padding: 15px; }
  .fleet-list .txt-block p {
    background-color: transparent;
    font-size: 16px;
    text-align: left; }

/* category fleet */
.crane-cat-list {
  padding-bottom: 80px; }

.category-fleet li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: top;
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
  color: #fff;
  border-bottom: 8px solid #F2C541; }
  @media (min-width: 576px) {
    .category-fleet li {
      width: 48%;
      margin-right: 3%; }
      .category-fleet li:nth-of-type(2n) {
        margin-right: 0; } }
  @media (min-width: 992px) {
    .category-fleet li {
      width: 31%;
      margin-right: 3%; }
      .category-fleet li:nth-of-type(2n) {
        margin-right: 3%; }
      .category-fleet li:nth-of-type(3n) {
        margin-right: 0; } }
.category-fleet .txt-block {
  width: 100%;
  text-align: left;
  padding: 30px 15px; }
.category-fleet .title {
  max-width: 100%;
  margin-bottom: 0;
  text-align: left;
  font-size: 22px;
  height: auto;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat-Regular"; }
  .category-fleet .title a {
    color: #000; }
    .category-fleet .title a:visited {
      color: #000; }

/* New Fleet page styles 2022 */
.view-fleet h2 {
  text-align: center;
  width: 100%;
  margin-bottom: 30px; }
.view-fleet p:not(li p) {
  text-align: center; }
.view-fleet ul {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 768px) {
    .view-fleet ul {
      flex-direction: row;
      flex-wrap: wrap; } }
.view-fleet li {
  display: inline-block;
  width: 100%; }
  .view-fleet li:not(:last-of-type) {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    .view-fleet li {
      width: 32%;
      margin-right: 2%; }
      .view-fleet li:not(:last-of-type) {
        margin-bottom: 30px; }
      .view-fleet li:nth-of-type(3n) {
        margin-right: 0; }
      .view-fleet li:last-of-type {
        margin-bottom: 30px; } }
.view-fleet .txt-block {
  width: 100%;
  text-align: left;
  padding: 15px; }
  @media (min-width: 768px) {
    .view-fleet .txt-block {
      min-height: 220px;
      padding: 15px 15px 0 15px; } }
.view-fleet .title {
  max-width: 100%;
  margin-bottom: 15px;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  height: auto;
  text-transform: uppercase;
  font-family: "Montserrat-Regular"; }
  .view-fleet .title a {
    color: #000; }
    .view-fleet .title a:visited {
      color: #000; }
.view-fleet .crane-stat {
  text-transform: uppercase;
  font-family: "Montserrat-Regular";
  color: #F2C541;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 15px; }
  .view-fleet .crane-stat img {
    width: 30px;
    height: auto;
    margin-right: 5px; }
.view-fleet .links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px; }
  .view-fleet .links a {
    position: relative;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    color: #000; }
    .view-fleet .links a:hover {
      text-decoration: none;
      color: #F2C541 !important; }
      .view-fleet .links a:hover:after {
        width: 100%; }
    .view-fleet .links a:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease; }
    .view-fleet .links a:visited {
      color: #000; }
    .view-fleet .links a + a {
      color: #000; }
      .view-fleet .links a + a:after {
        background-color: #F2C541; }
      .view-fleet .links a + a:visited {
        color: #000; }

.new-crane-fleet {
  padding-bottom: 0 !important; }
  @media (min-width: 768px) {
    .new-crane-fleet {
      padding-right: 0 !important;
      padding-left: 0 !important; } }

.online-specification {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 768px) {
    .online-specification {
      padding-right: 0;
      padding-left: 0; } }

.course-enquiry-form {
  display: block;
  position: relative; }
  .course-enquiry-form h2 {
    position: relative;
    margin-bottom: calc(20px * 3); }
  .course-enquiry-form form {
    max-width: 90%;
    margin: 0 auto 20px auto; }
    @media (min-width: 768px) {
      .course-enquiry-form form {
        max-width: 60%; } }
  .course-enquiry-form p:last-of-type {
    position: relative;
    width: 100%;
    display: block;
    padding: 20px; }
  .course-enquiry-form .frm_checkbox {
    float: left;
    position: relative;
    width: 100%;
    display: block;
    padding: 0 10px;
    margin-bottom: 30px; }
  .course-enquiry-form button {
    position: relative;
    margin-top: 30px;
    text-align: center;
    width: auto;
    justify-content: center;
    padding: 10px 50px; }

.services-slider {
  margin-bottom: -6px; }
  .services-slider:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    background-image: url("images/backgrounds/border.png");
    background-size: auto;
    background-repeat: repeat-x; }
  .services-slider:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #F2F2F2; }

.carousel .carousel-title {
  display: block;
  position: absolute;
  top: 30px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  z-index: 400;
  color: #fff;
  font-family: "Montserrat-Bold";
  font-size: 24px; }
  @media (min-width: 992px) {
    .carousel .carousel-title {
      top: 50px; } }
  @media (min-width: 1366px) {
    .carousel .carousel-title {
      font-size: 34px; } }
.carousel .page-hero-content {
  height: auto;
  padding: 30px 5%;
  z-index: 30; }
  @media (min-width: 768px) {
    .carousel .page-hero-content {
      bottom: 15%;
      width: 50%; } }
  @media (min-width: 992px) {
    .carousel .page-hero-content {
      bottom: 23%; } }
  @media (min-width: 1366px) {
    .carousel .page-hero-content {
      bottom: 35%; } }
  .carousel .page-hero-content p,
  .carousel .page-hero-content .page-hero-content-title,
  .carousel .page-hero-content .page-title {
    z-index: 50;
    margin-bottom: 5px; }
  .carousel .page-hero-content .page-hero-content-title {
    font-size: 18px; }
    @media (min-width: 992px) {
      .carousel .page-hero-content .page-hero-content-title {
        font-size: 24px; } }
    @media (min-width: 1366px) {
      .carousel .page-hero-content .page-hero-content-title {
        font-size: 34px; } }
  .carousel .page-hero-content .page-title {
    font-size: 14px; }
    @media (min-width: 992px) {
      .carousel .page-hero-content .page-title {
        font-size: 16px; } }
    @media (min-width: 1366px) {
      .carousel .page-hero-content .page-title {
        font-size: 18px; } }
  .carousel .page-hero-content p {
    text-transform: none;
    max-width: 80%;
    font-size: 12px; }
    @media (min-width: 992px) {
      .carousel .page-hero-content p {
        font-size: 14px; } }
    @media (min-width: 1366px) {
      .carousel .page-hero-content p {
        font-size: 16px; } }
  .carousel .page-hero-content a {
    display: inline-block;
    position: relative;
    width: auto;
    color: #000;
    font-family: "Montserrat-Bold";
    text-decoration: none;
    font-size: 12px;
    align-self: flex-start;
    margin-top: 15px; }
    @media (min-width: 992px) {
      .carousel .page-hero-content a {
        font-size: 14px; } }
    @media (min-width: 1366px) {
      .carousel .page-hero-content a {
        font-size: 16px; } }
    .carousel .page-hero-content a:hover {
      text-decoration: none; }
      .carousel .page-hero-content a:hover:after {
        width: 100%; }
    .carousel .page-hero-content a:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease;
      background-color: #000; }
  .carousel .page-hero-content span {
    content: "";
    display: inline-block;
    position: absolute;
    right: -60px;
    background-color: #F2C541;
    width: 255px;
    height: 100%;
    top: 0;
    trasform: skew(90deg);
    transform: skew(-20deg, 0deg); }
    @media (min-width: 768px) {
      .carousel .page-hero-content span {
        transform: skew(-15deg, 0deg); } }

.homepage-services-slider {
  margin-bottom: 0;
  display: none !important; }
  .homepage-services-slider.slick-initialized {
    display: block !important; }
  .homepage-services-slider li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }

.homepage-services-slider-nav {
  position: absolute !important;
  bottom: 20px;
  width: 100% !important;
  margin-bottom: 0; }
  @media (min-width: 992px) {
    .homepage-services-slider-nav {
      bottom: 40px; } }
  .homepage-services-slider-nav li {
    padding: 0 2.5%;
    cursor: pointer;
    position: relative; }
    .homepage-services-slider-nav li:hover .slide-nav-title {
      color: #F2C541;
      border-bottom: 1px solid #F2C541; }
  .homepage-services-slider-nav .slide-nav-title {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: "Montserrat-Regular";
    font-size: 8px;
    padding-bottom: 10px;
    text-transform: uppercase; }
    @media (min-width: 1200px) {
      .homepage-services-slider-nav .slide-nav-title {
        font-size: 12px; } }
    @media (min-width: 1366px) {
      .homepage-services-slider-nav .slide-nav-title {
        font-size: 14px; } }

.timeline-heading {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  padding: 60px 0;
  background-color: #333;
  align-items: center;
  justify-content: center; }
  .timeline-heading h3 {
    color: #F2C541; }

.timeline {
  overflow: hidden; }
  .timeline h4 {
    text-align: center;
    color: #F2C541;
    margin-bottom: calc(20px * 2); }

.year-col-l,
.year-col-r {
  width: 100%; }
  @media (min-width: 768px) {
    .year-col-l,
    .year-col-r {
      width: 50%; } }
  @media (min-width: 1200px) {
    .year-col-l img,
    .year-col-r img {
      margin-bottom: calc(20px * 2); } }

.year-col-l img {
  opacity: .3; }

.timeline-year {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  color: #F2C541;
  font-size: 34px;
  z-index: 50;
  width: 200px;
  height: 200px;
  border: 3px solid #999;
  border-radius: 50%; }
  @media (min-width: 768px) {
    .timeline-year {
      width: 400px;
      height: 400px; } }

.timeline-year-heading {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 510px;
  height: auto;
  font-size: 22px;
  margin-bottom: 30px;
  color: #fff;
  top: -250px; }
  @media (min-width: 768px) {
    .timeline-year-heading {
      font-size: 20px; } }
  @media (min-width: 1200px) {
    .timeline-year-heading {
      font-size: 30px; } }

.timeline-year-text {
  display: block;
  position: relative;
  max-width: 100%;
  margin-left: auto;
  padding: 0 0 0 20px;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-family: "Montserrat-Regular"; }
  @media (min-width: 768px) {
    .timeline-year-text {
      max-width: 100%;
      font-size: 14px;
      line-height: 18px; } }
  @media (min-width: 992px) {
    .timeline-year-text {
      max-width: 70%; } }
  @media (min-width: 1200px) {
    .timeline-year-text {
      font-size: 22px;
      line-height: 26px; } }

.fixed-content {
  background-color: #1a1a1a;
  width: 100%;
  padding: 0 1em;
  position: relative;
  left: 0;
  z-index: -1;
  height: auto;
  transition: all .3s ease-in-out; }
  @media (min-width: 768px) {
    .fixed-content {
      display: none;
      visibility: hidden; } }

@media (min-width: 768px) {
  .fixed-content {
    display: flex;
    visibility: visible; } }
.history {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
  opacity: 1;
  transition: all .3s ease-in-out; }

.history.timeline {
  position: relative;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  justify-content: center;
  opacity: 1;
  transition: all .3s ease-in-out; }

.history.timeline #yeardate {
  opacity: 1; }

#yeardate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  position: fixed;
  top: 31%;
  left: 50%;
  margin-left: -50px;
  font-size: 56px;
  color: #F2C541;
  z-index: 1;
  transition: all .3s ease-in-out;
  font-family: "Montserrat-Regular";
  opacity: 1; }

@media (min-width: 768px) {
  #yeardate {
    width: 290px;
    height: 290px;
    top: 24%;
    left: 30%;
    font-size: 4em;
    margin-left: unset; } }
@media (min-width: 992px) {
  #yeardate {
    top: 23%;
    left: 34%; } }
@media (min-width: 1200px) {
  #yeardate {
    width: 445px;
    height: 445px;
    top: 25%;
    left: 34%;
    font-size: 7em;
    margin-left: unset; } }
.inside {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }

.block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  position: relative;
  z-index: 0; }
  @media (min-width: 768px) {
    .block {
      flex-direction: row;
      padding: 0 30px; }
      .block .timeline-year-heading {
        float: left;
        left: 0;
        right: unset; }
      .block .timeline-img1 {
        position: absolute;
        left: 160px;
        top: -290px;
        z-index: 1;
        opacity: .2; }
      .block .timeline-img2 {
        position: relative;
        right: 0;
        top: 0;
        z-index: 1;
        float: right; }
      .block .timeline-year-text {
        float: left;
        margin-left: 0;
        padding: 0 20% 0 2%; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .block .timeline-year-text {
        padding: 0 0 0 2%; } }
    @media (min-width: 768px) and (min-width: 1200px) {
      .block .timeline-year-text {
        padding: 0 20% 0 2%; } }
  @media (min-width: 768px) {
        .block .timeline-year-text h2 {
          color: #F2C541; }
        .block .timeline-year-text p {
          font-family: "Montserrat-Regular";
          font-size: 18px;
          text-transform: uppercase; } }
  .block:nth-of-type(odd) {
    flex-direction: row-reverse; }
    .block:nth-of-type(odd) .timeline-year-heading {
      float: right;
      right: 0;
      left: unset; }
    .block:nth-of-type(odd) .timeline-year-text {
      float: left; }
      @media (min-width: 1200px) {
        .block:nth-of-type(odd) .timeline-year-text {
          margin-left: 200px; } }
    .block:nth-of-type(odd) .timeline-img2 {
      float: left;
      right: unset; }
    .block:nth-of-type(odd) .col-l img {
      float: right; }
    .block:nth-of-type(odd) .col-r img {
      float: left; }
  .block .col-l,
  .block .col-r {
    width: 100%;
    position: relative; }
    @media (min-width: 768px) {
      .block .col-l,
      .block .col-r {
        width: 50%; } }
  .block .col-l img {
    float: left;
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%; }
    @media (min-width: 768px) {
      .block .col-l img {
        max-width: 60%; } }
  .block .col-r img {
    max-width: 100%;
    float: right;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .block .col-r img {
        max-width: 80%; } }

svg {
  position: fixed;
  visibility: hidden;
  top: 24%;
  left: 21%;
  height: 200px;
  width: 200px;
  z-index: 1;
  stroke: #999;
  stroke-width: 3 !important; }

@media (min-width: 768px) {
  svg {
    width: 290px;
    height: 290px;
    left: 31%;
    visibility: visible; } }
@media (min-width: 992px) {
  svg {
    left: 35%; } }
@media (min-width: 1200px) {
  svg {
    width: 490px;
    height: 490px;
    left: 33%; } }
.fixed-start {
  display: block;
  position: relative;
  height: 200px;
  background-color: #1a1a1a;
  overflow: hidden; }

.fixed-end {
  display: block;
  position: relative;
  height: 160px;
  background-color: #1a1a1a;
  overflow: hidden; }

.history .outline {
  stroke-width: 3px !important; }

.reward-commitment {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #F2F2F2;
  padding: 40px 0 40px 0; }
  .reward-commitment h2 {
    text-align: center;
    margin: 0 0 calc(20px * 2) 0; }

.commitment-info-box {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: #ddd;
  padding: 20px;
  flex-direction: column;
  margin-top: 40px; }
  @media (min-width: 768px) {
    .commitment-info-box {
      flex-direction: row; } }
  @media (min-width: 992px) {
    .commitment-info-box {
      width: 80%;
      margin: 40px auto 0 auto;
      padding-left: 120px; } }
  @media (min-width: 1366px) {
    .commitment-info-box {
      width: 90%;
      padding-left: 170px; } }
  .commitment-info-box .info-title {
    display: block;
    position: relative;
    margin: 40px 0 40px 0;
    font-family: "Montserrat-Bold"; }
    @media (min-width: 768px) {
      .commitment-info-box .info-title {
        margin: 20px 0 40px 0; } }
  .commitment-info-box ul {
    display: block;
    float: left;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .commitment-info-box ul {
        width: 45%;
        margin-right: 5%; } }
    .commitment-info-box ul + ul {
      margin-right: 0; }
  .commitment-info-box li {
    list-style-type: none;
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    line-height: 14px; }
    @media (min-width: 1200px) {
      .commitment-info-box li {
        line-height: 18px; } }
    .commitment-info-box li:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 20px; }

.commitment-info-graphic {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 20px;
  text-align: center;
  color: #000; }
  @media (min-width: 768px) {
    .commitment-info-graphic {
      max-width: 200px; } }
  @media (min-width: 992px) {
    .commitment-info-graphic {
      max-width: 400px;
      width: 190px;
      position: absolute;
      left: -80px; } }
  @media (min-width: 1366px) {
    .commitment-info-graphic {
      width: 260px;
      position: absolute;
      left: -130px; } }
  .commitment-info-graphic:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    left: calc(50% - 15px);
    transform: rotate(45deg); }
    @media (min-width: 768px) {
      .commitment-info-graphic:after {
        top: calc(50% - 15px);
        right: -15px;
        left: unset; } }
  .commitment-info-graphic img {
    margin-bottom: 10px; }
  .commitment-info-graphic span {
    display: block;
    position: relative;
    width: 100%;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    font-size: 14px;
    z-index: 5; }

@media (min-width: 768px) {
  .commitment-info {
    padding-left: 30px; } }
@media (min-width: 1366px) {
  .commitment-info {
    padding-left: 0; } }

.yellow-info {
  background-color: #F2C541; }
  .yellow-info li:before {
    background-image: url("images/why-work-for-us/tick.png"); }

.red-info {
  background-color: #E30610;
  color: #fff; }
  .red-info li:before {
    background-image: url("images/why-work-for-us/tick-white.png"); }

.green-info {
  background-color: #3AAA35;
  color: #fff; }
  .green-info li:before {
    background-image: url("images/why-work-for-us/tick-white.png"); }

.orange-info {
  background-color: #DA8020;
  color: #fff; }
  .orange-info li:before {
    background-image: url("images/why-work-for-us/tick-white.png"); }

.values-carousel h2 {
  margin-bottom: 50px; }

.values-list {
  display: none;
  padding: 0 50px; }
  @media (min-width: 768px) {
    .values-list {
      padding: 0; } }
  .values-list.slick-initialized {
    display: block; }
  .values-list li {
    list-style-type: none;
    padding: 0 60px; }
    @media (min-width: 576px) {
      .values-list li {
        padding: 0 20px; } }
    @media (min-width: 992px) {
      .values-list li {
        padding: 0 60px; } }
    .values-list li span {
      float: left;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      font-size: 22px; }
      @media (min-width: 576px) {
        .values-list li span {
          font-size: 16px; } }
    .values-list li img {
      margin: 0 0 20px 0;
      width: 100%; }
  .values-list .slick-prev {
    left: 30px; }
  .values-list .slick-next {
    right: 30px; }

.crane-spec-container {
  padding-bottom: 80px; }

.spec-table {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  padding: 10px; }
  .spec-table tr:nth-of-type(even) {
    background-color: #f7f7f7; }
  .spec-table td {
    padding: 20px;
    text-transform: uppercase;
    font-family: "Helvetica", Arial;
    text-align: left; }
    .spec-table td + td {
      border-left: 1px solid #ddd; }

.crane-main-img {
  padding: 0 !important;
  margin-top: 20px; }
  @media (min-width: 992px) {
    .crane-main-img {
      margin-left: 1%;
      margin-top: 0;
      padding: 0 15px !important; } }
  .crane-main-img img {
    width: 100%; }

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 800px !important;
    margin: 5% auto !important; } }

.modal-header {
  margin: 0 30px;
  padding: 1em 0 !important;
  text-align: center; }

.modal-body {
  padding: 30px !important; }
  .modal-body .frm_submit {
    text-align: center !important; }
    .modal-body .frm_submit button {
      background-color: #F2C541;
      border: 1px solid #F2C541;
      color: #000;
      font-family: "Montserrat-Regular";
      text-transform: uppercase;
      text-align: left;
      display: inline-flex;
      align-items: center;
      transition: all .3s ease;
      margin: 0;
      padding: 10px 25px;
      font-size: 16px;
      cursor: pointer; }
      .modal-body .frm_submit button:hover {
        color: #F2C541;
        background-color: #000;
        border: 1px solid #000; }
  .modal-body .frm_opt_container a:visited {
    color: #000 !important; }

.frm_required {
  color: red; }

.location-modal .frm_checkbox label {
  text-transform: none !important; }

.crane-video h2 {
  margin-bottom: 50px; }

.areas-of-use--list {
  display: none;
  padding: 0 50px; }
  @media (min-width: 768px) {
    .areas-of-use--list {
      padding: 0; } }
  .areas-of-use--list.slick-initialized {
    display: block; }
  .areas-of-use--list li {
    list-style-type: none;
    padding: 0 20px; }
    .areas-of-use--list li span {
      float: left;
      width: 100%;
      text-align: center;
      text-transform: uppercase;
      font-size: 22px;
      font-weight: 600; }
      @media (min-width: 576px) {
        .areas-of-use--list li span {
          font-size: 16px; } }
    .areas-of-use--list li img {
      max-width: 150px;
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
  .areas-of-use--list .slick-prev {
    left: 30px; }
    @media (min-width: 1200px) {
      .areas-of-use--list .slick-prev {
        left: -60px; } }
  .areas-of-use--list .slick-next {
    right: 30px; }
    @media (min-width: 1200px) {
      .areas-of-use--list .slick-next {
        right: -60px; } }

.crane--anchor-point {
  display: block;
  position: relative;
  width: 100%;
  height: 100px;
  transform: translateY(0px);
  background-color: #0000;
  margin-top: -100px; }

.key-info .key-left {
  padding: 60px 20px; }
  @media (min-width: 1200px) {
    .key-info .key-left {
      padding: 60px; } }
@media (min-width: 1200px) {
  .key-info .key-left--inner {
    max-width: 85%;
    margin-left: auto; } }
.key-info .key-right {
  padding: 60px 20px; }
  @media (min-width: 1200px) {
    .key-info .key-right {
      padding: 60px; } }
  @media (min-width: 1200px) {
    .key-info .key-right .key-right--inner {
      max-width: 85%;
      margin-right: auto; } }
.key-info .key-left h4,
.key-info .key-right h4 {
  position: relative;
  margin-bottom: 30px; }
.key-info .key-right {
  background-color: #F2C541;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .key-info .key-right li {
    display: block;
    position: relative;
    width: 100%;
    list-style-type: none;
    margin-bottom: 30px; }
    .key-info .key-right li:last-of-type {
      margin-bottom: 0; }
  .key-info .key-right:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F2C541;
    opacity: .9; }
.key-info .keyinfo-heading {
  position: relative; }
  .key-info .keyinfo-heading p {
    font-family: "Montserrat-Regular"; }
    .key-info .keyinfo-heading p strong {
      font-family: "Montserrat-Bold"; }
.key-info .download {
  display: inline-block;
  position: relative;
  width: auto;
  text-align: center;
  margin-top: 30px;
  color: #000; }
  .key-info .download:hover {
    text-decoration: none; }
  .key-info .download:visited {
    color: #000; }
  .key-info .download:after {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 2px;
    background-color: #f2c541;
    transition: all .3s ease; }
  .key-info .download:hover:after {
    width: 100%; }

.table-outer {
  display: block;
  position: relative;
  margin-top: 40px;
  border: 1px solid #F2C541;
  padding: 10px; }

.specification-table thead {
  background-color: #F2C541; }
  .specification-table thead td {
    padding: 15px;
    background-color: #F2C541; }
  .specification-table thead p {
    padding: 0;
    margin: 0; }
.specification-table tbody tr:nth-of-type(even) {
  background-color: #F2F2F2; }
.specification-table tbody td {
  padding: 15px; }
  .specification-table tbody td strong {
    font-weight: 600; }
  .specification-table tbody td p {
    padding: 0;
    margin: 0;
    text-transform: uppercase; }
  .specification-table tbody td:last-of-type {
    border-left: 1px solid #F2C541; }

.crane-services h2 {
  padding-bottom: 30px; }
.crane-services div {
  width: 100%;
  padding: 30px;
  display: inline-block;
  vertical-align: top;
  min-height: 300px; }
  @media (min-width: 768px) {
    .crane-services div {
      width: 32.3%; } }
.crane-services .learnmore {
  display: inline-block;
  text-decoration: none;
  font-family: "Montserrat-Regular";
  text-transform: uppercase;
  font-size: 16px; }
.crane-services h3 {
  font-size: 24px !important;
  line-height: 30px !important;
  padding: 0 20px 0 0; }
.crane-services .service-yellow {
  background-color: #F2C541;
  color: #000; }
  .crane-services .service-yellow .learnmore {
    color: #000; }
  .crane-services .service-yellow .learnmore:after {
    background-color: #000 !important; }
.crane-services .service-black {
  background-color: #000;
  color: #fff;
  margin: 20px 0; }
  @media (min-width: 768px) {
    .crane-services .service-black {
      margin: 0 0.5%; } }
  .crane-services .service-black .learnmore {
    color: #fff; }
  .crane-services .service-black .learnmore:after {
    background-color: #fff !important; }

.hero-slim {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .hero-slim img {
    width: 100%;
    height: auto; }
  .hero-slim:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2; }

.hero-slim--content {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center; }
  .hero-slim--content .hero-title {
    position: relative;
    font-size: 30px;
    line-height: 34px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    z-index: 5;
    padding: 0 20px; }
    @media (min-width: 1200px) {
      .hero-slim--content .hero-title {
        font-size: 50px;
        line-height: 50px; } }
  .hero-slim--content .page-scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 15%;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    color: #fff;
    font-size: 15px;
    z-index: 5; }
    @media (min-width: 768px) {
      .hero-slim--content .page-scroll {
        position: relative;
        bottom: 0; } }
    @media (min-width: 1200px) {
      .hero-slim--content .page-scroll {
        position: absolute;
        bottom: 15%; } }
    .hero-slim--content .page-scroll:visited {
      color: #fff; }
    .hero-slim--content .page-scroll:before {
      content: "";
      display: block;
      position: relative;
      width: 1px;
      background-color: #fff;
      height: 50px;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .hero-slim--content .page-scroll:before {
          display: none; } }
      @media (min-width: 1200px) {
        .hero-slim--content .page-scroll:before {
          display: block;
          height: 70px; } }

.pre-order--text h1 {
  margin-bottom: 50px; }
.pre-order--text p:last-of-type {
  margin-bottom: 0; }
.pre-order--text ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 50px; }
  @media (min-width: 768px) {
    .pre-order--text ul {
      flex-direction: row;
      justify-content: space-between;
      max-width: 80%;
      margin: 40px auto 0 auto; } }
  @media (min-width: 1200px) {
    .pre-order--text ul {
      max-width: 75%; } }
.pre-order--text li {
  list-style-type: none;
  text-transform: uppercase;
  font-family: "Montserrat-Regular";
  margin-bottom: 20px; }
  .pre-order--text li:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .pre-order--text li {
      margin-bottom: 0; } }
  .pre-order--text li a {
    color: #000;
    font-size: 14px;
    line-height: 14px; }
    @media (min-width: 768px) {
      .pre-order--text li a {
        font-size: 12px;
        line-height: 12px; } }
    @media (min-width: 1200px) {
      .pre-order--text li a {
        font-size: 16px;
        line-height: 16px; } }
    .pre-order--text li a:visted {
      color: #000; }
    .pre-order--text li a:hover {
      color: #000;
      text-decoration: none; }
  .pre-order--text li:hover:after {
    width: 100%; }
  @media (min-width: 768px) {
    .pre-order--text li:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease; } }

.pre-order--form {
  display: block;
  position: relative; }
  .pre-order--form h2 {
    text-align: center;
    margin-bottom: 50px; }
  .pre-order--form form {
    max-width: 90%;
    margin: 0 auto 20px auto; }
    @media (min-width: 768px) {
      .pre-order--form form {
        max-width: 60%; } }

.why-choose--us {
  padding: 50px 80px; }
  .why-choose--us .list-title {
    text-align: center; }
  .why-choose--us .list-icon {
    margin-left: auto;
    margin-right: auto; }
  .why-choose--us li a {
    display: block;
    text-align: center; }
  .why-choose--us h3 {
    text-align: center;
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .why-choose--us h3 {
        margin-bottom: 80px; } }

.specification-guide-flipbook {
  position: relative;
  padding: 0 0 60px 0; }
  .specification-guide-flipbook iframe {
    width: 100% !important; }

.specification-guide--video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
.specification-guide--video .embed-container iframe,
.specification-guide--video .embed-container object,
.specification-guide--video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.why-choose-list {
  display: none; }
  .why-choose-list.slick-initialized {
    display: block; }

.whats-included {
  padding-left: 20px;
  padding-right: 20px; }
  .whats-included h4 {
    text-align: center;
    margin-bottom: 50px; }
  .whats-included ul {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 1px solid #F2C541; }
    @media (min-width: 768px) {
      .whats-included ul {
        column-count: 2; } }
  .whats-included li {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 40px; }
    @media (min-width: 768px) {
      .whats-included li {
        padding-right: 80px; } }
    .whats-included li:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      width: 30px;
      height: 30px;
      background-image: url(./images/ticks/yellow.png);
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center;
      color: #F2C541; }

.guide-for {
  padding: 0 20px; }
  @media (min-width: 1200px) {
    .guide-for {
      padding: 0; } }
  .guide-for a {
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    text-decoration: none; }
    .guide-for a:visited {
      color: #000; }
    .guide-for a:hover {
      color: #000;
      text-decoration: none; }
      .guide-for a:hover:after {
        width: 100%; }
    .guide-for a:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease; }

.guide-detail--blocks {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto; }
  @media (min-width: 992px) {
    .guide-detail--blocks {
      flex-direction: row; } }
  .guide-detail--blocks h4 {
    position: relative;
    z-index: 10;
    margin-bottom: 30px; }
  .guide-detail--blocks .block1,
  .guide-detail--blocks .block2 {
    width: 100%;
    padding: 30px; }
    @media (min-width: 992px) {
      .guide-detail--blocks .block1,
      .guide-detail--blocks .block2 {
        width: 50%;
        padding: 60px; } }
  .guide-detail--blocks .block1 {
    background-color: #fff; }
  .guide-detail--blocks .block2 {
    position: relative;
    background-image: url("./images/specification-guide/how-is-the-guide-structured-img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .guide-detail--blocks .block2:before {
      content: "";
      display: block;
      position: absolute;
      background-color: #F2C541;
      opacity: .9;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1; }
  .guide-detail--blocks p {
    position: relative;
    z-index: 10; }
    @media (min-width: 768px) {
      .guide-detail--blocks p {
        padding-right: 30px; } }
  .guide-detail--blocks ol {
    position: relative;
    z-index: 20px; }
  .guide-detail--blocks li {
    position: relative;
    z-index: 10; }
    .guide-detail--blocks li::marker {
      font-weight: 700; }

.need-help {
  position: relative;
  background-image: url("./images/mastheads/QHSE.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }
  .need-help:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
  .need-help h4 {
    margin-bottom: 50px !important; }
  .need-help p {
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .need-help p {
        max-width: 80%; } }
    @media (min-width: 1200px) {
      .need-help p {
        max-width: 60%; } }
  .need-help .getintouch {
    margin-bottom: 0; }
    .need-help .getintouch a {
      display: inline-block;
      position: relative;
      background-color: #F2C541;
      font-family: "Montserrat-Bold";
      font-size: 18px;
      line-height: 18px;
      color: #000;
      text-transform: uppercase;
      padding: 15px 30px 13px 30px; }

.change-permissions {
  display: block;
  position: relative;
  background-color: #F2F2F2;
  padding: 60px 0; }
  .change-permissions .frm_forms {
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .change-permissions .frm_forms {
        max-width: 700px !important; } }
  .change-permissions label,
  .change-permissions .frm_primary_label {
    font-family: "Helvetica", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    margin-bottom: 10px !important; }
  .change-permissions input[type=text],
  .change-permissions input[type=email] {
    box-shadow: none !important;
    height: 70px !important;
    border: 1px solid #ccc !important;
    font-family: "Montserrat-Regular" !important; }
  .change-permissions .frm_opt_container {
    padding: 0 !important;
    margin-bottom: 20px; }
  .change-permissions .frm_button_submit {
    background-color: #F2C541 !important;
    border: 1px solid #F2C541 !important;
    color: #000 !important;
    font-family: "Montserrat-Regular" !important;
    font-size: 18px !important;
    line-height: 18px !important;
    text-transform: uppercase !important;
    display: inline-flex;
    align-items: center;
    transition: all .3s ease;
    margin: 0;
    padding: 20px 60px !important; }
    .change-permissions .frm_button_submit:hover {
      background-color: #000 !important;
      border: 1px solid #000 !important;
      color: #fff !important; }

.sustainability-hero {
  position: relative; }
  .sustainability-hero picture {
    width: 100%;
    max-width: 100%; }
  .sustainability-hero img {
    width: 100%;
    max-width: 100%; }
  .sustainability-hero .hero-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center; }
    @media (min-width: 768px) {
      .sustainability-hero .hero-content {
        position: absolute; } }
    .sustainability-hero .hero-content:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
  .sustainability-hero .hero-title {
    position: relative;
    font-size: 30px;
    line-height: 34px;
    font-family: "Montserrat-Bold";
    text-transform: uppercase;
    padding: 0 60px; }
    @media (min-width: 1200px) {
      .sustainability-hero .hero-title {
        font-size: 50px;
        line-height: calc(50px + 10px); } }
  .sustainability-hero .scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 5%;
    text-align: center;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    font-size: 15px; }
    .sustainability-hero .scroll:before {
      content: "";
      display: block;
      position: relative;
      width: 1px;
      background-color: #fff;
      height: 50px;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .sustainability-hero .scroll:before {
          display: none;
          height: 100px; } }
      @media (min-width: 1200px) {
        .sustainability-hero .scroll:before {
          display: block; } }
    .sustainability-hero .scroll a {
      color: #fff; }
      .sustainability-hero .scroll a:hover, .sustainability-hero .scroll a:visited {
        color: #fff; }

@media (min-width: 768px) {
  .our-approach p {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto; } }

.sustainability-introduction strong.intro-secondary {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 20px; }
  @media (min-width: 768px) {
    .sustainability-introduction strong.intro-secondary {
      max-width: 65%;
      margin-left: auto;
      margin-right: auto;
      font-size: 18px;
      line-height: 24px; } }
.sustainability-introduction .links-container a {
  margin-right: 25px;
  font-size: 13px;
  line-height: 13px; }
  @media (min-width: 768px) {
    .sustainability-introduction .links-container a {
      margin-right: 45px;
      font-size: 16px;
      line-height: 16px; } }

.monitoring-performance {
  background-color: #F2F2F2;
  padding: 60px 0; }
  @media (min-width: 768px) {
    .monitoring-performance h3 {
      margin: 0 0 60px 0; } }
  .monitoring-performance img {
    width: 100%; }

.journey-netzero {
  padding: 40px 0; }
  .journey-netzero h4 {
    margin: 0 0 40px 0; }

.page-template-page-water .instagram-feed {
  padding: 60px 0 20px 0; }
.instagram-feed h4 {
  margin: 0 0 40px 0;
  font-size: 24px !important;
  line-height: 34px !important;
  text-transform: none; }
  .page-template-page-water .instagram-feed h4 {
    margin-bottom: 60px; }
.instagram-feed .img-col {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
  height: auto;
  overflow: hidden; }
  .instagram-feed .img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
    @media (min-width: 768px) {
      .instagram-feed .img-col img {
        height: 600px; } }
    @media (min-width: 1200px) {
      .instagram-feed .img-col img {
        height: 700px; } }
  .instagram-feed .img-col:not(:last-of-type) img {
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .instagram-feed .img-col:not(:last-of-type) img {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .instagram-feed .img-col {
      max-height: 700px; }
      .instagram-feed .img-col:nth-of-type(1) {
        width: 24%; }
        .instagram-feed .img-col:nth-of-type(1) img {
          height: calc(600px - 50%); }
          .instagram-feed .img-col:nth-of-type(1) img:not(:last-of-type) {
            margin-bottom: 10px; } }
  @media (min-width: 1200px) {
    .instagram-feed .img-col:nth-of-type(1) {
      width: 19%; }
      .instagram-feed .img-col:nth-of-type(1) img {
        height: calc(700px - 50%); }
        .instagram-feed .img-col:nth-of-type(1) img:not(:last-of-type) {
          margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .instagram-feed .img-col:nth-of-type(2) {
      width: 51.5%;
      margin-right: 10px;
      margin-left: 10px; } }
  @media (min-width: 1200px) {
    .instagram-feed .img-col:nth-of-type(2) {
      width: 61.5%; } }
  @media (min-width: 768px) {
    .instagram-feed .img-col:nth-of-type(3) {
      width: 24%; } }
  @media (min-width: 1200px) {
    .instagram-feed .img-col:nth-of-type(3) {
      width: 19%; } }

.instagram-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .instagram-container {
      flex-direction: row;
      width: 98%;
      margin-left: 1%;
      margin-right: 1%;
      padding: 0; } }

.eco-list {
  padding: 20px 0 60px 0; }
  @media (min-width: 768px) {
    .eco-list {
      padding: 160px 0 160px 0; } }

.eco-list--container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto; }
.eco-list--container .col-lg-4 {
  text-align: center;
}
  @media (min-width: 768px) {
    .eco-list--container {
      flex-direction: row; } }

.eco-list--content {
  flex: 1;
  position: relative;
  padding: 50px;
  color: #fff;
  margin-bottom: 0; }
  .eco-list--content p {
    margin-bottom: 0;
    font-size: 50px;
    line-height: 55px;
    font-family: "Montserrat-Bold"; }
  .eco-list--content li {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    font-family: "Montserrat-Regular";
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase; }
    .eco-list--content li:not(:last-of-type) {
      margin-bottom: 15px; }
    @media (min-width: 1200px) {
      .eco-list--content li {
        font-size: 16px;
        line-height: 22px; } }
    .eco-list--content li:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 20px;
      background-image: url("images/sustainability/white-tick.png");
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: center; }
  .eco-list--content:nth-of-type(1) {
    background-color: #009245; }
    @media (min-width: 768px) {
      .eco-list--content:nth-of-type(1):after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -199px;
        width: 100%;
        height: 200px;
        background-color: #009245;
        clip-path: polygon(100% 0, 0 0, 49% 41%); } }
  .eco-list--content:nth-of-type(2) {
    background-color: #39B54A; }
    @media (min-width: 768px) {
      .eco-list--content:nth-of-type(2):before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -199px;
        width: 100%;
        height: 200px;
        background-color: #39B54A;
        clip-path: polygon(100% 0, 0 0, 49% 41%); } }
  @media (min-width: 768px) and (min-width: 768px) {
    .eco-list--content:nth-of-type(2):before {
      top: -81px;
      bottom: unset;
      clip-path: polygon(100% 41%, 0 41%, 49% 0); } }

  .eco-list--content:nth-of-type(3) {
    background-color: #8CC63F; }
    @media (min-width: 768px) {
      .eco-list--content:nth-of-type(3):after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -199px;
        width: 100%;
        height: 200px;
        background-color: #8CC63F;
        clip-path: polygon(100% 0, 0 0, 49% 41%); } }

.faqs {
  padding-top: 40px;
  padding-bottom: 60px; }
  .faqs h4 {
    margin-bottom: 40px; }
  .faqs .question {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px;
    padding-right: 60px;
    font-size: 14px;
    line-height: 18px;
    background-color: #F2F2F2;
    text-transform: uppercase;
    list-style-type: none;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s ease;
    background-image: url("images/sustainability/plus.png");
    background-repeat: no-repeat;
    background-position: right 20px top 50%;
    background-size: 15px; }
    .faqs .question:hover {
      background-color: #f7f7f7; }
    .faqs .question.active {
      background-image: url("images/sustainability/minus.png"); }
    @media (min-width: 1200px) {
      .faqs .question {
        font-size: 16px;
        line-height: 20px; } }
  .faqs .answer {
    list-style-type: none;
    padding: 20px; }
    .faqs .answer ul {
      margin-bottom: 20px;
      padding-left: 15px; }
    .faqs .answer li {
      list-style: disc; }

.free-quote {
  display: block;
  position: relative;
  width: 100%;
  background-color: #F2C541;
  padding: 30px 60px;
  top: 0;
  z-index: 100; }
  @media (min-width: 992px) {
    .free-quote {
      top: -90px;
      width: 65%;
      padding: 50px 30px 50px 90px; } }
  @media (min-width: 1366px) {
    .free-quote {
      width: 50%; } }
  @media (min-width: 992px) {
    .free-quote:after {
      content: "";
      display: inline-block;
      position: absolute;
      right: -300px;
      top: 0;
      width: 300px;
      height: 100%;
      clip-path: polygon(0 0, 100% 0, 28% 100%, 0 100%);
      background-color: #F2C541; } }
  .free-quote .quote-title {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 36px;
    font-family: "Montserrat-Bold"; }
    @media (min-width: 992px) {
      .free-quote .quote-title {
        flex-direction: row;
        padding-left: 60px; } }
    .free-quote .quote-title:before {
      content: "";
      display: inline-block;
      position: relative;
      left: 0;
      width: 50px;
      height: 50px;
      margin-bottom: 20px;
      background-image: url("images/icons/black/safe-lifting-calculator.png");
      background-repeat: no-repeat;
      background-size: 40px;
      background-position: center; }
      @media (min-width: 992px) {
        .free-quote .quote-title:before {
          position: absolute;
          margin-bottom: 0; } }
  .free-quote .gform_body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important; }
  .free-quote .gform_wrapper.gravity-theme input:not(input[type="button"]):not(input[type="radio"]):not(input[type="submit"]) {
    height: 60px !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
    font-family: "Montserrat-Regular" !important;
    border-radius: 0 !important;
    color: #333 !important; }
  .free-quote form input {
    width: 100%;
    height: 60px !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important; }
    .free-quote form input::placeholder {
      color: #333 !important; }
  .free-quote .gform_wrapper.gravity-theme input[type="submit"] {
    background-color: #000 !important;
    border: 1px solid #000 !important;
    padding: 20px 90px 20px 20px !important;
    color: #fff !important;
    width: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-family: "Montserrat-Regular" !important;
    background-image: url("images/arrows/white-next.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: top 50% right 20px;
    cursor: pointer;
    transition: all .3s ease; }
    @media (max-width: 991px) {
      .free-quote .gform_wrapper.gravity-theme input[type="submit"] {
        margin-left: auto;
        margin-right: auto; } }
    .free-quote .gform_wrapper.gravity-theme input[type="submit"]:hover {
      background-color: #F2C541 !important;
      color: #000 !important;
      background-image: url("images/misc/arrow-black.png"); }

.our-solutions {
  padding: 30px; }
  @media (min-width: 768px) {
    .our-solutions {
      padding: 60px 30px 0 30px; } }
  @media (min-width: 992px) {
    .our-solutions {
      padding-top: 0; } }
  .our-solutions h1 {
    text-align: center;
    margin-bottom: 30px; }
    @media (min-width: 768px) {
      .our-solutions h1 {
        margin-bottom: 60px; } }

.solution-list {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 768px) {
    .solution-list {
      flex-flow: row wrap; } }
  .solution-list li {
    position: relative;
    width: 100%;
    list-style-type: none; }
    .solution-list li:not(:last-of-type) {
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .solution-list li:not(:last-of-type) {
          margin-bottom: 2%; } }
    @media (min-width: 768px) {
      .solution-list li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px; }
        .solution-list li:nth-of-type(2n) {
          margin-right: 0; } }
    @media (min-width: 992px) {
      .solution-list li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 20px; }
        .solution-list li:nth-of-type(2n) {
          margin-right: 2%; }
        .solution-list li:nth-of-type(3n) {
          margin-right: 0; } }
    .solution-list li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: all .3s ease;
      background-color: rgba(0, 0, 0, 0.6); }
    .solution-list li:hover:before {
      background-color: rgba(242, 197, 65, 0.8); }
    .solution-list li:hover .solutions-title {
      color: #000;
      margin-bottom: 10px; }
      .solution-list li:hover .solutions-title:before {
        background-image: url("images/icons/ainscough-icon.png"); }
    .solution-list li:hover .solutions-content * {
      color: #000; }
    .solution-list li:hover .solutions-content p {
      display: block; }
    .solution-list li:hover .solutions-content a {
      display: inline-block;
      color: #fff; }
    .solution-list li img {
      height: 100%;
      aspect-ratio: 1/1;
      object-fit: cover; }
    .solution-list li .solutions-title {
      margin-bottom: 0;
      font-size: 18px;
      line-height: 26px;
      text-align: center;
      text-transform: uppercase;
      font-family: "Montserrat-Regular"; }
      @media (min-width: 1200px) {
        .solution-list li .solutions-title {
          font-size: 20px;
          line-height: 26px; } }
      .solution-list li .solutions-title:before {
        content: "";
        display: block;
        position: relative;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        background-image: url("images/icons/ainscough-icon-white.png");
        background-size: 60px;
        background-position: center;
        background-repeat: no-repeat; }
    .solution-list li .solutions-content {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 30px; }
      .solution-list li .solutions-content * {
        color: #fff; }
      .solution-list li .solutions-content p {
        display: none;
        text-align: center;
        padding: 0 20px; }
        @media (min-width: 992px) {
          .solution-list li .solutions-content p {
            font-size: 13px;
            line-height: 16px; } }
        @media (min-width: 1366px) {
          .solution-list li .solutions-content p {
            font-size: 16px;
            line-height: 20px; } }
      .solution-list li .solutions-content a {
        display: none;
        position: relative;
        width: auto;
        padding: 15px 25px;
        background-color: #000;
        color: #fff;
        font-family: "Montserrat-Regular";
        text-transform: uppercase;
        font-size: 14px;
        line-height: 14px; }
        .solution-list li .solutions-content a:hover {
          text-decoration: none; }

.error404 .issticky {
  position: relative; }

.error-404 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: calc(20px * 4) 30px;
  position: relative; }
  @media (min-width: 1200px) {
    .error-404 {
      padding: calc(20px * 4) 0; } }
  .error-404 h1 {
    font-size: 36px;
    color: #F2C541; }
    @media (min-width: 768px) {
      .error-404 h1 {
        font-size: 56px; } }
    @media (min-width: 1200px) {
      .error-404 h1 {
        font-size: 120px; } }
  .error-404 p {
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 25px;}
  .error-404 a {
    display: inline-block;
    position: relative;
    margin-top: 30px;
    text-transform: uppercase;
    color: #3D5265; }
    .error-404 a:after {
      content: "";
      display: block;
      position: relative;
      width: 20px;
      height: 2px;
      background-color: #F2C541;
      transition: all .3s ease; }
    .error-404 a:hover {
      text-decoration: none;
      color: #3D5265; }
      .error-404 a:hover:after {
        width: 100%; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  li.drop-down > ul {
    right: 0;
    background-color: #f5f5f5; } }

/*# sourceMappingURL=style.css.map */