.individualProduct .wrap .hold .productImage:after {
  content: "";
  display: block;
  clear: both;
}

footer.landing .wrap .copy, .red-form, .case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content, .quoteOptions .wrap .added, .individualProduct .wrap .hold section .sticky-product-header, .individualProduct .wrap .hold .productImage .thumbs .swiper-container .swiper-wrapper .swiper-slide, .featuredBanner .wrap .content, .formPanel.productQuote.infoBox, .standardText .wrap nav a, .textPanel .wrap form .details, .textPanel .wrap nav:not(.breadcrumbs) a, .textPanel .wrap nav:not(.breadcrumbs) button, .textPanel .wrap article > header .mapInfo address, .textPanel.missing .wrap article .content .branch .buttons a, .branch-intro .wrap .image .text-container .text, .feature-grid .wrap .features .feature-item, .client-testimonial .wrap .content, .cta, .testimonials .wrap .cols .col, .caseStudies .wrap .cols .col header, .alt-image-cols .wrap .cols .col .content, .products-modal .modal-container .extra .counter, .products-modal .modal-container .slider .swiper-container .swiper-wrapper .swiper-slide .col figure, .products-modal .modal-container header, .last-products-grid .wrap .cols .col .added, .last-products-grid .wrap .cols .col header, .last-products-grid .wrap .cols .col figure, .last-products-grid .wrap .cols .col, .last-products-slider .wrap .cols .col .added, .last-products-slider .wrap .cols .col header, .last-products-slider .wrap .cols .col figure, .last-products-slider .wrap .cols .col, .last-products-slider .wrap .pagination nav a, .last-products-slider .wrap .pagination nav button, .product-slider .wrap .cols .col .added, .product-slider .wrap .cols .col nav a, .product-slider .wrap .cols .col nav button, .product-slider .wrap .cols .col header, .product-slider .wrap .cols .col figure, .product-slider .wrap .cols .col, .product-slider .wrap .pagination nav a, .product-slider .wrap .pagination nav button, .products .wrap .cols .col .added, .products .wrap .cols .col header, .products .wrap .cols .col figure, .products .wrap .cols .col, .products .wrap .pagination nav a, .products .wrap .pagination nav button, .products .wrap aside .filters .accordions .expand .input label, .products .wrap aside .filters .accordions .expand button.sub, .products .wrap aside .filters .fixedBottom, .products .wrap aside .filters .applied ul li button, .products .wrap aside .filters, .products.allProducts .wrap .no-results .branch .buttons a, .heroSlider .swiper-container .swiper-wrapper .swiper-slide article, .postcodeFinder .popup, .postcodeFinder > button, .mobileNavigation .wrap nav ul li ul, .last-products-basket .wrap .table table tbody tr td .counter, header[role=banner].alt-header .wrap .middle .basketLink .added, header[role=banner], header.sticky-header-nav, .mapInfoPanel, form input, form textarea, form select, .greenBtn, .lightGreyBtn, .greyBtn, .outlineBtn, .whiteBtn, .redBtn, .swiper-menu button, body.steelhoard .product-slider .wrap .heading-container header > a, .thoughtco-cookiepanel .toggler label:before, .thoughtco-cookiepanel .toggler label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/*
$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

html {
  @include fluid-type($min_width, $max_width, $min_font, $max_font);
}
*/
.video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  width: 100%;
  display: block;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hide {
  display: none !important;
}

.desktop {
  display: none;
}

/* montserrat-latin-300-normal */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../fonts/montserrat-latin-300-normal.woff2) format("woff2"), url(../fonts/montserrat-latin-300-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* montserrat-latin-400-normal */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/montserrat-latin-400-normal.woff2) format("woff2"), url(../fonts/montserrat-latin-400-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* montserrat-latin-500-normal */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/montserrat-latin-500-normal.woff2) format("woff2"), url(../fonts/montserrat-latin-500-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* montserrat-latin-600-normal */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../fonts/montserrat-latin-600-normal.woff2) format("woff2"), url(../fonts/montserrat-latin-600-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* montserrat-latin-700-normal */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/montserrat-latin-700-normal.woff2) format("woff2"), url(../fonts/montserrat-latin-700-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* montserrat-latin-800-normal */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(../fonts/montserrat-latin-800-normal.woff2) format("woff2"), url(../fonts/montserrat-latin-800-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.thoughtco-cookiepanel .cookiepanel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  display: none;
}

.thoughtco-cookiepanel .cookiepanel-open {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgb(40, 40, 40);
  color: #fff;
  padding: 8px 10px;
  z-index: 10000000;
}

.thoughtco-cookiepanel .cookiepanel-sidebar {
  top: 0;
  left: 0;
  width: 90%;
  max-width: 400px;
  background-color: rgb(40, 40, 40);
  color: #fff;
  position: fixed;
  box-sizing: border-box;
  padding: 40px;
  line-height: 1.3;
  font-size: 0.9rem;
  transition: none;
  margin-left: -100%;
  height: 100%;
  overflow-y: auto;
}

.thoughtco-cookiepanel.open .cookiepanel-sidebar, .thoughtco-cookiepanel.open .buttons {
  margin-left: 0;
}

.thoughtco-cookiepanel.open .cookiepanel-overlay {
  display: block;
}

.thoughtco-cookiepanel .cookiepanel-sidebar .cookiepanel-close {
  position: absolute;
  right: 16px;
  top: 8px;
  width: 32px;
  height: 32px;
  text-indent: -99999px;
}

.thoughtco-cookiepanel .cookiepanel-sidebar .cookiepanel-close:before, .cookiepanel-close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
}

.thoughtco-cookiepanel .cookiepanel-sidebar .cookiepanel-close:before {
  transform: rotate(45deg);
}

.thoughtco-cookiepanel .cookiepanel-sidebar .cookiepanel-close:after {
  transform: rotate(-45deg);
}

.thoughtco-cookiepanel .cookiepanel-sidebar p {
  margin: 0.5em 0 0;
}

.thoughtco-cookiepanel .cookiepanel-sidebar h2,
.thoughtco-cookiepanel .cookiepanel-sidebar h3,
.thoughtco-cookiepanel .cookiepanel-sidebar .heading {
  font-weight: bold;
  font-size: 1.25rem;
}

.thoughtco-cookiepanel .cookiepanel-sidebar div + .heading,
.thoughtco-cookiepanel .cookiepanel-sidebar p + .heading {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 1em;
  padding-top: 1em;
}

.thoughtco-cookiepanel .buttons {
  margin-top: 1em;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-items: center;
  align-content: space-between;
  width: 90%;
  max-width: 400px;
  background: rgb(148, 148, 148);
  margin-left: -100%;
  transition: none;
  padding: 20px 0;
}

.thoughtco-cookiepanel .buttons button {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 8px 12px;
  border-radius: 8px;
  margin-left: 10px;
  font-size: 0.9rem;
}

.thoughtco-cookiepanel .buttons [data-consentpanel=accept] {
  background-color: rgb(255, 255, 255);
}

.thoughtco-cookiepanel .buttons [data-consentpanel=select] {
  background-color: rgba(255, 255, 255, 0.5);
}

.thoughtco-cookiepanel .buttons [data-consentpanel=reject] {
  background-color: rgb(40, 40, 40);
  color: rgb(255, 255, 255);
}

.thoughtco-cookiepanel .toggler {
  border-radius: 16px;
  width: 180px;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  padding: 6px;
  margin: 1em 0;
}

.thoughtco-cookiepanel .toggler::after {
  content: " ";
  display: block;
  clear: both;
}

.thoughtco-cookiepanel .toggler input {
  display: none;
}

.thoughtco-cookiepanel .toggler label {
  width: 50%;
  float: left;
  padding-left: 10px;
  font-size: 0.9rem;
}

.thoughtco-cookiepanel .toggler label + label {
  text-align: right;
  padding-right: 10px;
}

.thoughtco-cookiepanel .toggler label + label::before {
  display: none;
}

.thoughtco-cookiepanel .toggler label::before {
  content: " ";
  position: absolute;
  border-radius: 16px;
  width: 50%;
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  background-color: rgb(40, 40, 40);
  transition: 300ms ease-in-out all;
}

.thoughtco-cookiepanel .toggler input:checked + label::before {
  left: calc(50% - 3px);
}

.thoughtco-cookiepanel .cookiepanel-open {
  font-weight: 600;
  padding: 12px 15px !important;
  position: absolute !important;
}

.thoughtco-cookiepanel .cookiepanel-sidebar {
  z-index: 99999999;
  padding-bottom: 100px;
}

.thoughtco-cookiepanel .cookiepanel-overlay {
  z-index: 10000;
}

.thoughtco-cookiepanel .buttons button {
  display: inline-block;
  background-color: rgb(238, 238, 238) !important;
  color: rgb(75, 75, 74) !important;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 10px !important;
  padding: 15px 14px !important;
}

.thoughtco-cookiepanel .buttons {
  z-index: 99;
}

.thoughtco-cookiepanel .toggler {
  background-color: rgb(255, 255, 255) !important;
  padding: 15px 20px !important;
  border-radius: 10px !important;
  color: rgb(75, 75, 74) !important;
  font-weight: 600;
  z-index: 10;
}

.thoughtco-cookiepanel .toggler label::before {
  border-radius: 10px !important;
  left: calc(50% - 3px) !important;
}

.thoughtco-cookiepanel .toggler label {
  color: rgb(75, 75, 74) !important;
}

.thoughtco-cookiepanel .toggler label + label {
  color: rgb(255, 255, 255) !important;
}

.thoughtco-cookiepanel .toggler input:checked + label {
  color: rgb(255, 255, 255) !important;
}

.thoughtco-cookiepanel .toggler input:checked + label + label {
  color: rgb(75, 75, 74) !important;
}

.thoughtco-cookiepanel .toggler label:before {
  z-index: -1;
}

.thoughtco-cookiepanel .toggler input:checked + label::before {
  left: 3px !important;
}

*, html, body {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  padding-top: 112px;
  font-family: "Montserrat", sans-serif;
  color: rgb(75, 75, 74);
  -webkit-font-smoothing: antialiased;
  position: relative;
}
body .book-survey {
  display: none;
}
body.steelhoard-child .book-survey {
  display: inline-block;
}
body.steelhoard-child .feature-grid {
  padding: 30px 0;
}
body.steelhoard-child .feature-grid .wrap .features .feature-item {
  padding: 0;
  text-align: center;
  background-color: transparent;
  color: rgb(227, 4, 20);
  min-height: auto;
}
body.steelhoard-child .feature-grid .wrap .features .feature-item .icon {
  margin: 0 auto 20px auto;
}
body.steelhoard-child .feature-grid .wrap .features .feature-item h3 {
  padding-bottom: 25px;
}
body.steelhoard-child .feature-grid .wrap .features .feature-item p {
  font-size: 0.875rem;
  font-weight: 400;
}
body.steelhoard-child .featuredBanner .wrap picture img {
  min-height: 500px;
  object-fit: cover;
}
body.steelhoard-child .featuredBanner .wrap .content {
  background-color: transparent;
  color: rgb(255, 255, 255);
}
body.steelhoard-child .featuredBanner .wrap .content h3 {
  font-size: 2.5rem;
  font-weight: 400;
}
body.steelhoard-child .featuredBanner .wrap .content .whiteBtn {
  background-color: transparent;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  margin-top: 50px;
}
body.steelhoard-child .featuredBanner .wrap .content .whiteBtn:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(227, 4, 20);
  border-color: rgb(255, 255, 255);
}
body.steelhoard-child .pageHero .wrap .contain {
  bottom: auto;
  top: 100px;
}
body.steelhoard-child .pageHero .wrap .contain h1, body.steelhoard-child .pageHero .wrap .contain h2 {
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1.1;
  max-width: 650px;
  padding-right: 70px;
}
body.steelhoard-child .pageHero .wrap .contain header h4 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 1.8px;
  margin-bottom: 15px;
}
body.steelhoard-child .pageHero .wrap .contain .hero-buttons {
  margin-top: 50px;
}
body.steelhoard-child .pageHero .wrap .contain .hero-buttons a, body.steelhoard-child .pageHero .wrap .contain .hero-buttons button {
  width: 170px;
  display: block;
  padding-left: 0;
  padding-right: 0;
}
body.steelhoard-child .pageHero .wrap .contain .hero-buttons a + a, body.steelhoard-child .pageHero .wrap .contain .hero-buttons button + a {
  margin-top: 10px;
}
body.steelhoard-child .pageHero .wrap .contain .hero-buttons a + button, body.steelhoard-child .pageHero .wrap .contain .hero-buttons button + button {
  margin-top: 10px;
}
body.steelhoard-child .pageHero .wrap picture img {
  height: 85vh;
}
body.steelhoard-child .pageHero .wrap picture:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.74) 1%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.steelhoard-child .textPanel {
  margin-top: 100px;
}
body.steelhoard-child .textPanel .wrap article p {
  font-weight: 400;
  font-size: 1rem;
  padding-right: 22px;
}
body.steelhoard-child .textPanel .wrap article .redBtn {
  background-color: transparent;
  border-color: rgb(227, 4, 20);
  color: rgb(227, 4, 20);
  padding: 0;
  font-size: 1rem;
  text-decoration: underline;
  line-height: 1.2;
  height: unset;
  border: 0;
  text-align: left;
  margin-top: 55px;
  border-radius: 0;
}
body.steelhoard-child .textPanel .wrap article .redBtn:hover {
  background-color: unset;
  color: rgb(227, 4, 20);
}
body.steelhoard-child .textPanel .wrap article header {
  border-bottom: 0;
  padding-bottom: 0;
}
body.steelhoard-child .textPanel .wrap article header h3 {
  font-weight: 400;
  font-size: 2.5rem;
  margin-bottom: 50px;
}
body.steelhoard-child .key-features .wrap .features .row .content p {
  font-size: 1rem;
}
body.steelhoard-child .large-text-banner .wrap .content p {
  font-size: 1rem;
}
body.steelhoard-child .large-text-banner .wrap .content .whiteBtn {
  font-size: 1rem;
  font-weight: 400;
}
body.steelhoard .product-slider .swiper-menu {
  width: 90px;
  margin: 0;
}
body.steelhoard .product-slider .swiper-menu button {
  background-color: rgb(227, 4, 20);
  border-color: rgb(227, 4, 20);
  width: 37px;
  height: 37px;
}
body.steelhoard .product-slider .swiper-menu button:before {
  width: 10px;
  height: 18px;
  margin: -9px 0 0 -5px;
}
body.steelhoard .product-slider .swiper-menu button.previous:before {
  background-image: url("/assets/images/slider/previous_white.svg");
}
body.steelhoard .product-slider .swiper-menu button.next:before {
  background-image: url("/assets/images/slider/next_white.svg");
}
body.steelhoard .product-slider .wrap .heading-container {
  padding: 0 10px;
}
body.steelhoard .product-slider .wrap .heading-container header h3 {
  font-size: 1.875rem;
  font-weight: 400;
}
body.steelhoard .product-slider .wrap .heading-container header > a {
  display: none;
  text-decoration: none;
  border: 1px solid rgb(227, 4, 20);
  color: rgb(227, 4, 20);
  border-radius: 4px;
  font-weight: 500;
  padding: 15px 20px;
  text-align: center;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
body.steelhoard .product-slider .wrap .heading-container header > a {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  body.steelhoard .product-slider .wrap .heading-container header > a {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  body.steelhoard .product-slider .wrap .heading-container header > a {
    font-size: 16px;
  }
}
body.steelhoard .product-slider .wrap .heading-container header > a:hover {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
}
body.steelhoard .book-survey {
  display: inline-block;
}
body.steelhoard .featuredBanner .wrap .content {
  background-color: transparent;
  color: rgb(255, 255, 255);
}
body.steelhoard .featuredBanner .wrap .content h3 {
  font-size: 2.5rem;
  font-weight: 400;
}
body.steelhoard .featuredBanner .wrap .content .btn {
  background-color: transparent;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  border-radius: 5px;
  height: 45px;
  line-height: 45px;
  padding: 0 16px;
  font-weight: 500;
}
body.steelhoard .pageHero .wrap .contain {
  bottom: auto;
  top: 100px;
}
body.steelhoard .pageHero .wrap .contain .hero-buttons {
  margin-top: 50px;
}
body.steelhoard .pageHero .wrap .contain .hero-buttons .whiteBtn {
  background-color: transparent;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  padding: 12px 16px;
}
body.steelhoard .pageHero .wrap .contain .hero-buttons .whiteBtn:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(227, 4, 20);
  border-color: rgb(255, 255, 255);
}
body.steelhoard .pageHero .wrap .contain .hero-buttons .whiteBtn + a {
  margin-top: 10px;
}
body.steelhoard .pageHero .wrap .contain h1, body.steelhoard .pageHero .wrap .contain h2 {
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1.1;
  max-width: 650px;
  padding-right: 70px;
}
body.steelhoard .pageHero .wrap picture img {
  height: 100vh;
}
body.steelhoard .pageHero .wrap picture:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.74) 1%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.steelhoard .textPanel {
  margin: 0;
  padding: 100px 10px;
}
body.steelhoard .textPanel .wrap article {
  text-align: center;
}
body.steelhoard .textPanel .wrap article p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  margin: 0 auto;
  padding-right: 0;
}
body.steelhoard .textPanel .wrap article header {
  border-bottom: 0;
  padding: 0;
}
body.steelhoard .textPanel .wrap article header h1,
body.steelhoard .textPanel .wrap article header h2,
body.steelhoard .textPanel .wrap article header h3 {
  font-size: 1.875rem;
  font-weight: 400;
}
body.steelhoard .textPanel .wrap article header h1, body.steelhoard .textPanel .wrap article header h2 {
  font-weight: 400 !important;
}
body.steelhoard .imageText .wrap article {
  margin: 60px 20px 140px 10px;
  max-width: 550px;
}
body.steelhoard .imageText .wrap article h3 {
  width: -moz-calc(100% + 10px);
  width: -o-calc(100% + 10px);
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
}
body.steelhoard .imageText .wrap article header h4 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.75rem;
  color: rgb(75, 75, 74);
  opacity: 0.5;
  letter-spacing: 1.8px;
  padding-bottom: 20px;
}
body.steelhoard .imageText .wrap article p {
  font-weight: 400;
  font-size: 1rem;
  padding-right: 22px;
}
body.steelhoard .imageText .wrap article .link {
  padding: 0;
  font-size: 1rem;
  text-decoration: underline;
  line-height: 1.2;
  height: unset;
  border: 0;
  text-align: left;
  margin-top: 55px;
  border-radius: 0;
}
body.steelhoard .imageText .wrap article .link:hover {
  background-color: unset;
  color: rgb(227, 4, 20);
}
body.steelhoard .case-studies-slider.new-style {
  padding-left: 0;
  padding-right: 0;
}
body.steelhoard .case-studies-slider.new-style .heading-container {
  padding-left: 10px;
  padding-right: 10px;
}
body.steelhoard .case-studies-slider.new-style .swiper-container .swiper-menu {
  display: none;
}
body.steelhoard .case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content h2 {
  max-width: 290px;
}
body.steelhoard .case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content h3 {
  font-weight: 500;
  margin-bottom: 20px;
}
body.steelhoard .case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content p {
  max-width: 290px;
}
body.steelhoard .case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content .whiteBtn {
  font-size: 1rem;
}
body.steelhoard .client-testimonial .wrap .content .testimonial-text h2 {
  letter-spacing: 2.1px;
}
body.steelhoard .client-testimonial .wrap .content .client-info .company-name {
  letter-spacing: 2.1px;
}
body.steelhoard .feature-grid {
  padding: 40px 0 100px 0;
}
body.steelhoard .feature-grid .wrap .header {
  margin-bottom: 80px;
}
body.steelhoard .feature-grid .wrap .header .redBtn {
  display: none !important;
}
body.steelhoard .feature-grid .wrap .header .title-section p {
  font-size: 1rem;
}
body.steelhoard .feature-grid .wrap .swiper-container .swiper-menu {
  display: none;
}
body.steelhoard .feature-grid .wrap .swiper-container .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
}
body.steelhoard .feature-grid .wrap .swiper-container .swiper-wrapper .swiper-slide .icon {
  width: 100%;
}
body.steelhoard .feature-grid .wrap .swiper-container .swiper-wrapper .swiper-slide .icon img {
  display: block;
  width: 70px;
  height: auto;
}
body.steelhoard .feature-grid .wrap .swiper-container .swiper-wrapper .swiper-slide .text {
  width: 100%;
}
body.steelhoard .feature-grid .wrap .swiper-container .swiper-wrapper .swiper-slide .text h3 {
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 32px;
}
body.steelhoard .feature-grid .wrap .swiper-container .swiper-wrapper .swiper-slide .text p {
  font-size: 1rem;
}
body.steelhoard .comparison-blocks .wrap header p {
  font-size: 1rem;
}
body.steelhoard .comparison-blocks .wrap header h3 {
  margin-bottom: 4px;
}
body.steelhoard .comparison-blocks .wrap .comparison-grid {
  margin: 0 10px;
}
body.steelhoard .comparison-blocks .wrap .comparison-grid .item .content ul li {
  font-size: 1rem;
}
body.steelhoard .comparison-blocks .wrap .comparison-grid .item .content ul li:last-of-type {
  border-bottom: 0;
}
body.steelhoard .product-slider {
  margin-left: 0;
  margin-right: 0;
}
body.steelhoard .product-slider .wrap .swiper-menu {
  display: none;
}
body.steelhoard .product-slider .wrap .heading-container {
  margin-bottom: 45px;
}
body.steelhoard .product-slider .wrap .cols .col {
  border-width: 2px;
  border-radius: 5px;
  padding-bottom: 19px;
}
body.steelhoard .product-slider .wrap .cols .col header {
  margin: 0 19px;
  min-height: 78px;
}
body.steelhoard .product-slider .wrap .cols .col header h4 {
  font-size: 1rem;
  font-weight: 500;
}
body.steelhoard .product-slider .wrap .cols .col .sub-col figure {
  padding: 10px;
}
body.steelhoard .product-slider .wrap .cols .col nav {
  margin: 25px 19px 0;
}
body.steelhoard .product-slider .wrap .cols .col nav.buttons {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.steelhoard .product-slider .wrap .cols .col nav.buttons a, body.steelhoard .product-slider .wrap .cols .col nav.buttons button {
  width: 100%;
  font-size: 1rem;
  border-width: 2px;
  font-weight: 400;
  line-height: 36px;
}
body.steelhoard .product-slider .wrap .cols .col nav.buttons a {
  order: 2;
  border-color: rgb(238, 238, 238);
}
body.steelhoard .product-slider .wrap .cols .col nav.buttons button {
  order: 1;
  margin-left: 0;
  margin-bottom: 10px;
}
body.steelhoard .large-text-banner .wrap .content p {
  font-size: 1rem;
}
body.steelhoard .large-text-banner .wrap .content a {
  font-weight: 400;
}
body.steelhoard .feature-grid .wrap .slider .swiper-container .swiper-wrapper .swiper-slide, body.steelhoard-child .feature-grid .wrap .slider .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
body.steelhoard .feature-grid .wrap .features .feature-item, body.steelhoard-child .feature-grid .wrap .features .feature-item {
  position: relative;
}
body.steelhoard .feature-grid .wrap .features .feature-item .icon, body.steelhoard-child .feature-grid .wrap .features .feature-item .icon {
  min-height: 70px;
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner, body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner {
  position: absolute;
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(1), body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(1) {
  top: 0;
  left: 0;
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(2), body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(2) {
  top: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(3), body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(3) {
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(4), body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner:nth-of-type(4) {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner .wrapper, body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner .wrapper {
  width: 15px;
  height: 15px;
  position: relative;
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner .wrapper span, body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner .wrapper span {
  display: block;
  width: 15px;
  height: 2px;
  background-color: rgb(75, 75, 74);
  position: absolute;
  top: 0;
  left: 0;
}
body.steelhoard .feature-grid .wrap .features .feature-item .corners .corner .wrapper span + span, body.steelhoard-child .feature-grid .wrap .features .feature-item .corners .corner .wrapper span + span {
  width: 2px;
  height: 15px;
}
body.steelhoard .feature-grid .wrap .features.grids, body.steelhoard-child .feature-grid .wrap .features.grids {
  padding: 0 16px 90px 16px;
}
body.steelhoard .feature-grid .wrap .features.grids.mobile, body.steelhoard-child .feature-grid .wrap .features.grids.mobile {
  display: none;
}
body.steelhoard .feature-grid .wrap .features.grids.desktop, body.steelhoard-child .feature-grid .wrap .features.grids.desktop {
  display: block;
}
body.steelhoard .feature-grid .wrap .features.grids .feature-item, body.steelhoard-child .feature-grid .wrap .features.grids .feature-item {
  position: relative;
  margin: 0 -1px -2px -1px;
  padding: 40px;
  min-height: unset;
  display: block;
  height: unset;
}
body.steelhoard .feature-grid .wrap .features.grids .feature-item .content-container, body.steelhoard-child .feature-grid .wrap .features.grids .feature-item .content-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  height: 100%;
}
body.steelhoard .feature-grid .wrap .features.grids .feature-item h3, body.steelhoard-child .feature-grid .wrap .features.grids .feature-item h3 {
  font-size: 1.3125rem;
  padding-bottom: 15px;
}
body.steelhoard .feature-grid .wrap .features.grids .feature-item p, body.steelhoard-child .feature-grid .wrap .features.grids .feature-item p {
  max-width: unset;
}
body.steelhoard .feature-grid .wrap .features.grids .feature-item .icon, body.steelhoard-child .feature-grid .wrap .features.grids .feature-item .icon {
  padding-bottom: 28px;
}
body.sticky-header {
  padding-top: 175px;
}
body.landing-page .sitewrap::before {
  display: none;
}
body.landing-page .sitewrap section:first-of-type {
  margin-top: 0;
}
body.landing-page .product-slider .wrap .cols .col {
  overflow: hidden;
  border-radius: 10px;
  padding: 0;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
body.landing-page .product-slider .wrap .cols .col:hover {
  border-color: rgb(75, 75, 74);
}
body.landing-page .product-slider .wrap .cols .col:hover header {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
}
body.landing-page .product-slider .wrap .cols .col header {
  background-color: rgb(238, 238, 238);
  height: 100%;
  margin: 0;
  padding: 15px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
body.landing-page .product-slider .wrap .cols .col .sub-col figure {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
body.landing-page .product-slider .wrap .cols .col .sub-col figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
body.region-chooser .regionPopup {
  display: block;
  background-color: rgb(255, 255, 255);
}
body.region-chooser .regionPopup .wrap:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("/assets/images/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto 40px;
}
body.noscroll {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
body.temp-class header[role=banner] .wrap .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
body.temp-class header[role=banner] .wrap .cols .col .sidenav {
  display: block;
}
body.temp-class header[role=banner] .wrap .cols .col .sidenav span {
  display: block;
  background-color: rgb(75, 75, 74);
  height: 2px;
  width: 19px;
}
body.temp-class header[role=banner] .wrap .cols .col .sidenav span + span {
  margin-top: 4px;
}
body.temp-class header[role=banner] .wrap .cols .search {
  position: relative;
  width: 100%;
  margin-top: 14px;
  font-family: "Montserrat", sans-serif;
}
body.temp-class header[role=banner] .wrap .cols .search .input {
  width: 100%;
}
body.temp-class header[role=banner] .wrap .cols .search .input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1rem;
  color: rgb(156, 160, 163);
  border: 1px solid rgb(217, 216, 214);
  border-radius: 4px;
  padding: 0 7px;
  height: 35px;
  line-height: 35px;
  background-color: transparent;
  display: block;
  font-weight: 600;
}
body.temp-class header[role=banner] .wrap .cols .search .input input::placeholder {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
body.temp-class header[role=banner] .wrap .cols .search button[type=submit] {
  font-size: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 13px;
}
body.has-sticky-banner header[role=banner] .wrap .sticky-header-nav:before {
  display: none !important;
}

.draggable-mirror {
  display: none !important;
}

#video {
  height: 274px;
  overflow: hidden;
}

.video {
  overflow: hidden;
}

.video-js {
  width: 100vw;
  height: 274px;
}

.video-js .vjs-tech {
  object-fit: cover !important;
}

.vjs-poster {
  background-size: cover !important;
}

.video-js .vjs-big-play-button {
  border: 0 !important;
  background-image: url("/assets/images/icons/play.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important;
  width: 44px !important;
  height: 44px !important;
  top: 50% !important;
  left: 50% !important;
  margin: -22px 0 0 -22px !important;
}

.video-js .vjs-big-play-button span {
  display: none;
}

.swiper-menu button {
  display: inline-block;
  height: 33px;
  width: 21px;
  background-color: transparent;
  border: 2px solid rgb(75, 75, 74);
  text-indent: -9999px;
  border-radius: 4px;
  position: relative;
}
.swiper-menu button.swiper-button-disabled, .swiper-menu button[aria-disabled=true] {
  opacity: 0.2;
}
.swiper-menu button:before {
  content: "";
  background-image: url("/assets/images/slider/previous.svg");
  width: 6px;
  height: 11px;
  background-size: contain;
  display: block;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  margin: -5px 0 0 -3px;
}
.swiper-menu button.next {
  left: auto;
  right: 0;
  border-color: rgb(75, 75, 74);
  margin-left: 5px;
}
.swiper-menu button.next:before {
  background-image: url("/assets/images/slider/next.svg");
}

a {
  text-decoration: none;
}

.redBtn {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  text-align: center;
  display: inline-block;
  font-weight: 500;
  border-radius: 4px;
  padding: 15px 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: opacity;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: opacity;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: opacity;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: opacity;
}
.redBtn {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .redBtn {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .redBtn {
    font-size: 16px;
  }
}
.redBtn[disabled] {
  opacity: 0.5;
}

.whiteBtn {
  background-color: rgb(255, 255, 255);
  color: rgb(227, 4, 20);
  text-align: center;
  display: inline-block;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid rgb(255, 255, 255);
  padding: 15px 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: opacity;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: opacity;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: opacity;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: opacity;
}
.whiteBtn {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .whiteBtn {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .whiteBtn {
    font-size: 16px;
  }
}
.whiteBtn[disabled] {
  opacity: 0.5;
}
.whiteBtn.outline {
  background-color: transparent;
  color: rgb(255, 255, 255);
}

.outlineBtn {
  border: 2px solid rgb(75, 75, 74);
  color: rgb(75, 75, 74);
  border-radius: 4px;
  font-weight: 500;
  padding: 15px 20px;
  text-align: center;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  display: block;
}
.outlineBtn {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .outlineBtn {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .outlineBtn {
    font-size: 16px;
  }
}

.greyBtn {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
  text-align: center;
  display: block;
  font-weight: 500;
  border-radius: 10px;
  padding: 15px 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
}
.greyBtn {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .greyBtn {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .greyBtn {
    font-size: 16px;
  }
}

.lightGreyBtn {
  background-color: rgb(238, 238, 238);
  color: rgb(75, 75, 74);
  text-align: center;
  display: block;
  font-weight: 500;
  border-radius: 10px;
  padding: 15px 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
}
.lightGreyBtn {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .lightGreyBtn {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .lightGreyBtn {
    font-size: 16px;
  }
}

.greenBtn {
  background-color: rgb(64, 133, 88);
  color: rgb(255, 255, 255);
  text-align: center;
  display: inline-block;
  font-weight: 500;
  border-radius: 4px;
  padding: 15px 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: opacity;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: opacity;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: opacity;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: opacity;
}
.greenBtn {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .greenBtn {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .greenBtn {
    font-size: 16px;
  }
}
.greenBtn[disabled] {
  opacity: 0.5;
}

h1, h2 {
  font-weight: 700;
  line-height: 1.2;
}
h1, h2 {
  font-size: 35px;
}
@media screen and (min-width: 320px) {
  h1, h2 {
    font-size: calc(35px + 30 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  h1, h2 {
    font-size: 65px;
  }
}

h3 {
  font-weight: 700;
  line-height: 1.2;
}
h3 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  h3 {
    font-size: calc(22px + 10 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  h3 {
    font-size: 32px;
  }
}

p {
  line-height: 1.5;
  font-weight: 600;
}
p {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  p {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  p {
    font-size: 16px;
  }
}

form.success .message {
  display: block;
}
form.success .intro {
  display: none;
}
form.success legend, form.success .input, form.success button {
  display: none !important;
}
form legend, form h1 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 40px;
}
form legend, form h1 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  form legend, form h1 {
    font-size: calc(22px + 10 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  form legend, form h1 {
    font-size: 32px;
  }
}
form .intro {
  display: block;
}
form .message {
  font-weight: 600;
  line-height: 1.4;
  display: none;
}
form .message h3 {
  border-bottom: 2px solid rgb(238, 238, 238);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
form .message p {
  max-width: 900px;
}
form .message a {
  margin-top: 30px;
  width: 260px;
}
form .input {
  position: relative;
}
form .input + .input {
  margin-top: 20px;
}
form .input.tickbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
form .input.tickbox input {
  width: 40px;
  height: 40px;
}
form .input.tickbox input:checked ~ span {
  display: block;
}
form .input.tickbox span {
  background-image: url("/assets/images/icons/tick-grey.svg");
  width: 26px;
  height: 20px;
  position: absolute;
  top: 11px;
  left: 8px;
  pointer-events: none;
  display: none;
}
form .input.tickbox label {
  width: -moz-calc(100% - 60px);
  width: -o-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  margin-left: 20px;
  margin-bottom: 0;
  line-height: 1.3;
}
form .input.select:after {
  content: "";
  width: 100%;
  background-image: url("/assets/images/icons/select.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 12px;
  display: block;
  position: absolute;
  top: 45px;
  pointer-events: none;
  right: 20px;
}
form label {
  margin-bottom: 12px;
  font-weight: 600;
  display: block;
}
form label {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  form label {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  form label {
    font-size: 16px;
  }
}
form input, form textarea, form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Montserrat", sans-serif;
  border: 0;
  padding: 0 10px;
  border: 2px solid rgb(238, 238, 238);
  height: 50px;
  border-radius: 10px;
  resize: none;
  font-weight: 600;
}
form input, form textarea, form select {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  form input, form textarea, form select {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  form input, form textarea, form select {
    font-size: 16px;
  }
}
form input::placeholder, form textarea::placeholder, form select::placeholder {
  font-weight: 400;
  color: rgb(111, 111, 110);
}
form [aria-invalid],
form [data-invalid=true] {
  border-color: rgb(227, 4, 20);
}
form ul li {
  font-size: 0.75rem;
  color: rgb(227, 4, 20);
  position: absolute;
  top: -9px;
  right: 10px;
  width: 49%;
  text-align: right;
}
form textarea {
  height: 150px;
  padding-top: 10px;
  background-color: rgb(238, 238, 238);
}
form textarea::placeholder {
  color: rgb(75, 75, 74);
}
form button {
  width: 100%;
  margin-top: 40px;
}
form button + button {
  margin-top: 10px;
}
form .h-captcha + ul li {
  position: static !important;
  margin-top: 10px;
}

#send-quote ul li {
  top: 2px;
}

.gm-style .gm-style-iw-c {
  padding: 20px 14px !important;
  border: 2px solid rgb(238, 238, 238) !important;
  box-shadow: 0 0 0 0 !important;
}

.gm-ui-hover-effect {
  opacity: 1 !important;
  top: 5px !important;
  right: 0 !important;
}

.gm-ui-hover-effect span {
  width: 25px !important;
  height: 25px !important;
  margin: 0 !important;
}

.mapInfoPanel {
  background-color: rgb(255, 255, 255);
  display: inline-block;
  height: auto;
  position: relative;
  width: 290px;
  max-width: 380px;
  border-radius: 10px;
  font-family: "Montserrat", sans-serif;
}
.mapInfoPanel h2 {
  font-size: 1.375rem;
  padding-bottom: 20px;
  color: rgb(227, 4, 20);
}
.mapInfoPanel p {
  color: rgb(156, 160, 163);
  font-size: 0.875rem;
  line-height: 1.4;
  padding: 0;
}
.mapInfoPanel a {
  display: inline-block;
  font-weight: 700;
  border-bottom: 2px solid rgb(75, 75, 74);
  color: rgb(75, 75, 74);
  font-size: 0.875rem;
  margin-top: 20px;
}
.mapInfoPanel .close {
  background-image: url("/assets/images/icons/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  display: none;
}

.sitewrap {
  position: relative;
}
.sitewrap:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 93px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 238, 0.6) 100%);
  z-index: -1;
  pointer-events: none;
}

header.sticky-header-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: unset;
  border-bottom: 0;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  z-index: 100000000;
  background-color: rgb(255, 255, 255);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-property: all;
  padding: 10px 0;
}
header.sticky-header-nav:before {
  content: "";
  display: block;
  width: 100%;
  height: 93px;
  position: absolute;
  bottom: -93px;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  opacity: 0.5;
  pointer-events: none;
}
header.sticky-header-nav.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
header.sticky-header-nav .wrap .header-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header.sticky-header-nav .wrap .header-wrap .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: 10px;
}
header.sticky-header-nav .wrap .header-wrap .buttons .basket {
  position: relative;
  margin-right: 12px;
  display: block;
}
header.sticky-header-nav .wrap .header-wrap .buttons .basket figure {
  pointer-events: none;
}
header.sticky-header-nav .wrap .header-wrap .buttons .basket figure img {
  display: block;
  height: auto;
  width: 22px;
}
header.sticky-header-nav .wrap .header-wrap .buttons .basket .count {
  position: absolute;
  bottom: -4px;
  left: 6px;
  background-color: rgb(227, 4, 20);
  border-radius: 50%;
  display: block;
  width: 13px;
  height: 13px;
  pointer-events: none;
}
header.sticky-header-nav .wrap .header-wrap .buttons .basket .count span {
  color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  white-space: nowrap;
  font-size: 0.625rem;
  font-weight: 600;
  z-index: 1;
}
header.sticky-header-nav .wrap .header-wrap .buttons .sidenav {
  display: block;
  width: 100%;
  max-width: fit-content;
}
header.sticky-header-nav .wrap .header-wrap .buttons .sidenav span {
  display: block;
  background-color: rgb(75, 75, 74);
  height: 2px;
  width: 19px;
}
header.sticky-header-nav .wrap .header-wrap .buttons .sidenav span + span {
  margin-top: 4px;
}
header.sticky-header-nav .wrap .header-wrap figure {
  margin-left: 10px;
}

header[role=banner] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 10000;
  background-color: rgb(255, 255, 255);
  border-bottom: 2px solid rgb(238, 238, 238);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
header[role=banner].landing {
  border: 0;
  height: unset;
  padding: 16px 10px 10px 10px;
}
header[role=banner].landing .wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
header[role=banner].landing .wrap .logo {
  width: 152px;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  margin: 0;
}
header[role=banner].landing .wrap .middle {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
}
header[role=banner].landing .wrap .location-selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header[role=banner].landing .wrap .location-selector > p {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgb(75, 75, 74);
  margin-right: 8px;
  text-transform: uppercase;
}
header[role=banner].landing .wrap .location-selector .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header[role=banner].landing .wrap .location-selector .cols span {
  display: none;
}
header[role=banner].landing .wrap .location-selector .cols .col {
  margin-right: 4px;
}
header[role=banner].landing .wrap .location-selector .cols .col:last-of-type {
  margin-right: 0;
}
header[role=banner].landing .wrap .location-selector .cols .col figure img {
  display: block;
  width: 20px;
  height: auto;
}
header[role=banner].alt-header {
  height: unset;
  border-bottom: 0;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
header[role=banner].alt-header .wrap .middle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px;
}
header[role=banner].alt-header .wrap .middle .container {
  width: 100%;
}
header[role=banner].alt-header .wrap .middle .searchBar {
  width: 100%;
}
header[role=banner].alt-header .wrap .middle .searchBar form {
  position: relative;
  margin-top: 14px;
}
header[role=banner].alt-header .wrap .middle .searchBar form .input input {
  font-size: 0.75rem;
  font-family: "Montserrat", sans-serif;
  color: rgb(156, 160, 163);
  height: 30px;
  border: 1px solid rgb(217, 216, 214);
  padding: 0 6px;
  border-radius: 4px;
  font-weight: 400;
}
header[role=banner].alt-header .wrap .middle .searchBar form .input input::placeholder {
  font-weight: 400;
  font-size: 0.75rem;
}
header[role=banner].alt-header .wrap .middle .searchBar form button[type=submit] {
  font-size: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  margin-top: 0;
  max-width: fit-content;
}
header[role=banner].alt-header .wrap .middle .searchBar form button[type=submit] figure img {
  width: 13px;
  height: auto;
  display: block;
}
header[role=banner].alt-header .wrap .middle .logo {
  width: 100%;
  max-width: fit-content;
  margin: 0;
}
header[role=banner].alt-header .wrap .middle .logo img.mobile {
  height: 41px;
  width: auto;
}
header[role=banner].alt-header .wrap .middle .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header[role=banner].alt-header .wrap .middle .basket {
  position: relative;
  margin-right: 12px;
}
header[role=banner].alt-header .wrap .middle .basket figure {
  pointer-events: none;
}
header[role=banner].alt-header .wrap .middle .basket figure img {
  display: block;
  height: auto;
  width: 22px;
}
header[role=banner].alt-header .wrap .middle .basket .count {
  position: absolute;
  bottom: -4px;
  left: -3px;
  background-color: rgb(227, 4, 20);
  border-radius: 50%;
  display: block;
  width: 13px;
  height: 13px;
  pointer-events: none;
}
header[role=banner].alt-header .wrap .middle .basket .count span {
  color: rgb(255, 255, 255);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  white-space: nowrap;
  font-size: 0.625rem;
  font-weight: 600;
  z-index: 1;
}
header[role=banner].alt-header .wrap .middle .sidenav {
  display: block;
  width: 100%;
  max-width: fit-content;
}
header[role=banner].alt-header .wrap .middle .sidenav span {
  display: block;
  background-color: rgb(75, 75, 74);
  height: 2px;
  width: 19px;
}
header[role=banner].alt-header .wrap .middle .sidenav span + span {
  margin-top: 4px;
}
header[role=banner].alt-header .wrap .middle li {
  list-style: none;
}
header[role=banner].alt-header .wrap .middle .basketLink {
  padding-top: 0;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: 80px;
}
header[role=banner].alt-header .wrap .middle .basketLink:before {
  display: none;
}
header[role=banner].alt-header .wrap .middle .basketLink .added {
  background-color: rgb(105, 165, 109);
  position: absolute;
  bottom: -90px;
  left: -163px;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 20px 10px 38px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 233px;
  z-index: 100;
  font-size: 0.75rem;
  max-height: fit-content;
}
header[role=banner].alt-header .wrap .middle .basketLink .added.failed {
  padding: 14px 20px;
  bottom: -85px;
}
header[role=banner].alt-header .wrap .middle .basketLink .added.failed:before {
  display: none;
}
header[role=banner].alt-header .wrap .middle .basketLink .added:after {
  content: "";
  background-image: url("/assets/images/icons/green-triangle.svg");
  width: 28px;
  height: 12px;
  display: block;
  position: absolute;
  top: -12px;
  right: 29px;
}
header[role=banner].alt-header .wrap .middle .basketLink .added:before {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}
header[role=banner].alt-header .wrap .middle .basketLink .added p {
  font-weight: 600;
  padding: 0 30px;
}
header[role=banner].alt-header .wrap .middle .basketLink .added a {
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 600;
}
header[role=banner] .wrap .banner {
  background-color: rgb(35, 66, 143);
  padding: 5px 10px;
  display: block;
  height: 30px;
  max-height: fit-content;
}
header[role=banner] .wrap .banner .banner-wrap {
  max-width: 1300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  position: relative;
}
header[role=banner] .wrap .banner .banner-wrap > a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: -moz-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
}
header[role=banner] .wrap .banner .banner-wrap .close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-size: 0;
}
header[role=banner] .wrap .banner .banner-wrap .close figure {
  pointer-events: none;
}
header[role=banner] .wrap .banner .banner-wrap .close figure img {
  display: block;
  width: 18px;
  height: auto;
}
header[role=banner] .wrap .banner .banner-wrap .col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
header[role=banner] .wrap .banner .banner-wrap .col#windspeed_col {
  margin-right: 40px;
}
header[role=banner] .wrap .banner .banner-wrap .col h5 {
  background-color: rgb(255, 255, 255);
  color: rgb(35, 66, 143);
  text-transform: uppercase;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  width: 100%;
  max-width: fit-content;
  margin-right: 18px;
}
header[role=banner] .wrap .banner .banner-wrap .col figure.arrow {
  margin-left: 5px;
  display: none;
}
header[role=banner] .wrap .banner .banner-wrap .col figure.arrow img {
  display: block;
  width: auto;
  height: 11px;
}
header[role=banner] .wrap .banner .banner-wrap .col figure img {
  width: 100%;
  height: 17px;
  display: block;
}
header[role=banner] .wrap .banner .banner-wrap .col p {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  padding-right: 20px;
}
header[role=banner] .wrap .logo {
  width: 130px;
  margin-top: 10px;
  margin-left: 10px;
}
header[role=banner] .wrap .options {
  position: absolute;
  top: 20px;
  right: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header[role=banner] .wrap .options button, header[role=banner] .wrap .options a {
  display: inline-block;
  opacity: 0.3;
  font-size: 0;
}
header[role=banner] .wrap .options button.active, header[role=banner] .wrap .options a.active {
  opacity: 1;
}
header[role=banner] .wrap .options button.navBtn, header[role=banner] .wrap .options a.navBtn {
  background-image: url("/assets/images/header_icons/navBtn.svg");
  width: 29px;
  height: 29px;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}
header[role=banner] .wrap .options button.navBtn.active, header[role=banner] .wrap .options a.navBtn.active {
  background-image: url("/assets/images/header_icons/navBtn_open.svg");
}
header[role=banner] .wrap .options button + button, header[role=banner] .wrap .options a + button {
  margin-left: 40px;
}
header[role=banner] .wrap .options button + a, header[role=banner] .wrap .options a + a {
  margin-left: 40px;
}
header[role=banner] .wrap .options button img, header[role=banner] .wrap .options a img {
  display: block;
  width: 34px;
  height: 30px;
}
header[role=banner] .wrap .options a {
  opacity: 0.6;
}

.basket-quantity {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 20px;
  padding-inline: 6px;
  border-radius: 20px;
  color: rgb(227, 4, 20);
  background-color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 500;
  width: 100%;
  max-width: fit-content;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}

.last-products-basket {
  margin-inline: 16px;
  margin-top: 50px;
  margin-bottom: 140px;
}
.last-products-basket .wrap header h1,
.last-products-basket .wrap header h2 {
  font-size: 1.875rem;
  font-weight: 400;
  margin-bottom: 15px;
}
.last-products-basket .wrap header .location {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: rgba(30, 11, 194, 0.1);
  border-radius: 10px;
  column-gap: 18px;
  padding: 16px 17px;
}
.last-products-basket .wrap header .location figure img {
  display: block;
  width: auto;
  height: 28px;
}
.last-products-basket .wrap header .location p {
  font-size: 0.875rem;
  line-height: 1.43;
  font-weight: 600;
}
.last-products-basket .wrap header .location p a {
  color: rgb(30, 11, 194);
}
.last-products-basket .wrap .table {
  margin-top: 10px;
}
.last-products-basket .wrap .table table {
  width: 100%;
}
.last-products-basket .wrap .table table tbody tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid rgb(238, 238, 238);
  padding-bottom: 30px;
  padding-top: 20px;
}
.last-products-basket .wrap .table table tbody tr:last-of-type {
  border-bottom: 0;
}
.last-products-basket .wrap .table table tbody tr td {
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
}
.last-products-basket .wrap .table table tbody tr td:not(.desktop) {
  display: block;
}
.last-products-basket .wrap .table table tbody tr td:nth-of-type(3), .last-products-basket .wrap .table table tbody tr td:last-of-type {
  padding-left: 94px;
}
.last-products-basket .wrap .table table tbody tr td:nth-of-type(2) {
  text-align: center;
  width: 25%;
}
.last-products-basket .wrap .table table tbody tr td:first-of-type {
  width: 75%;
}
.last-products-basket .wrap .table table tbody tr td .counter {
  width: 100%;
  max-width: 157px;
  height: 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 4px;
  border: 1px solid rgb(188, 188, 188);
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  padding: 3px;
}
.last-products-basket .wrap .table table tbody tr td .counter input {
  text-align: center;
  font-weight: 300;
  border: 0;
}
.last-products-basket .wrap .table table tbody tr td .counter button {
  background-color: rgb(238, 238, 238);
  border-radius: 3px;
  min-width: 35px;
  max-width: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.last-products-basket .wrap .table table tbody tr td .counter button img {
  display: block;
  width: 20px;
  height: auto;
}
.last-products-basket .wrap .table table tbody tr td .delete {
  font-size: 0.75rem;
  position: relative;
  font-weight: 300;
  padding-top: 8px;
}
.last-products-basket .wrap .table table tbody tr td .delete:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgb(75, 75, 74);
}
.last-products-basket .wrap .table table tbody tr td .delete figure img {
  display: block;
  width: auto;
  height: 24px;
}
.last-products-basket .wrap .table table tbody tr td .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 16px;
}
.last-products-basket .wrap .table table tbody tr td .cols .col figure {
  border: 1px solid rgb(238, 238, 238);
  border-radius: 5px;
  width: 100%;
  max-width: 78px;
  min-width: 78px;
}
.last-products-basket .wrap .table table tbody tr td .cols .col figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.last-products-basket .wrap .table table tbody tr td .cols .col h2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375;
}
.last-products-basket .wrap .table table tbody tr td .cols .col p {
  font-size: 0.75rem;
  font-weight: 300;
}
.last-products-basket .wrap .table table tbody tr td .cols .col h3 {
  font-size: 0.75rem;
  font-weight: 500;
  color: rgb(30, 11, 194);
  margin-bottom: 5px;
}
.last-products-basket .wrap .complete .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.last-products-basket .wrap .complete .cols .col {
  order: 2;
  width: 100%;
  margin-top: 18px;
  padding-top: 20px;
}
.last-products-basket .wrap .complete .cols .col:last-of-type {
  border-top: 1px solid rgb(75, 75, 74);
}
.last-products-basket .wrap .complete .cols .col .line {
  border-top: 1px solid rgb(75, 75, 74);
  margin-bottom: 20px;
  margin-top: 22px;
}
.last-products-basket .wrap .complete .cols .col + .col {
  order: 1;
}
.last-products-basket .wrap .complete .cols .col .detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  column-gap: 9px;
  margin-bottom: 28px;
  padding-right: 35px;
}
.last-products-basket .wrap .complete .cols .col .detail:last-of-type {
  margin-bottom: 0;
}
.last-products-basket .wrap .complete .cols .col .detail:last-of-type figure img {
  width: 20px;
}
.last-products-basket .wrap .complete .cols .col .detail figure {
  width: 24px;
}
.last-products-basket .wrap .complete .cols .col .detail figure img {
  display: block;
  width: 22px;
  height: auto;
}
.last-products-basket .wrap .complete .cols .col .detail p {
  font-size: 0.75rem;
  font-weight: 300;
}
.last-products-basket .wrap .complete .cols .col .detail p a {
  font-weight: 500;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.last-products-basket .wrap .complete .cols .col .detail p a:hover {
  color: rgb(227, 4, 20);
}
.last-products-basket .wrap .complete .cols .col .pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  margin-bottom: 18px;
}
.last-products-basket .wrap .complete .cols .col .pricing:last-of-type {
  margin-bottom: 0;
}
.last-products-basket .wrap .complete .cols .col .pricing h5 {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.last-products-basket .wrap .complete .cols .col .pricing h2 {
  font-size: 1rem;
  font-weight: 600;
}
.last-products-basket .wrap .complete .cols .col .redBtn {
  width: 100%;
  margin-top: 45px;
}
.last-products-basket .wrap .final .two-cols header {
  margin-bottom: 25px;
}
.last-products-basket .wrap .final .two-cols header h2 {
  font-size: 1.875rem;
  margin-bottom: 0;
}
.last-products-basket .wrap .final .two-cols header h2 em {
  color: rgb(30, 11, 194);
}
.last-products-basket .wrap .two-cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 24px;
}
.last-products-basket .wrap .two-cols .finish {
  order: 2;
  margin-top: 49px;
  width: 100%;
}
.last-products-basket .wrap .two-cols .finish .details h5 {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1.8px;
  border-bottom: 1px solid rgb(75, 75, 74);
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.last-products-basket .wrap .two-cols .finish .details ul + h5 {
  margin-top: 50px;
}
.last-products-basket .wrap .two-cols .finish .details ul li {
  font-weight: 300;
  line-height: 1.375;
}
.last-products-basket .wrap .two-cols .finish .details .cols .col {
  border: 0 !important;
  padding-top: 0;
  margin-top: 0;
  order: 1;
}
.last-products-basket .wrap .two-cols .finish .details .cols .col + .col {
  margin-top: 46px;
  order: 2;
}
.last-products-basket .wrap .two-cols .finish .details .cols .col p {
  font-size: 1rem;
  font-weight: 300;
}
.last-products-basket .wrap .two-cols .finish .details .cols .col p + p {
  margin-top: 24px;
}
.last-products-basket .wrap .two-cols .finish .details .cols .col p.small {
  font-size: 0.875rem;
  margin-top: 16px;
  line-height: 1.2;
}
.last-products-basket .wrap .two-cols .finish .details .cols .col p strong {
  font-weight: 600;
  display: block;
}
.last-products-basket .wrap .two-cols .form {
  order: 2;
  margin-top: 46px;
  width: 100%;
}
.last-products-basket .wrap .two-cols .form form p.error {
  color: rgb(227, 4, 20);
  margin-top: 5px;
  font-size: 0.85rem;
}
.last-products-basket .wrap .two-cols .form form header h5 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 10px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  font-size: 0.75rem;
  border-bottom: 1px solid rgb(75, 75, 74);
  padding-bottom: 11px;
  margin-bottom: 28px;
}
.last-products-basket .wrap .two-cols .form form header h5 figure img {
  display: block;
  width: auto;
  height: 20px;
}
.last-products-basket .wrap .two-cols .form form header h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.last-products-basket .wrap .two-cols .form form fieldset {
  margin-top: 26px;
  max-width: 437px;
}
.last-products-basket .wrap .two-cols .form form fieldset .input.checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 16px;
}
.last-products-basket .wrap .two-cols .form form fieldset .input.checkbox input {
  width: 41px;
  height: 41px;
  cursor: pointer;
  border-radius: 5px;
}
.last-products-basket .wrap .two-cols .form form fieldset .input.checkbox input:checked + span {
  display: block;
}
.last-products-basket .wrap .two-cols .form form fieldset .input.checkbox p {
  font-size: 0.75rem;
  font-weight: 300;
}
.last-products-basket .wrap .two-cols .form form fieldset .input label {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1.2px;
  font-weight: 700;
}
.last-products-basket .wrap .two-cols .form form fieldset .input input {
  border-width: 1px;
  border-color: rgb(188, 188, 188);
}
.last-products-basket .wrap .two-cols .form form fieldset .input .input-container {
  position: relative;
}
.last-products-basket .wrap .two-cols .form form fieldset .input span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: none;
  pointer-events: none;
}
.last-products-basket .wrap .two-cols .form form fieldset .input span figure img {
  display: block;
  width: auto;
  height: 20px;
}
.last-products-basket .wrap .two-cols .form form button[type=submit] {
  max-width: 552px;
}
.last-products-basket .wrap .two-cols .form form .lightGreyBtn {
  max-width: 173px !important;
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  border-radius: 5px;
  margin-top: 29px;
}
.last-products-basket .wrap .two-cols .form form .lightGreyBtn.disable {
  background-color: rgba(75, 75, 74, 0.5);
  pointer-events: none;
}
.last-products-basket .wrap .two-cols .summary {
  order: 1;
  width: 100%;
  background-color: rgb(247, 247, 247);
  border-radius: 10px;
  padding: 26px 12px;
}
.last-products-basket .wrap .two-cols .summary header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px solid rgb(75, 75, 74);
  padding-bottom: 10px;
}
.last-products-basket .wrap .two-cols .summary header h5 {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1.8px;
}
.last-products-basket .wrap .two-cols .summary header button {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: rgb(130, 130, 130);
}
.last-products-basket .wrap .two-cols .summary table {
  width: 100%;
}
.last-products-basket .wrap .two-cols .summary table tbody tr {
  border-bottom: 1px solid rgb(188, 188, 188);
}
.last-products-basket .wrap .two-cols .summary table tbody tr:last-of-type {
  border-bottom: 0;
}
.last-products-basket .wrap .two-cols .summary table tbody tr td {
  vertical-align: middle;
  font-weight: 600;
}
.last-products-basket .wrap .two-cols .summary table tbody tr td .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 11px;
  padding-top: 17px;
  padding-bottom: 15px;
}
.last-products-basket .wrap .two-cols .summary table tbody tr td .cols .col figure {
  max-width: 62px;
  min-width: 62px;
  border-radius: 5px;
  border: 1px solid rgb(238, 238, 238);
}
.last-products-basket .wrap .two-cols .summary table tbody tr td .cols .col figure img {
  display: block;
  aspect-ratio: 1/1;
}
.last-products-basket .wrap .two-cols .summary table tbody tr td .cols .col h2 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.last-products-basket .wrap .two-cols .summary table tbody tr td .cols .col p {
  font-size: 0.75rem;
  font-weight: 300;
}
.last-products-basket .wrap .two-cols .summary .complete {
  border-top: 1px solid rgb(75, 75, 74);
  padding-top: 20px;
}
.last-products-basket .wrap .two-cols .summary .complete .pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 12px;
}
.last-products-basket .wrap .two-cols .summary .complete .pricing:last-of-type {
  margin-bottom: 0;
  border-top: 1px solid rgb(75, 75, 74);
  padding-top: 22px;
}
.last-products-basket .wrap .two-cols .summary .complete .pricing h5 {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  font-size: 0.75rem;
}
.last-products-basket .wrap .two-cols .summary .complete .pricing h2 {
  font-weight: 600;
  font-size: 1rem;
}

.basketLink.desktop {
  display: none !important;
}

.text-cols {
  margin: 0 10px 30px 10px;
}
.text-cols .wrap .cols .col + .col {
  margin-top: 40px;
}
.text-cols .wrap .cols .col h1,
.text-cols .wrap .cols .col h2 {
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 20px;
}
.text-cols .wrap .cols .col p {
  font-weight: 600;
  font-size: 0.75rem;
  margin-bottom: 10px;
}
.text-cols .wrap .cols .col h5 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4;
}
.text-cols .wrap .cols .col .row {
  background-color: rgb(238, 238, 238);
  margin-bottom: 2px;
  padding: 12px 15px;
  cursor: pointer;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.text-cols .wrap .cols .col .row:hover {
  background-color: rgb(156, 160, 163);
}
.text-cols .wrap .cols .col .row > a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.text-cols .wrap .cols .col .row h5 {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
}
.text-cols .wrap .cols .col .row figure {
  margin-right: 10px;
}
.text-cols .wrap .cols .col .row figure img {
  display: block;
  width: 20px;
  height: auto;
}

.regionPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgb(255, 255, 255);
  overflow: auto;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  display: none;
}
.regionPopup.show {
  display: block;
}
.regionPopup .wrap {
  padding: 70px 20px;
  overflow: auto;
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.regionPopup .wrap .close {
  background-image: url("/assets/images/icons/close.svg");
  width: 33px;
  height: 33px;
  background-size: contain;
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 0;
}
.regionPopup .wrap header {
  padding-bottom: 40px;
  border-bottom: 1px solid rgb(238, 238, 238);
}
.regionPopup .wrap header h2 {
  font-size: 1.5rem;
  text-align: center;
}
.regionPopup .wrap header h2 em {
  color: rgb(227, 4, 20);
}
.regionPopup .wrap .regions {
  margin: 70px auto 0;
}
.regionPopup .wrap .regions div {
  display: block;
}
.regionPopup .wrap .regions div figure {
  width: 200px;
  margin: 0 auto 80px auto;
}
.regionPopup .wrap .regions div p {
  line-height: 1;
}
.regionPopup .wrap .regions div a, .regionPopup .wrap .regions div button {
  display: block;
  width: 100%;
  border-radius: 44px;
  padding: 24px 20px;
  margin-bottom: 20px;
}
.regionPopup .wrap .regions div a strong, .regionPopup .wrap .regions div button strong {
  text-transform: uppercase;
  font-weight: 700;
}

.mobileNavigation {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  height: -moz-calc(100% + 70px);
  height: -o-calc(100% + 70px);
  height: -webkit-calc(100% + 70px);
  height: calc(100% + 70px);
  background-color: rgb(255, 255, 255);
  z-index: 100000;
  width: 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mobileNavigation.show {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
.mobileNavigation .wrap .changeRegion.show .region.ie {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mobileNavigation .wrap .changeRegion {
  margin: 30px 0 0 10px;
}
.mobileNavigation .wrap .changeRegion p {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.mobileNavigation .wrap .changeRegion a, .mobileNavigation .wrap .changeRegion span {
  display: inline-block;
  border-radius: 20px;
  padding: 12px 30px;
  font-size: 1rem;
  background-color: rgb(156, 160, 163);
}
.mobileNavigation .wrap .changeRegion a.active, .mobileNavigation .wrap .changeRegion span.active {
  background-color: rgb(227, 4, 20);
}
.mobileNavigation .wrap .changeRegion a + a, .mobileNavigation .wrap .changeRegion span + a {
  margin-left: 10px;
}
.mobileNavigation .wrap nav {
  padding: 24px 10px 0;
}
.mobileNavigation .wrap nav .close {
  margin-left: auto;
  margin-bottom: 57px;
  margin-right: 2px;
  position: relative;
  z-index: 99999;
}
.mobileNavigation .wrap nav .close figure {
  pointer-events: none;
}
.mobileNavigation .wrap nav .close figure img {
  width: 14px;
  height: auto;
  display: block;
}
.mobileNavigation .wrap nav h3 {
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 34px;
}
.mobileNavigation .wrap nav ul li {
  border-top: 1px solid rgb(238, 238, 238);
  font-weight: 600;
  position: relative;
}
.mobileNavigation .wrap nav ul li.subNav:after {
  content: "";
  background-image: url("/assets/images/icons/right-arrow.svg");
  width: 21px;
  height: 21px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  pointer-events: none;
}
.mobileNavigation .wrap nav ul li:last-of-type {
  border-bottom: 1px solid rgb(238, 238, 238);
}
.mobileNavigation .wrap nav ul li a, .mobileNavigation .wrap nav ul li span {
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px 0;
}
.mobileNavigation .wrap nav ul li ul {
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: rgb(255, 255, 255);
  padding: 34px 10px 0;
  height: 100%;
  padding-bottom: 150px;
}
.mobileNavigation .wrap nav ul li ul button {
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 34px;
  color: rgb(75, 75, 74);
}
.mobileNavigation .wrap nav ul li ul button:before {
  content: "";
  background-image: url("/assets/images/icons/left-arrow.svg");
  width: 21px;
  height: 21px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  pointer-events: none;
  margin-right: 25px;
  position: relative;
  top: 2px;
}

.postcodeFinder {
  position: relative;
}
.postcodeFinder.showBranch > button {
  display: none;
}
.postcodeFinder.showBranch .localbranch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.postcodeFinder > button {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-align: left;
  padding: 0 10px 0 50px;
  line-height: 1.2;
  position: relative;
  width: 100%;
  height: 30px;
  padding-left: 30px;
  font-size: 0.75rem;
}
.postcodeFinder > button:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 50%;
  background-image: url("/assets/images/icons/map-marker-white.svg");
  width: 11px;
  height: 17px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.postcodeFinder > button small {
  font-size: 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  display: block;
}
.postcodeFinder .localbranch {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 16px 10px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: none;
}
.postcodeFinder .localbranch button, .postcodeFinder .localbranch p {
  color: rgb(255, 255, 255);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.2;
  width: 50%;
  position: relative;
  text-align: left;
  padding-left: 45px;
}
.postcodeFinder .localbranch button img, .postcodeFinder .localbranch p img {
  position: absolute;
  top: 0;
  left: 0;
}
.postcodeFinder .localbranch button small, .postcodeFinder .localbranch p small {
  font-weight: 600;
}
.postcodeFinder .popup {
  background-color: rgb(238, 238, 238);
  border-radius: 6px;
  position: absolute;
  top: 70px;
  left: 0;
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  right: 0;
  margin: 0 auto;
  z-index: 10000;
  padding: 15px 12px;
  display: none;
}
.postcodeFinder .popup.branch:before {
  left: 50%;
  margin-left: 50px;
}
.postcodeFinder .popup.branch .link {
  margin-bottom: 20px;
}
.postcodeFinder .popup.show {
  display: block;
}
.postcodeFinder .popup:before {
  content: "";
  display: block;
  background-color: rgb(238, 238, 238);
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 26px;
  height: 26px;
  top: -13px;
  left: 22px;
  z-index: -1;
}
.postcodeFinder .popup p:not(.error) {
  text-decoration: underline;
  margin-top: 0;
  width: 100%;
  font-size: 0.625rem;
  cursor: pointer;
  margin-top: 12px;
}
.postcodeFinder .popup .close {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/close.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  position: absolute;
  top: 20px;
  right: 15px;
}
.postcodeFinder .popup .details h4 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 10px;
}
.postcodeFinder .popup .details p {
  padding-bottom: 6px;
  text-align: left;
  margin: 0;
}
.postcodeFinder .popup .mapHolder {
  margin: 20px 0;
}
.postcodeFinder .popup .mapHolder .map {
  height: 200px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
}
.postcodeFinder .popup .mapHolder a {
  width: 260px;
  margin: 0 auto;
}
.postcodeFinder .popup form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.postcodeFinder .popup form p.error {
  color: rgb(227, 4, 20);
  margin-top: 20px;
  display: none;
}
.postcodeFinder .popup form p.error.show {
  display: block;
}
.postcodeFinder .popup form p.error.show + .mapHolder {
  width: 100%;
}
.postcodeFinder .popup form legend {
  font-size: 0.75rem;
  font-weight: 600;
  width: 100%;
  margin-bottom: 12px;
}
.postcodeFinder .popup form .input-container {
  position: relative;
}
.postcodeFinder .popup form .input {
  width: -moz-calc(100% - 80px);
  width: -o-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  margin-bottom: 0;
  width: 100%;
}
.postcodeFinder .popup form .input input {
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid rgb(156, 160, 163);
  border-radius: 5px;
  height: 38px;
  padding: 0 10px;
}
.postcodeFinder .popup form .input input::placeholder {
  font-weight: 600;
}
.postcodeFinder .popup form .input ul {
  display: none;
}
.postcodeFinder .popup form button {
  width: 34px;
  height: 34px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  background-color: rgb(238, 238, 238);
  margin: 0;
  margin-left: 10px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
}
.postcodeFinder .popup form button figure {
  pointer-events: none;
}
.postcodeFinder .popup form button figure img {
  display: block;
  width: 11px;
  height: auto;
  margin: auto;
}

.searchPopup {
  position: fixed;
  top: -90px;
  width: 100%;
  z-index: 1000;
  background-color: rgb(255, 255, 255);
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.searchPopup.show {
  top: 70px;
}
.searchPopup .wrap {
  padding: 0 10px;
}
.searchPopup .wrap form .input {
  position: relative;
}
.searchPopup .wrap form .input:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  margin-top: -10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/images/header_icons/search.svg");
  opacity: 0.2;
}
.searchPopup .wrap form .input input {
  padding: 0 20px 0 50px;
}

.heroSlider {
  position: relative;
}
.heroSlider:after {
  content: "";
  background-image: url("/assets/images/icons/down-arrow.svg");
  width: 20px;
  height: 12px;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  z-index: 1000;
  margin: 0 auto;
}
.heroSlider.alt-hero-slider:after {
  display: none;
}
.heroSlider.alt-hero-slider .swiper-pagination.loading span {
  background-color: rgb(238, 238, 238);
  height: 3px;
  width: -moz-calc(100% / 3 - 2px);
  width: -o-calc(100% / 3 - 2px);
  width: -webkit-calc(100% / 3 - 2px);
  width: calc(100% / 3 - 2px);
}
.heroSlider.alt-hero-slider .swiper-pagination.loading span + span {
  margin-left: 2px;
}
.heroSlider.alt-hero-slider .swiper-pagination.loading span:before {
  height: 8px;
  top: -5px;
}
.heroSlider.alt-hero-slider .swiper-container .swiper-wrapper .swiper-slide article {
  top: unset;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  bottom: 80px;
}
.heroSlider.alt-hero-slider .swiper-container .swiper-wrapper .swiper-slide picture img {
  height: -moz-calc(100vh - 112px);
  height: -o-calc(100vh - 112px);
  height: -webkit-calc(100vh - 112px);
  height: calc(100vh - 112px);
}
.heroSlider .swiper-pagination.loading {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  margin: 0 auto;
  top: auto;
  background-color: transparent;
}
.heroSlider .swiper-pagination.loading span {
  background-color: rgb(255, 255, 255);
  display: inline-block;
  height: 4px;
  width: -moz-calc(100% / 3 - 8px);
  width: -o-calc(100% / 3 - 8px);
  width: -webkit-calc(100% / 3 - 8px);
  width: calc(100% / 3 - 8px);
  margin: 0;
  border-radius: 0;
  position: relative;
}
.heroSlider .swiper-pagination.loading span.swiper-pagination-bullet-active:before {
  -webkit-animation: load 1 8s ease-in-out;
  animation: load 1 8s ease-in-out;
}
@-webkit-keyframes load {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes load {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.heroSlider .swiper-pagination.loading span:before {
  content: "";
  width: 0;
  height: 4px;
  background-color: rgb(255, 255, 255);
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
}
.heroSlider .swiper-pagination.loading span + span {
  margin-left: 12px;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  pointer-events: none;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
  pointer-events: all;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide picture {
  position: relative;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide picture:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 165px;
  left: 0;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide picture:after {
  content: "";
  background-color: rgba(75, 75, 74, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide picture img {
  height: -moz-calc(100vh - 70px);
  height: -o-calc(100vh - 70px);
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  object-fit: cover;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide article {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgb(255, 255, 255);
  width: 100%;
  padding: 0 10px;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide article h1 + p, .heroSlider .swiper-container .swiper-wrapper .swiper-slide article h2 + p {
  margin-top: 15px;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide article h1, .heroSlider .swiper-container .swiper-wrapper .swiper-slide article h2, .heroSlider .swiper-container .swiper-wrapper .swiper-slide article p {
  max-width: 650px;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide article h1, .heroSlider .swiper-container .swiper-wrapper .swiper-slide article h2 {
  font-weight: 500;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide article p {
  font-weight: 600;
  max-width: -moz-calc(100% - 100px);
  max-width: -o-calc(100% - 100px);
  max-width: -webkit-calc(100% - 100px);
  max-width: calc(100% - 100px);
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide article a {
  margin-top: 25px;
}
.heroSlider .swiper-container .swiper-wrapper .swiper-slide article h3 {
  font-size: 1.8125rem;
  font-weight: 300;
  max-width: 715px;
  padding-right: 80px;
}
.heroSlider .swiper-menu {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 4px;
}
.heroSlider .swiper-menu button {
  border: 0;
  background-color: rgba(75, 75, 74, 0.5);
  height: 44px;
  width: 30px;
  font-size: 0;
}
.heroSlider .swiper-menu button:before {
  background-image: url("/assets/images/slider/previous_white.svg");
  width: 10px;
  height: 22px;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.heroSlider .swiper-menu button.next {
  margin-left: 5px;
}
.heroSlider .swiper-menu button.next:before {
  background-image: url("/assets/images/slider/next_white.svg");
}

.pageHero {
  position: relative;
}
.pageHero .wrap picture {
  position: relative;
}
.pageHero .wrap picture:after {
  content: "";
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pageHero .wrap picture img {
  height: -moz-calc(100vh - 191px);
  height: -o-calc(100vh - 191px);
  height: -webkit-calc(100vh - 191px);
  height: calc(100vh - 191px);
  object-fit: cover;
}
.pageHero .wrap .contain {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.pageHero .wrap .contain header {
  color: rgb(255, 255, 255);
}
.pageHero .wrap .contain header h4, .pageHero .wrap .contain header time {
  font-weight: 600;
}
.pageHero .wrap .contain header h2, .pageHero .wrap .contain header h1 {
  line-height: 1.19;
  max-width: 845px;
}
.pageHero .wrap .contain header img.hero_logo {
  width: 170px;
  display: block;
  margin-bottom: 30px;
}
.pageHero .wrap .contain .share {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
.pageHero .wrap .contain .share p {
  font-weight: 600;
  margin-right: 20px;
  color: rgb(255, 255, 255);
}
.pageHero .wrap .contain .share nav a + a {
  margin-left: 20px;
}
.pageHero .wrap .contain .share img[src*=twitter] {
  width: 17px;
}
.pageHero .wrap .contain .tags {
  margin: 20px 0 0;
}
.pageHero .wrap .contain .tags a {
  display: inline-block;
  background-color: rgb(156, 160, 163);
  color: rgb(255, 255, 255);
  padding: 10px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: 5px;
}
.pageHero .wrap .contain .tags a {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .pageHero .wrap .contain .tags a {
    font-size: calc(12px + 8 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .pageHero .wrap .contain .tags a {
    font-size: 20px;
  }
}

.newsSlider {
  margin: 50px 10px;
}
.newsSlider header {
  padding-bottom: 28px;
}
.newsSlider .swiper-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}

nav.breadcrumbs {
  margin: 8px 10px;
}
nav.breadcrumbs ul li {
  display: inline-block;
  font-weight: 600;
  color: rgb(156, 160, 163);
}
nav.breadcrumbs ul li {
  font-size: 10px;
}
@media screen and (min-width: 320px) {
  nav.breadcrumbs ul li {
    font-size: calc(10px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  nav.breadcrumbs ul li {
    font-size: 14px;
  }
}
nav.breadcrumbs ul li {
  margin-right: 4px;
}
nav.breadcrumbs ul li.active {
  color: rgb(227, 4, 20);
}
nav.breadcrumbs ul li:after {
  content: ">";
  display: inline-block;
  margin-left: 4px;
}
nav.breadcrumbs ul li:last-of-type:after {
  display: none;
}

.products {
  margin: 70px 10px;
}
.products.removeSide .wrap section .sorting button.mobile {
  display: none;
}
.products.news {
  margin-top: 10px;
}
.products.allProducts {
  margin-top: 60px;
  overflow: hidden;
}
.products.allProducts .description p {
  margin: 0 0 1em 0;
}
.products.allProducts .description a {
  color: rgb(227, 4, 20);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.products.allProducts .description a:hover {
  color: inherit;
}
.products.allProducts .description h3 {
  margin-bottom: 0.25em;
}
.products.allProducts .description ul li {
  list-style-type: disc;
  margin-left: 15px;
}
.products.allProducts .span-full .description {
  margin-top: 40px;
}
.products.allProducts .wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.products.allProducts .wrap > h3 {
  font-size: 1.125rem;
  margin-bottom: 30px;
}
.products.allProducts .wrap > p {
  margin-bottom: 16px;
}
.products.allProducts .wrap .more {
  width: 100%;
  order: 2;
}
.products.allProducts .wrap .more > a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.products.allProducts .wrap .more > a figure {
  margin-left: 8px;
}
.products.allProducts .wrap .more > a figure.flag {
  margin-right: 7px;
  margin-left: 0;
}
.products.allProducts .wrap .more > a figure.flag img {
  width: 25px;
}
.products.allProducts .wrap .more > a figure img {
  display: block;
  height: auto;
  width: 15px;
}
.products.allProducts .wrap .more > a p {
  font-size: 0.75rem;
  font-weight: 700;
}
.products.allProducts .wrap .no-results {
  margin-top: 40px;
}
.products.allProducts .wrap .no-results .container {
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}
.products.allProducts .wrap .no-results .container figure {
  width: 100%;
  max-width: fit-content;
  margin: 0 auto 30px auto;
}
.products.allProducts .wrap .no-results .container figure img {
  display: block;
  width: 40px;
  height: auto;
}
.products.allProducts .wrap .no-results .container h4 {
  margin-bottom: 22px;
  font-weight: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
}
.products.allProducts .wrap .no-results .container p {
  color: rgb(156, 160, 163);
  font-size: 0.875rem;
  line-height: 1.42;
}
.products.allProducts .wrap .no-results .branch {
  position: relative;
  z-index: 1;
  background-color: rgb(238, 238, 238);
  border-radius: 4px;
  padding: 13px 12px;
  margin-top: 30px;
  max-width: 515px;
  margin-left: auto;
  margin-right: auto;
}
.products.allProducts .wrap .no-results .branch .change-branch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 0.75rem;
  color: rgb(35, 66, 143);
  font-weight: 600;
  margin-top: 15px;
  margin-left: 8px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.products.allProducts .wrap .no-results .branch .change-branch:hover {
  opacity: 0.6;
}
.products.allProducts .wrap .no-results .branch .change-branch figure {
  margin-right: 7px;
}
.products.allProducts .wrap .no-results .branch .change-branch figure img {
  display: block;
  width: 18px;
  height: auto;
}
.products.allProducts .wrap .no-results .branch form {
  margin-top: 11px;
  position: relative;
  display: block;
}
.products.allProducts .wrap .no-results .branch form.valid button[type=submit] {
  background-color: rgb(227, 4, 20);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  pointer-events: all;
}
.products.allProducts .wrap .no-results .branch form.valid button[type=submit] figure img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(176%) hue-rotate(76deg) brightness(109%) contrast(100%);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.products.allProducts .wrap .no-results .branch form .marker {
  position: absolute;
  top: 13px;
  left: 12px;
}
.products.allProducts .wrap .no-results .branch form .marker img {
  display: block;
  width: 16px;
  height: auto;
}
.products.allProducts .wrap .no-results .branch form .input {
  margin-bottom: 0;
  width: 100%;
}
.products.allProducts .wrap .no-results .branch form .input:before {
  display: none;
}
.products.allProducts .wrap .no-results .branch form .input input {
  font-size: 1rem;
  font-weight: 600;
  padding: 0 40px;
}
.products.allProducts .wrap .no-results .branch form .input input::placeholder {
  font-size: 0.875rem;
  font-weight: 600;
}
.products.allProducts .wrap .no-results .branch form button[type=submit] {
  position: absolute;
  top: 6px;
  max-height: 38px;
  right: 6px;
  background-color: rgb(238, 238, 238);
  width: 100%;
  margin-top: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  height: 100%;
  max-width: 39px;
  min-width: 39px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.products.allProducts .wrap .no-results .branch form button[type=submit] figure {
  pointer-events: none;
  max-width: fit-content;
  margin: 0 auto;
  width: 100%;
}
.products.allProducts .wrap .no-results .branch form button[type=submit] figure img {
  display: block;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 19px;
  height: auto;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.products.allProducts .wrap .no-results .branch p {
  color: rgb(75, 75, 74);
}
.products.allProducts .wrap .no-results .branch p.error {
  margin-top: 8px;
}
.products.allProducts .wrap .no-results .branch .top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.products.allProducts .wrap .no-results .branch .top .heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.products.allProducts .wrap .no-results .branch .top .heading figure {
  margin-right: 10px;
}
.products.allProducts .wrap .no-results .branch .top .heading figure img {
  display: block;
  width: 22px;
  height: auto;
}
.products.allProducts .wrap .no-results .branch .top .heading h5 {
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.products.allProducts .wrap .no-results .branch .top .heading h2 {
  font-size: 1.25rem;
  color: rgb(227, 4, 20);
  font-weight: 600;
  padding: 0;
}
.products.allProducts .wrap .no-results .branch .top > a {
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: underline;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.products.allProducts .wrap .no-results .branch .top > a:hover {
  color: rgb(156, 160, 163);
}
.products.allProducts .wrap .no-results .branch .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.products.allProducts .wrap .no-results .branch .buttons a {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  color: rgb(255, 255, 255);
  font-weight: 700;
  width: 100%;
  background-color: rgb(75, 75, 74);
  border-radius: 4px;
  max-width: -moz-calc(50% - 6px);
  max-width: -o-calc(50% - 6px);
  max-width: -webkit-calc(50% - 6px);
  max-width: calc(50% - 6px);
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  margin-top: 20px;
  border: 1px solid rgb(75, 75, 74);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.products.allProducts .wrap .no-results .branch .buttons a:hover {
  background-color: transparent;
  color: rgb(75, 75, 74);
}
.products.allProducts .wrap .cols {
  order: 1;
  width: 100%;
}
.products.allProducts .wrap .cols.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 10px;
  row-gap: 13px;
  margin-bottom: 20px;
}
.products.allProducts .wrap .cols.grid .featuredBanner {
  grid-column: span 2/span 2;
}
.products.allProducts .wrap .cols.grid .featuredBanner .wrap .content {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 28px 18px;
}
.products.allProducts .wrap .cols.grid .featuredBanner .wrap .content header h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 500;
}
.products.allProducts .wrap .cols.grid .featuredBanner .wrap .content .btn {
  background-color: rgb(227, 4, 20);
  font-weight: 600;
}
.products.allProducts .wrap .cols.grid .col {
  border: 2px solid rgb(238, 238, 238);
  padding-bottom: 0;
  overflow: hidden;
}
.products.allProducts .wrap .cols.grid .col.featured {
  grid-column: span 2/span 2;
  border: 5px solid rgb(227, 4, 20);
  border-radius: 4px;
}
.products.allProducts .wrap .cols.grid .col.featured header {
  background-color: rgb(227, 4, 20);
  border-radius: 0;
  width: 50%;
  border-radius: 0;
  padding: 6px 10px 8px 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.products.allProducts .wrap .cols.grid .col.featured header h4 {
  height: unset;
  max-height: unset;
}
.products.allProducts .wrap .cols.grid .col.featured header p {
  color: rgb(255, 255, 255);
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  line-height: 1.2;
}
.products.allProducts .wrap .cols.grid .col.featured header p:after {
  content: "";
  display: block;
  background-image: url("/assets/images/icons/white-arrow.svg");
  width: 16px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 3px;
}
.products.allProducts .wrap .cols.grid .col + .col {
  margin-top: 0;
}
.products.allProducts .wrap .cols.grid .col header {
  background-color: rgb(238, 238, 238);
  margin: 0;
  padding: 8px;
  height: 100%;
}
.products.allProducts .wrap .cols.grid .col header p {
  padding: 0;
  color: rgb(156, 160, 163);
  font-weight: 500;
}
.products.allProducts .wrap .cols.grid .col header h4 {
  height: 35px;
  max-height: 35px;
  margin-bottom: 0;
  line-height: 1.2;
  margin-bottom: 0;
  overflow: visible;
}
.products.allProducts .wrap .cols .col + .col {
  margin-top: 20px;
}
.products.allProducts .wrap .cols .col.featured {
  background-size: cover;
  background-position: center center;
  display: block;
  padding: 0;
  height: 160px;
}
.products.allProducts .wrap .cols .col.featured header {
  background-color: rgba(75, 75, 74, 0.8);
  width: 70%;
  height: 100%;
  color: rgb(255, 255, 255);
  margin-left: auto;
  border-radius: 0 10px 10px 0;
  margin: 0 0 0 auto;
  padding: 20px 10px 10px 20px;
  position: relative;
}
.products.allProducts .wrap .cols .col.featured header a.lightGreyBtn {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 100%;
  width: -moz-calc(100% - 30px);
  width: -o-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  margin: 0 auto;
  font-weight: 600;
  text-decoration: none;
  top: auto;
}
.products.allProducts .wrap .cols .col figure {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.products.allProducts .wrap .cols .col figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.products.allProducts .wrap section header a {
  text-decoration: underline;
}
.products.allProducts .wrap section header h1 {
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 900;
}
.products.allProducts .wrap section header h3 {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.58;
}
.products.allProducts .wrap section header button {
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 15px;
  margin-bottom: 15px;
}
.products.allProducts .wrap section header .more {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.58;
}
.products.allProducts .wrap section header .more.read-more {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.products.allProducts .wrap section header .more p {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.58;
}
.products.allProducts .wrap aside + .cols.grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 20px;
}
.products.allProducts .wrap aside + .cols.grid .col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 12px;
}
.products.allProducts .wrap aside + .cols.grid .col figure {
  width: 100%;
}
.products.allProducts .wrap aside + .cols.grid .col header {
  background-color: transparent;
  padding: 18px 18px 10px 18px;
  width: 100%;
  max-height: fit-content;
}
.products.allProducts .wrap aside + .cols.grid .col header h4 {
  height: unset;
  max-height: unset;
  width: 100%;
}
.products.allProducts .wrap aside + .cols.grid .col header p {
  width: 100%;
}
.products.allProducts .wrap aside + .cols.grid .col nav {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0;
}
.products.allProducts .wrap aside + .cols.grid .col nav button + button {
  margin-left: 10px;
}
.products.allProducts .wrap .description {
  width: 100%;
  margin-bottom: 0;
}
.products.allProducts .wrap .description .searchBar form {
  width: 100%;
  position: relative;
}
.products.allProducts .wrap .description .searchBar form .input input {
  color: rgb(75, 75, 74);
  border: 1px solid rgb(156, 160, 163);
}
.products.allProducts .wrap .description .searchBar form .actions {
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  max-width: fit-content;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.products.allProducts .wrap .description .searchBar form .actions button + button {
  margin-left: 20px;
}
.products.allProducts .wrap .description .searchBar form .actions button[type=button] {
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: underline;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  color: rgb(156, 160, 163);
  margin-top: 0;
}
.products.allProducts .wrap .description .searchBar form .actions button[type=button]:hover {
  color: rgb(75, 75, 74);
}
.products.allProducts .wrap .description .searchBar form .actions button[type=submit] {
  font-size: 0;
  margin-top: 0;
}
.products.allProducts .wrap .description .searchBar form .actions button[type=submit] figure img {
  display: block;
  width: 19px;
  height: auto;
}
.products.allProducts .wrap .description h1, .products.allProducts .wrap .description h3 {
  margin-bottom: 12px;
  white-space: nowrap;
}
.products.allProducts .wrap .description p, .products.allProducts .wrap .description .more {
  font-size: 0.75rem;
  line-height: 1.58;
  font-weight: 600;
}
.products.allProducts .wrap .description .readmore {
  font-size: 0.75rem;
  text-decoration: underline;
  font-weight: 500;
  margin: 5px 0;
  color: inherit;
}
.products.allProducts .wrap .description.full p {
  -webkit-line-clamp: initial;
  overflow: initial;
}
.products.guides .wrap aside + .cols.grid .col figure {
  width: 100%;
}
.products.guides .wrap .cols .col figure {
  width: 100%;
  margin: 16px auto 20px;
}
.products.guides .wrap .cols .col header h5 {
  color: rgb(227, 4, 20);
}
.products.guides .wrap .cols .col nav a {
  width: 100%;
}
.products .swiper-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}
.products.slider .wrap {
  padding-bottom: 95px;
}
.products.slider .wrap header h3 {
  padding-right: 60px;
}
.products.slider .wrap .cols .col .added {
  bottom: -96px;
}
.products.slider .wrap .cols .col figure {
  position: relative;
}
.products.slider .wrap .cols .col figure img {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.products .wrap aside .filters {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 1000;
  padding: 40px 20px 250px;
  overflow: auto;
  display: none;
}
.products .wrap aside .filters.show {
  display: block;
}
.products .wrap aside .filters header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 38px;
  padding-right: 0;
}
.products .wrap aside .filters header.desktop {
  display: none;
}
.products .wrap aside .filters header .close {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/close.svg");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}
.products .wrap aside .filters .applied ul {
  padding: 20px 0 35px 0;
  border-top: 1px solid rgb(156, 160, 163);
}
.products .wrap aside .filters .applied ul li {
  margin-bottom: 10px;
}
.products .wrap aside .filters .applied ul li button {
  background-color: rgb(75, 75, 74);
  font-weight: 600;
  color: rgb(255, 255, 255);
  text-align: left;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 5px 12px 5px 10px;
  width: 100%;
  font-size: 0.875rem;
  max-width: fit-content;
}
.products .wrap aside .filters .applied ul li button:after {
  content: "";
  background-image: url("/assets/images/icons/white-close.svg");
  display: block;
  background-size: contain;
  background-position: center center;
  width: 12px;
  height: 12px;
  margin-left: 12px;
}
.products .wrap aside .filters .fixedBottom {
  background-color: rgb(238, 238, 238);
  padding: 30px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: fixed;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.products .wrap aside .filters .fixedBottom .clear {
  font-weight: 600;
  text-decoration: underline;
  margin-right: 40px;
  font-size: 0.875rem;
  width: 60px;
  margin-top: 0;
}
.products .wrap aside .filters .fixedBottom .redBtn {
  width: -moz-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  margin-top: 0;
}
.products .wrap aside .filters .accordions {
  position: relative;
}
.products .wrap aside .filters .accordions .expand {
  border-top: 2px solid rgb(238, 238, 238);
}
.products .wrap aside .filters .accordions .expand:last-of-type {
  border-bottom: 2px solid rgb(238, 238, 238);
}
.products .wrap aside .filters .accordions .expand button {
  font-size: 1.25rem;
  font-weight: 600;
  width: 100%;
  padding: 40px 0;
  position: relative;
  text-align: left;
  margin-top: 0;
}
.products .wrap aside .filters .accordions .expand button.back:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.products .wrap aside .filters .accordions .expand button:after {
  content: "";
  background-image: url("/assets/images/icons/down-arrow-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
}
.products .wrap aside .filters .accordions .expand button.active:after {
  /*
  									height: 2px;
  									margin-top: -1px;
  */
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.products .wrap aside .filters .accordions .expand .hold + .hold {
  margin-top: 8px;
}
.products .wrap aside .filters .accordions .expand .hold:last-of-type {
  margin-bottom: 40px;
}
.products .wrap aside .filters .accordions .expand .subCategories {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
  z-index: 1000;
  width: 100%;
  border-top: 2px solid rgb(238, 238, 238);
}
.products .wrap aside .filters .accordions .expand button.sub {
  border: 2px solid rgb(238, 238, 238);
  border-radius: 10px;
  height: 50px;
  cursor: pointer;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  padding-left: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
.products .wrap aside .filters .accordions .expand button.sub:after {
  display: none;
}
.products .wrap aside .filters .accordions .expand .input {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.products .wrap aside .filters .accordions .expand .input:last-of-type {
  margin-bottom: 40px;
}
.products .wrap aside .filters .accordions .expand .input + .input {
  margin-top: 8px;
}
.products .wrap aside .filters .accordions .expand .input label {
  font-weight: 600;
  font-size: 1rem;
  width: 100%;
  margin-bottom: 0;
  padding-left: 8px;
}
.products .wrap aside .filters .accordions .expand .input label:after {
  content: "";
  background-image: url("/assets/images/icons/tick-grey.svg");
  width: 26px;
  height: 20px;
  background-size: contain;
  display: block;
  position: absolute;
  display: none;
  right: unset;
  left: 5px;
  width: 21px;
  background-repeat: no-repeat;
  top: -moz-calc(50% + 2px);
  top: -o-calc(50% + 2px);
  top: -webkit-calc(50% + 2px);
  top: calc(50% + 2px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.products .wrap aside .filters .accordions .expand .input input {
  cursor: pointer;
  position: relative;
  width: 31px;
  height: 31px;
  min-height: 31px;
  min-width: 31px;
  border-radius: 0;
  border: 1px solid rgb(156, 160, 163);
}
.products .wrap aside .filters .accordions .expand .input input:before {
  content: "";
  display: block;
  width: 100%;
  min-width: 250px;
  height: -moz-calc(100% + 20px);
  height: -o-calc(100% + 20px);
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.products .wrap aside .filters .accordions .expand .input input:checked {
  border-color: rgb(75, 75, 74);
}
.products .wrap aside .filters .accordions .expand .input input:checked ~ label:after {
  display: block;
}
.products .wrap aside .filters form h4 {
  font-size: calc(22px + 10 * (100vw - 320px) / 980);
}
.products .wrap section header {
  margin-bottom: 38px p;
  margin-bottom-padding: 0.25em 0;
}
.products .wrap section header strong {
  font-weight: 600;
}
.products .wrap section header a {
  color: rgb(227, 4, 20);
}
.products .wrap section header em {
  font-style: italic;
}
.products .wrap section header ul {
  margin-left: 20px;
}
.products .wrap section header ul li {
  list-style: disc;
}
.products .wrap section .sorting button.mobile {
  width: 100%;
}
.products .wrap section .sorting .sortby {
  margin-top: 28px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
.products .wrap section .sorting .sortby p {
  color: rgb(156, 160, 163);
  font-weight: 600;
  font-size: 0.875rem;
}
.products .wrap section .sorting .sortby form {
  width: 230px;
}
.products .wrap section .sorting .sortby form .input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.products .wrap section .sorting .sortby form .input:after {
  content: "";
  width: 100%;
  background-image: url("/assets/images/icons/select.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  pointer-events: none;
  right: 20px;
}
.products .wrap section .sorting .sortby form .input label {
  font-weight: 600;
  margin-right: 10px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.products .wrap section .sorting .sortby form .input select {
  border: 2px solid rgb(238, 238, 238);
  color: rgb(156, 160, 163);
  font-weight: 600;
  font-size: 1rem;
  height: 50px;
  padding-left: 20px;
  flex: 1;
}
.products .wrap header {
  margin-bottom: 28px;
  padding-right: 30px;
}
.products .wrap header h1 {
  margin-bottom: 10px;
}
.products .wrap header h1 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .products .wrap header h1 {
    font-size: calc(22px + 10 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .products .wrap header h1 {
    font-size: 32px;
  }
}
.products .wrap header p {
  font-weight: 300;
  padding: 0.25em 0;
}
.products .wrap header > a {
  text-decoration: underline;
  font-weight: 700;
  display: block;
  margin-top: 20px;
}
.products .wrap header > a {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .products .wrap header > a {
    font-size: calc(14px + 8 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .products .wrap header > a {
    font-size: 22px;
  }
}
.products .wrap .breadcrumbs {
  margin-left: 0;
  margin-right: 0;
}
.products .wrap .pagination {
  margin-top: 40px;
  margin-bottom: 10px;
  z-index: 1;
}
.products .wrap .pagination nav {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  font-weight: 600;
}
.products .wrap .pagination nav a, .products .wrap .pagination nav button {
  display: inline-block;
  height: 60px;
  width: 40px;
  border: 2px solid rgb(201, 201, 201);
  background-color: transparent;
  font-size: 0;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.products .wrap .pagination nav a.noclick, .products .wrap .pagination nav button.noclick {
  opacity: 0.3;
}
.products .wrap .pagination nav a:before, .products .wrap .pagination nav button:before {
  content: "";
  background-image: url("/assets/images/slider/previous-light-grey.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  display: block;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  margin: -10px 0 0 -10px;
  pointer-events: none;
}
.products .wrap .pagination nav a.next, .products .wrap .pagination nav button.next {
  border-color: rgb(201, 201, 201);
  opacity: 1;
}
.products .wrap .pagination nav a.next.noclick, .products .wrap .pagination nav button.next.noclick {
  opacity: 0.3;
}
.products .wrap .pagination nav a.next:before, .products .wrap .pagination nav button.next:before {
  background-image: url("/assets/images/slider/next-light-grey.svg");
}
.products .wrap .pagination nav p {
  margin: 0 8px;
}
.products .wrap .cols.newsCols .col {
  margin-bottom: 20px;
  padding-bottom: 0;
}
.products .wrap .cols.newsCols .col figure {
  margin: 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.products .wrap .cols.newsCols .col figure img {
  height: 230px;
  object-fit: cover;
}
.products .wrap .cols.newsCols .col article {
  padding: 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  border-radius: 0 0 10px 10px;
}
.products .wrap .cols.newsCols .col article h4 {
  font-weight: 600;
  color: rgb(227, 4, 20);
  font-size: 0.875rem;
  padding-bottom: 15px;
}
.products .wrap .cols.newsCols .col article h3 {
  padding-bottom: 20px;
}
.products .wrap .cols .col {
  border: 1px solid rgb(238, 238, 238);
  border-radius: 10px;
  padding-bottom: 10px;
  position: relative;
}
.products .wrap .cols .col figure img {
  border-radius: 10px 10px 0 0;
}
.products .wrap .cols .col time {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 600;
  position: absolute;
  padding: 6px 15px;
  top: 16px;
  line-height: 1;
  left: 0;
}
.products .wrap .cols .col .new {
  background-color: rgb(105, 165, 109);
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 600;
  position: absolute;
  padding: 6px;
  top: 8px;
  line-height: 1;
  left: 8px;
}
.products .wrap .cols .col header {
  margin: 0 15px;
  padding-top: 10px;
}
.products .wrap .cols .col header h5 {
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 5px;
}
.products .wrap .cols .col header h4 {
  font-weight: 700;
  padding-bottom: 10px;
  line-height: 1.4;
}
.products .wrap .cols .col header h4 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .products .wrap .cols .col header h4 {
    font-size: calc(18px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .products .wrap .cols .col header h4 {
    font-size: 22px;
  }
}
.products .wrap .cols .col nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px 10px 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.products .wrap .cols .col nav a, .products .wrap .cols .col nav button {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
  width: -moz-calc(50% - 5px);
  width: -o-calc(50% - 5px);
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  width: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 4px;
}
.products .wrap .cols .col nav a.lightGreyBtn, .products .wrap .cols .col nav button.lightGreyBtn {
  background-color: transparent;
  border: 1px solid rgb(75, 75, 74);
}
.products .wrap .cols .col nav a.lightGreyBtn:hover, .products .wrap .cols .col nav button.lightGreyBtn:hover {
  background-color: rgb(75, 75, 74);
}
.products .wrap .cols .col nav a + button {
  margin-left: 10px;
}
.products .wrap .cols .col nav a + a {
  margin-left: 10px;
}
.products .wrap .cols .col nav a {
  padding-top: 18px;
}
.products .wrap .cols .col .added {
  background-color: rgb(105, 165, 109);
  position: absolute;
  bottom: -78px;
  left: 0;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  z-index: 100;
}
.products .wrap .cols .col .added:after {
  content: "";
  background-image: url("/assets/images/icons/green-triangle.svg");
  width: 34px;
  height: 20px;
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -17px;
}
.products .wrap .cols .col .added:before {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}
.products .wrap .cols .col .added p {
  font-weight: 600;
  padding: 0 30px;
}
.products .wrap .cols .col .added a {
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 600;
}

.product-slider {
  margin: 70px 10px;
}
.product-slider.greyBg {
  margin: 0;
  padding: 82px 10px;
  background-color: rgb(238, 238, 238);
}
.product-slider.greyBg .wrap {
  padding: 0;
}
.product-slider.greyBg .wrap .heading-container .swiper-menu button.swiper-button-disabled {
  opacity: 1;
  border: 2px solid rgb(255, 255, 255);
}
.product-slider.greyBg .wrap .heading-container .swiper-menu button.swiper-button-disabled:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7500%) hue-rotate(357deg) brightness(110%) contrast(101%);
}
.product-slider.greyBg .wrap .cols {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  row-gap: 12px;
}
.product-slider.greyBg .wrap .cols .col {
  background-color: rgb(255, 255, 255);
  border: 0;
  border-radius: 6px;
  padding: 12px;
}
.product-slider.greyBg .wrap .cols .col figure {
  margin-bottom: 15px;
}
.product-slider.greyBg .wrap .cols .col header {
  margin: 0;
}
.product-slider.greyBg .wrap .cols .col h3 {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
.product-slider .swiper-menu {
  z-index: 1000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.product-slider .swiper-menu button {
  border-width: 2px;
  border-radius: 0;
}
.product-slider .wrap {
  padding-bottom: 95px;
}
.product-slider .wrap .swiper-pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 30px;
}
.product-slider .wrap .swiper-pagination span {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgb(238, 238, 238);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.product-slider .wrap .swiper-pagination span + span {
  margin-left: 12px;
}
.product-slider .wrap .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: rgb(0, 0, 0);
}
.product-slider .wrap .heading-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 28px;
}
.product-slider .wrap .heading-container header {
  padding-right: 30px;
}
.product-slider .wrap .heading-container header h3 {
  font-size: 1.125rem;
  font-weight: 600;
}
.product-slider .wrap .heading-container header h5 {
  font-size: 0.75rem;
  margin-bottom: 7px;
  font-weight: 600;
}
.product-slider .wrap .heading-container header h1 {
  margin-bottom: 10px;
}
.product-slider .wrap .heading-container header h1 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .product-slider .wrap .heading-container header h1 {
    font-size: calc(22px + 10 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .product-slider .wrap .heading-container header h1 {
    font-size: 32px;
  }
}
.product-slider .wrap .heading-container header p {
  font-weight: 300;
  padding: 0.25em 0;
}
.product-slider .wrap .heading-container header > a {
  text-decoration: underline;
  font-weight: 700;
  display: block;
  margin-top: 20px;
}
.product-slider .wrap .heading-container header > a {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .product-slider .wrap .heading-container header > a {
    font-size: calc(14px + 8 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .product-slider .wrap .heading-container header > a {
    font-size: 22px;
  }
}
.product-slider .wrap .heading-container header .more {
  display: none;
}
.product-slider .wrap .heading-container .swiper-menu button {
  opacity: 1;
  border-radius: 4px;
}
.product-slider .wrap .heading-container .swiper-menu button.swiper-button-disabled {
  opacity: 0.2;
}
.product-slider .wrap .pagination {
  margin-top: 40px;
}
.product-slider .wrap .pagination nav {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  font-weight: 600;
}
.product-slider .wrap .pagination nav a, .product-slider .wrap .pagination nav button {
  display: inline-block;
  height: 60px;
  width: 40px;
  border: 2px solid rgb(201, 201, 201);
  background-color: transparent;
  font-size: 0;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.product-slider .wrap .pagination nav a.noclick, .product-slider .wrap .pagination nav button.noclick {
  opacity: 0.3;
}
.product-slider .wrap .pagination nav a:before, .product-slider .wrap .pagination nav button:before {
  content: "";
  background-image: url("/assets/images/slider/previous-light-grey.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  display: block;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  margin: -10px 0 0 -10px;
  pointer-events: none;
}
.product-slider .wrap .pagination nav a.next, .product-slider .wrap .pagination nav button.next {
  border-color: rgb(201, 201, 201);
  opacity: 1;
}
.product-slider .wrap .pagination nav a.next.noclick, .product-slider .wrap .pagination nav button.next.noclick {
  opacity: 0.3;
}
.product-slider .wrap .pagination nav a.next:before, .product-slider .wrap .pagination nav button.next:before {
  background-image: url("/assets/images/slider/next-light-grey.svg");
}
.product-slider .wrap .more {
  margin-top: 30px;
}
.product-slider .wrap .more a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.product-slider .wrap .more a p {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 8px;
}
.product-slider .wrap .more a figure:last-of-type img {
  width: 15px;
}
.product-slider .wrap .more a figure img {
  display: block;
  width: 25px;
  height: auto;
}
.product-slider .wrap .cols .col {
  border: 1px solid rgb(238, 238, 238);
  padding-bottom: 10px;
  position: relative;
}
.product-slider .wrap .cols .col figure img {
  border-radius: 10px 10px 0 0;
}
.product-slider .wrap .cols .col time {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 600;
  position: absolute;
  padding: 6px 15px;
  top: 16px;
  line-height: 1;
  left: 0;
}
.product-slider .wrap .cols .col .new {
  background-color: rgb(105, 165, 109);
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 600;
  position: absolute;
  padding: 6px;
  top: 8px;
  line-height: 1;
  left: 8px;
}
.product-slider .wrap .cols .col header {
  margin: 0 15px;
  padding-top: 10px;
  padding-right: 0;
}
.product-slider .wrap .cols .col header h5 {
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 5px;
}
.product-slider .wrap .cols .col header h4 {
  font-weight: 700;
  line-height: 1.4;
  font-size: 1.125rem;
}
.product-slider .wrap .cols .col header p {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0;
  color: rgb(156, 160, 163);
}
.product-slider .wrap .cols .col nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 16px 10px 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.product-slider .wrap .cols .col nav.buttons {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.product-slider .wrap .cols .col nav.buttons h5 {
  color: rgb(35, 66, 143);
  font-size: 1.25rem;
  font-weight: 500;
}
.product-slider .wrap .cols .col nav.buttons a, .product-slider .wrap .cols .col nav.buttons button {
  width: -moz-calc(50%);
  width: -o-calc(50%);
  width: -webkit-calc(50%);
  width: calc(50%);
  border-radius: 4px;
  white-space: nowrap;
  padding: 0 12px;
}
.product-slider .wrap .cols .col nav a, .product-slider .wrap .cols .col nav button {
  width: 100%;
  text-align: center;
  color: rgb(75, 75, 74);
  display: block;
  font-weight: 700;
  padding: 0 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: background-color;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: background-color;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: background-color;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: background-color;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: background-color;
  border: 1px solid rgb(75, 75, 74);
  font-size: 0.75rem;
  height: 40px;
  line-height: 40px;
}
.product-slider .wrap .cols .col nav a:hover, .product-slider .wrap .cols .col nav button:hover {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
}
.product-slider .wrap .cols .col nav a.redBtn, .product-slider .wrap .cols .col nav button.redBtn {
  border: 1px solid rgb(227, 4, 20);
  color: rgb(255, 255, 255);
}
.product-slider .wrap .cols .col nav a.redBtn:hover, .product-slider .wrap .cols .col nav button.redBtn:hover {
  background-color: transparent;
  color: rgb(227, 4, 20);
}
.product-slider .wrap .cols .col nav a + button {
  margin-left: 10px;
}
.product-slider .wrap .cols .col nav a + a {
  margin-left: 10px;
}
.product-slider .wrap .cols .col .added {
  background-color: rgb(105, 165, 109);
  position: absolute;
  bottom: -96px;
  left: 0;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  z-index: 100;
}
.product-slider .wrap .cols .col .added:after {
  content: "";
  background-image: url("/assets/images/icons/green-triangle.svg");
  width: 34px;
  height: 20px;
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -17px;
}
.product-slider .wrap .cols .col .added:before {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}
.product-slider .wrap .cols .col .added p {
  font-weight: 600;
  padding: 0 30px;
}
.product-slider .wrap .cols .col .added a {
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 600;
}
.product-slider .wrap .cols .col .added figure img {
  pointer-events: none;
}

header + .last-products-slider {
  margin-top: -37px;
}

.last-products-slider {
  margin: 0 8px;
}
.last-products-slider .swiper-menu {
  z-index: 1000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.last-products-slider .swiper-menu button {
  border-width: 2px;
  border-radius: 0;
}
.last-products-slider .wrap {
  padding-bottom: 33px;
}
.last-products-slider .wrap .swiper-pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 30px;
}
.last-products-slider .wrap .swiper-pagination span {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgb(238, 238, 238);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.last-products-slider .wrap .swiper-pagination span + span {
  margin-left: 12px;
}
.last-products-slider .wrap .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: rgb(0, 0, 0);
}
.last-products-slider .wrap .heading-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 30px;
}
.last-products-slider .wrap .heading-container header h5 {
  color: rgb(227, 4, 20);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1.8px;
  padding-top: 11px;
  padding-bottom: 15px;
}
.last-products-slider .wrap .heading-container header h2 {
  font-size: 1.875rem;
  font-weight: 300;
  padding-right: 20px;
}
.last-products-slider .wrap .heading-container .swiper-menu button {
  height: 37px;
  width: 37px;
  opacity: 1;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
}
.last-products-slider .wrap .heading-container .swiper-menu button:before {
  background-image: url(/assets/images/icons/down-arrow-white.svg);
  width: 20px;
  height: 12px;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.last-products-slider .wrap .heading-container .swiper-menu button.previous {
  background-color: rgb(238, 238, 238);
}
.last-products-slider .wrap .heading-container .swiper-menu button.previous:before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  left: -moz-calc(50% - 1px);
  left: -o-calc(50% - 1px);
  left: -webkit-calc(50% - 1px);
  left: calc(50% - 1px);
}
.last-products-slider .wrap .heading-container .swiper-menu button.next {
  background-color: rgb(227, 4, 20);
  margin-left: 13px;
}
.last-products-slider .wrap .heading-container .swiper-menu button.next:before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  left: -moz-calc(50% + 1px);
  left: -o-calc(50% + 1px);
  left: -webkit-calc(50% + 1px);
  left: calc(50% + 1px);
}
.last-products-slider .wrap .pagination {
  margin-top: 40px;
}
.last-products-slider .wrap .pagination nav {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  font-weight: 600;
}
.last-products-slider .wrap .pagination nav a, .last-products-slider .wrap .pagination nav button {
  display: inline-block;
  height: 60px;
  width: 40px;
  border: 2px solid rgb(201, 201, 201);
  background-color: transparent;
  font-size: 0;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.last-products-slider .wrap .pagination nav a.noclick, .last-products-slider .wrap .pagination nav button.noclick {
  opacity: 0.3;
}
.last-products-slider .wrap .pagination nav a:before, .last-products-slider .wrap .pagination nav button:before {
  content: "";
  background-image: url("/assets/images/slider/previous-light-grey.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  display: block;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  margin: -10px 0 0 -10px;
  pointer-events: none;
}
.last-products-slider .wrap .pagination nav a.next, .last-products-slider .wrap .pagination nav button.next {
  border-color: rgb(201, 201, 201);
  opacity: 1;
}
.last-products-slider .wrap .pagination nav a.next.noclick, .last-products-slider .wrap .pagination nav button.next.noclick {
  opacity: 0.3;
}
.last-products-slider .wrap .pagination nav a.next:before, .last-products-slider .wrap .pagination nav button.next:before {
  background-image: url("/assets/images/slider/next-light-grey.svg");
}
.last-products-slider .wrap .cols .col {
  border: 2px solid rgb(238, 238, 238);
  padding-bottom: 10px;
  position: relative;
  border-radius: 5px;
  height: auto;
}
.last-products-slider .wrap .cols .col figure img {
  border-radius: 10px 10px 0 0;
  height: 263px;
  object-fit: contain;
  object-position: center;
}
.last-products-slider .wrap .cols .col figure .availability {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(30, 11, 194);
  border-radius: 20px;
  height: 25px;
  padding-inline: 15px;
  margin-left: auto;
  position: absolute;
  top: 20px;
  left: 13px;
}
.last-products-slider .wrap .cols .col figure .availability p {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 400;
}
.last-products-slider .wrap .cols .col header {
  margin: 0 13px;
  padding-top: 13px;
  padding-right: 0;
}
.last-products-slider .wrap .cols .col header h4 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 400;
  padding-bottom: 0;
}
.last-products-slider .wrap .cols .col header p {
  font-size: 0.75rem;
  font-weight: 300;
}
.last-products-slider .wrap .cols .col .extra {
  margin: 0 13px;
}
.last-products-slider .wrap .cols .col .extra .pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  margin-top: 6px;
}
.last-products-slider .wrap .cols .col .extra .pricing h5 {
  color: rgb(227, 4, 20);
  font-size: 1.25rem;
  font-weight: 500;
  padding-bottom: 0;
}
.last-products-slider .wrap .cols .col .extra .pricing h5 span {
  display: inline-block;
  margin-right: 6px;
  color: rgb(75, 75, 74);
  opacity: 50%;
  font-size: 1rem;
  text-decoration: line-through;
}
.last-products-slider .wrap .cols .col .extra .pricing p {
  margin-left: 3px;
  font-weight: 300;
}
.last-products-slider .wrap .cols .col .extra .pricing .save {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(26, 122, 74);
  border-radius: 20px;
  height: 25px;
  padding-inline: 9px;
  margin-left: auto;
}
.last-products-slider .wrap .cols .col .extra .pricing .save p {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 400;
}
.last-products-slider .wrap .cols .col .extra .timer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 9px;
  background-color: rgb(238, 238, 238);
  border-radius: 20px;
  height: 28px;
  padding-inline: 9px;
  margin-top: 14px;
  font-weight: 500;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.last-products-slider .wrap .cols .col .extra .timer .timer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  column-gap: 5px;
}
.last-products-slider .wrap .cols .col .extra .timer figure {
  min-width: 18px;
}
.last-products-slider .wrap .cols .col .extra .timer figure img {
  display: block;
  width: auto;
  height: 19px;
}
.last-products-slider .wrap .cols .col .extra .timer p {
  font-weight: 500;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.last-products-slider .wrap .cols .col .extra .timer p + p {
  margin-top: 0;
}
.last-products-slider .wrap .cols .col nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 14px 10px 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.last-products-slider .wrap .cols .col nav.buttons {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: unset;
}
.last-products-slider .wrap .cols .col nav.buttons h5 {
  color: rgb(35, 66, 143);
  font-size: 1.25rem;
  font-weight: 500;
}
.last-products-slider .wrap .cols .col nav.buttons a, .last-products-slider .wrap .cols .col nav.buttons button {
  width: -moz-calc(50%);
  width: -o-calc(50%);
  width: -webkit-calc(50%);
  width: calc(50%);
  border-radius: 4px;
  white-space: nowrap;
  padding: 0;
}
.last-products-slider .wrap .cols .col nav a, .last-products-slider .wrap .cols .col nav button {
  font-size: 1rem;
  font-weight: 500;
  border: 2px solid rgb(238, 238, 238);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 45px;
  border-radius: 5px;
  width: 30%;
  margin-left: 12px;
}
.last-products-slider .wrap .cols .col nav a.redBtn, .last-products-slider .wrap .cols .col nav button.redBtn {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  border-color: rgb(227, 4, 20);
  width: 70%;
  margin-left: 0;
}
.last-products-slider .wrap .cols .col nav a.redBtn:hover, .last-products-slider .wrap .cols .col nav button.redBtn:hover {
  color: rgb(227, 4, 20);
  background-color: transparent;
  border-color: rgb(227, 4, 20);
}
.last-products-slider .wrap .cols .col nav a + a, .last-products-slider .wrap .cols .col nav a + button, .last-products-slider .wrap .cols .col nav button + a, .last-products-slider .wrap .cols .col nav button + button {
  margin-top: 0;
}
.last-products-slider .wrap .cols .col nav a:hover, .last-products-slider .wrap .cols .col nav button:hover {
  border-color: rgb(75, 75, 74);
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
}
.last-products-slider .wrap .cols .col .added {
  background-color: rgb(105, 165, 109);
  position: absolute;
  bottom: -96px;
  left: 0;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  z-index: 100;
}
.last-products-slider .wrap .cols .col .added:after {
  content: "";
  background-image: url("/assets/images/icons/green-triangle.svg");
  width: 34px;
  height: 20px;
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -17px;
}
.last-products-slider .wrap .cols .col .added:before {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}
.last-products-slider .wrap .cols .col .added p {
  font-weight: 600;
  padding: 0 30px;
}
.last-products-slider .wrap .cols .col .added a {
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 600;
}
.last-products-slider .wrap .cols .col .added figure img {
  pointer-events: none;
}

.last-products-grid {
  margin: 0 8px 33px 8px;
}
.last-products-grid .wrap {
  max-width: 1300px;
  margin-inline: auto;
}
.last-products-grid .wrap .cols {
  display: grid;
  gap: 10px;
}
.last-products-grid .wrap .cols .col {
  border: 2px solid rgb(238, 238, 238);
  padding-bottom: 10px;
  position: relative;
  border-radius: 5px;
  height: auto;
}
.last-products-grid .wrap .cols .col figure img {
  border-radius: 10px 10px 0 0;
  height: 263px;
  object-fit: contain;
  object-position: center;
}
.last-products-grid .wrap .cols .col figure .details {
  position: absolute;
  top: 20px;
  left: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9px;
}
.last-products-grid .wrap .cols .col figure .availability {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(30, 11, 194);
  border-radius: 20px;
  height: 25px;
  padding-inline: 15px;
  margin-left: auto;
}
.last-products-grid .wrap .cols .col figure .availability p {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 500;
}
.last-products-grid .wrap .cols .col figure .green {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(26, 122, 74);
  border-radius: 20px;
  height: 25px;
  padding-inline: 15px;
  margin-left: auto;
}
.last-products-grid .wrap .cols .col figure .green p {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 500;
}
.last-products-grid .wrap .cols .col header {
  margin: 0 13px;
  padding-top: 13px;
  padding-right: 0;
}
.last-products-grid .wrap .cols .col header h4 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 0;
}
.last-products-grid .wrap .cols .col header p {
  font-size: 0.75rem;
  font-weight: 300;
}
.last-products-grid .wrap .cols .col .extra {
  margin: 0 13px;
}
.last-products-grid .wrap .cols .col .extra .pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  margin-top: 6px;
}
.last-products-grid .wrap .cols .col .extra .pricing h5 {
  color: rgb(227, 4, 20);
  font-size: 1.25rem;
  font-weight: 600;
  padding-bottom: 0;
}
.last-products-grid .wrap .cols .col .extra .pricing h5 span {
  display: inline-block;
  margin-right: 6px;
  color: rgb(75, 75, 74);
  opacity: 50%;
  font-size: 1rem;
  text-decoration: line-through;
}
.last-products-grid .wrap .cols .col .extra .pricing p {
  margin-left: 3px;
  font-weight: 300;
}
.last-products-grid .wrap .cols .col .extra .pricing .save {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(26, 122, 74);
  border-radius: 20px;
  height: 25px;
  padding-inline: 9px;
  margin-left: auto;
}
.last-products-grid .wrap .cols .col .extra .pricing .save p {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 400;
}
.last-products-grid .wrap .cols .col .extra .timer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 9px;
  background-color: rgb(238, 238, 238);
  border-radius: 20px;
  height: 28px;
  padding-inline: 9px;
  margin-top: 14px;
  font-weight: 500;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.last-products-grid .wrap .cols .col .extra .timer .timer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  column-gap: 5px;
}
.last-products-grid .wrap .cols .col .extra .timer figure {
  min-width: 18px;
}
.last-products-grid .wrap .cols .col .extra .timer figure img {
  display: block;
  width: auto;
  height: 19px;
}
.last-products-grid .wrap .cols .col .extra .timer p {
  font-weight: 500;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.last-products-grid .wrap .cols .col .extra .timer p + p {
  margin-top: 0;
}
.last-products-grid .wrap .cols .col nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 14px 10px 0;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.last-products-grid .wrap .cols .col nav.buttons {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: unset;
}
.last-products-grid .wrap .cols .col nav.buttons h5 {
  color: rgb(35, 66, 143);
  font-size: 1.25rem;
  font-weight: 500;
}
.last-products-grid .wrap .cols .col nav.buttons a, .last-products-grid .wrap .cols .col nav.buttons button {
  width: -moz-calc(50%);
  width: -o-calc(50%);
  width: -webkit-calc(50%);
  width: calc(50%);
  border-radius: 4px;
  white-space: nowrap;
  padding: 0;
}
.last-products-grid .wrap .cols .col nav a, .last-products-grid .wrap .cols .col nav button {
  font-size: 1rem;
  font-weight: 500;
  border: 2px solid rgb(238, 238, 238);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 45px;
  border-radius: 5px;
  width: 30%;
  margin-left: 12px;
}
.last-products-grid .wrap .cols .col nav a.redBtn, .last-products-grid .wrap .cols .col nav button.redBtn {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  border-color: rgb(227, 4, 20);
  width: 70%;
  margin-left: 0;
}
.last-products-grid .wrap .cols .col nav a.redBtn:hover, .last-products-grid .wrap .cols .col nav button.redBtn:hover {
  color: rgb(227, 4, 20);
  background-color: transparent;
  border-color: rgb(227, 4, 20);
}
.last-products-grid .wrap .cols .col nav a + a, .last-products-grid .wrap .cols .col nav a + button, .last-products-grid .wrap .cols .col nav button + a, .last-products-grid .wrap .cols .col nav button + button {
  margin-top: 0;
}
.last-products-grid .wrap .cols .col nav a:hover, .last-products-grid .wrap .cols .col nav button:hover {
  border-color: rgb(75, 75, 74);
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
}
.last-products-grid .wrap .cols .col .added {
  background-color: rgb(105, 165, 109);
  position: absolute;
  bottom: -96px;
  left: 0;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  z-index: 100;
}
.last-products-grid .wrap .cols .col .added:after {
  content: "";
  background-image: url("/assets/images/icons/green-triangle.svg");
  width: 34px;
  height: 20px;
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -17px;
}
.last-products-grid .wrap .cols .col .added:before {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}
.last-products-grid .wrap .cols .col .added p {
  font-weight: 600;
  padding: 0 30px;
}
.last-products-grid .wrap .cols .col .added a {
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 600;
}
.last-products-grid .wrap .cols .col .added figure img {
  pointer-events: none;
}

.no-exclusives {
  text-align: center;
  padding-block: 120px;
  padding-inline: 10px;
}
.no-exclusives .wrap {
  max-width: 649px;
  margin-inline: auto;
}
.no-exclusives .wrap p {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 12px;
  line-height: 1.42;
}
.no-exclusives .wrap a {
  color: rgb(227, 4, 20);
  text-decoration: underline;
  font-size: 0.875rem;
}

[x-cloak] {
  display: none !important;
}

.products-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(75, 75, 74, 0.5);
}
.products-modal .modal-container {
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(238, 238, 238);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: -moz-calc(100% - 32px);
  width: -o-calc(100% - 32px);
  width: -webkit-calc(100% - 32px);
  width: calc(100% - 32px);
  border-radius: 5px;
  padding-bottom: 17px;
  max-height: 100vh;
  pointer-events: all;
  max-height: 80vh;
  overflow: scroll;
}
.products-modal .modal-container .close {
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 21px;
  font-size: 0;
  z-index: 9;
}
.products-modal .modal-container .close figure img {
  display: block;
  width: auto;
  height: 19px;
}
.products-modal .modal-container .availability {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(30, 11, 194);
  border-radius: 20px;
  height: 25px;
  padding-inline: 15px;
  margin-inline: 14px;
  margin-top: 17px;
}
.products-modal .modal-container .availability p {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 400;
}
.products-modal .modal-container header {
  margin: 0 13px 20px 13px;
  padding-top: 13px;
  padding-right: 0;
}
.products-modal .modal-container header h4 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 0;
}
.products-modal .modal-container header p {
  font-size: 0.75rem;
  font-weight: 300;
}
.products-modal .modal-container .slider .thumbs {
  margin: 0 13px 20px 14px;
}
.products-modal .modal-container .slider .thumbs .swiper-wrapper .swiper-slide {
  width: 41px;
  height: 41px;
  padding: 0 !important;
  border-radius: 3px;
  border: 1px solid rgb(238, 238, 238);
  cursor: pointer;
}
.products-modal .modal-container .slider .thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  border-color: rgb(75, 75, 74);
}
.products-modal .modal-container .slider .thumbs .swiper-wrapper .swiper-slide figure {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  border: 0 !important;
  pointer-events: none;
}
.products-modal .modal-container .slider .thumbs .swiper-wrapper .swiper-slide figure img {
  height: unset !important;
  aspect-ratio: 1/1;
  height: 41px;
}
.products-modal .modal-container .slider .availability.desktop {
  display: none !important;
}
.products-modal .modal-container .slider .swiper-container .swiper-menu {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  z-index: 9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  width: -moz-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  z-index: 9;
}
.products-modal .modal-container .slider .swiper-container .swiper-menu button {
  border: 0;
  background-color: rgb(238, 238, 238);
  opacity: 1;
  width: 37px;
  height: 37px;
}
.products-modal .modal-container .slider .swiper-container .swiper-menu button:before {
  background-image: url("/assets/images/slider/previous_white.svg");
  width: 12px;
  height: 20px;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.products-modal .modal-container .slider .swiper-container .swiper-menu button.next:before {
  -webkit-transform: translateX(-50%) translateY(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) translateY(-50%) scaleX(-1);
  transform: translateX(-50%) translateY(-50%) scaleX(-1);
}
.products-modal .modal-container .slider .swiper-container .swiper-wrapper .swiper-slide {
  padding: 0 0 7px 0;
}
.products-modal .modal-container .slider .swiper-container .swiper-wrapper .swiper-slide .col + .col {
  padding-top: 22px;
}
.products-modal .modal-container .slider .swiper-container .swiper-wrapper .swiper-slide .col figure {
  border: 1px solid rgb(238, 238, 238);
  margin: 0 13px 0 14px;
  border-radius: 5px;
}
.products-modal .modal-container .slider .swiper-container .swiper-wrapper .swiper-slide .col figure img {
  border-radius: 10px 10px 0 0;
  object-fit: contain;
  object-position: center;
  height: 263px;
}
.products-modal .modal-container .extra {
  margin: 0 13px;
}
.products-modal .modal-container .extra .sub-col > p, .products-modal .modal-container .extra .sub-col .reveal p, .products-modal .modal-container .extra .sub-col .reveal {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.2;
}
.products-modal .modal-container .extra .sub-col > p + .link, .products-modal .modal-container .extra .sub-col .reveal p + .link, .products-modal .modal-container .extra .sub-col .reveal + .link {
  margin-top: 20px;
}
.products-modal .modal-container .extra .sub-col > p + p, .products-modal .modal-container .extra .sub-col > p + .reveal, .products-modal .modal-container .extra .sub-col .reveal p + p, .products-modal .modal-container .extra .sub-col .reveal p + .reveal, .products-modal .modal-container .extra .sub-col .reveal + p, .products-modal .modal-container .extra .sub-col .reveal + .reveal {
  margin-top: 18px;
}
.products-modal .modal-container .extra .specs {
  margin-top: 35px;
  max-width: 218px;
}
.products-modal .modal-container .extra .specs p {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.43;
}
.products-modal .modal-container .extra .specs p + p {
  margin-top: 0;
}
.products-modal .modal-container .extra .specs p strong {
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}
.products-modal .modal-container .extra .specs .spec-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.products-modal .modal-container .extra .counter {
  width: 100%;
  max-width: 135px;
  height: 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 4px;
  border: 1px solid rgb(188, 188, 188);
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  padding: 3px;
}
.products-modal .modal-container .extra .counter input {
  text-align: center;
  font-weight: 300;
  border: 0;
  height: 100%;
}
.products-modal .modal-container .extra .counter button {
  background-color: rgb(238, 238, 238);
  border-radius: 3px;
  min-width: 35px;
  max-width: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 0;
}
.products-modal .modal-container .extra .counter button img {
  display: block;
  width: 20px;
  height: auto;
}
.products-modal .modal-container .extra .reveal + .link {
  margin-top: 20px;
}
.products-modal .modal-container .extra .link {
  font-size: 0.875rem;
  text-decoration: underline;
  display: block;
  cursor: pointer;
  font-weight: 500;
}
.products-modal .modal-container .extra .pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  margin-top: 30px;
  border-top: 1px solid rgb(75, 75, 74);
  padding-top: 20px;
}
.products-modal .modal-container .extra .pricing h5 {
  color: rgb(227, 4, 20);
  font-size: 1.25rem;
  font-weight: 500;
  padding-bottom: 0;
}
.products-modal .modal-container .extra .pricing h5 span {
  display: inline-block;
  margin-right: 6px;
  color: rgb(75, 75, 74);
  opacity: 50%;
  font-size: 1rem;
  text-decoration: line-through;
}
.products-modal .modal-container .extra .pricing p {
  margin-left: 3px;
  font-weight: 300;
}
.products-modal .modal-container .extra .pricing .save {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(26, 122, 74);
  border-radius: 20px;
  height: 25px;
  padding-inline: 9px;
  margin-left: auto;
}
.products-modal .modal-container .extra .pricing .save p {
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 400;
}
.products-modal .modal-container .extra .timer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 9px;
  background-color: rgb(238, 238, 238);
  border-radius: 20px;
  height: 28px;
  padding-inline: 9px;
  margin-top: 14px;
  font-weight: 500;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: fit-content;
  margin-inline: auto;
}
.products-modal .modal-container .extra .timer .timer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  column-gap: 5px;
}
.products-modal .modal-container .extra .timer figure {
  min-width: 18px;
}
.products-modal .modal-container .extra .timer figure img {
  display: block;
  width: auto;
  height: 19px;
}
.products-modal .modal-container .extra .timer p {
  font-weight: 500;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.products-modal .modal-container .extra .timer p + p {
  margin-top: 0;
}
.products-modal .modal-container .extra .buttons {
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 4px;
  width: 100%;
}
.products-modal .modal-container .extra .buttons form {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  column-gap: 4px;
}
.products-modal .modal-container .extra .buttons form button {
  margin: 0;
}
.products-modal .modal-container .extra .buttons .redBtn {
  width: 100%;
  font-size: 1rem;
}

.basket-popup {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 999999999;
  max-width: 386px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  max-height: 100vh;
  overflow: scroll;
}
.basket-popup .wrap {
  margin-inline: 16px;
  margin-block: 150px;
}
.basket-popup .wrap .close {
  position: absolute;
  top: 17px;
  right: 21px;
  font-size: 0;
}
.basket-popup .wrap .close figure img {
  display: block;
  width: auto;
  height: 19px;
}
.basket-popup .wrap .content h5 {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 2.1px;
}
.basket-popup .wrap .content .image {
  border: 1px solid rgb(238, 238, 238);
  border-radius: 5px;
  margin-bottom: 15px;
}
.basket-popup .wrap .content .image figure img {
  display: block;
  aspect-ratio: 1/1;
}
.basket-popup .wrap .content h2 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 2px;
}
.basket-popup .wrap .content p {
  font-weight: 300;
  font-size: 0.875rem;
  margin-bottom: 9px;
}
.basket-popup .wrap .content .buttons {
  display: block;
  margin-top: 22px;
}
.basket-popup .wrap .content .buttons .whiteBtn {
  border: 2px solid rgb(227, 4, 20);
  margin-bottom: 10px;
}
.basket-popup .wrap .content .buttons a, .basket-popup .wrap .content .buttons button {
  width: 100%;
  max-width: unset;
  height: 50px;
  font-size: 1rem;
}
.basket-popup .wrap .content .buttons a + a {
  margin-top: 0;
}
.basket-popup .wrap .content .buttons .whiteBtn:hover {
  background-color: rgb(227, 4, 20);
}
.basket-popup .wrap .content .buttons .redBtn:hover {
  border-color: rgb(227, 4, 20);
}

.last-products-slider + .items-banner {
  margin-bottom: 95px;
}

.items-banner {
  position: relative;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.items-banner:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(238, 238, 238);
}
.items-banner .wrap {
  max-width: 1360px;
  margin-inline: auto;
}
.items-banner .wrap .banner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-top: 7px;
  padding-bottom: 8px;
}
.items-banner .wrap .banner::-webkit-scrollbar {
  display: none;
}
.items-banner .wrap .banner .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 0;
  padding: 10px 11px 6px 11px;
  position: relative;
  width: 25%;
}
.items-banner .wrap .banner .container:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: rgba(75, 75, 74, 0.5);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.items-banner .wrap .banner .container:last-of-type:after {
  display: none;
}
.items-banner .wrap .banner .container figure img {
  display: block;
  width: auto;
  height: 20px;
}
.items-banner .wrap .banner .container .text p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}
.items-banner .wrap .banner .container .text p + p {
  margin-top: 3px;
}
.items-banner .wrap .banner .container .text p strong {
  font-weight: 600;
}
.items-banner .wrap .banner .container .text p a {
  position: relative;
  font-weight: 400;
  color: rgb(75, 75, 74);
  text-decoration: none;
}
.items-banner .wrap .banner .container .text p a:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.75px;
  background-color: rgb(75, 75, 74);
  position: absolute;
  bottom: 0;
  left: 0;
}

.alt-image-cols {
  margin: 0 10px;
}
.alt-image-cols + .alt-image-cols .wrap .cols .col {
  order: 1;
}
.alt-image-cols + .alt-image-cols .wrap .cols .col.image-col {
  order: 2;
}
.alt-image-cols:last-of-type {
  margin-bottom: 54px;
}
.alt-image-cols .wrap .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.alt-image-cols .wrap .cols .col {
  width: 100%;
  margin-top: 14px;
}
.alt-image-cols .wrap .cols .col.image-col {
  margin-top: 0;
}
.alt-image-cols .wrap .cols .col:last-of-type {
  margin-bottom: 0;
}
.alt-image-cols .wrap .cols .col .content {
  text-align: center;
  width: 100%;
  padding: 42px 26px 48px 26px;
  background-color: rgb(238, 238, 238);
}
.alt-image-cols .wrap .cols .col .content figure {
  margin-bottom: 14px;
}
.alt-image-cols .wrap .cols .col .content figure img {
  display: block;
  width: 47px;
  height: auto;
  margin: 0 auto;
}
.alt-image-cols .wrap .cols .col .content h5 {
  display: block;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(35, 66, 143);
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 700;
  height: 21px;
  line-height: 21px;
  padding: 0 13px;
  margin: 0 auto 15px auto;
}
.alt-image-cols .wrap .cols .col .content h2 {
  font-size: 1.125rem;
  line-height: 1.27;
  font-weight: 600;
  margin-bottom: 20px;
}
.alt-image-cols .wrap .cols .col .content a {
  display: block;
  width: 100%;
  max-width: fit-content;
  font-weight: 700;
  font-size: 0.75rem;
  height: 30px;
  line-height: 30px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  border: 1px solid rgb(75, 75, 74);
  padding: 0 32px;
  margin: 0 auto;
  border-radius: 4px;
}
.alt-image-cols .wrap .cols .col .content a:hover {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
}
.alt-image-cols .wrap .cols .col .content a + a {
  margin-top: 20px;
}
.alt-image-cols .wrap .cols .col .image picture {
  display: block;
  width: 100%;
  height: 335px;
  position: relative;
  overflow: hidden;
}
.alt-image-cols .wrap .cols .col .image picture source, .alt-image-cols .wrap .cols .col .image picture img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.stats {
  margin: 60px 10px 0 10px;
}
.stats .wrap header {
  margin-bottom: 40px;
  padding-right: 68px;
}
.stats .wrap header h2 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.27;
  max-width: 468px;
}
.stats .wrap .cols .col {
  position: relative;
}
.stats .wrap .cols .col + .col {
  margin-top: -1px;
}
.stats .wrap .cols .col .corners figure {
  position: absolute;
}
.stats .wrap .cols .col .corners figure:nth-of-type(1) {
  top: 0;
  left: 0;
}
.stats .wrap .cols .col .corners figure:nth-of-type(2) {
  top: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.stats .wrap .cols .col .corners figure:nth-of-type(3) {
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.stats .wrap .cols .col .corners figure:nth-of-type(4) {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.stats .wrap .cols .col .corners figure img {
  display: block;
  width: 34px;
  height: 34px;
}
.stats .wrap .cols .col .content {
  margin: 0 20px;
  padding: 26px 0 30px 0;
}
.stats .wrap .cols .col .content .number {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.stats .wrap .cols .col .content span {
  display: block;
  font-size: 3.3125rem;
  margin-bottom: 10px;
  font-weight: 300;
}
.stats .wrap .cols .col .content h5 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.875rem;
}

.dropdowns {
  background-color: rgb(238, 238, 238);
  padding: 35px 10px;
}
.dropdowns .wrap header {
  margin-bottom: 40px;
}
.dropdowns .wrap .hold .expand:last-of-type {
  border-bottom: 2px solid rgb(217, 216, 214);
}
.dropdowns .wrap .hold .expand > button {
  border-top: 2px solid rgb(217, 216, 214);
  font-weight: 700;
  width: 100%;
  text-align: left;
  padding: 30px 0;
  color: rgb(156, 160, 163);
  position: relative;
}
.dropdowns .wrap .hold .expand > button.active {
  color: rgb(75, 75, 74);
}
.dropdowns .wrap .hold .expand > button.active:after {
  background-image: url("/assets/images/icons/minus.svg");
}
.dropdowns .wrap .hold .expand > button:after {
  content: "";
  background-image: url("/assets/images/icons/plus.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -10px;
}
.dropdowns .wrap .hold .expand article {
  padding-bottom: 20px;
}
.dropdowns .wrap .hold .expand article p {
  margin-bottom: 20px;
}
.dropdowns .wrap .hold .expand article .outlineBtn {
  margin-top: 60px;
}

.hero + .imageText {
  margin-top: 70px;
}

.productDropdowns {
  padding: 80px 10px 0;
}
.productDropdowns .wrap .hold .expand.expanded {
  border-bottom: 0;
}
.productDropdowns .wrap .hold .expand.expanded > button:after {
  display: none;
}
.productDropdowns .wrap .hold .expand:last-of-type {
  border-bottom: 2px solid rgb(238, 238, 238);
}
.productDropdowns .wrap .hold .expand > button {
  border-top: 2px solid rgb(238, 238, 238);
  font-weight: 900;
  width: 100%;
  text-align: left;
  padding: 40px 0;
  position: relative;
  color: rgb(75, 75, 74);
}
.productDropdowns .wrap .hold .expand > button {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .productDropdowns .wrap .hold .expand > button {
    font-size: calc(22px + 8 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .productDropdowns .wrap .hold .expand > button {
    font-size: 30px;
  }
}
.productDropdowns .wrap .hold .expand > button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.productDropdowns .wrap .hold .expand > button figure {
  margin-right: 14px;
}
.productDropdowns .wrap .hold .expand > button figure img {
  display: block;
  width: 19px;
  height: auto;
}
.productDropdowns .wrap .hold .expand > button em {
  color: rgb(227, 4, 20);
}
.productDropdowns .wrap .hold .expand > button.active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.productDropdowns .wrap .hold .expand > button:after {
  content: "";
  background-image: url("/assets/images/icons/down-arrow-black.svg");
  width: 18px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.productDropdowns .wrap .hold .expand article {
  padding-bottom: 40px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 1000ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 1000ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 1000ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 1000ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 1000ms;
  transition-property: all;
  height: 100%;
}
.productDropdowns .wrap .hold .expand article .details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.productDropdowns .wrap .hold .expand article .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.productDropdowns .wrap .hold .expand article .cols .col {
  width: 50%;
  max-width: 305px;
}
.productDropdowns .wrap .hold .expand article .cols .col + .col {
  max-width: 285px;
}
.productDropdowns .wrap .hold .expand article .cols .col a {
  border-radius: 6px;
  margin-bottom: 10px;
}
.productDropdowns .wrap .hold .expand article .cols .col a:last-of-type {
  margin-bottom: 0;
}
.productDropdowns .wrap .hold .expand article.hide {
  max-height: 0;
}
.productDropdowns .wrap .hold .expand article.reveal {
  max-height: 9999px;
}
.productDropdowns .wrap .hold .expand article table {
  width: 100%;
}
.productDropdowns .wrap .hold .expand article table thead tr th {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid rgb(238, 238, 238);
  border-right: 1px solid rgb(238, 238, 238);
  text-align: right;
}
.productDropdowns .wrap .hold .expand article table thead tr th {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .productDropdowns .wrap .hold .expand article table thead tr th {
    font-size: calc(12px + 6 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .productDropdowns .wrap .hold .expand article table thead tr th {
    font-size: 18px;
  }
}
.productDropdowns .wrap .hold .expand article table tbody tr td {
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid rgb(238, 238, 238);
  border-right: 1px solid rgb(238, 238, 238);
  text-align: right;
}
.productDropdowns .wrap .hold .expand article table tbody tr td {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .productDropdowns .wrap .hold .expand article table tbody tr td {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .productDropdowns .wrap .hold .expand article table tbody tr td {
    font-size: 16px;
  }
}
.productDropdowns .wrap .hold .expand article table tbody tr td:first-of-type {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  text-align: left;
}
.productDropdowns .wrap .hold .expand article p {
  margin-bottom: 40px;
}
.productDropdowns .wrap .hold .expand article p + a {
  margin-top: 40px;
}
.productDropdowns .wrap .hold .expand article p a {
  color: rgb(227, 4, 20);
}
.productDropdowns .wrap .hold .expand article p em {
  font-style: italic;
}
.productDropdowns .wrap .hold .expand article p strong {
  font-weight: 700;
}
.productDropdowns .wrap .hold .expand article ul {
  margin-bottom: 40px;
}
.productDropdowns .wrap .hold .expand article > a {
  max-width: 260px;
}
.productDropdowns .wrap .hold .expand article > a.download {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.productDropdowns .wrap .hold .expand article > a.download:before {
  content: "";
  background-image: url("/assets/images/icons/download.svg");
  width: 16px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  margin-right: 20px;
}
.productDropdowns .wrap .hold .expand article ul {
  margin-left: 20px;
}
.productDropdowns .wrap .hold .expand article ul li {
  font-weight: 600;
  list-style: disc;
}
.productDropdowns .wrap .hold .expand article ul li {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .productDropdowns .wrap .hold .expand article ul li {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .productDropdowns .wrap .hold .expand article ul li {
    font-size: 16px;
  }
}
.productDropdowns .wrap .hold .expand article ul li + li {
  margin-top: 10px;
}
.productDropdowns .wrap .hold .expand article ul li a {
  color: rgb(227, 4, 20);
}
.productDropdowns .wrap .hold .expand article ul li em {
  font-style: italic;
}
.productDropdowns .wrap .hold .expand article ul li strong {
  font-weight: 700;
}

.caseStudies {
  margin: 70px 10px 70px;
}
.caseStudies.static .wrap .cols .col {
  margin-bottom: 20px;
}
.caseStudies .swiper-menu {
  position: absolute;
  top: 18px;
  right: 0;
  z-index: 1000;
}
.caseStudies .wrap header {
  padding-top: 20px;
}
.caseStudies .wrap header h3 {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .caseStudies .wrap header h3 {
    font-size: calc(30px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .caseStudies .wrap header h3 {
    font-size: 32px;
  }
}
.caseStudies .wrap header + p {
  margin-top: 30px;
}
.caseStudies .wrap p {
  max-width: 540px;
  font-weight: 500;
}
.caseStudies .wrap .cols {
  margin-top: 40px;
}
.caseStudies .wrap .cols .col {
  position: relative;
}
.caseStudies .wrap .cols .col figure img {
  border-radius: 10px;
  height: 290px;
  object-fit: cover;
}
.caseStudies .wrap .cols .col header {
  margin: 0;
  background-color: rgba(75, 75, 74, 0.8);
  border-radius: 0 0 10px 10px;
  color: rgb(255, 255, 255);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 36px 10px;
}
.caseStudies .wrap .cols .col header h4 {
  font-weight: 600;
  padding-bottom: 10px;
}
.caseStudies .wrap .cols .col header h4 {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .caseStudies .wrap .cols .col header h4 {
    font-size: calc(12px + 6 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .caseStudies .wrap .cols .col header h4 {
    font-size: 18px;
  }
}
.caseStudies .wrap .cols .col header h3 {
  padding-bottom: 0;
}
.caseStudies .wrap .cols .col header h3 {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .caseStudies .wrap .cols .col header h3 {
    font-size: calc(26px + 6 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .caseStudies .wrap .cols .col header h3 {
    font-size: 32px;
  }
}

.testimonials {
  background-color: rgb(238, 238, 238);
  padding: 40px 10px;
}
.testimonials .swiper-menu {
  width: 100%;
  margin-top: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.testimonials .swiper-menu button {
  background-color: rgb(255, 255, 255);
  border: 0;
}
.testimonials .wrap header {
  text-align: center;
  margin-bottom: 40px;
}
.testimonials .wrap header h3 {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .testimonials .wrap header h3 {
    font-size: calc(30px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .testimonials .wrap header h3 {
    font-size: 32px;
  }
}
.testimonials .wrap .cols .col {
  background-color: rgb(255, 255, 255);
  padding: 50px 20px;
  border-radius: 10px;
}
.testimonials .wrap .cols .col figure {
  width: 70px;
  margin: 0 auto 44px;
}
.testimonials .wrap .cols .col article {
  text-align: center;
}
.testimonials .wrap .cols .col article h3 {
  font-size: 1.625rem;
  padding-bottom: 12px;
}
.testimonials .wrap .cols .col article h3 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .testimonials .wrap .cols .col article h3 {
    font-size: calc(22px + 8 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .testimonials .wrap .cols .col article h3 {
    font-size: 30px;
  }
}
.testimonials .wrap .cols .col article h4 {
  font-weight: 600;
  color: rgb(156, 160, 163);
  padding-bottom: 20px;
}
.testimonials .wrap .cols .col article h4 {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .testimonials .wrap .cols .col article h4 {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .testimonials .wrap .cols .col article h4 {
    font-size: 16px;
  }
}
.testimonials .wrap .cols .col article p {
  font-weight: 300;
}

.cta {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: -moz-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  right: 0;
  margin: 0 auto;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 20px;
  z-index: 10;
}
.cta.static {
  position: static;
  width: 100%;
  margin-top: 20px;
}
.cta.static .wrap {
  margin: 0;
}
.cta.static .wrap p {
  padding-right: 0;
}
.cta.static .wrap button {
  background-image: none;
  text-indent: 0;
  position: static;
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  margin-top: 15px;
  width: 100%;
  height: auto;
}
.cta.blue {
  background-color: rgb(35, 66, 143);
}
.cta .wrap button {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/close-white.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 20px;
  background-repeat: no-repeat;
}
.cta .wrap p {
  padding-right: 40px;
  line-height: 1.3;
  font-weight: 400;
}
.cta .wrap p strong {
  font-weight: 600;
}
.cta .wrap a {
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  margin-top: 15px;
}

.subheading {
  margin: 60px 0;
}
.subheading .wrap {
  margin: 0 10px;
}
.subheading .wrap header h3 {
  font-weight: 600;
}
.subheading .wrap header h3 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .subheading .wrap header h3 {
    font-size: calc(18px + 6 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .subheading .wrap header h3 {
    font-size: 24px;
  }
}

.imageText {
  margin-bottom: 60px;
}
.imageText .wrap article {
  margin: 40px 10px;
}
.imageText .wrap article header h4 {
  padding-bottom: 15px;
  font-weight: 700;
}
.imageText .wrap article header h4 {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .imageText .wrap article header h4 {
    font-size: calc(16px + 8 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .imageText .wrap article header h4 {
    font-size: 24px;
  }
}
.imageText .wrap article h3 {
  font-size: 30px;
}
@media screen and (min-width: 320px) {
  .imageText .wrap article h3 {
    font-size: calc(30px + 18 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .imageText .wrap article h3 {
    font-size: 48px;
  }
}
.imageText .wrap article h3 {
  font-weight: 400;
  color: rgb(227, 4, 20);
  line-height: 1.2;
}
.imageText .wrap article h3 + p {
  margin-top: 25px;
}
.imageText .wrap article .link {
  display: block;
  width: 100%;
  max-width: fit-content;
  background-color: transparent;
  font-size: 0.875rem;
  border-radius: 5px;
  color: rgb(227, 4, 20);
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border: 1px solid rgb(227, 4, 20);
  text-align: center;
  font-weight: 500;
  margin-top: 45px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.imageText .wrap article .link:hover {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
}
.imageText .wrap article p {
  font-weight: 600;
}
.imageText .wrap article p + p {
  margin-top: 20px;
}
.imageText .wrap article p a {
  color: rgb(227, 4, 20);
}
.imageText .wrap article p strong {
  font-weight: 800;
}
.imageText .wrap article ul {
  margin: 20px;
}
.imageText .wrap article ul li {
  font-weight: 600;
  list-style: disc;
}
.imageText .wrap article ul li {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .imageText .wrap article ul li {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .imageText .wrap article ul li {
    font-size: 16px;
  }
}
.imageText .wrap article ul li + li {
  margin-top: 10px;
}
.imageText .wrap article ul li a {
  color: rgb(227, 4, 20);
}
.imageText .wrap article ul li em {
  font-style: italic;
}
.imageText .wrap article ul li strong {
  font-weight: 700;
}

.quote {
  background-color: rgb(238, 238, 238);
  padding: 40px 10px;
}
.quote .wrap blockquote h3 {
  position: relative;
  padding-left: 20px;
}
.quote .wrap blockquote h3:before {
  content: '"';
  display: inline-block;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
}
.quote .wrap blockquote h3:before {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .quote .wrap blockquote h3:before {
    font-size: calc(22px + 10 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .quote .wrap blockquote h3:before {
    font-size: 32px;
  }
}

.client-testimonial {
  position: relative;
}
.client-testimonial .wrap .content {
  position: absolute;
  color: rgb(255, 255, 255);
  top: 0;
  left: 10px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 50px 0 76px;
}
.client-testimonial .wrap .content .testimonial-text h2 {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1.18px;
  font-weight: 500;
  padding-bottom: 40px;
}
.client-testimonial .wrap .content .testimonial-text blockquote h3 {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.2;
}
.client-testimonial .wrap .content .client-info .company-logo img {
  width: 150px;
}

.feature-grid {
  padding: 200px 0;
}
.feature-grid .wrap .header {
  padding: 0 10px;
  margin-bottom: 120px;
}
.feature-grid .wrap .header .title-section {
  padding-right: 30px;
}
.feature-grid .wrap .header .title-section h2 {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.2;
  padding-bottom: 25px;
}
.feature-grid .wrap .header .title-section p {
  font-weight: 400;
  font-size: 0.875rem;
}
.feature-grid .wrap .features .swiper-menu {
  width: 90px;
  margin: 30px auto 0;
}
.feature-grid .wrap .features .swiper-menu button {
  background-color: rgb(227, 4, 20);
  border-color: rgb(227, 4, 20);
  width: 37px;
  height: 37px;
}
.feature-grid .wrap .features .swiper-menu button:before {
  width: 10px;
  height: 18px;
  margin: -9px 0 0 -5px;
}
.feature-grid .wrap .features .swiper-menu button.previous:before {
  background-image: url("/assets/images/slider/previous_white.svg");
}
.feature-grid .wrap .features .swiper-menu button.next:before {
  background-image: url("/assets/images/slider/next_white.svg");
}
.feature-grid .wrap .features .feature-item {
  background-color: rgba(225, 10, 20, 0.05);
  height: 100%;
  color: rgb(227, 4, 20);
  min-height: 360px;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.feature-grid .wrap .features .feature-item .icon {
  width: 60px;
}
.feature-grid .wrap .features .feature-item h3 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.3;
  padding-bottom: 25px;
}
.feature-grid .wrap .features .feature-item p {
  font-size: 0.875rem;
  font-weight: 400;
}

.comparison-blocks {
  padding: 100px 0;
}
.comparison-blocks .wrap header {
  padding: 0 30px 0 10px;
  margin-bottom: 120px;
}
.comparison-blocks .wrap header h2 {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.2;
  padding-bottom: 25px;
}
.comparison-blocks .wrap header p {
  font-weight: 400;
  font-size: 0.875rem;
}
.comparison-blocks .wrap .comparison-grid {
  margin: 0 10px;
}
.comparison-blocks .wrap .comparison-grid .item {
  background-color: #EEE;
  border-radius: 10px 10px 0 0;
}
.comparison-blocks .wrap .comparison-grid .item + .item {
  margin-top: 100px;
}
.comparison-blocks .wrap .comparison-grid .item .content {
  padding: 40px 0 0;
}
.comparison-blocks .wrap .comparison-grid .item .content .text {
  padding: 0 20px 30px;
}
.comparison-blocks .wrap .comparison-grid .item .content .image picture img {
  border-radius: 0 0 10px 10px;
}
.comparison-blocks .wrap .comparison-grid .item .content header {
  margin: 0;
  padding: 0;
  margin-bottom: 62px;
}
.comparison-blocks .wrap .comparison-grid .item .content header h3 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.2;
}
.comparison-blocks .wrap .comparison-grid .item .content header p.subtitle {
  font-size: 1.25rem;
  line-height: 1.2;
}
.comparison-blocks .wrap .comparison-grid .item .content ul li {
  border-bottom: 1px solid #4B4B4A;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.large-text-banner {
  background-color: rgb(227, 4, 20);
  padding: 100px 50px;
  color: rgb(255, 255, 255);
  text-align: center;
}
.large-text-banner .wrap .content h2 {
  font-weight: 400;
  font-size: 1.875rem;
  padding-bottom: 20px;
}
.large-text-banner .wrap .content p {
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 30px;
}

.key-features {
  margin-bottom: 200px;
}
.key-features .wrap {
  margin: 0 10px;
}
.key-features .wrap header {
  margin-bottom: 65px;
}
.key-features .wrap header h2 {
  font-weight: 400;
  font-size: 1.875rem;
}
.key-features .wrap .features .row {
  border-top: 1px solid #4B4B4A;
  padding: 65px 0;
}
.key-features .wrap .features .row:last-of-type {
  border-bottom: 1px solid #4B4B4A;
}
.key-features .wrap .features .row .title h3 {
  font-weight: 500;
  font-size: 1.25rem;
  padding-bottom: 30px;
}
.key-features .wrap .features .row .content {
  padding-right: 30px;
}
.key-features .wrap .features .row .content p {
  font-size: 0.875rem;
  font-weight: 400;
}
.key-features .wrap .features .row .content p + ol {
  margin-top: 20px;
}
.key-features .wrap .features .row .content ol li {
  list-style: decimal;
  list-style-position: inside;
  font-size: 0.875rem;
}
.key-features .wrap .features .row .content ol li + li {
  margin-top: 10px;
}
.key-features .wrap .bottom-content {
  margin-top: 65px;
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: 400;
}

.image-banner {
  margin-block: 37px;
}
.image-banner .wrap .image {
  height: 150px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.image-banner .wrap .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.image-banner .wrap .image figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.image-banner .wrap .image .text-container {
  position: absolute;
  top: 0;
  left: 0;
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: -moz-calc(100% - 30px);
  height: -o-calc(100% - 30px);
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px);
  z-index: 2;
  padding: 20px 10px 10px 10px;
}
.image-banner .wrap .image .text-container .text {
  margin-bottom: 20px;
  width: 100%;
}
.image-banner .wrap .image .text-container .text h5 {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.8px;
  padding-bottom: 2px;
}
.image-banner .wrap .image .text-container .text h2 {
  color: rgb(255, 255, 255);
  font-size: 1.375rem;
  font-weight: 400;
}
.image-banner .wrap .image .text-container a {
  display: block;
  width: 100%;
  max-width: 437px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
}
.image-banner .wrap .image .text-container a:hover figure img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(0%) hue-rotate(81deg) brightness(103%) contrast(101%);
}
.image-banner .wrap .image .text-container a figure img {
  display: block;
  width: auto;
  height: 18px;
  position: unset;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}

.branch-intro .wrap .image {
  position: relative;
  overflow: hidden;
  height: 365px;
  pointer-events: none;
}
.branch-intro .wrap .image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.branch-intro .wrap .image figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.branch-intro .wrap .image .text-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  pointer-events: all;
}
.branch-intro .wrap .image .text-container nav.breadcrumbs ul li {
  font-weight: 400;
  color: rgb(255, 255, 255);
}
.branch-intro .wrap .image .text-container nav.breadcrumbs ul li.active {
  color: rgb(255, 255, 255);
}
.branch-intro .wrap .image .text-container .text {
  color: rgb(255, 255, 255);
  padding-inline: 10px;
  padding-block: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: -moz-calc(100% - 32px);
  height: -o-calc(100% - 32px);
  height: -webkit-calc(100% - 32px);
  height: calc(100% - 32px);
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
}
.branch-intro .wrap .image .text-container .text > div {
  width: 100%;
}
.branch-intro .wrap .image .text-container .text h5 {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.8px;
  padding-bottom: 5px;
}
.branch-intro .wrap .image .text-container .text h1, .branch-intro .wrap .image .text-container .text h2 {
  color: rgb(255, 255, 255);
  font-size: 1.375rem;
  font-weight: 400;
}
.branch-intro .wrap .image .text-container .text p {
  font-weight: 400;
  font-size: 0.75rem;
  max-width: 666px;
  line-height: 1.2;
}

.textPanel {
  margin: 80px 10px;
}
.textPanel.standardText {
  margin-top: 10px;
}
.textPanel.standardText .wrap article > header h3, .textPanel.standardText .wrap article > header h1, .textPanel.standardText .wrap article > header h2 {
  font-weight: 800;
}
.textPanel.missing {
  position: relative;
}
.textPanel.missing .wrap .accent-image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
.textPanel.missing .wrap .accent-image img {
  display: block;
  width: 290px;
  height: auto;
}
.textPanel.missing .wrap article {
  position: relative;
  z-index: 1;
  max-width: 782px;
  margin: 0 auto;
}
.textPanel.missing .wrap article .content {
  max-width: 525px;
}
.textPanel.missing .wrap article .content header {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.textPanel.missing .wrap article .content header h3 {
  margin-bottom: 20px;
}
.textPanel.missing .wrap article .content header h3:last-of-type {
  margin-bottom: 0;
}
.textPanel.missing .wrap article .content p {
  position: relative;
  z-index: 1;
  color: rgb(111, 111, 110);
}
.textPanel.missing .wrap article .content .branch {
  position: relative;
  z-index: 1;
  background-color: rgb(238, 238, 238);
  border-radius: 4px;
  padding: 13px 12px;
  margin-top: 30px;
  max-width: 515px;
}
.textPanel.missing .wrap article .content .branch form {
  margin-top: 11px;
  position: relative;
  display: block;
}
.textPanel.missing .wrap article .content .branch form.valid button[type=submit] {
  background-color: rgb(227, 4, 20);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  pointer-events: all;
}
.textPanel.missing .wrap article .content .branch form.valid button[type=submit] figure img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(176%) hue-rotate(76deg) brightness(109%) contrast(100%);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.textPanel.missing .wrap article .content .branch form .marker {
  position: absolute;
  top: 13px;
  left: 12px;
}
.textPanel.missing .wrap article .content .branch form .marker img {
  display: block;
  width: 16px;
  height: auto;
}
.textPanel.missing .wrap article .content .branch form .input {
  margin-bottom: 0;
  width: 100%;
}
.textPanel.missing .wrap article .content .branch form .input:before {
  display: none;
}
.textPanel.missing .wrap article .content .branch form .input input {
  font-size: 1rem;
  font-weight: 600;
  padding: 0 40px;
}
.textPanel.missing .wrap article .content .branch form .input input::placeholder {
  font-size: 0.875rem;
  font-weight: 600;
}
.textPanel.missing .wrap article .content .branch form button[type=submit] {
  position: absolute;
  top: 6px;
  max-height: 38px;
  right: 6px;
  background-color: rgb(238, 238, 238);
  width: 100%;
  margin-top: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  height: 100%;
  max-width: 39px;
  min-width: 39px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.textPanel.missing .wrap article .content .branch form button[type=submit] figure {
  pointer-events: none;
  max-width: fit-content;
  margin: 0 auto;
  width: 100%;
}
.textPanel.missing .wrap article .content .branch form button[type=submit] figure img {
  display: block;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 19px;
  height: auto;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.textPanel.missing .wrap article .content .branch p {
  color: rgb(75, 75, 74);
}
.textPanel.missing .wrap article .content .branch p.error {
  margin-top: 8px;
}
.textPanel.missing .wrap article .content .branch .top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.textPanel.missing .wrap article .content .branch .top .heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.textPanel.missing .wrap article .content .branch .top .heading figure {
  margin-right: 10px;
}
.textPanel.missing .wrap article .content .branch .top .heading figure img {
  display: block;
  width: 22px;
  height: auto;
}
.textPanel.missing .wrap article .content .branch .top .heading h5 {
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.textPanel.missing .wrap article .content .branch .top .heading h2 {
  font-size: 1.25rem;
  color: rgb(227, 4, 20);
  font-weight: 600;
  padding: 0;
}
.textPanel.missing .wrap article .content .branch .top > a {
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: underline;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.textPanel.missing .wrap article .content .branch .top > a:hover {
  color: rgb(156, 160, 163);
}
.textPanel.missing .wrap article .content .branch .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.textPanel.missing .wrap article .content .branch .buttons a {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  color: rgb(255, 255, 255);
  font-weight: 700;
  width: 100%;
  background-color: rgb(75, 75, 74);
  border-radius: 4px;
  max-width: -moz-calc(50% - 6px);
  max-width: -o-calc(50% - 6px);
  max-width: -webkit-calc(50% - 6px);
  max-width: calc(50% - 6px);
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  margin-top: 20px;
  border: 1px solid rgb(75, 75, 74);
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.textPanel.missing .wrap article .content .branch .buttons a:hover {
  background-color: transparent;
  color: rgb(75, 75, 74);
}
.textPanel.missing .wrap article .content .change-branch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 0.75rem;
  color: rgb(35, 66, 143);
  font-weight: 600;
  margin-top: 15px;
  margin-left: 8px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.textPanel.missing .wrap article .content .change-branch:hover {
  opacity: 0.6;
}
.textPanel.missing .wrap article .content .change-branch figure {
  margin-right: 7px;
}
.textPanel.missing .wrap article .content .change-branch figure img {
  display: block;
  width: 18px;
  height: auto;
}
.textPanel .wrap article .article-container {
  position: relative;
}
.textPanel .wrap article > header {
  padding-bottom: 42px !important;
  margin-bottom: 93px !important;
  border-bottom: 0 !important;
  position: relative;
}
.textPanel .wrap article > header:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -93px;
  width: 100vw;
  height: 93px;
  background: rgb(238, 238, 238);
  background: linear-gradient(0deg, rgba(238, 238, 238, 0) 0%, rgb(238, 238, 238) 100%);
  pointer-events: none;
}
.textPanel .wrap article > header h1, .textPanel .wrap article > header h2 {
  font-weight: 300 !important;
  font-size: 1.875rem !important;
  margin-top: 30px;
}
.textPanel .wrap article > header h3 em, .textPanel .wrap article > header h1 em, .textPanel .wrap article > header h2 em {
  color: rgb(227, 4, 20);
}
.textPanel .wrap article > header .btn {
  width: 180px;
  margin-top: 30px;
}
.textPanel .wrap article > header .contact {
  row-gap: 19px;
}
.textPanel .wrap article > header .contact a, .textPanel .wrap article > header .contact address {
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-weight: 300;
  border-radius: 0;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 1rem;
  column-gap: 10px;
  width: 100%;
}
.textPanel .wrap article > header .contact a img, .textPanel .wrap article > header .contact address img {
  max-width: 21px;
  min-width: 21px;
  max-height: 21px;
  object-fit: contain;
  object-position: center;
}
.textPanel .wrap article > header .contact .details {
  margin-top: 37px;
}
.textPanel .wrap article > header .contact .details h5 {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1.8px;
  padding-bottom: 0;
  margin-bottom: 16px;
}
.textPanel .wrap article > header .contact .details .links {
  margin-top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 7px;
  column-gap: 12px;
  border-bottom: 0;
  padding-bottom: 0;
}
.textPanel .wrap article > header .contact .details .links a {
  width: 100%;
  max-width: fit-content;
  position: relative;
}
.textPanel .wrap article > header .contact .details .links a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 0.75px;
  background-color: rgb(75, 75, 74);
}
.textPanel .wrap article > header .mapInfo {
  margin-top: 24px;
  position: relative;
}
.textPanel .wrap article > header .mapInfo .map {
  height: 187px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 auto;
}
.textPanel .wrap article > header .mapInfo address {
  background-color: rgb(238, 238, 238);
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  margin-top: 20px;
}
.textPanel .wrap article .icon {
  margin-top: 50px;
}
.textPanel .wrap article .icon img {
  width: 50px;
  height: 48px;
  margin: 0 auto;
}
.textPanel .wrap article .profile figure {
  width: 167px;
}
.textPanel .wrap article .profile .description {
  margin-top: 40px;
}
.textPanel .wrap article .profile .description h4 {
  padding-bottom: 5px;
  font-weight: 700;
}
.textPanel .wrap article .profile .description h4 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .textPanel .wrap article .profile .description h4 {
    font-size: calc(22px + 10 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .textPanel .wrap article .profile .description h4 {
    font-size: 32px;
  }
}
.textPanel .wrap article .profile .description h5 {
  padding-bottom: 15px;
}
.textPanel .wrap article .profile .description h5 {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .textPanel .wrap article .profile .description h5 {
    font-size: calc(16px + 6 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .textPanel .wrap article .profile .description h5 {
    font-size: 22px;
  }
}
.textPanel .wrap article .profile .btn {
  width: 180px;
}
.textPanel .wrap article .redBtn {
  margin-top: 30px;
}
.textPanel .wrap article h3 + p {
  margin-top: 30px;
}
.textPanel .wrap article h4, .textPanel .wrap article h5 {
  font-weight: 600;
  padding-bottom: 20px;
  line-height: 1.2;
}
.textPanel .wrap article h4, .textPanel .wrap article h5 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .textPanel .wrap article h4, .textPanel .wrap article h5 {
    font-size: calc(18px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .textPanel .wrap article h4, .textPanel .wrap article h5 {
    font-size: 22px;
  }
}
.textPanel .wrap article p + h3 {
  margin-top: 60px;
}
.textPanel .wrap article h4 {
  font-weight: 700;
}
.textPanel .wrap article p + h4 {
  margin-top: 40px;
}
.textPanel .wrap article p + h5 {
  margin-top: 40px;
}
.textPanel .wrap article p {
  font-weight: 600;
}
.textPanel .wrap article p a {
  color: rgb(227, 4, 20);
  font-weight: 700;
  text-decoration: underline;
}
.textPanel .wrap article p + p {
  margin-top: 20px;
}
.textPanel .wrap article p strong {
  font-weight: 700;
}
.textPanel .wrap article ul, .textPanel .wrap article ol {
  margin: 34px 0;
}
.textPanel .wrap article ul li, .textPanel .wrap article ol li {
  line-height: 1.2;
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}
.textPanel .wrap article ul li, .textPanel .wrap article ol li {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .textPanel .wrap article ul li, .textPanel .wrap article ol li {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .textPanel .wrap article ul li, .textPanel .wrap article ol li {
    font-size: 16px;
  }
}
.textPanel .wrap article ul li + li, .textPanel .wrap article ol li + li {
  margin-top: 10px;
}
.textPanel .wrap article ul li:before, .textPanel .wrap article ol li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgb(217, 216, 214);
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
}
.textPanel .wrap .links {
  margin-top: 80px;
  padding-bottom: 80px;
  border-bottom: 2px solid rgb(238, 238, 238);
}
.textPanel .wrap .links h4 {
  font-weight: 700;
  padding-bottom: 20px;
  line-height: 1.2;
}
.textPanel .wrap .links h4 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .textPanel .wrap .links h4 {
    font-size: calc(18px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .textPanel .wrap .links h4 {
    font-size: 22px;
  }
}
.textPanel .wrap nav:not(.breadcrumbs) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
.textPanel .wrap nav:not(.breadcrumbs) a, .textPanel .wrap nav:not(.breadcrumbs) button {
  width: 100%;
  padding: 15px;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.textPanel .wrap nav:not(.breadcrumbs) a + a, .textPanel .wrap nav:not(.breadcrumbs) button + a {
  margin-left: 0;
}
.textPanel .wrap nav:not(.breadcrumbs) a + button, .textPanel .wrap nav:not(.breadcrumbs) button + button {
  margin-left: 0;
}
.textPanel .wrap .icons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 25px;
}
.textPanel .wrap .icons figure {
  margin-right: 20px;
}
.textPanel .wrap .icons figure img {
  display: block;
  height: 20px;
  width: auto;
}
.textPanel .wrap h1, .textPanel .wrap h2 {
  margin-bottom: 25px;
}
.textPanel .wrap h3 {
  margin-bottom: 25px;
}
.textPanel .wrap p {
  max-width: 590px;
  font-weight: 700;
}
.textPanel .wrap p + p {
  margin-top: 10px;
}
.textPanel .wrap p + form {
  margin-top: 40px;
}
.textPanel .wrap p a {
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  color: #00f;
}
.textPanel .wrap .success {
  margin: 50px 0 25px 0;
}
.textPanel .wrap .redBtn {
  margin-top: 25px;
  max-width: 260px;
  display: inline-block;
}
.textPanel .wrap .redBtn.back {
  background-color: rgb(156, 160, 163);
  border-color: rgb(156, 160, 163);
}
.textPanel .wrap .redBtn.back:hover {
  color: rgb(156, 160, 163);
  background-color: transparent;
}
.textPanel .wrap .container {
  margin-bottom: 25px;
}
.textPanel .wrap .error-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.textPanel .wrap .error-container .error.red {
  color: rgb(227, 4, 20);
}
.textPanel .wrap .error-container + .button button {
  margin-top: 20px;
}
.textPanel .wrap form {
  max-width: 1300px;
  margin: 0 auto;
}
.textPanel .wrap form .error-container {
  margin-bottom: 0;
}
.textPanel .wrap form h5 {
  font-weight: 700;
  font-size: 0.75rem;
  margin-left: 16px;
}
.textPanel .wrap form #card-payment-1 {
  margin-left: -15px;
  margin-right: -15px;
}
.textPanel .wrap form .message {
  display: block;
}
.textPanel .wrap form .input {
  position: relative;
}
.textPanel .wrap form .input.amount .input-container {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 50px;
}
.textPanel .wrap form .input.amount .input-container input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.textPanel .wrap form .input.amount .input-container .currency {
  height: 100%;
  width: 100%;
  max-width: fit-content;
  padding: 0 15px;
  background-color: rgb(238, 238, 238);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  pointer-events: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.textPanel .wrap form .input.amount .input-container .currency p {
  color: rgb(0, 0, 0);
  font-size: 20px;
}
.textPanel .wrap form .input .contain {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.textPanel .wrap form .input .note {
  font-size: 0.75rem;
  margin-left: 8px;
  font-weight: 400;
  color: rgb(40, 69, 245);
  display: none;
}
.textPanel .wrap form .input ul[data-errorlist] {
  position: absolute;
  bottom: 22px;
  right: 48px;
}
.textPanel .wrap form .input ul[data-errorlist] li {
  font-weight: 700;
}
.textPanel .wrap form button {
  max-width: 260px;
}
.textPanel .wrap form .image {
  margin: 0 -15px;
  overflow: hidden;
  max-width: 570px;
}
.textPanel .wrap form .image picture {
  position: relative;
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.textPanel .wrap form .image picture img, .textPanel .wrap form .image picture source {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.textPanel .wrap form .details {
  background-color: rgb(244, 247, 250);
  padding: 15px 30px;
  margin: 0 -15px 14px -15px;
  overflow: hidden;
  border-bottom: 1px solid rgb(242, 242, 242);
  max-width: 570px;
}
.textPanel .wrap form .details p {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 400;
  margin-top: 0;
}
.textPanel .wrap form .details p + p {
  margin-top: 0;
}
.textPanel .wrap form .details p:last-of-type {
  margin-bottom: 0;
}
.textPanel .wrap form .details p.total {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: right;
}
.textPanel .wrap form .details p span {
  font-size: 0.75rem;
  font-weight: 700;
  opacity: 0.7;
  display: block;
}

.locationPanel {
  margin: 80px 10px;
}
.locationPanel .wrap .col {
  text-align: center;
}
.locationPanel .wrap .col + .col {
  margin-top: 30px;
}
.locationPanel .wrap .col header {
  position: relative;
  margin-bottom: 10px;
}
.locationPanel .wrap .col header:before {
  content: "";
  display: block;
  background-image: url("/assets/images/header_icons/location.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 30px;
  margin: 0 auto 10px;
}
.locationPanel .wrap .col header h3 em {
  color: rgb(227, 4, 20);
}
.locationPanel .wrap .col p {
  font-weight: 600;
  max-width: 525px;
  margin: 0 auto;
}
.locationPanel .wrap .col form {
  max-width: 260px;
  margin: 0 auto;
}
.locationPanel .wrap .col form .input ul {
  display: none;
}
.locationPanel .wrap .col form button {
  margin-top: 10px;
  opacity: 0.5;
}
.locationPanel .wrap .col nav {
  max-width: 260px;
  margin: 0 auto;
}
.locationPanel .wrap .col nav strong {
  font-weight: 700;
}
.locationPanel .wrap .col nav a + a {
  margin-top: 10px;
}

.solutionPanel {
  border-top: 2px solid rgb(238, 238, 238);
  padding: 60px 0;
  margin: 0 10px;
  border-bottom: 2px solid rgb(238, 238, 238);
}
.solutionPanel .wrap header {
  max-width: 230px;
}
.solutionPanel .wrap .row article h4 {
  font-weight: 700;
  font-size: 1.125rem;
  padding-bottom: 10px;
}
.solutionPanel .wrap .row article > a {
  width: 185px;
  margin-top: 40px;
}

.standardText {
  margin: 10px 10px 100px;
}
.standardText .wrap article > header {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 2px solid rgb(238, 238, 238);
}
.standardText .wrap article > header h3 em {
  color: rgb(227, 4, 20);
}
.standardText .wrap article p {
  font-weight: 600;
}
.standardText .wrap article p + p {
  margin-top: 20px;
}
.standardText .wrap article ul {
  margin: 34px 0;
}
.standardText .wrap article ul li {
  line-height: 1.2;
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}
.standardText .wrap article ul li {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .standardText .wrap article ul li {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .standardText .wrap article ul li {
    font-size: 16px;
  }
}
.standardText .wrap article ul li + li {
  margin-top: 10px;
}
.standardText .wrap article ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgb(217, 216, 214);
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
}
.standardText .wrap nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.standardText .wrap nav a {
  width: 50%;
}
.standardText .wrap nav a + a {
  margin-left: 20px;
}

.formPanel {
  margin: 0 10px;
  padding-bottom: 80px;
  border-bottom: 2px solid rgb(238, 238, 238);
}
.formPanel.productQuote.infoBox {
  background-color: rgb(238, 238, 238);
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  max-width: 385px;
  border-radius: 12px;
  padding: 21px 10px 14px 10px;
  margin: 0 auto 10px auto;
}
.formPanel.productQuote.infoBox .wrap form > div p {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.38;
  margin-bottom: 20px;
}
.formPanel.productQuote.infoBox .wrap form > div .input .input-container {
  position: relative;
}
.formPanel.productQuote.infoBox .wrap form > div .input .input-container figure {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
}
.formPanel.productQuote.infoBox .wrap form > div .input .input-container figure img {
  display: block;
  width: 100%;
  max-width: 16px;
  height: auto;
}
.formPanel.productQuote.infoBox .wrap form > div .input .note {
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0;
  margin-left: 10px;
  width: -moz-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
}
.formPanel.productQuote.infoBox .wrap form > div .input.half {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.formPanel.productQuote.infoBox .wrap form > div .input.half label {
  width: 100%;
}
.formPanel.productQuote.infoBox .wrap form > div .input.half .input-container {
  width: -moz-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
}
.formPanel.productQuote.infoBox .wrap form > div .input.tickbox {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.formPanel.productQuote.infoBox .wrap form > div .input.tickbox input {
  background-color: rgb(255, 255, 255);
  border: 0;
  width: 100%;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  font-size: 1rem;
  border-radius: 2px;
  cursor: pointer;
}
.formPanel.productQuote.infoBox .wrap form > div .input.tickbox span {
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  top: 7px;
  left: 5px;
}
.formPanel.productQuote.infoBox .wrap form > div .input.tickbox label {
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 600;
  margin-left: 11px;
  width: 100%;
}
.formPanel.productQuote.infoBox .wrap form > div .input label {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 0 6px 16px;
}
.formPanel.productQuote.infoBox .wrap form > div .input button[type=submit] {
  margin-top: 15px;
  background-color: rgb(227, 5, 20);
  font-size: 0.875rem;
  font-weight: 700;
}
.formPanel.productQuote.infoBox .wrap form > div .input input {
  font-size: 1rem;
  font-weight: 500;
  text-overflow: ellipsis;
  padding: 0 10px;
}
.formPanel.productQuote .wrap form:valid button[type=submit] {
  opacity: 100%;
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
}
.formPanel.productQuote .wrap form button.desktop {
  display: none;
}
.formPanel.productQuote .wrap form button.outlineBtn {
  margin-top: 40px;
}
.formPanel.productQuote .wrap form legend {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid rgb(75, 75, 74);
}
.formPanel.productQuote .wrap form legend {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .formPanel.productQuote .wrap form legend {
    font-size: calc(14px + 2 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .formPanel.productQuote .wrap form legend {
    font-size: 16px;
  }
}
.formPanel.productQuote .wrap form button[type=submit] {
  color: rgb(255, 255, 255);
  background-color: #D9D8D6;
}
.formPanel .wrap .bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(238, 238, 238);
  height: 90px;
  z-index: 1000;
  -webkit-box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.1);
}
.formPanel .wrap .bottom button {
  width: 270px;
  position: absolute;
  top: 50%;
  right: 80px;
  margin: -26px auto 0 auto !important;
  right: 0;
  left: 0;
}

.quote-container .quotation {
  margin-bottom: 60px;
}
.quote-container .quotation .wrap header h3 + p {
  margin-top: 18px;
}
.quote-container .quotation .wrap header p:last-of-type {
  margin-bottom: 38px;
}
.quote-container .quotation .wrap header .outlineBtn {
  display: inline;
  margin-left: 10px;
}
.quote-container .quotation .wrap .quickAdd header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid rgb(75, 75, 74);
  padding-bottom: 13px;
  margin-bottom: 12px;
}
.quote-container .quotation .wrap .quickAdd header h4 {
  font-size: 0.75rem;
  font-weight: 700;
  width: 50%;
  text-align: center;
}
.quote-container .quotation .wrap .quickAdd header h4:first-of-type {
  text-align: left;
}
.quote-container .quotation .wrap .quickAdd header h4:last-of-type {
  width: -moz-calc(50% - 22px);
  width: -o-calc(50% - 22px);
  width: -webkit-calc(50% - 22px);
  width: calc(50% - 22px);
}
.quote-container .quotation .wrap .quickAdd .wrap .counter {
  width: 100%;
  max-width: 84px;
  height: 29px;
  flex-direction: row;
  margin-left: 0;
  margin: 0 auto;
  border-radius: 4px;
  width: -moz-calc(50%);
  width: -o-calc(50%);
  width: -webkit-calc(50%);
  width: calc(50%);
}
.quote-container .quotation .wrap .quickAdd .wrap .counter input {
  border: 0;
  order: 2;
  margin: 2px;
  height: -moz-calc(100% - 4px);
  height: -o-calc(100% - 4px);
  height: -webkit-calc(100% - 4px);
  height: calc(100% - 4px);
}
.quote-container .quotation .wrap .quickAdd .wrap .counter button.plus {
  order: 3;
}
.quote-container .quotation .wrap .quickAdd .wrap .counter button img {
  width: 12px;
}
.quote-container .quotation .wrap .quickAdd .wrap form {
  padding: 0;
}
.quote-container .quotation .wrap .quickAdd .wrap form .empty {
  font-size: 0.75rem;
  color: rgb(156, 160, 163);
  margin-top: 22px;
  text-decoration: underline;
  font-weight: 600;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold {
  border-bottom: 1px solid rgb(156, 160, 163);
  padding-bottom: 15px;
  padding-top: 12px;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold + .hold {
  margin-top: 0;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .bin {
  margin-left: 0;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .drag-handle {
  background-image: url("/assets/images/icons/drag-updated.svg");
  width: 10px;
  height: 7px;
  display: none;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .inputs-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .inputs-container .sub-container {
  width: -moz-calc(50%);
  width: -o-calc(50%);
  width: -webkit-calc(50%);
  width: calc(50%);
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .inputs-container .sub-container .label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  margin-top: 5px;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .inputs-container .sub-container .label-container label + label {
  margin-left: 20px;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold label {
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 700;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold label span {
  font-size: 0.75rem;
  font-weight: 700;
  color: rgb(156, 160, 163);
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .input {
  position: relative;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .input input {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .input label {
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 700;
  position: relative;
  top: unset;
  left: unset;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  width: 100%;
}
.quote-container .quotation .wrap .quickAdd .wrap form .hold .input label span {
  font-size: 0.75rem;
  font-weight: 700;
  color: rgb(75, 75, 74);
  margin-bottom: 0;
}

.ad-cols {
  margin: 0 10px;
  padding-bottom: 68px;
}
.ad-cols .wrap .alert {
  border-radius: 7px;
  background-color: rgb(35, 66, 143);
  padding: 16px 9px 12px 9px;
  margin-bottom: 8px;
}
.ad-cols .wrap .alert figure {
  margin-bottom: 16px;
}
.ad-cols .wrap .alert figure svg, .ad-cols .wrap .alert figure img {
  display: block;
  width: 50px;
  height: auto;
}
.ad-cols .wrap .alert h5 {
  color: rgb(35, 66, 143);
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  background-color: rgb(255, 255, 255);
  max-width: fit-content;
}
.ad-cols .wrap .alert p {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 10px;
  color: rgb(255, 255, 255);
}
.ad-cols .wrap .alert a {
  display: block;
  width: 100%;
  max-width: fit-content;
  color: rgb(255, 255, 255);
  font-size: 0.8125rem;
  border: 1px solid rgb(255, 255, 255);
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  padding: 0 30px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.ad-cols .wrap .alert a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(35, 66, 143);
}
.ad-cols .wrap .info .image {
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.ad-cols .wrap .info .image figure {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.ad-cols .wrap .info .image figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.ad-cols .wrap .info .image p {
  display: block;
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  height: 23px;
  line-height: 23px;
  padding: 0 12px;
  position: absolute;
  top: 10px;
  left: 0;
}
.ad-cols .wrap .info .content {
  border: 1px solid rgb(238, 238, 238);
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 13px 5px 24px 5px;
}
.ad-cols .wrap .info .content h5 {
  color: rgb(227, 4, 20);
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 5px;
}
.ad-cols .wrap .info .content p {
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.3;
}

.featuredBanner {
  position: relative;
}
.featuredBanner .wrap figure img {
  height: 400px;
  object-fit: cover;
}
.featuredBanner .wrap .content {
  background-color: rgb(255, 255, 255);
  padding: 42px 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  border-radius: 10px;
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  right: 0;
  margin: 0 auto;
  max-width: 550px;
}
.featuredBanner .wrap .content header h3 {
  font-weight: 600;
}
.featuredBanner .wrap .content .book-survey {
  margin-top: 40px;
  line-height: 1;
  width: 200px;
}
.featuredBanner .wrap .content .greyBtn {
  margin-top: 20px;
}

.quickAdd, .contactModal, .quoteModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  height: -moz-calc(100% + 70px);
  height: -o-calc(100% + 70px);
  height: -webkit-calc(100% + 70px);
  height: calc(100% + 70px);
  background-color: rgb(255, 255, 255);
  overflow: auto;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  display: none;
}
.quickAdd.show, .contactModal.show, .quoteModal.show {
  display: block;
}
.quickAdd .wrap, .contactModal .wrap, .quoteModal .wrap {
  margin: 0 10px;
  padding-bottom: 270px;
  overflow: auto;
}
.quickAdd .wrap header, .contactModal .wrap header, .quoteModal .wrap header {
  padding: 24px 0;
  border-bottom: 2px solid rgb(238, 238, 238);
  position: relative;
}
.quickAdd .wrap header h2, .contactModal .wrap header h2, .quoteModal .wrap header h2 {
  color: rgb(227, 4, 20);
  font-weight: 700;
}
.quickAdd .wrap header h2, .contactModal .wrap header h2, .quoteModal .wrap header h2 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .quickAdd .wrap header h2, .contactModal .wrap header h2, .quoteModal .wrap header h2 {
    font-size: calc(22px + 23 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .quickAdd .wrap header h2, .contactModal .wrap header h2, .quoteModal .wrap header h2 {
    font-size: 45px;
  }
}
.quickAdd .wrap header .close, .contactModal .wrap header .close, .quoteModal .wrap header .close {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/close.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
}

.quickAdd {
  padding-top: 30px;
}
.quickAdd .wrap header {
  border-bottom: 0;
  padding: 0;
  text-align: center;
}
.quickAdd .wrap p {
  font-weight: 300;
}
.quickAdd .wrap .product {
  padding: 0;
  border-bottom: 0;
}
.quickAdd .wrap .product figure {
  width: 70px;
  margin: 0 auto 20px;
}
.quickAdd .wrap .product .close {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/close.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
}
.quickAdd .wrap .product header {
  padding-bottom: 24px;
  border-bottom: 2px solid rgb(238, 238, 238);
  margin-bottom: 24px;
}
.quickAdd .wrap .product header h4 {
  font-size: 1rem;
  font-weight: 700;
}
.quickAdd .wrap .product header h4 + h4 {
  margin-top: 10px;
}
.quickAdd .wrap .product header h4.red {
  color: rgb(227, 4, 20);
}
.quickAdd .wrap form {
  padding: 30px 0;
}
.quickAdd .wrap form:valid button[type=submit] {
  opacity: 100%;
}
.quickAdd .wrap form button[type=submit] {
  opacity: 30%;
}
.quickAdd .wrap form button {
  margin-top: 0;
  width: auto;
  text-decoration: underline;
}
.quickAdd .wrap form button.redBtn {
  text-decoration: none;
}
.quickAdd .wrap form p {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
.quickAdd .wrap form p {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .quickAdd .wrap form p {
    font-size: calc(16px + 6 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .quickAdd .wrap form p {
    font-size: 22px;
  }
}
.quickAdd .wrap form .hold {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.quickAdd .wrap form .hold + .hold {
  margin-top: 10px;
}
.quickAdd .wrap form .hold .input {
  position: relative;
  width: -moz-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}
.quickAdd .wrap form .hold .input input {
  height: 114px;
  border-radius: 10px;
  background-color: rgb(238, 238, 238);
  /*
  						&:checked {
  							border: 2px solid $black;

  							& ~ label {
  								//color: $white;
  							}
  						}
  */
}
.quickAdd .wrap form .hold .input label {
  font-weight: 600;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  pointer-events: none;
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  line-height: 1.1;
}
.quickAdd .wrap form .hold .input label span {
  font-size: 1em;
  display: block;
  font-weight: 300;
  margin-bottom: 10px;
}
.quickAdd .wrap form .hold .input label span:first-of-type {
  width: 100%;
  font-weight: 600;
}
.quickAdd .wrap .bin {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/bin.svg");
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 15px;
  position: relative;
  top: 4px;
  display: none;
}
.quickAdd .wrap .counter {
  background-color: rgb(238, 238, 238);
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 114px;
  width: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 20px;
}
.quickAdd .wrap .counter.desktop {
  display: none;
}
.quickAdd .wrap .counter input {
  text-align: center;
}
.quickAdd .wrap .counter input::placeholder {
  color: rgb(75, 75, 74);
}
.quickAdd .wrap .counter span, .quickAdd .wrap .counter input {
  background-color: rgb(255, 255, 255);
  color: rgb(75, 75, 74);
  font-weight: 600;
  height: 42px;
  width: 42px;
  padding: 0;
  border-radius: 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  order: 2;
  margin: 7px 20px;
}
.quickAdd .wrap .counter button.plus {
  order: 1;
}
.quickAdd .wrap .counter button.minus {
  order: 3;
}
.quickAdd .wrap .counter button img {
  width: 20px;
  pointer-events: none;
}
.quickAdd .wrap .bottom {
  margin-top: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: rgb(238, 238, 238);
  height: 90px;
  /*
  		-webkit-box-shadow: 0px -5px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px -5px 6px 0px rgba(0,0,0,0.1);
  box-shadow: 0px -5px 6px 0px rgba(0,0,0,0.1);
  */
}
.quickAdd .wrap .bottom button {
  width: 100%;
  margin-bottom: 10px;
  width: 270px;
  position: absolute;
  top: 50%;
  margin: -26px auto 0 auto !important;
  right: 0;
  left: 0;
}
.quickAdd .wrap .bottom button[disabled] {
  background-color: #D9D8D6;
}
.quickAdd .wrap .bottom button:hover {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  border-color: transparent;
}
.quickAdd .wrap .bottom button.active {
  background-color: rgb(227, 4, 20);
}
.quickAdd .wrap .bottom button.active:hover {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  border-color: transparent;
}
.quickAdd .wrap .bottom button.another {
  border-color: rgb(227, 4, 20);
  color: rgb(227, 4, 20);
  position: relative;
  text-align: left;
}
.quickAdd .wrap .bottom button.another:hover {
  background-color: transparent;
}
.quickAdd .wrap .bottom button.another:after {
  content: "";
  background-image: url("/assets/images/icons/red-plus.svg");
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  background-repeat: no-repeat;
  background-size: contain;
}

.contactModal .wrap .cols .col {
  margin-top: 30px;
}
.contactModal .wrap .cols .col h4 {
  font-weight: 600;
  text-align: center;
  padding-bottom: 10px;
}
.contactModal .wrap .cols .col .contact {
  background-color: rgb(238, 238, 238);
  border-radius: 10px;
  padding: 15px;
}
.contactModal .wrap .cols .col .contact p {
  font-weight: 600;
  font-size: 0.875rem;
}
.contactModal .wrap .cols .col .contact p a {
  text-decoration: underline;
}

.quoteModal .wrap .infoBox {
  background-color: rgb(35, 66, 143);
  border-radius: 10px;
  padding: 15px;
  color: rgb(255, 255, 255);
  margin-top: 40px;
}
.quoteModal .wrap .infoBox p strong {
  font-weight: 700;
}
.quoteModal .wrap form {
  margin: 40px 0 0 0;
}

.reviewModal .wrap header {
  border-bottom: 2px solid rgb(238, 238, 238);
  padding: 24px 0;
}
.reviewModal .wrap header h3 {
  color: rgb(227, 4, 20);
  padding-bottom: 10px;
  font-size: 1.375rem;
}
.reviewModal .wrap header h5 {
  font-weight: 600;
  font-size: 0.875rem;
}
.reviewModal .wrap header h5 strong {
  font-weight: 700;
}
.reviewModal .wrap .cta {
  height: auto;
}
.reviewModal .wrap .cta .wrap {
  padding-bottom: 0;
}
.reviewModal .wrap .bottom .redBtn {
  width: 100%;
}

.branches {
  margin: 10px 10px 80px;
}
.branches .wrap header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 20px;
}
.branches .wrap header h1 {
  font-size: 1.875rem;
}
.branches .wrap header nav.views {
  width: 140px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.branches .wrap header nav.views button {
  height: 50px;
  position: relative;
  width: 64px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  text-indent: -9999px;
  font-size: 0;
  background-color: rgb(238, 238, 238);
  border-radius: 10px;
}
.branches .wrap header nav.views button.active {
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(227, 4, 20);
  border-radius: 10px;
}
.branches .wrap header nav.views button.active:before {
  background-image: url("/assets/images/icons/map-active.svg");
}
.branches .wrap header nav.views button:before {
  content: "";
  background-image: url("/assets/images/icons/map-inactive.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 28px;
  display: inline-block;
}
.branches .wrap header nav.views button + button:before {
  background-image: url("/assets/images/icons/branch-list-inactive.svg");
  height: 24px;
  width: 38px;
}
.branches .wrap header nav.views button + button.active:before {
  background-image: url("/assets/images/icons/branch-list-active.svg");
}
.branches .wrap .mapView, .branches .wrap .listView {
  display: none;
}
.branches .wrap .mapView.show, .branches .wrap .listView.show {
  display: block;
}
.branches .wrap .mapView .map {
  height: 500px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.branches .wrap .listView .expand:last-of-type {
  border-bottom: 2px solid rgb(238, 238, 238);
}
.branches .wrap .listView .expand button {
  border-top: 2px solid rgb(238, 238, 238);
  font-weight: 700;
  width: 100%;
  text-align: left;
  padding: 30px 0;
  color: rgb(156, 160, 163);
  position: relative;
}
.branches .wrap .listView .expand button.active {
  color: rgb(75, 75, 74);
}
.branches .wrap .listView .expand button.active:after {
  height: 2px;
  margin-top: -1px;
  background-image: url("/assets/images/icons/minus.svg");
}
.branches .wrap .listView .expand button:after {
  content: "";
  background-image: url("/assets/images/icons/plus.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -10px;
}
.branches .wrap .listView .expand div ul {
  margin-bottom: 10px;
}
.branches .wrap .listView .expand div ul li {
  border: 2px solid rgb(238, 238, 238);
  border-radius: 10px;
  padding: 12px 20px;
  margin-bottom: 10px;
  position: relative;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.branches .wrap .listView .expand div ul li.active h4 {
  color: rgb(227, 4, 20);
}
.branches .wrap .listView .expand div ul li.active p:first-of-type {
  display: block;
}
.branches .wrap .listView .expand div ul li {
  /*
  							&:hover {
  								background-color: $red;
  								color: $white;
  								border-color: $red;

  								&:after {
  									background-image: url('/assets/images/icons/right-arrow-white.svg');
  								}

  								h4 {
  									color: $white;
  								}
  							}
  */
}
.branches .wrap .listView .expand div ul li:after {
  content: "";
  background-image: url("/assets/images/icons/right-arrow.svg");
  width: 21px;
  height: 21px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  pointer-events: none;
}
.branches .wrap .listView .expand div ul li p + h4 {
  margin-top: 5px;
}
.branches .wrap .listView .expand div ul li p {
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 400;
}
.branches .wrap .listView .expand div ul li p:first-of-type {
  display: none;
}
.branches .wrap .listView .expand div ul li h4 {
  font-weight: 600;
  font-size: 1rem;
  padding-bottom: 5px;
}

.quotation {
  margin: 10px 0;
}
.quotation .wrap {
  margin: 0 10px;
}
.quotation .wrap header {
  margin-bottom: 20px;
}
.quotation .wrap header h1,
.quotation .wrap header h3 {
  font-weight: 800;
}
.quotation .wrap article p + nav {
  margin: 20px 0;
}
.quotation .wrap .quickAdd {
  position: static;
  background-color: transparent;
  margin: 0;
  padding: 0;
  height: auto;
}
.quotation .wrap .quickAdd .wrap {
  padding: 0;
  margin: 0;
}
.quotation .wrap .quickAdd .wrap .bottom .counter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: auto;
  width: auto;
  height: 50px;
  padding: 0 10px;
  margin-right: 20px;
}
.quotation .wrap .quickAdd .wrap .bottom .counter button.plus {
  order: 3;
}
.quotation .wrap .quickAdd .wrap form .hold {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.quotation .wrap .quickAdd .wrap form .hold .drag-handle {
  background-image: url("/assets/images/icons/drag.svg");
  width: 18px;
  height: 10px;
  display: block;
  background-repeat: no-repeat;
  font-size: 0;
  background-size: contain;
  margin-right: 20px;
}
.quotation .wrap .quickAdd .wrap form .hold .bin {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/bin.svg");
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px;
  display: block;
}
.quotation .wrap .quickAdd .wrap form .hold .input {
  width: 100%;
}
.individualProduct {
  margin-top: 10px;
}
.individualProduct .wrap {
  margin: 0 10px;
}
.individualProduct .wrap .hold .productImage {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 68px;
}
.individualProduct .wrap .hold .productImage .swiper-menu {
  position: absolute;
  bottom: 0;
  z-index: 100;
  right: 28px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.individualProduct .wrap .hold .productImage .swiper-menu .next {
  background-image: url("/assets/images/icons/thumbs_button.svg");
  width: 40px;
  height: 100px;
  border: 0;
  background-color: transparent;
}
.individualProduct .wrap .hold .productImage .swiper-menu .next:before {
  display: none;
}
.individualProduct .wrap .hold .productImage .gallery {
  width: -moz-calc(100% - 90px);
  width: -o-calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
  float: left;
  position: static;
}
.individualProduct .wrap .hold .productImage .gallery .swiper-container {
  max-height: fit-content;
}
.individualProduct .wrap .hold .productImage .gallery .swiper-container .swiper-wrapper {
  max-height: fit-content;
  margin-bottom: 20px;
}
.individualProduct .wrap .hold .productImage .gallery .swiper-container .swiper-wrapper .swiper-slide {
  max-height: fit-content;
}
.individualProduct .wrap .hold .productImage .gallery .swiper-container .bundle {
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: rgb(35, 66, 143);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  z-index: 9;
}
.individualProduct .wrap .hold .productImage .gallery .swiper-container .bundle p {
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 700;
  font-size: 0.8125rem;
  max-width: fit-content;
  margin: 0 auto;
}
.individualProduct .wrap .hold .productImage .gallery > p {
  font-size: 0.875rem;
  font-weight: 500;
}
.individualProduct .wrap .hold .productImage .gallery .stock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 30px;
}
.individualProduct .wrap .hold .productImage .gallery .stock figure {
  margin-right: 8px;
}
.individualProduct .wrap .hold .productImage .gallery .stock figure img {
  display: block;
  height: auto;
  width: 29px;
}
.individualProduct .wrap .hold .productImage .gallery .stock p {
  color: rgb(105, 165, 109);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0;
}
.individualProduct .wrap .hold .productImage .gallery .stock a {
  display: block;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 400;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.individualProduct .wrap .hold .productImage .gallery .stock a:hover {
  color: rgb(227, 4, 20);
}
.individualProduct .wrap .hold .productImage .thumbs {
  width: 70px;
  float: left;
  margin-left: 20px;
}
.individualProduct .wrap .hold .productImage .thumbs .swiper-container {
  max-width: 220px;
  margin-left: 0;
}
.individualProduct .wrap .hold .productImage .thumbs .swiper-container .swiper-wrapper {
  transform: translate3d(0, 0px, 0px);
}
.individualProduct .wrap .hold .productImage .thumbs .swiper-container .swiper-wrapper .swiper-slide {
  border: 2px solid transparent;
  height: 70px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
  opacity: 0.5;
  overflow: hidden;
}
.individualProduct .wrap .hold .productImage .thumbs .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid rgb(238, 238, 238);
  opacity: 1;
}
.individualProduct .wrap .hold .productImage .thumbs .swiper-container .swiper-wrapper .swiper-slide figure {
  border-radius: 10px;
  overflow: hidden;
}
.individualProduct .wrap .hold .productImage .thumbs .swiper-container .swiper-wrapper .swiper-slide figure img {
  width: 100%;
  height: auto;
  margin: auto;
}
.individualProduct .wrap .hold section .sticky-product-header {
  position: fixed;
  top: 184px;
  left: 0;
  width: 100vw;
  height: 140px;
  z-index: 999999;
  background-color: rgb(255, 255, 255);
  display: none;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  height: -moz-calc(100% - 42px);
  height: -o-calc(100% - 42px);
  height: -webkit-calc(100% - 42px);
  height: calc(100% - 42px);
  padding: 0 40px;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .title .image {
  width: 100%;
  max-width: 85px;
  margin-right: 15px;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .title .image figure img {
  display: block;
  width: 85px;
  height: auto;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .title p {
  font-size: 1.125rem;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .title p strong {
  font-weight: 700;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .input-container {
  position: relative;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .input-container.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .input-container select, .individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .input-container input, .individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .input-container textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  font-size: 1rem;
  border: 1px solid rgb(75, 75, 74);
  border-radius: 4px;
  height: 35px;
  line-height: 30px;
  padding: 0 15px;
  min-width: 250px;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .input-container figure {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .input-container figure img {
  display: block;
  width: 16px;
  height: auto;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .quantity-selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: rgb(238, 238, 238);
  border-radius: 4px;
  width: 100%;
  height: 35px;
  position: relative;
  max-width: 128px;
  margin: 0 8px;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .quantity-selector button[type=button] {
  margin: 0 5px;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .quantity-selector button[type=button] span figure {
  position: unset;
  left: unset;
  right: unset;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .quantity-selector button[type=button] span figure img {
  display: block;
  width: 16px;
  height: auto;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details .quantity-selector input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: rgb(255, 255, 255);
  font-size: 1rem;
  text-align: center;
  height: 100%;
  border-top: 2px solid rgb(238, 238, 238);
  border-bottom: 2px solid rgb(238, 238, 238);
  width: 100%;
  max-width: 70px;
  margin: 0 auto;
}
.individualProduct .wrap .hold section .sticky-product-header .header-wrap .details a {
  padding: 9px 12px;
  font-size: 0.75rem;
  width: 100%;
  max-width: fit-content;
}
.individualProduct .wrap .hold section .sticky-product-header .menu {
  border-top: 1px solid rgb(238, 238, 238);
  height: 42px;
}
.individualProduct .wrap .hold section .sticky-product-header .menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 40px;
  position: relative;
  height: 100%;
}
.individualProduct .wrap .hold section .sticky-product-header .menu ul:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: rgb(238, 238, 238);
  background: linear-gradient(0deg, rgb(238, 238, 238) 0%, rgba(0, 0, 0, 0) 60%);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  opacity: 50%;
}
.individualProduct .wrap .hold section .sticky-product-header .menu ul li {
  font-weight: 600;
  font-size: 0.875rem;
}
.individualProduct .wrap .hold section .sticky-product-header .menu ul li + li {
  margin-left: 60px;
}
.individualProduct .wrap .hold section header {
  margin-bottom: 25px;
}
.individualProduct .wrap .hold section header .tag {
  font-size: 0.75rem;
  width: 100%;
  max-width: fit-content;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 13px;
}
.individualProduct .wrap .hold section header .tag.blue {
  background-color: rgb(35, 66, 143);
  color: rgb(255, 255, 255);
}
.individualProduct .wrap .hold section header .tag.green {
  background-color: rgb(105, 165, 109);
  color: rgb(255, 255, 255);
}
.individualProduct .wrap .hold section header .tag.red {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
}
.individualProduct .wrap .hold section header h5.new {
  background-color: rgb(105, 165, 109);
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 8px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
}
.individualProduct .wrap .hold section header h3, .individualProduct .wrap .hold section header h1 {
  font-weight: 800;
}
.individualProduct .wrap .hold section header h4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  color: rgb(105, 165, 109);
  margin-bottom: 20px;
}
.individualProduct .wrap .hold section header h4 figure {
  margin-right: 7px;
}
.individualProduct .wrap .hold section header h4 figure img {
  display: block;
  width: 26px;
  height: auto;
}
.individualProduct .wrap .hold section header .view {
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: underline;
}
.individualProduct .wrap .hold section article .details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.individualProduct .wrap .hold section article .details .hire .link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  color: rgb(255, 255, 255);
  width: 100%;
  max-width: fit-content;
  padding: 0 7px;
}
.individualProduct .wrap .hold section article .details .hire .link.lightBlue {
  background-color: rgb(84, 192, 194);
}
.individualProduct .wrap .hold section article .details .hire .link.orange {
  background-color: rgb(238, 123, 24);
}
.individualProduct .wrap .hold section article .details .hire .link p {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0 25px 0 6px;
}
.individualProduct .wrap .hold section article .details .hire .link figure.arrow img {
  width: 14px;
}
.individualProduct .wrap .hold section article .details .hire .link figure img {
  display: block;
  width: 15px;
  height: auto;
}
.individualProduct .wrap .hold section article p {
  margin-bottom: 20px;
}
.individualProduct .wrap .hold section article h4 {
  font-size: 1.625rem;
  font-weight: 500;
  color: rgb(35, 66, 143);
  line-height: 1;
}
.individualProduct .wrap .hold section article h4 + h4 em {
  display: block;
}
.individualProduct .wrap .hold section article h4 em {
  font-size: 0.75rem;
  font-weight: 700;
}
.individualProduct .wrap .hold section article .input {
  margin-bottom: 20px;
  margin-top: 30px;
}
.individualProduct .wrap .hold section article .input.error .input-container input, .individualProduct .wrap .hold section article .input.error .input-container select, .individualProduct .wrap .hold section article .input.error .input-container textarea {
  border-color: rgb(227, 5, 20);
}
.individualProduct .wrap .hold section article .input.date .input-container figure {
  right: unset;
  left: 15px;
}
.individualProduct .wrap .hold section article .input.date .input-container figure img {
  width: 24px;
}
.individualProduct .wrap .hold section article .input.date .input-container input {
  padding: 0 13px 0 50px;
  line-height: 40px;
}
.individualProduct .wrap .hold section article .input.checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.individualProduct .wrap .hold section article .input.checkbox .input-container {
  margin-right: 14px;
}
.individualProduct .wrap .hold section article .input.checkbox .input-container input {
  display: block;
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid rgb(75, 75, 74);
  padding: 0;
}
.individualProduct .wrap .hold section article .input.checkbox .input-container figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  right: unset;
}
.individualProduct .wrap .hold section article .input.checkbox .input-container figure img {
  display: block;
  width: 20px;
  height: auto;
}
.individualProduct .wrap .hold section article .input.checkbox label {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 8px;
}
.individualProduct .wrap .hold section article .input.checkbox label strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.individualProduct .wrap .hold section article .input label {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
}
.individualProduct .wrap .hold section article .input .error {
  color: rgb(227, 5, 20);
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 4px;
}
.individualProduct .wrap .hold section article .input .input-container {
  position: relative;
}
.individualProduct .wrap .hold section article .input .input-container.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.individualProduct .wrap .hold section article .input .input-container select, .individualProduct .wrap .hold section article .input .input-container input, .individualProduct .wrap .hold section article .input .input-container textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  font-size: 1rem;
  border: 2px solid rgb(75, 75, 74);
  border-radius: 4px;
  height: 45px;
  line-height: 42px;
  padding: 0 15px;
}
.individualProduct .wrap .hold section article .input .input-container figure {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}
.individualProduct .wrap .hold section article .input .input-container figure img {
  display: block;
  width: 16px;
  height: auto;
}
.individualProduct .wrap .hold section article .input .input-container .toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  background-color: rgb(238, 238, 238);
  border-radius: 4px;
  position: relative;
  width: 100%;
  max-width: 125px;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.individualProduct .wrap .hold section article .input .input-container .toggle.toggled p {
  color: rgb(75, 75, 74);
}
.individualProduct .wrap .hold section article .input .input-container .toggle.toggled p + p {
  color: rgb(255, 255, 255);
}
.individualProduct .wrap .hold section article .input .input-container .toggle.toggled span {
  left: -moz-calc(50% + 5px);
  left: -o-calc(50% + 5px);
  left: -webkit-calc(50% + 5px);
  left: calc(50% + 5px);
}
.individualProduct .wrap .hold section article .input .input-container .toggle * {
  pointer-events: none;
}
.individualProduct .wrap .hold section article .input .input-container .toggle p {
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  width: -moz-calc(50% - 5px);
  width: -o-calc(50% - 5px);
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.individualProduct .wrap .hold section article .input .input-container .toggle p + p {
  color: rgb(75, 75, 74);
}
.individualProduct .wrap .hold section article .input .input-container .toggle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgb(75, 75, 74);
  width: -moz-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  height: -moz-calc(100% - 8px);
  height: -o-calc(100% - 8px);
  height: -webkit-calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 3px;
}
.individualProduct .wrap .hold section article .input .input-container .row {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 4px 8px;
  border-top: 2px solid rgb(238, 238, 238);
}
.individualProduct .wrap .hold section article .input .input-container .row:last-of-type {
  margin-bottom: 40px;
  border-bottom: 2px solid rgb(238, 238, 238);
}
.individualProduct .wrap .hold section article .input .input-container .row .main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.individualProduct .wrap .hold section article .input .input-container .row .quantity-selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: rgb(238, 238, 238);
  border-radius: 4px;
  width: 100%;
  height: 30px;
  position: relative;
  max-width: 128px;
}
.individualProduct .wrap .hold section article .input .input-container .row .quantity-selector button[type=button] {
  margin: 0 5px;
}
.individualProduct .wrap .hold section article .input .input-container .row .quantity-selector button[type=button] span figure {
  position: unset;
  left: unset;
  right: unset;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.individualProduct .wrap .hold section article .input .input-container .row .quantity-selector button[type=button] span figure img {
  display: block;
  width: 16px;
  height: auto;
}
.individualProduct .wrap .hold section article .input .input-container .row .quantity-selector input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: rgb(255, 255, 255);
  font-size: 1rem;
  text-align: center;
  height: 100%;
  border-top: 2px solid rgb(238, 238, 238);
  border-bottom: 2px solid rgb(238, 238, 238);
  width: 100%;
  max-width: 70px;
  margin: 0 auto;
}
.individualProduct .wrap .hold section article .input .input-container .row .image {
  width: 100%;
  max-width: fit-content;
  min-width: 62px;
  margin-right: 15px;
  position: unset;
  left: unset;
  right: unset;
  transform: translate(0);
}
.individualProduct .wrap .hold section article .input .input-container .row .image img {
  display: block;
  width: 62px;
  height: auto;
}
.individualProduct .wrap .hold section article .input .input-container .row p {
  font-weight: 500;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.individualProduct .wrap .hold section article .input .input-container .row p.price {
  color: rgb(35, 66, 143);
}
.individualProduct .wrap .hold section article .input .cols {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.individualProduct .wrap .hold section article .input .cols .col {
  width: 50%;
}
.individualProduct .wrap .hold section article .input .cols .col + .col {
  margin-left: 10px;
}
.individualProduct .wrap .hold section article .complete {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 40px;
  border-top: 2px solid rgb(238, 238, 238);
  padding-top: 20px;
}
.individualProduct .wrap .hold section article .complete.no-border {
  border-top: 0;
}
.individualProduct .wrap .hold section article .complete .quantity-selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: rgb(238, 238, 238);
  border-radius: 4px;
  width: 40%;
  margin-right: 9px;
  height: 50px;
  position: relative;
}
.individualProduct .wrap .hold section article .complete .quantity-selector button[type=button] {
  margin: 0 5px;
}
.individualProduct .wrap .hold section article .complete .quantity-selector button[type=button] span figure img {
  display: block;
  width: 19px;
  height: auto;
}
.individualProduct .wrap .hold section article .complete .quantity-selector input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background-color: rgb(255, 255, 255);
  font-size: 1.5rem;
  text-align: center;
  height: 100%;
  border-top: 2px solid rgb(238, 238, 238);
  border-bottom: 2px solid rgb(238, 238, 238);
  width: 100%;
}
.individualProduct .wrap .hold section article .complete .total + button[type=submit] {
  max-width: 222px;
}
.individualProduct .wrap .hold section article .complete button[type=submit] {
  width: 60%;
}
.individualProduct .wrap .hold section article .stock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-bottom: 100px;
}
.individualProduct .wrap .hold section article .stock figure {
  margin-right: 8px;
}
.individualProduct .wrap .hold section article .stock figure img {
  display: block;
  height: auto;
  width: 29px;
}
.individualProduct .wrap .hold section article .stock p {
  color: rgb(105, 165, 109);
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0;
}
.individualProduct .wrap .hold section article .stock a {
  display: block;
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 700;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.individualProduct .wrap .hold section article .stock a:hover {
  color: rgb(227, 4, 20);
}
.individualProduct .wrap .hold section article > a {
  width: 210px;
  padding-left: 0;
  padding-right: 0;
}

.additionalInfo {
  background-color: rgb(238, 238, 238);
  padding: 80px 0;
}
.additionalInfo .wrap {
  text-align: center;
}
.additionalInfo .wrap .cols .col + .col {
  margin-top: 40px;
}
.additionalInfo .wrap .cols .col h3 {
  padding-bottom: 10px;
}
.additionalInfo .wrap .cols .col address {
  line-height: 1.5;
  font-weight: 600;
}
.additionalInfo .wrap .cols .col address {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .additionalInfo .wrap .cols .col address {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .additionalInfo .wrap .cols .col address {
    font-size: 16px;
  }
}
.additionalInfo .wrap .cols .col .directions {
  font-weight: 600;
  color: rgb(227, 4, 20);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 20px;
}
.additionalInfo .wrap .cols .col .directions {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .additionalInfo .wrap .cols .col .directions {
    font-size: calc(12px + 4 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .additionalInfo .wrap .cols .col .directions {
    font-size: 16px;
  }
}
.additionalInfo .wrap .cols .col .directions:before {
  content: "";
  background-image: url("/assets/images/icons/directions.svg");
  width: 15px;
  height: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}
.additionalInfo .wrap .cols .col p + p {
  margin-top: 20px;
}
.additionalInfo .wrap .cols .col p a {
  text-decoration: underline;
}
.additionalInfo .wrap .cols .col .map {
  height: 230px;
  width: 230px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
}

.quoteOptions {
  padding: 55px 0;
  position: relative;
}
.quoteOptions:before {
  content: "";
  display: block;
  width: 100vw;
  height: 94px;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(238, 238, 238, 0.6) 100%);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.quoteOptions .wrap {
  margin: 0 10px;
}
.quoteOptions .wrap header {
  margin-bottom: 30px;
}
.quoteOptions .wrap header h3 {
  font-size: 1.125rem;
  font-weight: 900;
}
.quoteOptions .wrap header h3 em {
  color: rgb(156, 160, 163);
}
.quoteOptions .wrap .table {
  width: 100%;
  overflow: hidden;
  border-radius: 3px;
}
.quoteOptions .wrap .table .heading {
  background-color: rgb(238, 238, 238);
  padding: 19px 10px;
  margin-bottom: 0;
}
.quoteOptions .wrap .table .heading h5 {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: left;
}
.quoteOptions .wrap .table .body .row {
  border-bottom: 2px solid rgb(238, 238, 238);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 22px 8px 12px 8px;
}
.quoteOptions .wrap .table .body .row p {
  font-size: 0.875rem;
  font-weight: 400;
  width: 50%;
}
.quoteOptions .wrap .table .body .row .container {
  width: 50%;
}
.quoteOptions .wrap .table .body .row .container div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.quoteOptions .wrap .table .body .row .container div h5 {
  color: rgb(156, 160, 163);
  font-size: 0.75rem;
  line-height: 1.33;
  font-weight: 600;
  width: 50%;
}
.quoteOptions .wrap .table .body .row .container div p {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.33;
  width: 50%;
}
.quoteOptions .wrap .select {
  width: 100%;
  border-color: rgb(227, 4, 20);
  color: rgb(227, 4, 20);
  height: 60px;
  text-align: left;
  position: relative;
}
.quoteOptions .wrap .select:hover {
  background-color: transparent;
}
.quoteOptions .wrap .select.active {
  border-color: rgb(238, 238, 238);
  color: rgb(156, 160, 163);
  background-color: rgb(238, 238, 238);
}
.quoteOptions .wrap .select.active:after {
  background-image: url("/assets/images/icons/up-arrow.svg");
}
.quoteOptions .wrap .select:after {
  content: "";
  width: 100%;
  background-image: url("/assets/images/icons/down-arrow-red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  pointer-events: none;
  right: 20px;
}
.quoteOptions .wrap .filters header h4 {
  font-size: 1.125rem;
  font-weight: 700;
  display: inline-block;
}
.quoteOptions .wrap .contain.showProducts form, .quoteOptions .wrap .contain.showProducts .bottom {
  display: block;
}
.quoteOptions .wrap .added {
  background-color: rgb(105, 165, 109);
  position: relative;
  margin-top: 20px;
  color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 270px;
  z-index: 100;
}
.quoteOptions .wrap .added:before {
  content: "";
  background-image: url("/assets/images/icons/tick.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -8px;
}
.quoteOptions .wrap .added:after {
  content: "";
  background-image: url("/assets/images/icons/green-triangle.svg");
  width: 34px;
  height: 20px;
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -17px;
}
.quoteOptions .wrap .added p {
  font-weight: 600;
  text-align: center;
  padding-left: 20px;
}
.quoteOptions .wrap .added a {
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 600;
}
.quoteOptions .wrap form {
  margin-top: 20px;
}
.quoteOptions .wrap form button {
  margin-top: 0;
  width: auto;
}
.quoteOptions .wrap form p {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
.quoteOptions .wrap form p {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .quoteOptions .wrap form p {
    font-size: calc(16px + 6 * (100vw - 320px) / 980);
  }
}
@media screen and (min-width: 1300px) {
  .quoteOptions .wrap form p {
    font-size: 22px;
  }
}
.quoteOptions .wrap form .bin {
  text-indent: -9999px;
  background-image: url("/assets/images/icons/bin.svg");
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 15px;
  position: relative;
}
.quoteOptions .wrap form .bin.show {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
}
.quoteOptions .wrap form .hold {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.quoteOptions .wrap form .hold + .hold {
  margin-top: 10px;
}
.quoteOptions .wrap form .hold .input {
  position: relative;
  width: -moz-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}
.quoteOptions .wrap form .hold .input input {
  height: 114px;
  border-radius: 10px;
  background-color: rgb(238, 238, 238);
  /*
  						&:checked {
  							border: 2px solid $black;

  							& ~ label {
  								color: $black;
  							}
  						}
  */
}
.quoteOptions .wrap form .hold .input .isChecked {
  border: 2px solid rgb(75, 75, 74);
}
.quoteOptions .wrap form .hold .input .isChecked ~ label {
  color: rgb(75, 75, 74);
}
.quoteOptions .wrap form .hold .input label {
  font-weight: 600;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  pointer-events: none;
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  line-height: 1.1;
}
.quoteOptions .wrap form .hold .input label span {
  font-size: 1em;
  display: block;
  font-weight: 300;
  margin-bottom: 10px;
}
.quoteOptions .wrap form .hold .input label span:first-of-type {
  width: 100%;
  font-weight: 600;
}
.quoteOptions .wrap .counter {
  background-color: rgb(238, 238, 238);
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 114px;
  width: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 20px;
}
.quoteOptions .wrap .counter.desktop {
  display: none;
}
.quoteOptions .wrap .counter input {
  text-align: center;
}
.quoteOptions .wrap .counter input::placeholder {
  color: rgb(75, 75, 74);
}
.quoteOptions .wrap .counter span, .quoteOptions .wrap .counter input {
  background-color: rgb(255, 255, 255);
  color: rgb(75, 75, 74);
  font-weight: 600;
  height: 42px;
  width: 42px;
  padding: 0;
  border-radius: 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  order: 2;
  margin: 7px 20px;
}
.quoteOptions .wrap .counter button.plus {
  order: 1;
}
.quoteOptions .wrap .counter button.minus {
  order: 3;
}
.quoteOptions .wrap .counter button img {
  width: 20px;
  pointer-events: none;
}
.quoteOptions .wrap .bottom {
  margin-top: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: rgb(238, 238, 238);
  height: 90px;
  -webkit-box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.1);
}
.quoteOptions .wrap .bottom button {
  width: 100%;
  margin-bottom: 10px;
  width: 270px;
  position: absolute;
  top: 50%;
  margin: -26px auto 0 auto !important;
  right: 0;
  left: 0;
}
.quoteOptions .wrap .bottom button[disabled] {
  background-color: #D9D8D6;
}
.quoteOptions .wrap .bottom button:hover {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  border-color: transparent;
}
.quoteOptions .wrap .bottom button.active {
  background-color: rgb(227, 4, 20);
}
.quoteOptions .wrap .bottom button.active:hover {
  background-color: rgb(227, 4, 20);
  color: rgb(255, 255, 255);
  border-color: transparent;
}
.quoteOptions .wrap .bottom button.another {
  border-color: rgb(227, 4, 20);
  color: rgb(227, 4, 20);
  position: relative;
  text-align: left;
}
.quoteOptions .wrap .bottom button.another:hover {
  background-color: transparent;
}
.quoteOptions .wrap .bottom button.another:after {
  content: "";
  background-image: url("/assets/images/icons/red-plus.svg");
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  background-repeat: no-repeat;
  background-size: contain;
}

.case-studies-slider {
  padding: 70px 10px 110px 10px;
}
.case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image picture {
  position: relative;
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image picture img, .case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image picture source {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content {
  border-radius: 10px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 83.65%), url(<path-to-image>) lightgray -215.96px -131.478px/155.442% 132.903% no-repeat;
  top: 0;
  bottom: auto;
  height: 100%;
  padding: 20px;
  color: rgb(255, 255, 255);
}
.case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content h3 {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.18px;
  margin-bottom: 4px;
}
.case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content h2 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.2;
}
.case-studies-slider.new-style .swiper-container .swiper-wrapper .swiper-slide .image .content .bottom-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.case-studies-slider.new-style .swiper-container .swiper-menu {
  width: 90px;
  margin: 30px auto 0;
}
.case-studies-slider.new-style .swiper-container .swiper-menu button {
  background-color: rgb(227, 4, 20);
  border-color: rgb(227, 4, 20);
  width: 37px;
  height: 37px;
}
.case-studies-slider.new-style .swiper-container .swiper-menu button:before {
  width: 10px;
  height: 18px;
  margin: -9px 0 0 -5px;
}
.case-studies-slider.new-style .swiper-container .swiper-menu button.previous:before {
  background-image: url("/assets/images/slider/previous_white.svg");
}
.case-studies-slider.new-style .swiper-container .swiper-menu button.next:before {
  background-image: url("/assets/images/slider/next_white.svg");
}
.case-studies-slider.new-style .swiper-container .heading-container header h2 {
  font-weight: 400;
}
.case-studies-slider .swiper-container {
  max-width: 1300px;
  margin: 0 auto;
}
.case-studies-slider .swiper-container .heading-container {
  margin-bottom: 50px;
  max-width: 650px;
}
.case-studies-slider .swiper-container .heading-container header {
  padding-right: 20px;
  padding-left: 6px;
}
.case-studies-slider .swiper-container .heading-container header h2 {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.2;
  margin-bottom: 15px;
}
.case-studies-slider .swiper-container .heading-container header p {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.6;
}
.case-studies-slider .swiper-container .swiper-pagination {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  margin-top: 22px;
  background-color: rgb(238, 238, 238);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.case-studies-slider .swiper-container .swiper-pagination span {
  display: block;
  height: 5px;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  top: unset;
  margin-top: 2px;
  margin-left: 2px;
  background-color: transparent;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.case-studies-slider .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: rgb(75, 75, 74);
}
.case-studies-slider .swiper-container .swiper-pagination span:last-of-type {
  width: -moz-calc(100% - 2px);
  width: -o-calc(100% - 2px);
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  margin-right: 2px;
}
.case-studies-slider .swiper-container .swiper-pagination span:before {
  display: none;
}
.case-studies-slider .swiper-container .swiper-wrapper .swiper-slide .image {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.case-studies-slider .swiper-container .swiper-wrapper .swiper-slide .image picture {
  position: relative;
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.case-studies-slider .swiper-container .swiper-wrapper .swiper-slide .image picture img, .case-studies-slider .swiper-container .swiper-wrapper .swiper-slide .image picture source {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-studies-slider .swiper-container .swiper-wrapper .swiper-slide .image .content {
  background-color: rgba(75, 75, 75, 0.9);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 10px 20px 10px;
}
.case-studies-slider .swiper-container .swiper-wrapper .swiper-slide .image .content h3 {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgb(255, 255, 255);
  margin-bottom: 4px;
}
.case-studies-slider .swiper-container .swiper-wrapper .swiper-slide .image .content h2 {
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 1.1;
}

.survey-button {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
  width: -moz-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
  max-width: 320px;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.survey-button.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.sticky-banner {
  background-color: rgb(227, 4, 20);
  padding: 20px 10px;
  position: sticky;
  top: 55px;
  margin: 0;
  z-index: 9;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.sticky-banner + .imageText {
  margin-top: 40px;
}
.sticky-banner .wrap {
  width: 100%;
}
.sticky-banner .wrap .content-container {
  margin: 0 auto;
  color: rgb(255, 255, 255);
}
.sticky-banner .wrap .content-container p {
  font-size: 0.875rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
}
.sticky-banner .wrap .content-container p strong {
  font-weight: 600;
}
.sticky-banner .wrap .content-container a {
  display: block;
  width: 100%;
  max-width: fit-content;
  background-color: rgb(255, 255, 255);
  color: rgb(227, 4, 20);
  font-size: 0.75rem;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  border: 1px solid rgb(255, 255, 255);
  text-align: center;
  font-weight: 600;
  margin-top: 20px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.sticky-banner .wrap .content-container a:hover {
  background-color: transparent;
  color: rgb(255, 255, 255);
}

.red-form {
  background-color: #EEE;
  margin-left: 0;
  margin-right: 0;
  padding: 40px 10px 80px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
.red-form.form-open {
  opacity: 1;
  pointer-events: all;
}
.red-form .wrap .closeBtn {
  margin-left: auto;
  margin-bottom: 60px;
}
.red-form .wrap .column-container {
  text-align: center;
  margin: 0 30px 60px;
}
.red-form .wrap .column-container h3 {
  color: rgb(75, 75, 74);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4;
}
.red-form .wrap .column-container p {
  color: rgb(227, 4, 20);
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
}
.red-form .wrap .success .button-container {
  display: none;
}
.red-form .wrap form .emblem {
  display: none;
  width: 100%;
  max-width: fit-content;
  margin: 0 auto 50px auto;
}
.red-form .wrap form .emblem img {
  display: block;
  width: 100px;
  height: auto;
}
.red-form .wrap form.success .emblem {
  display: block;
}
.red-form .wrap form.success .column-container {
  display: none;
}
.red-form .wrap form .message p {
  font-weight: 500;
  text-align: center;
  font-size: 1.3125rem;
  padding: 0 30px;
}
.red-form .wrap form .button-container p {
  font-size: 1rem;
  color: rgb(227, 4, 20);
  font-weight: 400;
  width: 100%;
  order: 2;
  margin: 30px 0 0 0;
  max-width: 100%;
}
.red-form .wrap form .button-container button {
  width: 100%;
  order: 1;
  white-space: nowrap;
  font-size: 1rem;
}
.red-form .wrap form .input input, .red-form .wrap form .input textarea, .red-form .wrap form .input select {
  border-radius: 5px;
  border: 1px solid rgb(255, 255, 255);
  font-size: 0.875rem !important;
  color: rgb(75, 75, 74);
  background-color: rgb(255, 255, 255);
  font-weight: 400;
  font-size: 1rem;
}
.red-form .wrap form .input input::placeholder, .red-form .wrap form .input textarea::placeholder, .red-form .wrap form .input select::placeholder {
  font-size: 0.875rem;
  color: rgb(75, 75, 74);
}
.red-form .wrap form .input input[aria-invalid=true] {
  border: 2px solid rgb(227, 4, 20);
  color: rgb(227, 4, 20);
}
.red-form .wrap form .input input[aria-invalid=true]::placeholder {
  color: rgb(227, 4, 20);
}
.red-form .wrap form .input label {
  color: rgb(255, 255, 255);
  display: none;
}
.red-form .wrap form .input ul[data-errorlist] {
  position: unset;
  top: unset;
  right: unset;
  left: unset;
  bottom: unset;
}
.red-form .wrap form .input ul[data-errorlist] .error {
  text-align: left;
  right: unset;
  left: 0;
  top: unset;
  bottom: -16px;
  width: 100%;
  font-weight: 400;
}
.red-form .wrap button[type=submit] {
  max-width: 100%;
}
.red-form .wrap button[type=submit]:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(227, 4, 20);
}
.red-form .wrap button[type=submit]:hover:after {
  filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(4438%) hue-rotate(349deg) brightness(101%) contrast(106%);
}

footer {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
  padding: 80px 10px 40px;
}
footer.landing {
  background-color: rgb(75, 75, 74);
  color: rgb(255, 255, 255);
  padding: 30px 10px 60px 10px;
  position: relative;
}
footer.landing .wrap .copy {
  background-color: rgb(255, 255, 255);
  color: rgb(156, 160, 163);
  margin: 20px -10px -60px -10px;
  padding: 6px 5px 10px 5px;
}
footer.landing .wrap .copy p {
  font-size: 0.625rem;
  line-height: 1.2;
}
footer.landing .wrap .logo {
  position: absolute;
  top: 0;
  right: 10px;
  background-color: rgb(255, 255, 255);
}
footer.landing .wrap .logo figure {
  position: relative;
  z-index: 1;
}
footer.landing .wrap .cols .col {
  padding: 0;
  border: 0;
}
footer.landing .wrap .cols .col figure {
  width: 200px;
  margin-bottom: 40px;
}
footer.landing .wrap .cols .col h4 {
  font-size: 0.75rem;
  font-weight: 700;
  padding-bottom: 22px;
}
footer.landing .wrap .cols .col p + h4 {
  margin-top: 40px;
}
footer.landing .wrap .cols .col p + p {
  margin-top: 15px;
}
footer.landing .wrap .cols .col p a {
  font-weight: 600;
}
footer.landing .wrap .cols .col nav ul {
  display: none;
}
footer.landing .wrap .cols .col nav ul li {
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
footer.landing .wrap .cols .col nav ul li:hover {
  color: rgb(227, 4, 20);
}
footer.landing .wrap .cols .col nav ul li + li {
  margin-top: 15px;
}
footer.landing .wrap .cols .col address {
  font-size: 1rem;
  line-height: 1.4;
}
footer .wrap .cols .col {
  padding: 40px 0;
  border-top: 2px solid rgb(255, 255, 255);
}
footer .wrap .cols .col figure {
  width: 200px;
  margin-bottom: 40px;
}
footer .wrap .cols .col h4 {
  font-size: 1.125rem;
  font-weight: 600;
  padding-bottom: 12px;
}
footer .wrap .cols .col p + h4 {
  margin-top: 40px;
}
footer .wrap .cols .col p + p {
  margin-top: 15px;
}
footer .wrap .cols .col p a {
  font-weight: 600;
}
footer .wrap .cols .col nav.social {
  margin-top: 40px;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 10px;
  padding: 22px 0;
  text-align: center;
}
footer .wrap .cols .col nav.social a {
  display: inline-block;
  vertical-align: middle;
}
footer .wrap .cols .col nav.social a img {
  display: block;
  width: 35px;
}
footer .wrap .cols .col nav.social a + a {
  margin-left: 10px;
}
footer .wrap .cols .col nav ul li {
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all;
}
footer .wrap .cols .col nav ul li:hover {
  color: rgb(227, 4, 20);
}
footer .wrap .cols .col nav ul li + li {
  margin-top: 15px;
}
footer .wrap .cols .col address {
  font-size: 1rem;
  line-height: 1.4;
}
footer .wrap .logo figure img {
  display: block;
  height: auto;
  width: 68px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .products .wrap .cols .col nav a {
    display: none;
  }
  .products .wrap .cols .col nav a + button {
    margin-left: 0;
  }
  .products .wrap header {
    padding-right: 0;
  }
  .products .wrap .cols .col header h4 {
    font-size: 1rem;
    height: 44px;
    max-height: 44px;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 429px) {
  header[role=banner] .wrap .options button + button, header[role=banner] .wrap .options a + button {
    margin-left: 20px;
  }
  header[role=banner] .wrap .options button + a, header[role=banner] .wrap .options a + a {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 400px) and (max-width: 768px) {
  .products.allProducts .wrap .cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 100%;
    column-gap: 20px;
  }
  .products.allProducts .wrap .cols .col {
    margin-bottom: 20px;
  }
  .products.allProducts .wrap .cols .col + .col {
    margin-top: 0;
  }
}
form input,
form select,
form textarea,
input,
select,
textarea {
  font-size: 1rem;
}

.textPanel form input {
  font-size: 1rem !important;
}

@media only screen and (max-height: 768px) {
  body.steelhoard-child .pageHero .wrap .contain {
    top: 50px;
  }
}

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