@charset "UTF-8";
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
body {
  padding-top: 6.875rem;
  /*Make footer stick to the bottom of the browser on short pages*/
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  padding: 3rem 0;
}
img {
  max-width: 100%;
}

hr {
  color: #eeeeee;
  height: 2px !important;
  margin: 0 0 0 -0.75rem;
  width: calc(100% + 0.75rem);
  opacity: 1;
}
hr.marBottom {
  margin-bottom: 0.75rem;
}

table th, table td {
  font-size: 0.75rem;
  padding: 5px 10px;
  line-height: 1.2em;
  color: #676767;
}
table.microssTable th {
  background-color: #DDEBF2;
  text-align: center;
  border: 2px solid #FFFFFF;
}
table.microssTable td {
  background-color: #F0F0F0;
  border: 2px solid #FFFFFF;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom: 0 none;
}

.iframe {
  width: 470px;
  height: 264px;
}

/*.blue {
    color: $micross-blue;
}

.orange {
    color: $micross-orange;
}

hr {
    margin: 0.5rem 0;
    color: $dark-font;
    opacity: 1;
}*/
.clear {
  clear: both;
}

.clearNoHeight {
  clear: both;
  height: 0;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.showFlex {
  display: flex !important;
}

.marBottom0 {
  margin-bottom: 0;
}

.marBottom5 {
  margin-bottom: 5px;
}

.marTop5 {
  margin-top: 5px;
}

.marTop10 {
  margin-top: 10px;
}

.marTop15 {
  margin-top: 15px;
}

.padTop15 {
  padding-top: 15px !important;
}

.padLeft0 {
  padding-left: 0 !important;
}

.borderTop0 {
  border-top: 0 none;
}

/* INNER PAGE BANNER */
.banner {
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
}
.banner .container {
  padding-top: 5.5rem;
  padding-bottom: 2rem;
  position: relative;
}
.banner .container h1 {
  color: #656565;
}
.banner.has-image {
  color: #eee;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.banner.has-image .dimmer {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.45;
}

/* BREADCRUMB */
.breadcrumb {
  /*padding: 10px 0;*/
  margin-bottom: 0;
  display: block;
  /*STICKY*/
  position: fixed;
  /*top: 6.75rem;*/
  top: 8.75rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  left: 0;
  right: 0;
  z-index: 31;
  background: #FFFFFF;
}
.breadcrumb ul {
  float: left;
  padding: 0.25rem 0 0.1rem;
  margin: 0;
  list-style-type: none;
}
.breadcrumb ul li {
  color: #aaaaaa;
  font-size: 0.825rem;
  float: left;
  margin-right: 15px;
  height: 24px;
}
.breadcrumb ul li a {
  color: #aaaaaa;
  font-weight: 700;
}
.breadcrumb ul li a:hover {
  text-decoration: none;
}
.breadcrumb ul li a img {
  margin-top: -2px;
}
.breadcrumb ul li span {
  color: #aaaaaa;
  font-weight: 700;
}
.breadcrumb ul li .divider {
  font-size: 0.65rem;
  position: relative;
  top: -1px;
  font-weight: 400;
}
.breadcrumb ul li:last-child {
  margin-right: 0;
}

/* PAGE TITLE */
.pageTitle {
  /*STICKY*/
  position: fixed;
  /*top: 8.5rem;*/
  top: 10.5rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  left: 0;
  right: 0;
  z-index: 31;
  background: #FFFFFF;
  border-bottom: 2px solid #eeeeee;
}
.pageTitle .container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pageTitle .container h1 {
  margin-bottom: 0;
}

/* SITEMAP */
main .pageContent.sitemap ul {
  list-style-type: none;
  font-size: 0.825rem;
}
main .pageContent.sitemap ul li {
  padding: 0 0.5rem 0.25rem 0;
  font-weight: 700;
  transition: all 0.5s ease;
}
main .pageContent.sitemap ul li a {
  color: #2d3337;
  transition: all 0.5s ease;
  font-size: 0.9rem;
}
main .pageContent.sitemap ul li a.selected, main .pageContent.sitemap ul li a:hover {
  text-decoration: none;
  color: #fd8103;
}
main .pageContent.sitemap ul li.heading {
  color: #006ea1;
  text-decoration: none;
}
main .pageContent.sitemap ul li.selected, main .pageContent.sitemap ul li:hover {
  color: #fd8103;
  text-decoration: none;
}
main .pageContent.sitemap ul li ul {
  padding: 5px 0 0 15px;
}
main .pageContent.sitemap ul li ul li {
  font-weight: 600;
}
main .pageContent.sitemap ul li ul li a {
  color: #2d3337;
  font-size: 0.825rem;
}
main .pageContent.sitemap ul li ul li.heading {
  color: #006ea1;
  font-weight: 700;
}
main .pageContent.sitemap ul li ul li ul {
  padding: 5px 0 0 25px;
}
main .pageContent.sitemap ul li ul li ul li {
  font-weight: 400;
}
main .pageContent.sitemap ul li ul li ul li a {
  /*color: $grey;*/
  color: #656565;
  font-size: 0.825rem;
}
main .pageContent.sitemap ul li:last-child {
  padding: 0 0 15px 0;
}
main .pageContent.sitemap ul.subNav li:last-child {
  padding: 0 0 5px 0;
}
main .pageContent.sitemap ul.subNav li.hasSubPages a {
  margin-left: -0.6rem;
}
main .pageContent.sitemap ul.subNav li.hasSubPages span {
  display: inline;
  background: none;
  padding: 0 0.15rem 0 0;
  color: inherit;
  font-size: 110%;
}
main .pageContent.sitemap ul.subNav li.hasSubPages .subNav li a {
  margin-left: 0;
}
main .pageContent.sitemap ul.subNav li.hasSubPages.open span {
  padding: 0 0.18rem 0 0;
}

/* COOKIE MESSAGE */
#cookieConsent, #lscookiesMax {
  position: fixed;
  bottom: 5%;
  right: 2.5%;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 10px 5px;
  border: 2px solid #eeeeee;
  /*border-right-color: rgb(233, 232, 227);
  border-right-style: solid;
  border-right-width: 1px;
  border-right: 0;*/
  z-index: 9999;
  padding: 1.25rem 1.75rem 1.5rem 1.75rem;
  border-radius: 1rem;
  color: #151c22;
  width: 600px;
  font-weight: 400;
}
#cookieConsent #cookieClose, #lscookiesMax #cookieClose {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 1.5rem;
}
#cookieConsent #cookieClose a, #lscookiesMax #cookieClose a {
  color: #d2d2d2;
}
#cookieConsent h3, #lscookiesMax h3 {
  padding-top: 0.25rem;
  color: #006ea1;
}
#cookieConsent p, #lscookiesMax p {
  font-size: 0.8rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}
#cookieConsent a:hover, #lscookiesMax a:hover {
  text-decoration: none;
}
#cookieConsent .button, #lscookiesMax .button {
  margin-bottom: 0;
}
#cookieConsent .prefsButton, #lscookiesMax .prefsButton {
  float: left;
}
#cookieConsent .rejectAccept, #lscookiesMax .rejectAccept {
  float: right;
}
#cookieConsent .acceptButton, #lscookiesMax .acceptButton {
  margin-right: 0;
}

/*###########################
####OLD IE MESSAGE LAYOUT####
#############################*/
.oldbrowser {
  background: #006ea1;
  padding: 0.8rem 0 1rem;
  text-align: center;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 90000;
}
.oldbrowser p {
  color: white;
  margin: 0;
  font-size: 1rem;
  line-height: 1rem;
}
.oldbrowser p a {
  font-weight: 600;
}

/**************/
/* RESPONSIVE */
/**************/
@media (max-width: 1399.98px) {
  .iframe {
    width: 402px;
    height: 226px;
  }
}
@media (max-width: 1199.98px) {
  body {
    padding-top: 5.5rem;
  }
  .banner .container {
    padding-top: 4.5rem;
    padding-bottom: 1.75rem;
  }
  /* BREADCRUMB */
  .breadcrumb {
    /*STICKY*/
    /*top: 5.5rem;*/
    top: 7.3rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  }
  /* PAGE TITLE */
  .pageTitle {
    /*STICKY*/
    /*top: 7.3rem;*/
    top: 9.15rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  }
  .iframe {
    width: 334px;
    height: 188px;
  }
}
@media (max-width: 991.98px) {
  hr {
    margin: 0;
    width: 100%;
  }
  .banner {
    margin-top: 3.2rem;
  }
  .banner .container {
    padding-top: 3rem;
    padding-bottom: 1.25rem;
  }
  /* BREADCRUMB */
  .breadcrumb {
    /*margin-top: 3.25rem;*/
    /*STICKY*/
    /*top: 8.7rem;*/
    top: 10.6rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  }
  /* PAGE TITLE */
  .pageTitle {
    /*STICKY*/
    /*top: 10.5rem;*/
    top: 12.4rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  }
  .pageTitle .container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  /* PAGE CONTENT */
  .pageContent.hasSideNav {
    order: 1;
  }
}
@media (max-width: 767.98px) {
  .hide767 {
    display: none;
  }
  .banner .container {
    padding-top: 2.25rem;
    padding-bottom: 0.75rem;
  }
  ul.continue {
    margin-top: -1.25rem;
  }
  .iframe {
    width: 408px;
    height: 230px;
    margin: 0 auto;
  }
  .mobile100 {
    width: 100%;
  }
  /* COOKIE MESSAGE */
  #cookieConsent, #lscookiesMax {
    width: 400px;
  }
  #cookieConsent .prefsButton, #lscookiesMax .prefsButton {
    float: left;
    margin-bottom: 0.75rem;
  }
  #cookieConsent .rejectAccept, #lscookiesMax .rejectAccept {
    float: left;
  }
}
@media (max-width: 465.98px) {
  /* BREADCRUMB */
  .breadcrumb {
    /*margin-top: 2.25rem;*/
    /*STICKY*/
    /*top: 7.75rem;*/
    top: 9.7rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  }
  /* PAGE TITLE */
  .pageTitle {
    /*STICKY*/
    /*top: 9.5rem;*/
    top: 11.4rem; /* Increased to compensate for the new multi-site link bar at the top of the page - 23/09/2025 */
  }
}
@media (max-width: 435.98px) {
  /* BREADCRUMB */
  .breadcrumb {
    /*STICKY*/
    top: 9.3rem;
  }
  /* PAGE TITLE */
  .pageTitle {
    /*STICKY*/
    top: 11rem;
  }
  /* COOKIE MESSAGE */
  #cookieConsent, #lscookiesMax {
    width: 85%;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
body {
  font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #656565;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}

h3 {
  font-size: 1.25rem;
  color: #006ea1;
}
h3.managementTeam {
  margin-bottom: 0.25rem;
}

h4 {
  font-size: 1.25rem;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

h5 {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}

h6 {
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}

.h3Title, .h2Title {
  padding: 0 0 0 0.75rem;
  margin: 0 0 0 -0.75rem;
  /*hr {
      color: $sub-page-box-hr;
      height: 2px;
      margin: 0 0 0 -0.75rem;
      width: calc(100% + 0.75rem);
  }*/
}
.h3Title h3, .h3Title h2, .h2Title h3, .h2Title h2 {
  margin-bottom: 0.25rem;
}

.barlow {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
}

p {
  font-size: 0.85rem;
  line-height: 1.2rem;
  margin-bottom: 0.75rem;
  color: #676767;
}

a {
  color: #fd8103;
  /*transition: all .2s ease-in-out;*/
  text-decoration: none;
}
a:hover {
  /*color: darken($micross-blue, 10%);*/
  color: #fd8103;
  text-decoration: underline;
}
a.blue {
  color: #006ea1;
}
a.blue:hover {
  color: #006ea1;
  text-decoration: underline;
}
a.white {
  color: #FFFFFF;
}
a.white:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
a.moreInfo {
  color: #fd8103;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 1rem;
}
a.moreInfo::before {
  /*content: "🡢"; REMOVED 11/12/23 AS NOT COMPATIBLE WITH SAFARI OR MOBILE DEVICES - ANDROID CHROME / iOS SAFARI*/
  content: "➔";
  font-size: 0.9rem;
  /*font-weight: 700;*/
  margin-right: 0.25rem;
  text-rendering: optimizeLegibility;
}
a.moreInfo:hover {
  text-decoration: none;
}

/*@media not all and (min-resolution:.001dpcm) { //Safari (10.1+)
    a {
        &.moreInfo {
            &::before {
                content: "➔";
            }
        }
    }
}*/
ul {
  padding: 0;
  margin: 0;
  list-style-type: disc;
  font-size: 0.85rem;
  line-height: 1.2rem;
}

.blue {
  color: #006ea1;
}

.orange {
  color: #fd8103;
}

/*.block {
    a {
        font-size: 0.9rem;
    }

    ul {
        a {
            font-size: 0.85rem;
        }
    }
}*/
.underlinedHeading {
  padding-bottom: 5px;
  border-bottom: 2px solid #eeeeee;
  display: block;
}

blockquote {
  color: #999;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 3rem auto;
  width: 80%;
}

.navbar-brand small {
  font-family: "Lato", sans-serif;
  font-size: 75%;
  font-weight: 400;
  margin-left: 0.5rem;
}

.lead {
  font-size: 1.2rem;
}

.light {
  font-weight: 300 !important;
}

.medium {
  font-weight: 400 !important;
}

.bold {
  font-weight: 600 !important;
}

.italic {
  font-style: italic;
}

@media (max-width: 991.98px) {
  .h3Title {
    padding: 0;
    margin: 0;
    /*hr {
        margin: 0;
        width: 100%;
    }*/
  }
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 1.8rem;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
.button {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 0.25rem 1.5rem;
  margin: 0 0.5rem 0.5rem 0;
  color: #FFFFFF;
}
.button:hover {
  color: #FFFFFF !important;
  text-decoration: none;
}
.button.microssOrange {
  background-color: #fd8103;
  border-color: #fd8103;
}
.button.microssOrangeBorder {
  background-color: #FFFFFF;
  border-color: #fd8103;
  color: #fd8103;
}
.button.microssOrangeBorder:hover {
  color: #fd8103 !important;
}
.button.grey {
  background-color: #999999;
  border-color: #999999;
}
.button.microssBlue {
  background-color: #006ea1;
  border-color: #006ea1;
}
.button.btnCart img {
  position: relative;
  top: -2px;
}
.button.small {
  font-size: 0.85rem;
  padding: 0.1rem 0.55rem;
}
.button.short {
  font-size: 0.8rem;
  line-height: 1.2em;
  border-radius: 5px;
  padding: 0.1rem 0.25rem 0.15rem;
}

/* WITHIN CMS CONTENT */
/*.block {
    .button {
        margin: 0 10px 10px 0;
    }
}*/
/* WITHIN ACCOUNT SECTION */
.button.marLeft {
  margin: 0 0 0 10px;
}

/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
.card .card-img, .card .card-img-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
/*@import "../bootstrap/mixins";
@import "../bootstrap/variables";*/
/* GENERIC HEADER NAV STYLES */
.navbar .navbar-nav {
  text-transform: uppercase;
}
.navbar .navbar-nav .nav-item ul.subNav {
  display: none;
  position: absolute;
  z-index: 1000;
  /*padding: 0;*/
  background: #FFFFFF;
  border-left: 2px solid #0078ae;
  border-bottom: 2px solid #0078ae;
  border-right: 2px solid #0078ae;
  border-top: 0 none;
  box-shadow: 12px 12px 10px rgba(0, 0, 0, 0.4);
  /*opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 3s;*/
}
.navbar .navbar-nav .nav-item ul.subNav li {
  list-style-type: none;
}
.navbar .navbar-nav .nav-item ul.subNav li a {
  padding: 0 15px;
  color: #676767 !important;
  background: none !important;
  border-bottom: 0 !important;
}
.navbar .navbar-nav .nav-item ul.subNav li.column {
  padding: 20px 0;
  float: left;
}
.navbar .navbar-nav .nav-item ul.subNav li.column.alt {
  background: #f3f3f5;
  border-left: 1px solid #d1d1d1;
}
.navbar .navbar-nav .nav-item ul.subNav li.column.alt ul li a::before {
  content: ">";
  color: #006ea1;
  font-weight: 700;
  margin-right: 5px;
}
.navbar .navbar-nav .nav-item ul.subNav li.column.alt ul li.heading a::before {
  content: "";
  margin-right: 0;
}
.navbar .navbar-nav .nav-item ul.subNav li.column ul {
  /*padding: 0;*/
}
.navbar .navbar-nav .nav-item ul.subNav li.column ul li {
  list-style-type: none;
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: none;
  padding: 1px 0;
}
.navbar .navbar-nav .nav-item ul.subNav li.column ul li:first-child {
  padding: 0 0 1px;
}
.navbar .navbar-nav .nav-item ul.subNav li.column ul li:last-child {
  padding: 1px 0 0;
}
.navbar .navbar-nav .nav-item ul.subNav li.column ul li a {
  background: none;
}
.navbar .navbar-nav .nav-item ul.subNav li.column ul li.heading {
  font-weight: 700;
}
.navbar .navbar-nav .nav-item ul.megaMenu {
  position: absolute;
  z-index: 999;
  top: 46.8px;
  left: -50%;
  margin-left: -150px;
  width: 1296px;
  height: 300px;
  border-top: 2px solid #0078ae;
}
.navbar .navbar-nav .nav-item ul.megaMenu li ul.subSubNav {
  padding: 3px 0 0 10px;
}
.navbar .navbar-nav .nav-item.active ul.subNav {
  display: none;
  /*opacity: 1;*/
}
.navbar .navbar-nav .nav-item:hover ul.subNav {
  display: none;
  /*opacity: 1;*/
}
.navbar .navbar-nav .navbar-toggler {
  padding: 0.25rem 0.5rem;
}
.navbar .navbar-nav .navbar-toggler .navbar-toggler-icon {
  width: 1em;
  height: 1em;
}

/* END - GENERIC HEADER NAV STYLES */
.mobileContainer {
  padding: 0;
  display: inline-flex;
}

/* TOP NAV STYLES */
.topNavRow {
  overflow: visible;
  transition: all 0.5s ease;
  /*    @keyframes expand {
      100% {
          flex: 1 0 500px;
      }
  }*/
}
.topNavRow span.topNavBG {
  display: block;
  position: absolute;
  width: 100%;
  height: 64px;
  background: #006ea1;
  /*span {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      height: 63.2px;
      width: 64px;
      border-left: 32px solid $white;
      border-bottom: 32px solid $white;
      border-right: 32px solid transparent;
      border-top: 32px solid transparent;
  }*/
}
.topNavRow span.topNavBG span {
  display: block;
  background-color: #FFFFFF;
  background-image: url("../../../images/header/header-curve.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 93px;
  height: 64px;
  position: relative;
  left: -0.75rem;
}
.topNavRow .topNavMenu {
  width: 35%;
  /*height: 64px;*/
  transition: all 0.3s ease-in-out;
}
.topNavRow .topNavMenu.animateSearch {
  width: 0;
  opacity: 0;
}
.topNavRow .navbar {
  height: 64px;
  padding: 0;
}
.topNavRow .navbar .navbar-nav {
  font-weight: 400;
  padding: 0;
}
.topNavRow .navbar .navbar-nav .nav-item {
  font-size: 0.82rem;
  position: relative;
}
.topNavRow .navbar .navbar-nav .nav-item a {
  color: #FFFFFF;
  /*background: $micross-blue;*/
  transition: all 0.3s ease-in-out;
  padding: 0.25rem 0.65rem;
  border-radius: 1rem;
  display: block;
}
.topNavRow .navbar .navbar-nav .nav-item a span {
  display: block;
  position: absolute;
  width: 100%;
  height: 5rem;
}
.topNavRow .navbar .navbar-nav .nav-item.active a {
  color: #006ea1;
  background: #dee8f1;
  text-decoration: none;
}
.topNavRow .navbar .navbar-nav .nav-item:hover a {
  color: #006ea1;
  background: #dee8f1;
  text-decoration: none;
}
.topNavRow .navbar .navbar-nav .nav-item.support .subNav {
  width: 292px;
  right: -2px;
}
.topNavRow .navbar .navbar-nav .nav-item.aboutUs .subNav {
  width: 266px;
  right: -2px;
}
.topNavRow .topNavsearch {
  position: relative;
  /*width: 36%;*/
  width: auto;
  /* &.focus {
      width: auto;
      flex: 1 0 0;
      animation: expand 5s linear 0s forwards;
  }*/
}
.topNavRow .search {
  height: 64px;
  position: relative;
  float: left;
  padding-top: 0.9rem;
}
.topNavRow .search .select {
  float: left;
  background-color: #dee8f1;
  border-right: 2px solid #006ea1;
  font-family: "Lato", sans-serif;
  font-size: 0.85rem;
  color: #006ea1;
  border-radius: 1rem 0 0 1rem;
  padding: 0.35rem 0.5rem 0 1rem;
  /*width: 6rem;*/
  width: 12.2rem;
  height: 2rem;
  overflow: visible;
  position: relative;
  z-index: 10001;
}
.topNavRow .search .select .selectorTitle {
  display: block;
  cursor: pointer;
}
.topNavRow .search .select .categories {
  display: none;
  cursor: pointer;
  background-color: #dee8f1;
  border-radius: 0 0 1rem 1rem;
  width: 12.5rem;
  position: relative;
  top: 6px;
  list-style-type: none;
}
.topNavRow .search .select .categories li {
  white-space: nowrap;
  padding: 0.25rem 1rem 0.25rem 1rem;
  transition: all 0.3s ease-in-out;
}
.topNavRow .search .select .categories li:last-child {
  border-radius: 0 0 1rem 1rem;
  padding-bottom: 0.5rem;
}
.topNavRow .search .select .categories li:hover {
  background-color: #FFFFFF;
}
.topNavRow .search .select ul {
  cursor: pointer;
}
.topNavRow .search .select ul li {
  transition: all 0.3s ease-in-out;
}
.topNavRow .search .select ul li ul {
  display: none;
  background-color: #dee8f1;
  border-radius: 0 0 1rem 1rem;
  padding: 0.35rem 0 0 0;
}
.topNavRow .search .select ul li ul li {
  padding: 0.25rem 1rem 0.25rem 1rem;
}
.topNavRow .search .select ul li ul li:last-child {
  border-radius: 0 0 1rem 1rem;
  padding-bottom: 0.5rem;
}
.topNavRow .search .select ul li ul li:hover {
  background-color: #FFFFFF;
}
.topNavRow .search .select ul li:hover ul {
  display: block;
}
.topNavRow .search input {
  float: left;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
  background-color: #dee8f1;
  font-family: "Lato", sans-serif;
  font-size: 0.85rem;
  color: #006ea1;
  padding: 0rem 0.5rem 0 1rem;
  height: 2rem;
  width: 14rem;
  position: relative;
  /*z-index: 9;
  transition: width .5s ease;*/
  transition: all 0.3s ease-in-out;
  /*            &:focus {
      width: 20rem;
  }*/
}
.topNavRow .search input::placeholder {
  font-family: "Lato", sans-serif;
  font-size: 0.85rem;
  color: #006ea1;
}
.topNavRow .search input.animateSearch {
  width: 35.65rem;
}
.topNavRow .search .submitSearch {
  display: block;
  float: left;
  background-color: #dee8f1;
  border-radius: 0 1rem 1rem 0;
  padding: 0.55rem 0.75rem 0 0;
  height: 2rem;
}
.topNavRow .search .submitSearch img {
  display: block;
  position: relative;
}
.topNavRow .search .searchDropDownPanel {
  position: absolute;
  top: 47px;
  right: 0;
  z-index: 10000;
  /*width: 100%;*/
  background-color: #dee8f1;
  border: 2px solid #006ea1;
  /*width: 674px;*/
  width: 792px;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}
.topNavRow .search .searchDropDownPanel .results {
  list-style-type: none;
}
.topNavRow .search .searchDropDownPanel .results li {
  text-align: left;
  padding: 10px;
  list-style-type: none;
  border-bottom: 2px solid #FFFFFF;
}
.topNavRow .search .searchDropDownPanel .results li.product {
  cursor: pointer;
  padding: 10px 0;
}
.topNavRow .search .searchDropDownPanel .results li.product:last-child {
  border-bottom: 0 none;
}
.topNavRow .search .searchDropDownPanel .results li:hover {
  background-color: #ecf6ff;
}
.topNavRow .search .searchDropDownPanel .results li span {
  vertical-align: middle;
}
.topNavRow .search .searchDropDownPanel .results li span.productThumb {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.topNavRow .search .searchDropDownPanel .results li span.categoryTitle {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: #656565;
  /*margin-top: -3px;*/
  display: inline-block;
  /*vertical-align: initial;*/
  width: 76px;
}
.topNavRow .search .searchDropDownPanel .results li span.categoryTitle:hover {
  text-decoration: none;
}
.topNavRow .search .searchDropDownPanel .results li span.text {
  display: inline-block;
  width: 612px;
  color: #006ea1;
  line-height: 1rem;
}
.topNavRow .search .searchDropDownPanel .results li span.subTitleText {
  font-size: 0.9em;
  color: #999999;
  /*margin-left: 47px;*/
  font-weight: 900;
}
.topNavRow .search .searchDropDownPanel .results li span:hover {
  text-decoration: none;
}
.topNavRow .search .searchDropDownPanel .results li .btnHolder {
  display: inline-block;
  width: 40px;
  padding: 0 0 0 10px;
}
.topNavRow .search .searchDropDownPanel .results li .btnHolder .btn {
  font-size: 0.9rem;
  padding: 5px 0 0 0;
  text-align: center;
  line-height: 1rem;
  display: block;
  width: 30px;
  height: 30px;
  color: #FFFFFF;
  border-radius: 6px;
  margin: 0;
}
.topNavRow .search .searchDropDownPanel .results li .btnHolder .btn.cartBtn {
  font-size: 1.5rem;
  padding: 2px 0 0 0;
}
.topNavRow .search .searchDropDownPanel .results li ul {
  /*margin: 0 -10px;*/
}
.topNavRow .search .searchDropDownPanel .results li ul li {
  border-bottom: 2px dashed #FFFFFF;
}
.topNavRow .search .searchDropDownPanel .results li ul li.product:Last-child {
  padding-bottom: 0;
  border-bottom: 0 none;
}
.topNavRow .search .searchDropDownPanel .results li ul li .text {
  width: 389px;
}
.topNavRow .search .searchDropDownPanel .results p {
  color: #006ea1;
  margin: 0;
  padding: 0.5rem 0.5rem 0;
}
.topNavRow .topNavAccount {
  width: 19%;
}
.topNavRow .account {
  position: relative;
  z-index: 1;
  padding-top: 1.05rem;
  padding-left: 0.75rem;
}
.topNavRow .account .user {
  display: none;
  position: relative;
  float: left;
  background-color: #1b8ec7;
  border-radius: 10rem;
  padding: 2px;
  margin-right: 1rem;
  color: #FFFFFF;
  font-size: 0.82rem;
}
.topNavRow .account .user img {
  float: left;
}
.topNavRow .account .user span {
  position: relative;
  top: 0.15rem;
  padding-left: 5px;
  padding: 0 0.5rem 0 0.35rem;
}
.topNavRow .account .user:hover {
  text-decoration: none;
}
.topNavRow .account .user .notifications {
  top: -0.1rem;
  left: 1.2rem;
  /*span {
      top: -0.35rem;
      left: -0.1rem;
  }*/
}
.topNavRow .account .accountDropDownPanel {
  position: fixed;
  top: 110px;
  left: calc(50% + 18.5rem);
  width: 18rem;
  z-index: 201;
  background-color: #FFFFFF;
  padding: 0;
  overflow: hidden;
  border-top: 2px solid #006ea1;
  border-bottom: 2px solid #006ea1;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 3px;
  text-align: center;
}
.topNavRow .account .accountDropDownPanel .userInitials {
  width: 40px;
  height: 40px;
  border-radius: 10rem;
  background: #006ea1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
  margin: 0.75rem auto 0.5rem;
  padding: 0;
}
.topNavRow .account .accountDropDownPanel .userInitials span {
  position: relative;
  top: 0.45rem;
}
.topNavRow .account .accountDropDownPanel .userName {
  color: #2d3337;
  font-size: 0.75rem;
}
.topNavRow .account .accountDropDownPanel .button {
  margin: 0.75rem auto 0.75rem;
  width: 5rem;
  padding: 0.1rem 0.75rem 0.15rem;
}
.topNavRow .account .accountDropDownPanel .button.microssOrange {
  margin: 0.5rem auto 0.75rem;
}
.topNavRow .account .accountDropDownPanel .accountLinks {
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  margin-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: calc(var(--bs-gutter-x) * 0.5);
}
.topNavRow .account .accountDropDownPanel .accountLinks div {
  padding-left: 0;
  padding-right: calc(var(--bs-gutter-x) * 0.25);
}
.topNavRow .account .accountDropDownPanel .accountLinks div:nth-child(2) {
  padding-left: calc(var(--bs-gutter-x) * 0.25);
  padding-right: calc(var(--bs-gutter-x) * 0.25);
}
.topNavRow .account .accountDropDownPanel .accountLinks div:nth-child(3) {
  padding-left: calc(var(--bs-gutter-x) * 0.25);
  padding-right: 0;
}
.topNavRow .account .accountDropDownPanel .accountLinks div a {
  display: block;
  width: 100%;
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 0.5rem;
  color: #676767;
  font-size: 0.625rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.topNavRow .account .accountDropDownPanel .accountLinks div a:hover {
  text-decoration: none;
}
.topNavRow .account .accountDropDownPanel .accountLinks div a img {
  width: auto;
  height: 20px;
}
.topNavRow .account .accountDropDownPanel .accountLinks div a span {
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  background: #fd8103;
  width: auto;
  height: auto;
  border-radius: 10rem;
  padding: 0 0.19rem 0 0.2rem;
  color: #FFFFFF;
  font-size: 0.6rem;
}
.topNavRow .account .cart {
  display: none;
  position: relative;
  float: left;
}
.topNavRow .account .cart.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  display: inline-block;
}
.topNavRow .account .cart img {
  display: block;
  position: relative;
  top: 3px;
}
.topNavRow .account .cart .notifications {
  top: -0.05rem;
  left: 1.35rem;
  /*span {
      top: -0.55rem;
      left: 0.18rem
  }*/
}
.topNavRow .account .cart.quoteCart {
  display: block;
  /*margin-left: 1rem;*/
}
.topNavRow .account .notifications {
  position: absolute;
  z-index: 999;
  background-color: #fd8103;
  /*width: 12px;
  height: 12px;*/
  width: auto;
  height: auto;
  border-radius: 10rem;
  color: #FFFFFF;
}
.topNavRow .account .notifications span {
  /*position: relative;*/
  display: block;
  font-size: 0.6em;
  margin-top: -0.15rem;
  padding: 0.08rem 0.19rem 0 0.15rem;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/* END - TOP NAV STYLES */
/* MAIN NAV STYLES */
.mainNavRow .navbar {
  padding: 0.9rem 0 0 2.8rem;
}
.mainNavRow .navbar .navbar-nav {
  font-size: 0.8rem;
  font-weight: bold;
}
.mainNavRow .navbar .navbar-nav .nav-item a {
  color: #2d3337;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  padding: 0 0.75rem;
  position: relative;
}
.mainNavRow .navbar .navbar-nav .nav-item a span {
  display: block;
  position: absolute;
  width: 100%;
  height: 3rem;
}
.mainNavRow .navbar .navbar-nav .nav-item.active a {
  color: #006ea1;
  /*background: $micross-blue;
  text-decoration: none;*/
  /*border-bottom: 7px solid $micross-blue;*/
  /*padding-bottom: 15px;*/
}
.mainNavRow .navbar .navbar-nav .nav-item:hover a {
  color: #006ea1;
  /*background: $micross-blue;
  text-decoration: none;*/
  /*border-bottom: 7px solid $micross-blue;*/
  /*padding-bottom: 15px;*/
}

/* END - MAIN NAV STYLES */
/* MOBILE MENU */
.navbar .navbar-toggler {
  padding: 0;
  background-color: #FFFFFF;
  border: 0 none;
  transition: none;
  font-size: 1.5rem;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  width: 1.5em;
  height: 1em;
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
}
.navbar.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .closeNav {
  display: none;
}

/* END - MOBILE MENU */
/**************/
/* RESPONSIVE */
/**************/
@media (max-width: 1399.98px) {
  /* GENERIC HEADER NAV STYLES */
  .navbar .navbar-nav .nav-item ul.megaMenu {
    margin-left: 18px;
  }
  /* END - GENERIC HEADER NAV STYLES */
  /* TOP NAV STYLES */
  .topNavRow {
    /*.topNavsearch {
        width: 29%;
    }*/
  }
  .topNavRow .topNavMenu {
    width: 40%;
  }
  .topNavRow .search .searchDropDownPanel {
    width: 724px;
  }
  .topNavRow .search .searchDropDownPanel .results li span.text {
    width: 544px;
  }
  .topNavRow .search input {
    /*width: 7rem;*/
    width: 10rem;
  }
  .topNavRow .search input.animateSearch {
    width: 31.39rem;
  }
  .topNavRow .topNavAccount {
    width: 22%;
  }
  .topNavRow .account {
    /*padding-left: 0.35rem;*/
  }
  .topNavRow .account .accountDropDownPanel {
    left: calc(50% + 16.25rem);
  }
  /* END - TOP NAV STYLES */
  /* MAIN NAV STYLES */
  .mainNavRow .navbar {
    padding: 0.85rem 0 0 2.1rem;
  }
}
@media (max-width: 1199.98px) {
  /* GENERIC HEADER NAV STYLES */
  .navbar .navbar-nav .nav-item a {
    white-space: nowrap;
  }
  .navbar .navbar-nav .nav-item ul.megaMenu {
    top: 46px;
    margin-left: 129px;
  }
  /* END - GENERIC HEADER NAV STYLES */
  /* TOP NAV STYLES */
  .topNavRow {
    /*.topNavsearch {
        width: 34%;
    }*/
  }
  .topNavRow span.topNavBG {
    height: 50px;
  }
  .topNavRow span.topNavBG span {
    width: 68px;
    height: 50px;
  }
  .topNavRow .topNavMenu {
    width: 38%;
  }
  .topNavRow .navbar {
    height: 50px;
  }
  .topNavRow .navbar .navbar-nav .nav-item {
    font-size: 0.75rem;
  }
  .topNavRow .navbar .navbar-nav .nav-item a {
    padding: 0.2rem 0.45rem;
  }
  .topNavRow .search {
    height: 50px;
    padding-top: 0.55rem;
    padding-left: 0.5rem;
  }
  .topNavRow .search .select {
    /*width: 5.5rem;*/
    width: 11rem;
    padding: 0.4rem 0.5rem 0 1rem;
    font-size: 0.75rem;
  }
  .topNavRow .search .select .selectorTitle span {
    display: none;
  }
  .topNavRow .search .select .categories {
    top: 7px;
  }
  .topNavRow .search .select .categories li {
    font-size: 0.75rem;
  }
  .topNavRow .search input {
    width: 7.4rem;
    font-size: 0.75rem;
  }
  .topNavRow .search input.animateSearch {
    width: 24.5rem;
  }
  .topNavRow .search .searchDropDownPanel {
    top: 41px;
    width: 594px;
  }
  .topNavRow .search .searchDropDownPanel .results li span.text {
    width: 414px;
  }
  .topNavRow .topNavAccount {
    width: 18%;
  }
  .topNavRow .account {
    padding-top: 0.65rem;
    /*padding-left: .15rem;*/
  }
  .topNavRow .account .user span {
    display: none;
  }
  .topNavRow .account .user .notifications span {
    display: block;
    top: -0.15rem;
  }
  .topNavRow .account .accountDropDownPanel {
    top: 88px;
    left: calc(50% + 10.75rem);
  }
  /* END - TOP NAV STYLES */
  /* MAIN NAV STYLES */
  .mainNavRow .navbar {
    padding: 0.7rem 0 0 1.2rem;
  }
  .mainNavRow .navbar .navbar-nav {
    font-size: 0.7rem;
  }
  /* END - MAIN NAV STYLES */
}
@media (max-width: 991.98px) {
  /* GENERIC HEADER NAV STYLES */
  /* END - GENERIC HEADER NAV STYLES */
  .mobileContainer {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  /* TOP NAV STYLES */
  .topNavRow {
    position: absolute;
    top: 0;
    left: 12px;
    background: #006ea1;
    width: 100%;
  }
  .topNavRow .bgCurve {
    display: none;
  }
  .topNavRow .topNavMenu {
    width: 40%;
    float: left;
  }
  .topNavRow .topNavsearch {
    /*width: 42%;*/
    float: left;
  }
  .topNavRow .topNavAccount {
    float: left;
  }
  .topNavRow .topNavAccount .accountDropDownPanel {
    top: 140px;
    left: calc(50% + 3.75rem);
  }
  .topNavRow span.topNavBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .topNavRow span.topNavBG span {
    display: none;
  }
  .topNavRow .navbar .navbar-nav .nav-item a {
    padding: 0.25rem 0.65rem;
  }
  .topNavRow .search {
    /*width: 18rem;*/
    margin: 0 auto;
    float: none;
  }
  .topNavRow .search input {
    width: 10rem;
  }
  .topNavRow .search input.animateSearch {
    width: 27.4rem;
  }
  .topNavRow .search .searchDropDownPanel {
    width: 640px;
  }
  .topNavRow .search .searchDropDownPanel .results li span.text {
    width: 460px;
  }
  /* END - TOP NAV STYLES */
  /* MAIN NAV STYLES */
  .mainNavRow {
    position: absolute;
    top: 4.75rem;
    left: 12px;
    width: 100%;
  }
  .mainNavRow .navbar {
    position: relative;
    padding: 0;
  }
  .mainNavRow .navbar .navbar-toggler {
    position: absolute;
    right: 0px;
    top: 0.3rem;
  }
  .mainNavRow .navbar .navbar-collapse {
    position: absolute;
    top: 4rem;
    z-index: 10;
    background: #FFFFFF;
    margin-left: -25%;
    width: 150%;
  }
  .mainNavRow .navbar .navbar-collapse .container {
    max-width: 100%;
  }
  .mainNavRow .navbar .navbar-collapse .container .navigation {
    float: none;
  }
  .mainNavRow .navbar .navbar-collapse .container .navigation .navbar-nav {
    font-size: 0.85rem;
    background-color: #f2f2f2;
  }
  .mainNavRow .navbar .navbar-collapse .container .navigation .navbar-nav .nav-item a {
    text-align: center;
    display: block;
    width: 100%;
    padding: 1rem 2rem;
  }
  .mainNavRow .navbar .navbar-collapse .container .navigation .navbar-nav .nav-item.active a, .mainNavRow .navbar .navbar-collapse .container .navigation .navbar-nav .nav-item:hover a {
    background-color: #006ea1;
    color: #FFFFFF;
  }
  .mainNavRow .navbar .navbar-collapse .container .closeNav {
    display: block;
    text-transform: uppercase;
  }
  .mainNavRow .navbar .navbar-collapse .container .closeNav a {
    text-align: center;
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    font-size: 0.85rem;
    font-weight: 700;
    background-color: #999999;
    color: #FFFFFF;
  }
  .mainNavRow .navbar .navbar-collapse .container .closeNav a:hover {
    text-decoration: none;
  }
  /* END - MAIN NAV STYLES */
}
@media (max-width: 767.98px) {
  .mobileContainer {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
  }
  /* TOP NAV STYLES */
  .topNavRow .bgCurve {
    display: none;
  }
  .topNavRow .topNavMenu {
    width: 55%;
    float: left;
  }
  .topNavRow .topNavMenu .collapse:not(.show) {
    display: block;
  }
  .topNavRow .topNavMenu .collapse:not(.show) .navbar-nav {
    display: block;
  }
  .topNavRow .topNavMenu .collapse:not(.show) .navbar-nav li {
    float: left;
  }
  .topNavRow .topNavsearch {
    /*width: 9%;*/
    position: relative;
    /*left: 3.75rem;*/
    left: 6.25rem;
    /*display: none;*/
  }
  .topNavRow .topNavsearch .select {
    display: none;
  }
  .topNavRow .topNavsearch input {
    display: none;
  }
  .topNavRow .topNavsearch .search {
    padding-top: 0.65rem;
    /*width: 8rem;*/
    /*.searchDropDownPanel {
        top: 47px;
        margin-right: -67px;
        width: 360px;

        .results {

            li {

                .text {
                    width: 255px;
                }

                ul {
                    li {
                        .text {
                            width: 246px;
                        }
                    }
                }
            }
        }
    }*/
  }
  .topNavRow .topNavsearch .submitSearch {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 1rem;
    padding-top: 0.35rem;
  }
  .topNavRow .topNavsearch .submitSearch img {
    position: relative;
    left: 7px;
  }
  .topNavRow .topNavsearch .searchDropDownPanel {
    display: none;
  }
  .topNavRow .topNavAccount {
    width: 25%;
    position: relative;
    /*left: 4.25rem;*/
    left: 6.5rem;
  }
  .topNavRow .topNavAccount .accountDropDownPanel {
    left: calc(50% - 2rem);
  }
  /* END - TOP NAV STYLES */
}
@media (max-width: 575.98px) {
  .mobileContainer {
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  /* TOP NAV STYLES */
  .topNavRow .topNavMenu {
    width: 230px;
    /*.careers {
        display: none !important;
    }*/
  }
  .topNavRow .topNavsearch {
    /* width: 45px;*/
    left: 0;
    /*.search {
        .searchDropDownPanel {
            margin-right: -190px;
        }
    }*/
  }
  .topNavRow .topNavAccount {
    width: 128px;
    left: inherit;
    right: 0;
  }
  .topNavRow .topNavAccount .accountDropDownPanel {
    top: 125px;
    left: calc(50% - 9rem);
  }
  /* END - TOP NAV STYLES */
}
@media (max-width: 509.98px) {
  /* TOP NAV STYLES */
  .topNavRow {
    /*.topNavMenu {
        width: 68%;
    }

    .topNavsearch {
        width: 12%;
    }*/
  }
  /* END - TOP NAV STYLES */
}
@media (max-width: 465.98px) {
  /* MAIN NAV STYLES */
  .mainNavRow {
    top: 4.2rem;
  }
  .mainNavRow .navbar .navbar-collapse {
    top: 3.5rem;
  }
  /* TOP NAV STYLES */
  .topNavRow .topNavMenu {
    width: 156px;
  }
  .topNavRow .topNavMenu .careers {
    display: none !important;
  }
  /* END - TOP NAV STYLES */
}
@media (max-width: 367.98px) {
  /* MAIN NAV STYLES */
  .mainNavRow {
    top: 4.2rem;
  }
}
@media (max-width: 767px) {
  .navbar.fixed-top .container {
    max-width: 100%;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
.megaMenu {
  display: none;
  position: absolute;
  left: 0;
  top: 6.85rem;
  z-index: 9999;
  width: 100%;
  /*&:hover {
      display: block;
  }*/
}
.megaMenu.topNav {
  width: 33%;
  left: 33%;
}
.megaMenu .container {
  position: relative;
  background: #FFFFFF;
  border-top: 2px solid #006ea1;
  border-bottom: 2px solid #006ea1;
  padding: 1rem 2rem 1.5rem;
  box-shadow: rgba(0, 0, 0, 0.5) 6px 6px 15px;
}
.megaMenu .container .megaTitle .closeMM {
  position: absolute;
  right: 2rem;
  top: 1rem;
  font-size: 1.5rem;
  color: #d2d2d2;
}
.megaMenu .container .megaTitle .closeMM:hover {
  text-decoration: none;
}
.megaMenu .container .megaTitle h2 {
  color: #2d3337;
  margin-bottom: 1rem;
}
.megaMenu .container .megaTitle h2 a {
  color: #2d3337;
  text-decoration: none;
  transition: all 0.5s ease;
}
.megaMenu .container .megaTitle h2 a:hover {
  color: #fd8103;
}
.megaMenu .container .megaTitle h2.support {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle h2.aboutUs {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle h2.solutions {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle h2.dieWafer {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle h2.compMod {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle h2.productsServices {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle h2.hirelPower {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle h2.global {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaTitle hr {
  width: 100%;
  margin: 0;
  background-color: #d2d2d2;
}
.megaMenu .container .megaContent .col-lg-6 { /* 50/50 */ }
.megaMenu .container .megaContent .col-lg-6 .content:first-child {
  padding-right: 0.75rem;
}
.megaMenu .container .megaContent .col-lg-8 { /* 80/20 */ }
.megaMenu .container .megaContent .col-lg-8 .content:first-child, .megaMenu .container .megaContent .col-lg-8 .content:nth-child(2) {
  padding-right: 0.75rem;
}
.megaMenu .container .megaContent .content {
  padding-top: 0.5rem;
}
.megaMenu .container .megaContent .content ul {
  list-style-type: none;
}
.megaMenu .container .megaContent .content ul li {
  padding-bottom: 0.5rem;
}
.megaMenu .container .megaContent .content ul li a {
  color: #2d3337;
  font-weight: 700;
  transition: all 0.5s ease;
}
.megaMenu .container .megaContent .content ul li a:hover {
  color: #fd8103;
  text-decoration: none;
}
.megaMenu .container .megaContent .content ul li ul li {
  padding-bottom: 0;
  padding-left: 0.5rem;
}
.megaMenu .container .megaContent .content ul li ul li a {
  font-weight: 300;
}
.megaMenu .container .megaContent .content ul li.heading {
  color: #006ea1;
  text-decoration: none;
  font-weight: 700;
}
.megaMenu .container .megaContent .content ul li.heading.subHeading {
  padding-top: 0.5rem;
}
.megaMenu .container .megaContent .content ul li.heading ul li {
  padding-left: 0;
}
.megaMenu .container .megaContent .content ul.thin li a {
  font-weight: 300;
}
.megaMenu .container .megaContent .content ul.noPad li {
  padding-bottom: 0;
}
.megaMenu .container .megaContent .ctaPanel {
  border-left: 2px solid #d2d2d2;
}
.megaMenu .container .megaContent .ctaPanel h3 {
  color: #2d3337;
}
.megaMenu .container .megaContent .ctaPanel h3 span {
  font-weight: 300;
}
.megaMenu .container .megaContent .ctaPanel .content {
  padding-left: 1rem;
  padding-right: 1rem;
}
.megaMenu .container .megaContent .ctaPanel .content:last-child {
  padding-right: 0;
}
.megaMenu .container .megaContent .ctaPanel.col-lg-4 { /* 80/20 */ }
.megaMenu .container .megaContent .ctaPanel.col-lg-4 img {
  /*width: 15rem;*/
  margin-bottom: 0.5rem;
}
.megaMenu .container .megaContent .ctaPanel.col-12 { /* 100/100 */
  border-left: 0 none;
  border-top: 2px solid #d2d2d2;
  margin-top: 0.5rem;
}
.megaMenu .container .megaContent .ctaPanel.col-12 .content {
  padding-top: 1rem;
}
.megaMenu .container .megaContent.support {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaContent.aboutUs {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaContent.solutions {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaContent.dieWafer {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaContent.compMod {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaContent.productsServices {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaContent.hirelPower {
  display: none; /**************HIDDEN FOR BUILD*******************/
}
.megaMenu .container .megaContent.global {
  display: none; /**************HIDDEN FOR BUILD*******************/
}

/**************/
/* RESPONSIVE */
/**************/
@media (max-width: 1399.98px) {
  .megaMenu.topNav {
    width: 50%;
    left: 25%;
  }
}
@media (max-width: 1199.98px) {
  .megaMenu {
    top: 5.6rem;
  }
}
@media (max-width: 991.98px) {
  .megaMenu {
    top: 4rem;
    /*height: calc(100vh - 1rem);
    box-sizing: border-box;*/
  }
  .megaMenu.topNav {
    width: 100%;
    left: 0;
  }
  .megaMenu .container .megaContent .content ul li {
    font-size: 110%;
    line-height: 140%;
  }
  .megaMenu .container .megaContent .content ul li ul li {
    padding-bottom: 0.25rem;
  }
  .megaMenu .container .megaContent .ctaPanel {
    border-left: 0 none;
    border-top: 2px solid #d2d2d2;
    margin-top: 0.5rem;
  }
  .megaMenu .container .megaContent .ctaPanel .content:first-child {
    padding-left: 0;
  }
  .megaMenu .container .megaContent .ctaPanel .content:last-child {
    padding-left: 0;
  }
  .megaMenu .container .megaContent .ctaPanel.col-lg-4 { /* 80/20 */ }
  .megaMenu .container .megaContent .ctaPanel.col-lg-4 img {
    /*float: left;
    width: 12rem;
    margin-right: 1rem;
    margin-bottom: 0;*/
    width: 70%;
  }
}
@media (max-width: 767.98px) {
  .megaMenu .container .megaContent .ctaPanel.col-lg-4 img {
    width: auto;
  }
}
@media (max-width: 465.98px) {
  .megaMenu {
    top: 3.5rem;
  }
  .megaMenu .container {
    box-shadow: none;
    overflow-y: scroll;
  }
  .megaMenu .container .megaTitle h2 {
    font-size: 1.6rem;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
.preHeader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background-color: #2d3538;
  height: 30px;
}
.preHeader a {
  font-size: 0.7rem;
  color: #FFFFFF;
  margin-right: 1.5rem;
}
.preHeader a.micross {
  font-weight: 600;
}
.preHeader a img {
  margin-right: 0.25rem;
}
.preHeader a span {
  position: relative;
  top: 1px;
}
.preHeader a:hover {
  text-decoration: none;
  color: #FFFFFF;
  /*transition: all 0.5s ease;*/
}
.preHeader span.separator {
  margin: 0 0.5rem;
  font-size: 0.8rem;
}

header {
  background-image: url("../../../images/header/header-bg.png");
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  background-size: 1px, 64px;
  height: 110px;
  top: 30px !important;
}
header .logo {
  margin-top: 20px;
}

/**************/
/* RESPONSIVE */
/**************/
@media (max-width: 1199.98px) {
  header {
    background-image: url("../../../images/header/header-bg-1199.png");
    background-size: 1px, 50px;
    height: 88px;
  }
  header .logo {
    width: 95%;
    margin-top: 17px;
  }
}
@media (max-width: 991.98px) {
  header {
    background-image: none;
    height: 140px;
  }
  header .logo {
    margin-top: 60px;
    width: 240px;
  }
}
@media (max-width: 465.98px) {
  header {
    background-image: none;
    height: 125px;
  }
  header .logo {
    margin-top: 60px;
    width: 160px;
  }
}
@media (max-width: 430.98px) {
  header {
    height: 120px;
  }
  header .logo {
    margin-top: 64px;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
.footerDivider {
  display: none;
  width: 100%;
  overflow: hidden;
  margin: 0 auto -3.1rem;
  position: relative;
  z-index: 50;
}
.footerDivider .container-fluid {
  /*width: 120%;*/
}
.footerDivider .borderBottom {
  background-color: #006ea1;
  background-image: url("../../../images/footer/divider-border-bottom.png");
  background-repeat: repeat-x;
  background-size: 1px, 50px;
  height: 50px;
}
.footerDivider .borderCurveLeft, .footerDivider .borderCurveRight {
  /*background-color: $micross-blue;*/
  background-image: url("../../../images/footer/divider-border-left-blue.png");
  background-repeat: no-repeat;
  background-size: 65px, 50px;
  width: 65px;
  height: 50px;
}
.footerDivider .borderTop {
  background-image: url("../../../images/footer/divider-border-top.png");
  background-repeat: repeat-x;
  background-size: 1px, 50px;
  /*width: 13%;*/
  width: calc(100% - 130px);
  height: 50px;
}
.footerDivider .borderCurveRight {
  background-image: url("../../../images/footer/divider-border-right-blue.png");
}

footer {
  /*Make footer stick to the bottom of the browser on short pages*/
  margin-top: auto;
  background: url("../../../images/footer/footer-bg-grey.jpg") no-repeat center center;
  background-color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  background-size: auto;
  background-size: cover;
  color: #999999;
  font-size: 0.815rem;
  padding-top: 0.5rem;
  border-top: 1px solid #cccccc;
  position: relative;
  z-index: 30;
  /* END - .footerTop */
  /* END - .footerBottom */
}
footer .footerTop {
  padding-top: 3rem;
}
footer .footerTop .footerLeft {
  padding-right: 2rem;
  /*.footerLogo {
      margin-bottom: 1.5rem;
  }*/
}
footer .footerTop .footerLeft .mission {
  display: none;
}
footer .footerTop .footerLeft .mission h5 {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  color: #999999;
}
footer .footerTop .footerLeft .mission p {
  font-family: "Barlow Condensed", sans-serif;
  margin: 0;
  font-size: 1.15rem;
  letter-spacing: -0.75px;
  font-weight: 300;
}
footer .footerTop .footerRight {
  border-left: 1px solid #999999;
  padding-left: 2rem;
}
footer .footerTop .footerRight ul {
  margin-bottom: 1rem;
  list-style-type: none;
}
footer .footerTop .footerRight ul li a {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.15rem;
  line-height: 2rem;
  letter-spacing: -0.75px;
  font-weight: 400;
  color: #999999;
  text-transform: uppercase;
}
footer .footerTop .footerRight .footerSocial a {
  margin-right: 0.5rem;
}
footer .footerTop .footerRight .footerSocial a:last-child {
  margin-right: 0;
}
footer .footerTop .footerRight .footerSubscribe .btn {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
footer .footerBottom {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
footer .footerBottom p {
  padding: 0;
  margin: 0;
  font-size: 0.7rem;
  text-align: center;
}
footer .footerBottom p a {
  color: #676767;
  font-weight: 700;
}

/**************/
/* RESPONSIVE */
/**************/
@media (min-width: 1400px) {
  .footerDivider .borderBottom {
    width: 38%;
  }
  .footerDivider .borderMiddle {
    width: 24%;
  }
}
@media (max-width: 991.98px) {
  .footerDivider .borderBottom {
    width: 30%;
  }
  .footerDivider .borderMiddle {
    width: 40%;
  }
  footer .footerTop {
    padding-top: 2rem;
  }
  footer .footerTop .footerRight ul {
    margin-bottom: 0;
  }
  footer .footerTop .footerRight ul.thirdUL {
    margin-bottom: 1rem;
  }
  footer .footerTop .footerRight .footerSocial a img {
    width: 36px;
  }
}
@media (max-width: 767.98px) {
  .footerDivider .borderBottom {
    width: 25%;
  }
  .footerDivider .borderMiddle {
    width: 50%;
  }
  footer .footerTop .footerLeft {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-bottom: 1.5rem;
  }
  footer .footerTop .footerLeft .footerLogo {
    width: 55%;
    /*margin: 0 auto 1.5rem;*/
    margin: 0 auto;
  }
  footer .footerTop .footerLeft .mission {
    width: 60%;
    margin: 0 auto;
  }
  footer .footerTop .footerRight {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    border-left: 0 none;
  }
  footer .footerTop .footerRight ul li {
    text-align: center;
  }
  footer .footerTop .footerRight .footerSocial {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  footer .footerTop .footerRight .footerSocial a {
    margin-right: 1rem;
  }
  footer .footerTop .footerRight .footerSocial a img {
    width: 40px;
  }
  footer .footerTop .footerRight .footerSubscribe {
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .footerDivider .borderBottom {
    width: 20%;
  }
  .footerDivider .borderMiddle {
    width: 60%;
  }
}
@media (max-width: 479.98px) {
  .footerDivider .borderBottom {
    width: 15%;
  }
  .footerDivider .borderMiddle {
    width: 70%;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
.block {
  padding: 0 0 1.5rem;
}
.block img {
  /*border-radius: .25rem;*/
}
.block.column-block .col-md:not(:last-child) {
  margin-bottom: 1.5rem;
}
.block.column-block img {
  height: 100%;
  object-fit: cover;
}
.block.image-gallery-block .carousel {
  border-radius: 0.25rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .block.column-block .col-md:not(:last-child) {
    margin-bottom: 0;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
.post-meta {
  font-size: 0.875rem;
}
.post-meta span:not(:last-child)::after {
  content: "◆";
  display: inline-block;
  padding: 0 0.25rem;
}

.archive article {
  padding-bottom: 1rem;
}

.comments .alert {
  background: #f4f4f4;
  padding: 2rem 2.5rem;
}

/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
.page-link {
  color: #f94c3b;
  min-width: 2.5rem;
  text-align: center;
}
.page-link:hover {
  color: rgb(247.4851485149, 30.8069306931, 9.5148514851);
}

.page-item.active .page-link {
  background: #f94c3b;
  border-color: #f94c3b;
}

/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
.sliderDivider {
  /*display: none;*/
  width: 100%;
  overflow: hidden;
  margin: -3.3rem auto 0;
  position: absolute;
  top: 100%;
}
.sliderDivider .container-fluid {
  /*width: 120%;*/
}
.sliderDivider .borderBottom {
  background-color: #FFFFFF;
  /*background-image: url('../../../images/footer/divider-border-bottom.png');
  background-repeat: repeat-x;
  background-size: 1px, 50px;*/
  height: 50px;
}
.sliderDivider .borderCurveLeft, .sliderDivider .borderCurveRight {
  /*background-color: $micross-blue;*/
  background-image: url("../../../images/home/slider/divider-border-left.png");
  background-repeat: no-repeat;
  background-size: 65px, 50px;
  width: 65px;
  height: 50px;
}
.sliderDivider .borderTop {
  background-image: url("../../../images/home/slider/divider-border-bottom.png");
  background-repeat: repeat-x;
  background-size: 1px, 50px;
  /*width: 13%;*/
  border-bottom: 2px solid #FFFFFF;
  width: calc(100% - 130px);
  height: 50px;
}
.sliderDivider .borderCurveRight {
  background-image: url("../../../images/home/slider/divider-border-right.png");
}

.slider {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
}
.slider .pagination {
  display: block;
  width: 100%;
  position: absolute;
  top: calc(50% - 3.3rem);
  z-index: 1;
}
.slider .pagination a {
  display: block;
  position: relative;
}
.slider .pagination a.left {
  left: 30px;
  float: left;
}
.slider .pagination a.right {
  right: calc(-100% + 80px);
}
.slider .pagination a img {
  width: 25px;
}
.slider .slick-slider {
  margin-bottom: 0;
}
.slider .slick-dots li {
  width: 10px;
  height: 10px;
  padding: 10px;
}
.slider .slick-dots li button::before {
  box-shadow: none;
  background-color: #FFFFFF;
  padding: 0;
}
.slider .slick-dots li.slick-active button::before {
  background-color: #fd8103;
}
.slider .slide {
  display: none;
}
.slider .slide.selected {
  display: block;
}
.slider .slide .slideGrad {
  position: absolute;
}
.slider .slide img {
  width: 100%;
}
.slider .slide .sliderTextBox {
  position: absolute;
  top: 19%;
  width: 40%;
  height: 15rem;
  max-width: 80%;
  padding: 1rem 2rem 1.5rem;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px) saturate(50%);
  backdrop-filter: blur(5px) saturate(50%);
  border-radius: 1rem;
}
.slider .slide .sliderTextBox .textRow h1 {
  font-family: "Barlow Condensed", sans-serif;
  line-height: 2.2rem;
  font-weight: 500;
  color: #FFFFFF;
}
.slider .slide .sliderTextBox .textRow p {
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1.5rem;
  color: #FFFFFF;
  margin-bottom: 0;
}
.slider .slide .sliderTextBox .buttonRow {
  position: absolute;
  bottom: 1.5rem;
}
.slider .slide .sliderTextBox .buttonRow .button {
  margin-bottom: 0;
}

/**************/
/* RESPONSIVE */
/**************/
@media (min-width: 1400px) {
  .slider .slick-slider .slide {
    height: 28.2rem;
  }
  .slider .slide .sliderTextBox {
    width: 648px;
  }
  .sliderDivider {
    margin: -3rem auto 0;
  }
  .sliderDivider .borderBottom {
    width: 38%;
  }
  .sliderDivider .borderMiddle {
    width: 24%;
  }
}
@media (max-width: 1399.98px) {
  .slider .slide .sliderTextBox {
    top: 15.5%;
  }
}
@media (max-width: 1199.98px) {
  .slider .slide .sliderTextBox {
    top: 11.5%;
  }
  .slider .slide .sliderTextBox .textRow h1 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 1.065rem;
    line-height: 1.35rem;
  }
}
@media (max-width: 1099.98px) {
  .slider .slide .sliderTextBox {
    top: 8.5%;
  }
  .slider .slide .sliderTextBox .textRow h1 {
    font-size: 2.1rem;
    line-height: 2.3rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 1.03rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 991.98px) {
  .sliderDivider {
    top: calc(100% - 9.2rem);
  }
  .sliderDivider .borderBottom {
    width: 30%;
  }
  .sliderDivider .borderMiddle {
    width: 40%;
  }
  .slider {
    margin-top: 52px;
  }
  .slider .pagination {
    top: calc(25% - 8px);
  }
  .slider .slick-dots {
    margin-top: 0;
    bottom: 155px;
  }
  .slider .slide .slideGrad {
    display: none;
  }
  .slider .slide .sliderTextBox {
    position: relative;
    top: 0;
    left: 0;
    margin: 1rem auto 0;
    border: 0 none;
    background: none;
    width: auto;
    height: 8.5rem;
    max-width: 720px;
    /*padding:0 12px;*/
    padding-top: 0;
    padding-bottom: 0;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
  .slider .slide .sliderTextBox .textRow h1 {
    font-size: 2rem;
    line-height: 2.2rem;
    color: #656565;
    color: #676767;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 0.95rem;
    line-height: 1.15rem;
    color: #676767;
  }
  .slider .slide .sliderTextBox .buttonRow {
    position: relative;
    top: 1.25rem;
  }
  .slider .slide .sliderTextBox br {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .sliderDivider {
    /*top: calc(100% - 6rem);*/
  }
  .sliderDivider .borderBottom {
    width: 25%;
  }
  .sliderDivider .borderMiddle {
    width: 50%;
  }
  .slider .pagination {
    top: calc(25% - 22px);
  }
  .slider .slick-dots {
    /*bottom: 155px;*/
  }
  .slider .slide .sliderTextBox {
    max-width: 540px;
  }
  .slider .slide .sliderTextBox .textRow h1 {
    /*font-size: 1.8rem;*/
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .slider .slide .sliderTextBox .textRow h1.twoLines {
    font-size: 1.4rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
  .slider .slide .sliderTextBox .textRow br {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .sliderDivider {
    top: calc(100% - 9.2rem);
  }
  .sliderDivider .borderBottom {
    width: 20%;
  }
  .sliderDivider .borderMiddle {
    width: 60%;
  }
  .slider .pagination {
    top: calc(25% - 27px);
  }
  .slider .slide .sliderTextBox .textRow h1 {
    /*font-size: 1.6rem;*/
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .slider .slide .sliderTextBox .textRow h1.twoLines {
    font-size: 1.2rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 0.85rem;
    line-height: 1rem;
  }
  .slider .slide img {
    width: auto;
    max-width: none;
    height: 200px;
  }
}
@media (max-width: 505.98px) {
  .slider .pagination {
    top: calc(25% - 32px);
  }
}
@media (max-width: 499.98px) {
  .sliderDivider {
    /*top: calc(100% - 9.5rem);*/
  }
  .sliderDivider .borderBottom {
    width: 15%;
  }
  .sliderDivider .borderMiddle {
    width: 70%;
  }
  .slider {
    /*.slick-dots {
        bottom: 163px;
    }*/
  }
  .slider .pagination {
    top: calc(25% - 42px);
  }
  .slider .slide .sliderTextBox .textRow h1 {
    font-size: 1.2rem;
    line-height: 1.25rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 0.85rem;
    line-height: 1rem;
  }
  .slider .slide img {
    width: auto;
    max-width: none;
    height: 180px;
  }
}
@media (max-width: 460.98px) {
  /*.sliderDivider {
      top: calc(100% - 10.75rem);
  }*/
  .slider {
    margin-top: 37px;
    /*.slick-dots {
        bottom: 180px;
    }*/
  }
  .slider .pagination {
    top: calc(25% - 40px);
  }
  .slider .slide .sliderTextBox .textRow h1 {
    font-size: 1rem;
    line-height: 0.9rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .slider .slide img {
    height: 180px;
  }
}
@media (max-width: 375.98px) {
  /*.sliderDivider {
      top: calc(100% - 5.8rem);
  }*/
  .slider {
    /*.slick-dots {
        bottom: 105px;
    }*/
  }
  .slider .slide .sliderTextBox .textRow h1 {
    font-size: 0.9rem;
    line-height: 0.9rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}
@media (max-width: 320px) {
  .sliderDivider {
    top: calc(100% - 8.25rem);
  }
  .slider .slick-dots {
    bottom: 146px;
  }
  .slider .pagination {
    top: calc(25% - 48px);
  }
  .slider .slide .sliderTextBox {
    height: 7.5rem;
  }
  .slider .slide .sliderTextBox .textRow h1 {
    font-size: 0.85rem;
    line-height: 0.85rem;
  }
  .slider .slide .sliderTextBox .textRow p {
    font-size: 0.8rem;
    line-height: 0.9rem;
  }
  .slider .slide img {
    height: 150px;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
.formBox .field {
  width: 100%;
  margin-bottom: 0.5rem;
  clear: both;
}
.formBox .field.twoUp { /*UNUSED*/
  width: 50%;
  float: left;
  clear: none;
}
.formBox .field.twoUp:nth-child(2n) {
  padding: 0 0 0 0.5rem;
}
.formBox .field.threeUp { /*UNUSED*/
  width: 33.3%;
  float: left;
  clear: none;
}
.formBox .field.threeUp:nth-child(3n) {
  padding: 0 0.5rem;
}
.formBox input {
  border: 1px solid #cccccc;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  color: #676767;
  width: 100%;
  height: 32px; /*FIX FOR SELECT BOX HEIGHT ISSUE CAUSING ALIGNMENT PROBLEMS FOR PAUL 20240110*/
  font-size: 0.9rem;
}
.formBox input.button {
  width: auto;
  height: inherit; /*FIX FOR SELECT BOX HEIGHT ISSUE CAUSING ALIGNMENT PROBLEMS FOR PAUL 20240110*/
  border-radius: 8px;
  padding: 0.25rem 1.5rem;
  color: #FFFFFF;
}
.formBox .fileUpload input.upload {
  border: 0 none;
  border-radius: 0;
  padding: 0 0.5rem 0 0;
  width: auto;
  margin-top: 0.5rem;
  float: left;
}
.formBox .fileUpload input.btn {
  margin-top: 0.35rem;
}
.formBox .fileUpload .progressBar {
  margin-top: 0.5rem;
}
.formBox .fileUpload .progressBar progress {
  width: 100%;
}
.formBox .fileUpload .uploadedFiles {
  color: #006ea1;
  margin-top: 0.5rem;
}
.formBox .fileUpload .uploadedFiles span {
  display: inline-block;
  margin-right: 0.25rem;
  position: relative;
  top: 0.15rem;
}
.formBox .fileUpload .uploadedFiles input.btn {
  margin-top: 0;
}
.formBox .fileUpload .erroredFiles {
  color: #e80000;
  margin-top: 0.5rem;
}
.formBox .form-control:focus {
  color: #676767;
  border-color: #e5f1f7;
}
.formBox select {
  border: 1px solid #cccccc;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  color: #676767;
  width: 100%;
  height: 32px; /*FIX FOR SELECT BOX HEIGHT ISSUE CAUSING ALIGNMENT PROBLEMS FOR PAUL 20240110*/
  font-size: 0.9rem;
}
.formBox textarea {
  border: 1px solid #cccccc;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  color: #676767;
  width: 100%;
  min-height: 7rem;
}
.formBox .checkBox {
  clear: both;
  width: 100%;
  padding-left: 0.5rem;
}
.formBox .checkBox input {
  width: auto;
  height: auto; /*FIX FOR SELECT BOX HEIGHT ISSUE CAUSING ALIGNMENT PROBLEMS FOR PAUL 20240110*/
  margin-right: 0.25rem;
}
.formBox .checkBox.center {
  text-align: center;
}
.formBox label {
  font-size: 0.85rem;
  line-height: 1.2rem;
  color: #676767;
  display: initial;
}
.formBox label.smsCaveat span {
  display: block;
  font-size: 0.7rem;
  line-height: 1rem;
  margin-left: 1.35rem;
}
.formBox .usaCounties {
  color: #676767;
  background: #f2f2f2;
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}
.formBox .captcha {
  clear: both;
  width: 304px;
  margin: 15px auto 10px;
}
.formBox .submit {
  text-align: center;
  clear: both;
}
.formBox .submit .button {
  margin: 0.5rem 0 0 0;
}
.formBox .error.invalidCredentials {
  color: #e80000;
  font-size: 0.9rem;
  line-height: 0.95rem;
  font-style: italic;
  padding: 0.25rem 0.25rem 0.5rem;
  display: block;
}
.formBox .error span {
  color: #e80000;
  font-size: 0.75rem;
  line-height: 0.9rem;
  padding: 0.25rem;
  display: block;
}
.formBox.twoUp .field, .formBox .twoUp .field {
  float: left;
  width: 50%;
  clear: none;
  padding-right: 0.25rem;
}
.formBox.twoUp .field:nth-child(2n), .formBox .twoUp .field:nth-child(2n) {
  padding-left: 0.25rem;
  padding-right: 0;
}
.formBox.twoUp .field.textArea, .formBox .twoUp .field.textArea {
  width: 100%;
}
.formBox.twoUp .field.textArea:nth-child(2n), .formBox .twoUp .field.textArea:nth-child(2n) {
  padding-left: 0;
}
.formBox.twoUp .field.textArea input, .formBox .twoUp .field.textArea input {
  min-height: 8rem;
}
.formBox.twoUp .field.checkBox, .formBox .twoUp .field.checkBox {
  clear: both;
  width: 100%;
}
.formBox.twoUp .field.checkBox:nth-child(2n), .formBox .twoUp .field.checkBox:nth-child(2n) {
  padding-left: 0;
}
.formBox.threeUp .field, .formBox .threeUp .field {
  float: left;
  width: 33.3%;
  clear: none;
}
.formBox.threeUp .field:nth-child(3n-1), .formBox .threeUp .field:nth-child(3n-1) {
  padding: 0 0.5rem;
}

.basicRequestFormThankYou {
  margin-bottom: 1rem;
}

/**************/
/* RESPONSIVE */
/**************/
@media (max-width: 575.98px) {
  .formBox .field.twoUp {
    width: 100%;
    float: none;
    clear: both;
  }
  .formBox .field.twoUp:nth-child(2n) {
    padding: 0;
  }
  .formBox .field.threeUp {
    width: 100%;
    float: none;
    clear: both;
  }
  .formBox .field.threeUp:nth-child(3n) {
    padding: 0;
  }
  .formBox.twoUp .field, .formBox .twoUp .field {
    float: none;
    width: 100%;
    clear: both;
    padding-right: 0;
  }
  .formBox.twoUp .field:nth-child(2n), .formBox .twoUp .field:nth-child(2n) {
    padding-left: 0;
  }
  .formBox.threeUp .field, .formBox .threeUp .field {
    float: none;
    width: 100%;
    clear: both;
  }
  .formBox.threeUp .field:nth-child(3n-1), .formBox .threeUp .field:nth-child(3n-1) {
    padding: 0;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
.popupContainer {
  position: absolute;
  top: calc(100vh - 66.6%);
  left: calc(50% - 225px);
  background: #FFFFFF;
  border: 2px solid #eeeeee;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  width: 450px;
  padding: 1.25rem 3rem;
  text-align: center;
  z-index: 1000;
  /*SIGN IN POPUP*/
}
.popupContainer hr {
  margin: 1rem 0;
  width: auto;
}
.popupContainer .popupClose {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  font-size: 1.5rem;
  color: #d2d2d2;
}
.popupContainer .popupClose:hover {
  text-decoration: none;
}
.popupContainer h4 {
  color: #006ea1;
  font-size: 1.5rem;
}
.popupContainer p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.popupContainer p.register {
  margin-top: 1rem;
}
.popupContainer .formBox {
  margin-top: 1.25rem;
}
.popupContainer .formBox.twoUp .field button {
  width: 100%;
}
.popupContainer .productQuantity {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.popupContainer .productQuantity .formBox {
  margin-top: 0;
  vertical-align: text-top;
  display: inline-block;
}
.popupContainer .productQuantity .formBox .field {
  margin-bottom: 0;
}
.popupContainer .confirmationMessageArea {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.popupContainer table {
  margin: 0.5rem 0 0.75rem;
}
.popupContainer table td {
  border: 0 none;
}
.popupContainer table td:first-child {
  text-align: right;
}
.popupContainer table td:nth-child(2) {
  text-align: left;
}
.popupContainer table td input {
  width: 4rem;
}
.popupContainer.ActionPopupConfirmation .PopupActionConfirmationButton1 {
  margin-right: 0.5rem;
}
.popupContainer button {
  margin: 0;
}
.popupContainer#signinArea {
  left: calc(50% - 400px);
  width: 800px;
  padding: 1.25rem 1.5rem;
}
.popupContainer#signinArea h4 {
  text-transform: uppercase;
}
.popupContainer#signinArea .signIn {
  padding-right: 2rem;
}
.popupContainer#signinArea .signIn .formBox .captcha {
  margin-bottom: 5px;
}
.popupContainer#signinArea .signIn .submit span {
  display: inline-block;
  position: relative;
  top: 0.25rem;
  margin: 0 0.75rem;
  font-family: "Barlow Condensed", sans-serif;
  color: #676767;
  text-transform: uppercase;
}
.popupContainer#signinArea .whyRegister {
  border-left: 1px solid #cccccc;
  padding-left: 2rem;
}
.popupContainer#signinArea .whyRegister .reason {
  display: flex;
  align-items: center;
  text-align: left;
  margin-top: 1.25rem;
}
.popupContainer#signinArea .whyRegister .reason .rIcon {
  width: 50px;
  margin-right: 1rem;
}
.popupContainer#signinArea .whyRegister .reason h6 {
  color: #006ea1;
  margin-bottom: 0;
}
.popupContainer#signinArea .whyRegister .reason p {
  line-height: 1rem;
}

/**************/
/* RESPONSIVE */
/**************/
@media (max-width: 991.98px) {
  .popupContainer {
    /*SIGN IN POPUP*/
  }
  .popupContainer#signinArea {
    top: calc(100vh - 80%);
    left: calc(50% - 225px);
    width: 450px;
  }
  .popupContainer#signinArea .signIn {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-bottom: 1.5rem;
  }
  .popupContainer#signinArea .whyRegister {
    border-top: 1px solid #cccccc;
    border-left: 0 none;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-top: 1.25rem;
  }
}
@media (max-width: 575.98px) {
  .popupContainer {
    /*SIGN IN POPUP*/
  }
  .popupContainer .formBox.twoUp .field button {
    width: auto;
  }
  .popupContainer#signinArea {
    left: calc(50% - 200px);
    width: 400px;
  }
}
@media (max-width: 475.98px) {
  .popupContainer {
    width: 380px;
    left: calc(50% - 190px);
    /*SIGN IN POPUP*/
  }
  .popupContainer#signinArea {
    left: calc(50% - 175px);
    width: 350px;
  }
  .popupContainer#signinArea .signIn .formBox .captcha {
    margin-left: -0.85rem;
  }
  .popupContainer#signinArea .signIn .submit span {
    display: block;
    margin: 0 0 0.15rem;
  }
}
/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2022 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/
/* BRAND COLOURS */
/* FONT COLOURS */
/* BACKGROUND COLOURS */
/*Will be unused once the new designs are in place*/
/* TABLE COLOURS */
/*$text-box-border: #aaaaaa;
$footer-border-top: #cccccc;*/
/* FORM COLOURS */
/* CMS LOGIN PAGE COLOURS */
/** [ // js land.pg **/
li > span.listoption {
  font-size: 1rem;
  font-weight: 700;
  display: block;
  margin-top: -0.25rem;
  margin-bottom: 0.25rem;
  color: #fd8103;
  text-decoration: none;
  cursor: pointer;
}

/** ] **/
/** tmp dev ... to be removed [ **/
div.formItem {
  margin: 10px 0px;
}

div.form-fields {
  display: block;
}

fieldset.form-fieldset {
  display: flex;
  flex-wrap: nowrap;
  padding: 5px 0px;
}

input[type=text].form-field {
  min-height: 35px;
  min-width: 250px;
}

input.form-smallfield {
  min-height: 35px;
  min-width: 50px;
  margin-left: 1em;
}

select.form-field {
  min-height: 35px;
  padding: 3px 5px;
}

textarea.form-field {
  min-width: 350px;
  min-height: 5em;
}

div.form-field-item {
  flex: 1;
  min-width: 100px;
  max-width: 31%;
}

div.submit-area {
  width: 99.99%;
  border-top: 1px solid #aaa;
  box-sizing: border-box;
  padding: 12px 0px;
}

button.submit-btn {
  color: #1b8ec7 !important;
  padding: 1.25% 2.5%;
  background-color: #fdfdfd;
  text-align: center;
  /*    box-shadow: 2px 4px 1px -1px rgba(85, 85, 85, 0.35);
      -webkit-box-shadow: 2px 4px 1px -1px rgba(85, 85, 85, 0.35);
  */
  border: 1px solid #eee;
  border-radius: 10px;
  opacity: 0.89;
}

button.submit-btn:hover {
  box-shadow: 4px 6px 3px -3px rgba(85, 85, 85, 0.35);
  -webkit-box-shadow: 4px 6px 3px -3px rgba(85, 85, 85, 0.35);
  /*text-shadow: 1px 1px 2px rgba(0,0,0,0.23);*/
  /*background-color: #b2d43d;*/
  color: #1b8ec7 !important;
  opacity: 1;
}

button.submit-btn:active {
  -webkit-box-shadow: 1px 1px 2px -1px #818181;
  -moz-box-shadow: 1px 1px 2px -1px #818181;
  box-shadow: 1px 1px 2px -1px #818181;
  /*background-color: #6e9104;*/
  color: #1b8ec7;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53);
  opacity: 1;
}

.g-recaptcha > div {
  margin: auto;
}

/*=====================STICKY HEADER AND SIDENAV=================*/
.fixedHeader {
  left: 300px;
  position: fixed;
  z-index: 1030;
}

.sideNavFixed {
  position: sticky;
  top: 12.75rem;
  height: 10%;
  order: -1;
}