/*

    The Laravel mix css and js compiler looks for a theme.scss file in the {theme name}/css folder.
    This file should point to any files that need including into the single {theme name}.css file
    that will be compiled and included in the theme header.

    .scss files allow for partial imports, so a good structure might be to have a {theme name}/css/partials sub folder
    which then can break the various groups of styles into separate helpfully names files and have a _index.scss file
    which groups the partials together for importing.

 */
section.form {
  width: 800px;
  max-width: 90%;
  margin: auto;
}
section.form h3 {
  margin-bottom: 0.5rem;
}
section.form .form-builder-form .form-fields-wrapper {
  margin: 1rem;
}
section.form .form-builder-form .form-fields-wrapper .form-field {
  display: flex;
  align-items: center;
  margin: 0.5rem;
}
section.form .form-builder-form .form-fields-wrapper .form-field label {
  width: 200px;
}
section.form .form-builder-form .form-fields-wrapper .form-field input {
  flex-grow: 1;
  padding: 0.75rem;
  border: solid 1px #ccc;
}
section.form .form-builder-form .form-fields-wrapper .form-field textarea {
  flex-grow: 1;
  padding: 0.75rem;
  border: solid 1px #ccc;
}
section.form .form-builder-form .form-fields-wrapper .form-field button {
  padding: 0.5rem 6rem;
  border: solid 1px #ccc;
  margin: auto;
}

.pageform .inner {
  padding: 1rem 16% 1rem 0;
}

.form-field {
  position: relative;
  padding: 0.4rem 0;
  margin-bottom: 2.4rem;
}
.form-field label {
  font-size: 1rem;
  display: block;
  font-weight: 600;
  cursor: pointer;
  padding: 0.8rem 0;
}
.form-field label:has(+ p) {
  padding: 0.6rem 0 0.2rem;
}
.form-field p.description {
  font-size: 0.8975rem;
  padding: 0 0 0.3rem 0;
}
.form-field input[type=text], .form-field input[type=tel], .form-field input[type=email], .form-field input[type=number], .form-field select {
  font-family: "Roboto", sans-serif;
  display: block;
  width: 100%;
  border: 0;
  padding: 0.3rem 0;
  color: var(--bodytext);
  font-size: 1.1rem;
  width: 100%;
  font-weight: 400;
  background: none;
  border-bottom: 1px solid var(--keylinelte);
}
.form-field textarea {
  font-family: "Roboto", sans-serif;
  width: 100%;
  padding: 0.3rem 0;
  color: var(--bodytext);
  border: 0;
  height: 100px;
  background: none;
  border-bottom: 1px solid var(--keylinelte);
}

.form-fields-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form-fields-wrapper .form-field-one-quarter {
  width: 23%;
}
.form-fields-wrapper .form-field-one-third {
  width: 31.33%;
}
.form-fields-wrapper .form-field-one-half {
  width: 48%;
}
.form-fields-wrapper .form-field-two-thirds {
  width: 64%;
}
.form-fields-wrapper .form-field-three-quarters {
  width: 72%;
}
.form-fields-wrapper .form-field-full-width {
  width: 100%;
}

form.form button[type=submit] {
  font-family: "Roboto", sans-serif;
  position: relative;
  font-size: 1.1rem;
  line-height: 0.9rem;
  padding: 0.8rem 3.4rem 0.8rem 1.4rem;
  border-radius: 40px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  background-color: var(--primary);
  color: white;
  cursor: pointer;
}
form.form button[type=submit]::after {
  position: absolute;
  top: 14px;
  right: 16px;
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-size: 1.3rem;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 982px) {
  .form-field-one-quarter {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  form.form .formrow {
    width: 100%;
  }
  .form-field {
    padding: 0 0 0.6rem 0;
  }
  .form-fields-wrapper .form-field-one-quarter {
    width: 100%;
  }
  .form-fields-wrapper .form-field-one-third {
    width: 100%;
  }
  .form-fields-wrapper .form-field-two-thirds {
    width: 100%;
  }
  .form-fields-wrapper .form-field-three-quarters {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  form.form .form-fields-wrapper {
    display: block;
    padding: 0.8rem 0;
  }
  form.form .form-fields-wrapper .form-field-one-half {
    width: 100%;
  }
}
/*
red primary #C03230
yellow secondary #FFDB21

*/
:root {
  --white:#FFFFFF;
  --bodytext:#1F2024;
  --primary:#BC2628;
  --secondary:#FFDB21;
  --lblue:#F7F7FB;
  --lgrey:#F0F2F6;
  --error:#C83325;
  --keyline:#B2B3B7;
  --keylinelte:#E7E5E6;
  --keylinemenu:#6F6E6C;
  --bg:#121318;
  --bgdgrey:#1F2027;
  --bgmidgrey:#2A2B33;
}

html, body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  color: var(--bodytext);
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
}

body.modalopen {
  overflow: hidden;
}

input {
  font-family: "Roboto", sans-serif;
}

input[type=text], input[type=submit], input[type=email], input[type=number], select {
  font-family: "Roboto", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border: 0;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.clear {
  clear: both;
  font-size: 1%;
  overflow: hidden;
  width: 100%;
  height: 0;
}

.clrfx:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.mclear {
  display: none;
}

.space {
  clear: both;
  width: 100%;
  height: 1.6rem;
}

.rule {
  clear: both;
  width: 100%;
  height: 1px;
  font-size: 1%;
  overflow: hidden;
  background-color: var(--keyline);
  margin-bottom: 7px;
  margin-top: 5px;
}

hr {
  background-color: var(--keyline);
  height: 0;
  overflow: hidden;
  width: 100%;
  clear: both;
  border: 0;
  border-bottom: 1px solid var(--tertiary);
  margin: 12px 0 12px 0;
}

#skipnavigation {
  left: -5000px;
  position: absolute;
  display: none;
}

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

a.skip-main:focus, a.skip-main:active {
  color: var(--text);
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 6px;
  width: 240px;
  height: auto;
  overflow: auto;
  text-align: center;
  font-weight: 700;
  z-index: 100001;
}

input {
  filter: none;
  cursor: pointer;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 500px white inset;
}

textarea {
  resize: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  word-wrap: normal;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

iframe {
  max-width: 100%;
}

.alignleft {
  text-align: left;
}

.alignright {
  text-align: right;
}

.aligncenter {
  text-align: center;
}

.hidden, .d-none {
  display: none !important;
}

.img-fluid {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

.img-angle {
  position: relative;
}
.img-angle:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-image: url('data:image/svg+xml,<svg width="141px" height="640px" viewBox="0 0 141 640" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon id="Rectangle" fill="%23121318" points="0 0 140.190476 0 0 640"></polygon></g></svg>');
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 982px) {
  .img-angle:before {
    background-image: url('data:image/svg+xml,<svg width="640px" height="141px" viewBox="0 0 640 141" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon id="Rectangle" fill="%23121318" transform="translate(320.000000, 70.095238) scale(-1, 1) rotate(90.000000) translate(-320.000000, -70.095238) " points="249.904762 -249.904762 390.095238 -249.904762 249.904762 390.095238"></polygon></g></svg>');
    background-position: top left;
  }
}

h1 {
  font-size: 3.4rem;
  line-height: 1.1em;
  padding: 0 0 1rem 0;
}

h2 {
  font-size: 2.2rem;
  line-height: 1.2em;
  padding: 0 0 1rem 0;
  font-weight: 500;
}

h3 {
  font-size: 1.9rem;
  line-height: 1.1em;
  padding: 0 0 1rem 0;
}

h4 {
  font-size: 1.7rem;
  line-height: 1.1em;
  padding: 0 0 1rem 0;
  font-weight: 700;
}

p {
  line-height: 1.4em;
  padding: 0 0 1.4rem 0;
}

.outer {
  flex: 1 0 auto;
  padding-top: 90px;
}

.inner {
  position: relative;
  z-index: 3;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 0;
}

.inner.narrow {
  max-width: 1000px;
}

.innercontent {
  position: relative;
  width: 100%;
}

p.ttl {
  color: var(--bodytext);
  font-size: 1.28rem;
  font-weight: 400;
  padding: 0 0 2rem 0;
  letter-spacing: -0.02rem;
}

.bgsecondary {
  color: var(--bodytext);
  background-color: var(--secondary);
}

section.full {
  min-height: 100vh;
}

section.bgdrk h1, section.bgdrk h2, section.bgdrk h3 {
  color: white;
}

section.bgdrk p.hherottl {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--primary);
  padding: 0 0 2rem 0;
}

section .inner.flex {
  display: flex;
  align-items: center;
}

/*
.cshero {position:relative;background-color:var(--bg);z-index:1;}
.cshero .inner {min-height:calc(100vh - 90px);display:flex;align-items:center;padding:0 0 3rem 0;justify-content:space-between;}
.cshero .heroinner {display:flex;align-items:center;justify-content:space-between;width:100%;}
.cshero .herotxt {width:70%;}
.cshero .heroimg {width:24%;}
.cshero p.cslbl {color:white;font-size:1.06rem;font-weight:400;}
.cshero p.cslbl span {color:var(--secondary);}
.cshero .scrollarrow {position:absolute;bottom:60px;left:0;width:39px;height:22px;background:url(../images/arrow-y-down.png);background-size:100% 100%;}
.cshero .scrollarrow a {display:block;width:100%;height:100%;cursor:pointer;}
.cshero .herosubtxt {position:absolute;bottom:60px;right:0;width:60%;height:auto;text-align:right;}
.cshero .herosubtxt p {color:white;font-size:1.4rem;line-height:1.2em;padding:0;}

a.linkarrowright {position:relative;display:inline-block;width:auto;padding:0.2rem 2rem 0.2rem 0;color:var(--primary);text-decoration:none;font-size:1.1rem;font-weight:600;z-index:4;cursor:pointer;text-wrap:nowrap;}
a.linkarrowright:hover, a.linkarrowright:focus {color:var(--primary);text-decoration:underline;}
a.linkarrowright::after {position:absolute;top:2px;right:0;width:13px;height:25px;content:'';background-image:url(../images/arrow-w-right.png); background-size:100% 100%;}
*/
.inner.flex {
  display: flex;
  justify-content: space-between;
}

.inner.flex .col:first-child {
  padding-right: 1rem;
}

.inner.flex .col:last-child {
  padding-left: 1rem;
}

.inner .content {
  width: 100%;
}

/*basic page styles
.basic {position:relative;}




.csheader {position:sticky;top:0;z-index:-1;padding:2rem 0;}
.csheader p {font-weight:300;padding:0 20% 2.2rem 0;font-size:1.2rem;line-height:1.4em;}
.csheader p.pointer {font-weight:600;color:var(--bodytext);padding:0;text-transform:uppercase;font-size:1.0rem;}
*/
/*#########################################################################
###############    New CSS
######################################################*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 93px;
  transition: all 0.3s ease;
  z-index: 100;
  background-color: var(--bg);
}

header.scrolldown {
  top: -90px;
}

header .inner {
  padding: 1rem 0;
  border-bottom: 1px solid #21242C;
}

header a.hdrctc {
  position: relative;
  color: white;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  top: 38px;
  right: 104px;
  padding-right: 1rem;
}

header a.hdrctc:hover {
  color: white;
  text-decoration: underline;
}

header a.hdrctc:after {
  position: absolute;
  content: "";
  background-color: #6B6B6E;
  top: 2px;
  right: 0;
  width: 1px;
  height: 14px;
}

.logo {
  display: inline-block;
  width: 180px;
  height: auto;
  margin: 6px 0;
  transition: all 0.3s;
}

header.small {
  height: 93px;
}

header.small.scrolldown {
  top: -93px;
}

header.small .logo {
  width: 150px;
  margin: 0;
}

header.small .openmenu {
  top: 26px;
}

header.small a.hdrctc {
  top: 28px;
}

.openmenu {
  position: absolute;
  top: 36px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  transition: all 0.3s;
  z-index: 101;
  cursor: pointer;
}

.openmenu:before {
  position: absolute;
  top: 2px;
  right: 50px;
  content: "Menu";
  color: white;
  font-size: 1rem;
  font-weight: 400;
}

.menuicon {
  background: white none repeat scroll 0 0;
  display: inline-block;
  height: 3px;
  margin: 10px 0;
  position: relative;
  transition-duration: 0.4s;
  transition-property: background;
  width: 34px;
  border-radius: 4px;
}

.menuicon:before, .menuicon:after {
  background: white none repeat scroll 0 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 34px;
  border-radius: 4px;
}

.menuicon:before {
  top: -10px;
}

.menuicon:after {
  bottom: -10px;
}

#bt.menuon .menuicon {
  background: transparent;
}

#bt.menuon .menuicon:before {
  height: 4px;
  transform: rotateZ(-45deg) translate(-7px, 6px);
  background: white;
}

#bt.menuon .menuicon:after {
  height: 4px;
  transform: rotateZ(45deg) translate(-8px, -6px);
  background: white;
}

.openmenu .menutext:hover {
  text-decoration: none;
}

.openmenu:hover {
  text-decoration: none;
}

section {
  padding: 2rem 0;
  z-index: 1;
  position: relative;
}

.basic {
  background-color: white;
}

.bgdrk {
  background-color: var(--bg);
}

.bgdgrey {
  background-color: var(--bgdgrey);
}

.bgmidgrey {
  background-color: var(--bgmidgrey);
}

.bglte {
  background-color: white;
}

.bgltegrey {
  background-color: var(--lblue);
}

.bgprimary {
  background-color: var(--primary);
}

.bgsecondary {
  background-color: var(--secondary);
}

section.bglte:not(.heading) + section.bglte {
  padding: 1rem 0 3rem 0;
}

section.bglte:has(+ section.bglte) {
  padding: 3rem 0 1rem 0;
}

section.bglte + section.bglte:has(+ section.bglte) {
  padding: 0.6rem 0;
}

section.bgltegrey.sectionttl:has(+ section.bgltegrey) {
  padding: 3rem 0 0 0;
}

section.bgltegrey.sectionttl + section.bgltegrey {
  padding: 0 0 4rem 0;
}

section.bgblack.sectionttl:has(+ section.bgblack) {
  padding: 3rem 0 0 0;
}

section.bgblack.sectionttl + section.bgblack {
  padding: 0 0 4rem 0;
}

p.btncontent {
  padding: 1.6rem 0 0;
}

.hhero {
  background-color: var(--bg);
  z-index: 1;
  min-height: 100px;
}

.hhero .inner {
  background-color: var(--bg);
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  min-height: 100px;
  padding: 2rem 0;
}

.hhero.home {
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .hhero.home {
    margin-bottom: 0;
  }
}
.hhero.home .inner {
  background-position: bottom 3rem right;
  background-repeat: no-repeat;
  background-size: contain;
  border-bottom: 1px solid #21242C;
  padding: 0;
  margin: 2rem auto 0 auto;
}
@media screen and (max-width: 768px) {
  .hhero.home .inner {
    background-position: bottom 3rem center;
    margin: 0 auto;
  }
}

.hhero .hheroimg {
  position: relative;
  width: 48%;
  order: 2;
  overflow: hidden;
  z-index: 1;
}

.hhero .hheroimg img {
  position: relative;
  width: auto;
  height: auto;
  display: block;
  max-height: 520px;
  max-width: 100%;
  margin-left: auto;
}

.hhero .hherotxt {
  width: 44%;
  order: 1;
  padding: 4rem 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .hhero .hherotxt {
    padding: 1rem 0 5rem 0;
  }
}

.hhero .hherotxtinner {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  height: 100%;
}

.hhero .hherotxtinner h1 {
  font-size: 4rem;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  line-height: 0.9em;
  padding: 0 0 1rem 0;
}

.hhero .hherotxtinner h1 span {
  color: var(--primary);
}

.hero {
  position: relative;
  z-index: 1;
}

.hero .inner {
  min-height: 500px;
  display: flex;
  align-items: center;
}

.hero .herotxtinner {
  padding: 3rem 0;
  width: 84%;
}

.hero h1 {
  color: white;
  font-size: 2.8rem;
  font-weight: 700;
  padding: 0 0 1rem 0;
}

.hero h1.icon {
  position: relative;
  padding: 60px 0 1rem 0;
}

.hero h1.icon i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 2.4rem;
}

.hero p {
  color: var(--keylinelte);
  font-size: 2rem;
  font-weight: 300;
  padding: 0 0 1rem 0;
  line-height: 1.2em;
}

.hero p.herobtn {
  padding: 2rem 0 1rem;
}

.hero p.hdrbtn {
  margin: 1rem 0 0;
}

.hero .csimg img {
  width: auto;
  display: block;
  height: auto;
  max-width: 100%;
  height: 80px;
  margin-bottom: 2rem;
}

.intro {
  color: white;
  position: relative;
  width: 100%;
}

.intro .inner {
  display: grid;
  align-items: stretch;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: stretch;
}

.hintrotxt {
  grid-column: span 2;
  margin-bottom: auto;
  position: sticky;
  top: 0;
  padding: 6vh 0 2vh 0;
}
@media screen and (max-width: 768px) {
  .hintrotxt {
    padding: 0 0 2vh 0;
  }
}

.hintrotxt h2 {
  font-weight: 400;
  font-size: 2rem;
  width: 80%;
}

.hintrotxt p {
  font-weight: 300;
  font-size: 2rem;
  width: 80%;
  line-height: 1.2em;
}

ul.hintrolist {
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  margin: 6vh 0 2vh 0;
  list-style: none;
  font-size: 1.2rem;
}

ul.hintrolist li {
  position: relative;
  padding: 2rem 0;
}

ul.hintrolist li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: white;
}

ul.hintrolist li:last-child::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: white;
}

.hherotxtinner h1 span {
  display: block;
}

.hherotxtinner h1 span.white {
  color: white;
}

.hero.hfeature .inner {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 0 4%;
  padding: 2rem 0;
  align-items: center;
}

.hero.hfeature .col img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  max-height: 6000px;
}

/*.hero.hfeature .col.angled {position:relative;text-align:center;padding:2rem 2rem 2rem 1rem;height:100%;}*/
.hero.hfeature .col:last-child {
  height: 100%;
}

.hero.hfeature .col:last-child > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/*.hero.hfeature .angled::after {position:absolute;content:'';top:0;right:99.9%;width:16%;height:100%;clip-path:polygon(100% 0, 0% 100%, 100% 100%);}*/
.breadcrumb {
  position: absolute;
  top: -0.6rem;
  left: 0;
  font-size: 0.86rem;
}

.breadcrumb p {
  color: #ADADAD;
  font-size: 0.86rem;
  font-weight: 400;
  padding: 0;
}

.breadcrumb a {
  position: relative;
  color: #ADADAD;
  text-decoration: none;
  padding-right: 1rem;
}

.breadcrumb a:after {
  position: absolute;
  content: "/";
  color: #ADADAD;
  right: 4px;
  top: -1px;
  font-size: 0.86rem;
}

.breadcrumb a:hover, .breadcrumb a:focus {
  color: #ADADAD;
  text-decoration: underline;
}

.heading {
  position: relative;
  padding: 1rem 0;
}

.heading .inner {
  padding: 2.2rem 0 1.6rem 0;
}

.heading h2 {
  color: var(--bodytext);
  font-size: 1.8rem;
  font-weight: 400;
  padding: 0 16% 0.8rem 0;
  line-height: 1.32em;
}

.heading p.ttl {
  color: var(--bodytext);
  font-size: 1.8rem;
  font-weight: 400;
  padding: 0 16% 0.8rem 0;
  line-height: 1.32em;
}

.heading p {
  font-size: 1.8rem;
  font-weight: 300;
  padding: 0 16% 0.8rem 0;
  line-height: 1.32em;
}

.heading p.btncontent {
  padding: 1.6rem 16% 1.6rem 0;
}

.heading h2:has(+ p.btncontent) {
  padding: 0 16% 0 0;
}

.heading a.anchorlink {
  position: relative;
  color: var(--bodytext);
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4rem 0 0.4rem 2.4rem;
}

.heading a.anchorlink::before {
  position: absolute;
  content: "";
  top: 6px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -96px -24px;
  background-size: 240px 240px;
}

.heading p.anchorlink {
  position: relative;
  color: var(--bodytext);
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4rem 0 1.4rem 2.4rem;
}

.heading p.anchorlink::before {
  position: absolute;
  content: "";
  top: 6px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -96px -24px;
  background-size: 240px 240px;
}

.heading.bgdrk h2, .heading.bgdgrey h2, .heading.bgmidgrey h2, .heading.bgprimary h2 {
  color: white;
}

.heading.bgdrk p, .heading.bgdgrey p, .heading.bgmidgrey p, .heading.bgprimary p, .heading.bgdrk .btncontent a, .heading.bgdgrey .btncontent a, .heading.bgmidgrey .btncontent a, .heading.bgprimary .btncontent a {
  color: white;
}

.heading.bglte .anchorlink::before, .heading.bgltegrey .anchorlink::before, .heading.bgsecondary .anchorlink::before {
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -120px -24px;
  background-size: 240px 240px;
}

.heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.heading.bgltegrey::after {
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
}

.lazy.lazy-down, .lazy.lazy-left, .lazy.lazy-right, .lazy.lazy-up {
  transition-delay: 0.6s;
}

.lazy {
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.lazy.lazy-up {
  transform: translateY(3rem);
}

.lazy.lazy-down {
  transform: translateY(-3rem);
}

.lazy.lazy-left {
  transform: translateX(3rem);
}

.lazy.lazy-right {
  transform: translateX(-3rem);
}

.lazy.in, .no-js .lazy {
  opacity: 1;
  transform: none;
  transition-delay: 0.4s;
}

.lazy.lazy1.in {
  transition-delay: 1s;
}

.lazy.animate1 {
  transition-delay: 0.3s;
}

.lazy.animate2 {
  transition-delay: 0.6s;
}

.lazy.animate3 {
  transition-delay: 0.9s;
}

.lazy.animate4 {
  transition-delay: 1.2s;
}

.lazy.animate5 {
  transition-delay: 1.5s;
}

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

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/*
.slick-track {display:flex !important;}
.slick-slide {height:inherit !important;}
*/
button.slick-prev {
  position: absolute;
  top: calc(50% - 15px);
  left: -50px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) 0 0 no-repeat;
  background-size: 300px 300px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  z-index: 6 !important;
}

button.slick-prev::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: var(--primary);
  border-radius: 15px;
}

button.slick-prev::after {
  position: absolute;
  top: 5px;
  left: 8px;
  content: "\f053";
  font-family: "Font Awesome 6 Free";
  color: white;
  font-size: 1.3rem;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

button.slick-next {
  position: absolute;
  top: calc(50% - 15px);
  right: -50px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  z-index: 6 !important;
}

button.slick-next::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: var(--primary);
  border-radius: 15px;
}

button.slick-next::after {
  position: absolute;
  top: 5px;
  left: 8px;
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  color: white;
  font-size: 1.3rem;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

button.slick-disabled {
  background: none;
}

.slick-dots {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40%;
  display: block;
  list-style: none;
  padding: 0;
  text-align: center;
  z-index: 10;
}

.slick-dots li {
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
}

.slick-dots li:only-child {
  display: none;
}

.slick-dots li button {
  background: none;
  border: 0 none;
  cursor: pointer;
  display: block;
  font-size: 0;
  width: 14px;
  height: 14px;
  line-height: 0;
  outline: none;
  padding: 0;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover::before, .slick-dots li button:focus::before {
  opacity: 1;
}

.slick-dots li button::before {
  color: #FFFFFF;
  content: "";
  font-family: "slick";
  font-size: 0;
  width: 14px;
  height: 14px;
  left: 0;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -28px 0 no-repeat transparent;
  background-size: 140px 140px;
  outline: none;
}

.slick-dots li.slick-active button::before {
  opacity: 1;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -42px 0 no-repeat transparent;
  background-size: 140px 140px;
  outline: none;
}

.slick-dots li.slick-active button {
  outline: none;
}

section h3 {
  font-size: 2rem;
  padding: 0 0 1.4rem 0;
  font-weight: 500;
}

section.bgdgrey h3 {
  color: white;
}

.grid2 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem 4%;
  z-index: 1;
}

.grid3 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.4rem 3%;
  z-index: 1;
}

.grid4 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.8rem 2%;
  z-index: 1;
}

.module {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 1.8rem 10%;
  background-color: var(--lblue);
  margin-bottom: 1.8rem;
  display: none;
}

.module .col {
  position: relative;
}

.module .col:last-child {
  background-color: var(--lgrey);
}

.module .angled::after {
  position: absolute;
  content: "";
  top: 0;
  right: 99.9%;
  width: 12%;
  height: 100%;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background-color: var(--lgrey);
}

.module .col .coltxt {
  padding: 1.8rem 6% 2.6rem 6%;
  height: 100%;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-height: 140px;
}

.module .col:last-child .coltxt {
  padding: 1rem 6% 1.8rem 14%;
}

.module .col h4 {
  font-size: 1.6rem;
  padding: 0.8rem 0;
}

.module .col p {
  font-size: 1.2rem;
  line-height: 1.3em;
  padding: 0;
}

.module .col p span {
  display: inline-block;
  padding: 0.3rem 0.5rem;
  border-radius: 4px;
  background-color: #6EDF87;
  color: var(--bodytext);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1em;
  margin-left: 1rem;
}

h3.sectionttl {
  padding: 0 0 2rem 0;
}

.imgslider {
  margin: 0 -10px;
}

.imgslider .item {
  margin: 0 10px;
  text-align: center;
}

.imgslider .item img {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 540px;
}

.imgslider p {
  width: 90%;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 400;
  padding: 0;
}

.imgslider .slick-track {
  display: block !important;
}

.imgcontainer p {
  width: 90%;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.4rem 0;
  text-align: center;
}

.logoslider {
  margin: 0 -10px;
  padding: 1.4rem 0;
}

.logoslider .item {
  margin: 0 10px;
}

.logoslider .item img {
  width: auto;
  max-width: 90%;
  margin: 0 auto;
  height: auto;
  display: block;
  max-height: 100px;
}

.txtbtn {
  display: flex;
  align-items: flex-end;
  padding: 2.6rem 0;
}

.txtbtn .col {
  width: auto;
}

.txtbtn .col:first-child {
  padding-right: 6%;
}

.txtbtn .col:last-child {
  text-align: right;
  padding-left: 6%;
}

.txtbtn .col:last-child a.btn {
  white-space: nowrap;
  margin-bottom: 1rem;
}

.txtpanelslider {
  margin: 0 -10px;
}

.txtpanelslider .item {
  margin: 1px 10px;
  padding: 1.4rem 1.4rem 1rem;
  border: 1px solid #ABACB4;
  border-radius: 6px;
}

.txtpanelslider .item p {
  font-size: 1.2rem;
  padding: 0 0 0.6rem 0;
}

.txtpanelslider .item p.ttl {
  font-weight: 600;
  font-size: 1.6rem;
}

.txtpanelslider .item p span {
  color: var(--primary);
  font-weight: 400;
}

.txtslider {
  margin: 0 -30px;
  padding: 1rem 0;
}

.txtslider .item {
  margin: 0 30px;
}

.txtslider p {
  font-size: 1.2rem;
  padding: 0 0 1.2rem 0;
}

.txtslider p span {
  color: var(--primary);
  font-weight: 400;
}

.txtslider p.ttl {
  font-weight: 600;
  font-size: 1.6rem;
}

.txtslider p.number {
  font-weight: 400;
  font-size: 2.1rem;
  color: #797979;
  padding: 0 0 1.2rem 0;
}

.txtslider button.slick-prev {
  left: -30px;
}

.txtslider button.slick-next {
  right: -30px;
}

.bgdgrey .txtslider p {
  color: white;
}

.bgdgrey .txtslider p span {
  color: var(--secondary);
}

.bgdgrey .txtslider p.number {
  color: #D4D4D4;
}

.txtpanelblocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.8rem 6%;
  color: var(--bodytext);
  padding: 2rem 0;
}

.txtpanelblocks p {
  font-size: 1.2rem;
  padding: 0 0 1rem 0;
}

.txtpanelblocks p span {
  color: var(--primary);
  font-weight: 400;
}

.txtpanelblocks h3 {
  font-weight: 500;
  font-size: 1.6rem;
}

.txtpanelblocks p.number {
  font-weight: 400;
  font-size: 2.1em;
  color: #797979;
  padding: 0 0 1.2rem 0;
}

.bgdgrey .txtpanelblocks p {
  color: white;
}

.bgdgrey .txtpanelblocks p span {
  color: var(--secondary);
}

.bgdgrey .txtpanelblocks p.number {
  color: #D4D4D4;
}

.cta .inner {
  padding: 1.2rem 0;
}

.ctacontent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.ctatxt {
  padding: 0 2% 0 0;
}

.ctatxt p {
  color: white;
  font-size: 1.2rem;
  padding: 0;
}

.ctatxt p.ttl {
  font-size: 1.6rem;
}

.ctatxt p.ttl:has(+ p) {
  padding: 0 0 0.3rem 0;
}

.ctalink {
  text-align: right;
  padding: 0 0 0 3%;
  white-space: nowrap;
}

.cta.bglte p, .cta.bgsecondary p, .cta.bgltegrey p {
  color: var(--bodytext);
}

.cta.bgprimary a.btn {
  background-color: white;
  color: var(--bodytext);
}

.fwimg {
  padding: 0;
  display: block;
}

.fwimg img {
  display: block;
  width: 100%;
  height: auto;
}

.signpost {
  position: relative;
  padding: 3rem 0;
}

.signpost .item {
  position: relative;
  border-radius: 8px;
  padding: 2.8rem 2.4rem 6rem;
  border: 1px solid #ABACB4;
}

.signpost p {
  padding: 0 0 0.8rem 0;
  line-height: 1.3em;
  font-size: 1.2rem;
}

.signpost p.ttl {
  font-weight: 600;
  font-size: 1.6rem;
  padding: 0 0 1.8rem 0;
}

.signpost a {
  color: var(--bodytext);
  text-decoration: none;
  font-weight: 600;
}

.signpost a:hover, .signpost a:focus {
  color: var(--bodytext);
  text-decoration: underline;
}

.signpost a.btnarrowtxt {
  position: absolute;
  bottom: 1.8rem;
  right: 2rem;
}

.signpost a.btnarrow {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
}

.signpost.bgdgrey .item {
  color: white;
  border: 1px solid #595A60;
}

.signpost.bgdgrey a {
  color: white;
  text-decoration: none;
}

.signpost.bgdgrey a:hover, .signpost.drk a:focus {
  color: white;
  text-decoration: underline;
}

.signpost.bgdgrey a.btnarrowtxt {
  position: absolute;
  display: block;
  bottom: 1.8rem;
  right: 2rem;
  color: white;
  text-decoration: none;
}

.faq {
  border-bottom: 1px solid #C8CACB;
}

.faqq {
  margin-bottom: 0.4rem;
  padding-top: 0.4rem;
}

.faqq h3 {
  position: relative;
  display: block;
  padding: 2rem 100px 2rem 0;
  color: var(--bodytext);
  text-decoration: none;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 600;
}

.faqq h3 a {
  color: var(--bodytext);
  text-decoration: none;
  font-weight: 600;
}

.faqq h3.icon {
  position: relative;
  padding: 2rem 100px 2rem 50px;
}

.faqq h3.icon i {
  position: absolute;
  top: 2rem;
  left: 0;
  display: block;
  font-size: 1.4rem;
  color: var(--primary);
}

.faqq h3 a:hover {
  color: var(--bodytext);
  text-decoration: none;
}

.faqq h3:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  top: 1.5rem;
  right: 0;
  transition: all 0.2s ease-in-out;
  background: url(/https/www.red-wing.com/images/plus.png?77d96fb1d84805f587b96945df939a75) center center no-repeat;
  background-size: 100% 100%;
}

.faqq h3.open:after {
  transform: rotate(-180deg);
  background: url(/https/www.red-wing.com/images/minus.png?6d4f8cdc1feec61ec5dcae2588b50636) center center no-repeat;
  background-size: 100% 100%;
}

.faqa {
  display: none;
  position: relative;
  padding: 0 12% 1rem 0;
}

.faqa h4 {
  color: var(--primary);
  font-size: 1.2rem;
  font-weight: 600;
}

.faqa p {
  font-size: 1.2rem;
  line-height: 1.5em;
  padding: 0 0 1rem 0;
}

.faqa p a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 600;
}

.faqa p a:hover {
  color: var(--primary);
  text-decoration: underline;
}

.faqa p span {
  color: var(--primary);
  font-weight: 400;
}

.faqa ul {
  margin-left: 1rem;
}

.faqa ul li {
  font-size: 1.2rem;
  line-height: 1.5em;
  padding: 0.2rem 0;
}

.faqa p:has(+ ul) {
  padding: 0 0 0.6rem 0;
}

.svcpanel .faq {
  border-bottom: 0;
}

.svcpanel .faqq h3 {
  border-bottom: 1px solid #C8CACB;
}

.svcpanel .faqa {
  padding: 0;
}

.feature {
  padding: 2rem 0;
}

.feature .inner {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 0 4%;
  padding: 1rem 0;
  align-items: center;
}

.feature .angled {
  position: relative;
}

.feature .col p {
  font-size: 1.2rem;
}

.feature .col img {
  margin: 0 auto;
  width: auto;
  max-height: 540px;
}

.feature .col.angled {
  text-align: center;
  padding: 2rem 2rem 2rem 1rem;
}

.feature .angled::after {
  position: absolute;
  content: "";
  top: 0;
  right: 99.9%;
  width: 16%;
  height: 100%;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.feature .angled.bgdrk::after {
  background-color: var(--bgdrk);
}

.feature.bgdgrey, .bgdgrey .feature {
  color: white;
}

.dfeature {
  padding: 2rem 0;
}

.dfeature .inner {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 1.8rem 10%;
  padding: 2rem 0;
  align-items: center;
}

.dfeature .col {
  position: relative;
  height: 100%;
  text-align: left;
  padding: 3rem 0 4.8rem 0;
}

.dfeature .col.angled {
  padding: 3rem 2rem 4.8rem 2rem;
}

.dfeature .col p {
  font-size: 1.2rem;
}

.dfeature .col img {
  width: auto;
  height: 180px;
  margin-bottom: 2.4rem;
}

.dfeature .angled::after {
  position: absolute;
  content: "";
  top: 0;
  right: 99.9%;
  width: 16%;
  height: 100%;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.dfeature .angled.bgdgrey::after {
  background-color: var(--bgdgrey);
}

.dfeature.bgdgrey, .bgdgrey .feature {
  color: white;
}

.dfeature a.btnarrowtxt {
  color: white;
  position: absolute;
  bottom: 2rem;
  left: 0;
  padding: 0 42px 0 0;
}

.dfeature a.btnarrowtxt:hover, .dfeature a.btnarrowtxt:focus {
  color: white;
}

.dfeature a.btnarrow {
  position: absolute;
  bottom: 1.7rem;
  left: 0;
  padding: 0;
}

.dfeature .col.angled a.btnarrowtxt, .dfeature .col.angled a.btnarrow {
  left: 2rem;
}

.editorial {
  padding: 0 24% 0 0;
}

.editorial .item {
  padding: 0 0 2rem 0;
}

.editorial .item:only-child {
  padding: 0 0 1rem 0;
}

.editorial p {
  font-size: 1.2rem;
  padding: 0 0 1rem 0;
}

.editorial p:has(+ ul) {
  padding: 0 0 0.5rem 0;
}

.editorial p span {
  color: var(--primary);
  font-weight: 400;
}

.editorial ul, .editorial ol {
  margin-left: 1.2rem;
  padding: 0 0 1rem 0;
}

.editorial ul li, .editorial ol li {
  font-size: 1.2rem;
  padding: 0 0 0.2rem 0;
  line-height: 1.4em;
}

.editorial a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 400;
}

.editorial a:hover, .editorial a:focus {
  color: var(--primary);
  text-decoration: underline;
}

.editorial .item h3 {
  font-weight: 500;
  font-size: 1.52rem;
  padding: 0 0 0.8rem 0;
}

.editorial .item h3 a {
  color: var(--bodytext);
  text-decoration: none;
  font-weight: 500;
}

.editorial .item h3 a:hover, .editorial .item h3 a:focus {
  color: var(--bodytext);
  text-decoration: underline;
  font-weight: 500;
}

.editorial p.number {
  font-weight: 400;
  font-size: 2.2rem;
  color: #797979;
  padding: 0 0 1.2rem 0;
}

.bgdgrey .editorial p, .bgdgrey .editorial li {
  color: white;
}

.bgdgrey .editorial p span, .bgdgrey .editorial li span {
  color: var(--secondary);
}

.bgdgrey .editorial p.number {
  color: #D4D4D4;
}

.item .ftrd {
  position: relative;
  background-color: #F8F7FC;
  padding: 1rem 6% 0.2rem 3.4rem;
  margin: 1rem 0 0;
}

.item .ftrd::before {
  position: absolute;
  top: 1.2rem;
  left: 1.1rem;
  content: "\f005";
  color: var(--primary);
  font-family: "Font Awesome 6 Free";
  font-size: 1.1rem;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.item .ftrd::after {
  position: absolute;
  content: "";
  top: 0;
  right: -0.1%;
  width: 3%;
  height: 101%;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background-color: white;
}

.quote {
  padding: 4rem 0 3.2rem 0;
}

.quote blockquote {
  font-size: 2.1rem;
  font-weight: 300;
  color: var(--bodytext);
  line-height: 1.4em;
  padding: 0 16% 2rem 0;
  text-align: left;
}

.quote blockquote:before {
  content: open-quote;
}

.quote blockquote:after {
  content: close-quote;
}

.quote blockquote:after, .quote blockquote:before {
  display: inline-block;
  vertical-align: bottom;
  color: var(--bodytext);
  font-size: 1.4em;
  top: 0.1em;
  position: relative;
}

.quote p.quoteby {
  color: var(--bodytext);
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0 0 1rem;
  text-align: left;
}

.quote p.quoteby span {
  font-weight: 400;
}

p.csbtn {
  padding: 1.2rem 0 0;
  font-size: 1rem;
}

.cstudy {
  padding-bottom: 30px;
}

.cstudy .item {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 0 6%;
  background-color: var(--lblue);
  align-items: center;
  min-height: 560px;
}

.cstudy .item .col {
  position: relative;
}

.cstudy .item .col:last-child {
  background-color: var(--lgrey);
}

.cstudy .item .angled {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 3rem 0;
}

.cstudy .item .angled::after {
  position: absolute;
  content: "";
  top: 0;
  right: 99.9%;
  width: 12%;
  height: 100%;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background-color: var(--lgrey);
}

.cstudy .item .col .coltxt {
  padding: 3rem 2rem 3rem 3rem;
  height: 100%;
  width: 100%;
}

.cstudy .item .col:last-child .coltxt {
  padding: 1rem 6% 1.8rem 14%;
}

.cstudy .item .col p.h4 {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 1.8rem 0;
  line-height: 1.3em;
  color: var(--bodytext);
}

.cstudy .item .col p {
  font-size: 1rem;
  line-height: 1.3em;
  padding: 0;
}

.cstudy .item .col p.ttl {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 0 1.4rem 0;
}

.cstudy .item .col p span {
  display: inline-block;
  padding: 0.3rem 0.5rem;
  border-radius: 4px;
  background-color: #6EDF87;
  color: var(--bodytext);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1em;
  margin-left: 1rem;
}

.cstudy .img-fluid {
  max-width: 96%;
  max-height: 500px;
  margin: 0 auto;
}

.cstudy .colimg {
  margin: 0 auto;
}

.formcontent {
  text-align: left;
}

.formcontent .form-field.required label::after {
  content: "*";
  color: var(--primary);
  font-weight: 500;
}

.req {
  color: var(--error);
}

/*New buttons*/
a.btn {
  position: relative;
  display: inline-block;
  font-size: 1.1rem;
  line-height: 0.9rem;
  padding: 0.8rem 3.4rem 0.8rem 1.4rem;
  border-radius: 40px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  background-color: var(--primary);
  color: white;
}

a.btn::after {
  position: absolute;
  top: 14px;
  right: 16px;
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-size: 1.3rem;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

a.btn.arrowdown::after {
  position: absolute;
  top: 12px;
  right: 16px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -16px -16px no-repeat;
  background-size: 160px 160px;
}

a.btn.btnwhite {
  background-color: white;
  color: var(--bodytext);
}

a.btn.btnprimary {
  background-color: var(--primary);
  color: white;
}

a.btn.btnprimary.arrowdown::after {
  content: "\f0d7";
  color: white;
}

a.btn.btnsecondary {
  background-color: var(--secondary);
  color: var(--bodytext);
}

a.btn.btndrk {
  background-color: var(--bg);
  color: white !important;
}

a.btn.btndrk:hover {
  background-color: var(--bg);
  color: white !important;
  text-decoration: none !important;
}

a.btnarrowtxt {
  position: relative;
  padding: 0 42px 0 0;
  font-weight: 400;
  color: var(--bodytext);
  text-decoration: none;
}

a.btnarrowtxt:hover, a.btnarrowtxt:focus {
  color: var(--bodytext);
  text-decoration: none;
}

a.btnarrowtxt::before {
  position: absolute;
  content: "";
  top: -0.3rem;
  right: 0;
  width: 30px;
  height: 30px;
  display: block;
  background-color: var(--secondary);
  border-radius: 15px;
}

a.btnarrowtxt::after {
  position: absolute;
  top: 0;
  right: 9px;
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  color: var(--bodytext);
  font-size: 1.3rem;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

a.btnarrow {
  width: 30px;
  height: 30px;
  display: block;
}

a.btnarrow::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: block;
  background-color: var(--secondary);
  border-radius: 15px;
}

a.btnarrow::after {
  position: absolute;
  top: 5px;
  left: 8px;
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  color: var(--bodytext);
  font-size: 1.3rem;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

button.btn {
  position: relative;
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1rem;
  padding: 0.7rem 3.4rem 0.8rem 1.4rem;
  border-radius: 40px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  background-color: var(--primary);
  color: white;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}

button.btn::after {
  position: absolute;
  top: 12px;
  right: 16px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) 0 -16px no-repeat;
  background-size: 160px 160px;
}

button.btn.btnprimary::after {
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -32px -16px no-repeat;
  background-size: 160px 160px;
}

button.btn.arrowdown::after {
  position: absolute;
  top: 12px;
  right: 16px;
  content: "";
  width: 16px;
  height: 16px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -16px -16px no-repeat;
  background-size: 160px 160px;
}

.sidenav {
  z-index: 101;
  height: 100%;
  width: 0;
  max-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -webkit-overflow-scrolling: touch;
}

.sidenav * {
  scrollbar-width: none;
}

.sidenav ::-webkit-scrollbar {
  display: none;
}

.sidenavmain {
  width: 326px;
  height: 100%;
  background-color: #1F2027;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .sidenavmain {
    width: 100%;
  }
}

.sidenavhdr {
  position: relative;
  height: 100px;
}

.sidenavhdr .closebtn {
  position: absolute;
  top: 36px;
  left: 28px;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.2rem 0 0.2rem 40px;
}

.sidenavhdr .closebtn::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) 0 -48px no-repeat;
  background-size: 240px 240px;
}

.sidenavinner {
  margin: 0 0 0 28px;
  width: calc(100% - 56px);
  height: calc(100% - 120px);
  overflow-x: hidden !important;
}

ul.mainmenu li.expandable span {
  display: none;
}

ul.mainmenu {
  width: 100%;
  list-style: none;
  margin-bottom: 2rem;
}

ul.mainmenu ul {
  list-style: none;
}

ul.mainmenu > li {
  width: 268px;
  border-bottom: 1px solid #5D5D62;
  position: unset;
  list-style: none;
}
@media screen and (max-width: 768px) {
  ul.mainmenu > li {
    width: 100%;
  }
}

ul.mainmenu li a {
  position: relative;
  display: block;
  padding: 1rem 0;
  color: white;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: 300;
}

ul.mainmenu li a:hover, ul.mainmenu li a:focus {
  font-weight: 500;
}

ul.mainmenu li.expandable a {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

ul.mainmenu > li.expandable > a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -96px -16px no-repeat;
  background-size: 160px 160px;
}

ul.mainmenu > li:hover > ul.submenu {
  visibility: visible;
  opacity: 1;
}

ul.mainmenu > li.keepfocus > a {
  font-weight: 500;
}

/*second level*/
ul.mainmenu > li > ul > li {
  padding: 0.2rem 0 0.2rem 1.4rem;
}

ul.mainmenu > li > ul > li > a {
  padding: 0.2rem 0 0.2rem 1.4rem;
  color: white;
  text-decoration: none;
}

ul.mainmenu > li > ul > li > a:hover, ul > li > ul > li > a:focus {
  font-weight: 500;
}

ul.mainmenu > li > ul > li.active > a {
  font-weight: 500;
}

ul.mainmenu > li > ul > li {
  padding: 0 2rem;
}

ul.mainmenu > li > ul > li > a {
  padding: 1rem 0;
  color: white;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #66676D;
}

ul.mainmenu > li > ul.submenu {
  position: absolute;
  top: 0;
  left: 326px;
  visibility: hidden;
  opacity: 0;
  list-style: none;
  height: 100vh;
  width: 326px;
  z-index: 1;
  transition: 0.3s ease-in-out;
  background-color: #2A2B33;
  padding-top: 100px;
}

ul.mainmenu > li > ul.submenu > li > a {
  font-size: 1.125rem;
  font-weight: 300;
}

ul.mainmenu > li > ul.submenu > li > a:hover, ul.mainmenu > li > ul.submenu > li > a:focus {
  font-weight: 500;
}

ul.mainmenu > li.expandable > ul.submenu > li.expandable > a:after {
  content: "";
  display: inline-block;
  margin-top: 4px;
  width: 16px;
  height: 16px;
  background: url(/https/www.red-wing.com/images/sprite.png?ae71d6c09412d2ca70dba48d37499c2c) -96px -16px no-repeat;
  background-size: 160px 160px;
}

ul.mainmenu > li > ul > li > ul > li {
  padding: 0 2rem;
}

/*third level*/
ul.mainmenu > li > ul > li > ul > li > a {
  padding: 1rem 0;
  color: white;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #66676D;
}

ul.mainmenu > li > ul.submenu > li > ul.submenu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 326px;
  height: 100vh;
  width: 326px;
  transition: visibility 0s, opacity 0.3s ease-in-out;
  z-index: 1;
  background-color: #373943;
  padding-top: 100px;
}

ul.mainmenu > li > ul.submenu > li:hover > ul.submenu {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s ease-in-out;
  left: 326px;
}

ul.tags {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2rem 0;
}

ul.tags li {
  position: relative;
  border-radius: 4px;
  border: 1px solid #ABACB4;
  font-size: 0.86rem;
  font-weight: 400;
  padding: 0.4rem 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  margin: 0 0.3rem 0.3rem 0;
  line-height: 1em;
}

.hero ul.tags {
  margin: 1rem 0;
}

.hero ul.tags li {
  border-radius: 4px;
  border: 1px solid var(--keylinelte);
  color: var(--keylinelte);
}

.footer {
  background-color: var(--bg);
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 0;
}

.footer .inner {
  padding: 3rem 0;
  color: white;
}

.footer .strap {
  font-size: 2.2rem;
  font-weight: 300;
  padding: 0 0 3.2rem 0;
  margin: 0 0 3.2rem 0;
  border-bottom: 1px solid #717276;
}

.footer .ctcrow {
  display: flex;
  padding: 0 0 3.2rem 0;
  justify-content: space-between;
  width: 84%;
}

.footer .ctccol p {
  font-size: 1rem;
  line-height: 1.7em;
}

.footer .ctccol p span {
  color: white;
  font-size: 1.2rem;
  font-weight: 400;
}

.footer .ctccol p a {
  color: white;
  text-decoration: none;
}

.footer .ctccol p a:hover, .footer .ctccol p a:focus {
  color: white;
  text-decoration: underline;
}

.footer .ftr {
  padding: 0.6rem 0;
}

.footer .ftr img {
  width: 110px;
  height: auto;
  display: block;
}

.footer .ftr p {
  font-size: 0.9rem;
  color: #B2B2B2;
  padding: 0 0 1rem 0;
}

.footer .ftr ul {
  list-style: none;
  text-align: left;
}

.footer .ftr ul li {
  position: relative;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 500;
}

.footer .ftr ul li:after {
  position: absolute;
  content: "";
  top: 4px;
  right: -2px;
  width: 1px;
  height: 10px;
  background-color: #B2B2B2;
}

.footer .ftr ul li a {
  color: white;
  text-decoration: none;
  padding: 0 0.6rem;
}

.footer .ftr ul li a:hover, .footer .ftrright ul li a:focus {
  color: white;
  text-decoration: underline;
}

.footer .ftr ul li:first-child a {
  padding: 0 0.6rem 0 0;
}

.footer .ftr ul li:last-child:after {
  display: none;
}

@media screen and (max-width: 1280px) {
  .imgslider, .logoslider, .txtslider, .csslider {
    margin: 0 40px;
  }
  .imgslider .item, .logoslider .item, .txtslider .item {
    margin: 0;
  }
  .txtpanelslider {
    margin: 0 30px;
  }
  .txtpanelslider .item {
    margin: 0 10px;
  }
  .ctacontent {
    display: block;
    width: 100%;
  }
  .ctacontent .ctalink {
    text-align: left;
    padding: 1.2rem 0 0 0;
    white-space: normal;
  }
  .txtslider button.slick-prev, .logoslider button.slick-prev, .imgslider button.slick-prev {
    left: -40px;
  }
  .txtslider button.slick-next, .logoslider button.slick-next, .imgslider button.slick-next {
    right: -40px;
  }
  .txtslider .item {
    padding: 0 1rem;
  }
  .txtpanelslider button.slick-prev {
    left: -30px;
  }
  .txtpanelslider button.slick-next {
    right: -30px;
  }
  .imgslider .item img {
    max-height: 440px;
  }
  .footer .ctccol {
    margin-right: 4%;
  }
}
@media screen and (max-width: 982px) {
  .hhero .hherotxt {
    width: 100%;
  }
  .hhero .hherotxtinner {
    width: 100%;
    max-width: 982px;
    margin-left: 0;
    height: auto;
  }
  .hhero .hheroimg {
    width: 100%;
  }
  .hhero .hheroimg img {
    margin-left: 0;
  }
  .hhero .inner {
    display: block;
  }
  .hero.hfeature .inner {
    display: block;
  }
  .hero.hfeature .col:last-child > div {
    position: relative;
    top: auto;
    transform: none;
  }
  .editorial {
    padding: 0;
  }
  .cstudy .item {
    display: block;
  }
  .cstudy .item .col p.h4 {
    padding: 0 0 1.8rem 0;
  }
  .cstudy .item .angled::after {
    top: -39px;
    right: 0;
    width: 100%;
    height: 40px;
  }
  ul.mainmenu > li > ul.submenu > li > ul.submenu {
    visibility: visible;
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    width: auto;
    transition: none;
    z-index: 1;
    background-color: #2A2B33;
    padding-top: 0;
    display: block;
  }
  ul.mainmenu > li > ul.submenu > li > ul.submenu > li {
    padding: 0;
  }
  ul.mainmenu > li > ul.submenu > li > ul.submenu > li > a {
    padding: 0.6rem 0;
    color: white;
    font-size: 1rem;
    text-decoration: none;
    display: block;
    border-bottom: 0;
  }
  ul.mainmenu > li > ul.submenu > li:hover > ul.submenu {
    visibility: visible;
    opacity: 1;
    transition: none;
    left: auto;
  }
  .pageform .inner {
    padding: 1rem 0;
  }
  .quote blockquote {
    font-size: 1.7rem;
    padding: 0 0 2rem 0;
  }
  .imgslider .item img {
    max-height: 400px;
  }
  .footer .ctccol p {
    font-size: 1.22rem;
  }
  .footer .ctccol p span {
    font-size: 1.04rem;
  }
  .footer .ctcrow {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .logo {
    width: 150px;
    margin: 10px 0;
  }
  .hero .herotxtinner {
    padding: 2rem 0;
    width: 100%;
  }
  .hero p {
    font-size: 1.6rem;
  }
  .hero .inner {
    min-height: 300px;
  }
  .heading .inner {
    padding: 1rem 0 1.6rem 0;
  }
  .intro .inner {
    display: block;
  }
  .hintrotxt {
    position: relative;
  }
  .hintrotxt h2, .hintrotxt p {
    width: 100%;
  }
  .signpost .grid2 {
    display: block;
  }
  .signpost .grid3 {
    display: block;
  }
  .signpost .item {
    padding: 1.8rem 1.6rem 3.4rem;
    margin-bottom: 1rem;
  }
  .signpost p.ttl {
    padding: 0 0 1rem 0;
  }
  .signpost a.btnarrowtxt, .signpost a.btnarrow {
    bottom: 1rem;
    right: 1.6rem;
  }
  .imgslider, .logoslider, .csslider {
    margin: 0;
    padding-bottom: 40px;
  }
  .txtpanelslider {
    margin: 0 -10px;
    padding-bottom: 40px;
  }
  button.slick-prev {
    top: auto;
    left: 0;
    bottom: -24px;
  }
  button.slick-next {
    top: auto;
    right: 0;
    bottom: -24px;
  }
  .txtpanelslider button.slick-prev {
    left: 10px;
  }
  .txtpanelslider button.slick-next {
    right: 10px;
  }
  .ctacontent {
    display: block;
    width: 100%;
  }
  .ctacontent .ctalink {
    text-align: left;
    padding: 1.2rem 0 0 0;
    white-space: normal;
  }
  .txtpanelblocks {
    display: block;
    padding: 0;
  }
  .txtpanelblocks .item {
    margin-bottom: 1rem;
  }
  .txtslider {
    margin: 0 -30px;
    padding-bottom: 40px;
  }
  .txtslider .item {
    padding: 0;
    margin: 30px;
  }
  .txtslider button.slick-prev {
    left: 30px;
  }
  .txtslider button.slick-next {
    right: 30px;
  }
  .imgslider .item img {
    max-height: 360px;
  }
  .txtbtn {
    display: block;
  }
  .txtbtn .col:last-child {
    text-align: left;
    padding-left: 0;
  }
  .lazy {
    opacity: 1 !important;
    transform: none !important;
    transition-delay: 0s !important;
  }
  .feature .inner {
    display: block;
    padding: 2rem 0;
  }
  .feature .col:first-child {
    padding: 0 0 60px;
  }
  .feature .angled::after {
    position: absolute;
    content: "";
    top: auto;
    bottom: 99.8%;
    right: auto;
    left: 0;
    width: 100%;
    height: 60px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
  .dfeature .inner {
    display: block;
    padding: 2rem 0;
  }
  .dfeature .col {
    height: auto;
    padding: 2rem 2rem 4rem;
  }
  .dfeature .col:first-child {
    padding: 0 2rem 4rem;
  }
  .dfeature .angled::after {
    position: absolute;
    content: "";
    top: auto;
    bottom: 99.8%;
    right: auto;
    left: 0;
    width: 100%;
    height: 60px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
  .dfeature a.btnarrowtxt {
    position: relative;
    bottom: auto;
    left: 0;
  }
  .dfeature a.btnarrow {
    position: relative;
    bottom: auto;
    left: 0;
  }
  .dfeature .col:last-child {
    padding: 2rem;
  }
  .dfeature .col:last-child .btncontainer {
    left: 0;
    bottom: auto;
  }
  .faqitem {
    margin: 0;
  }
  .module {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .module .angled::after {
    position: absolute;
    content: "";
    top: auto;
    bottom: 99%;
    right: 0;
    width: 100%;
    height: 40px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
  .module .col .coltxt {
    padding: 1rem 1.8rem 2.4rem 1.8rem;
    height: auto;
    display: block;
    min-height: 80px;
  }
  .module .col:last-child .coltxt {
    padding: 1rem 1.8rem 1.8rem 1.8rem;
  }
  .txtslider button.slick-prev, .logoslider button.slick-prev, .imgslider button.slick-prev {
    left: 0;
  }
  .txtslider button.slick-next, .logoslider button.slick-next, .imgslider button.slick-next {
    right: 0;
  }
  .heading h2 {
    font-size: 1.6rem;
    padding: 1rem 0;
    line-height: 1.24em;
  }
  .heading p.ttl {
    font-size: 1.6rem;
    padding: 1rem 0;
    line-height: 1.24em;
  }
  .heading p.btncontent {
    padding: 1.6rem 0 0.6rem 0;
  }
  .heading p:has(+ p.btncontent) {
    padding: 0;
  }
  .footer {
    position: relative;
  }
  .footer .ctcrow {
    display: block;
  }
  .footer .ctccol {
    padding: 0 0 1rem 0;
  }
  .footer .ftr {
    display: block;
  }
  .footer .ftrleft {
    width: 100%;
  }
  .footer .ftrright {
    width: 100%;
  }
  .footer .ftrright ul {
    text-align: left;
  }
  .footer .ftrright ul li:last-child a {
    padding: 0 0.6rem;
  }
  .footer .ftrright ul li:first-child a {
    padding: 0 0.6rem 0 0;
  }
}
@media screen and (max-width: 672px) {
  ul.mainmenu > li.expandable {
    position: relative;
  }
  ul.mainmenu > li.expandable a {
    padding: 1rem 20px 1rem 0;
  }
  ul.mainmenu > li.expandable > a:after {
    display: none;
  }
  ul.mainmenu li.expandable span {
    position: absolute;
    display: block;
    top: 16px;
    right: -4px;
    width: 20px;
    height: 24px;
    background-image: url(/https/www.red-wing.com/images/expander-bg.png?8a2a7fb818169b1a663bd01394f96517);
    background-size: 100% 100%;
    cursor: pointer;
    transition: 0.3s;
    z-index: 10;
  }
  ul.mainmenu li.expandable span.open {
    transform: rotate(180deg);
  }
  ul.mainmenu li.expandable ul li.expandable span {
    display: none;
  }
  ul.mainmenu > li > ul.submenu {
    position: relative;
    top: auto;
    left: auto;
    visibility: visible;
    opacity: 1;
    list-style: none;
    height: auto;
    width: 100%;
    z-index: 1;
    transition: none;
    background-color: #1F2027;
    padding: 0 0 0.8rem 0;
    display: none;
  }
  ul.mainmenu > li.expandable > ul.submenu > li.expandable > a::after {
    display: none;
  }
  ul.mainmenu > li > ul > li {
    padding: 0;
  }
  ul.mainmenu > li > ul.submenu > li > ul.submenu {
    display: block !important;
    padding-left: 2.2rem;
    background-color: #1F2027;
  }
  ul.mainmenu > li > ul.submenu > li > a {
    font-size: 1rem;
    padding: 0.4rem 0 0.4rem 1rem;
    border-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .txtslider {
    margin: 0;
  }
  .txtslider .item {
    margin: 0;
  }
  .txtslider button.slick-prev {
    left: 0;
  }
  .txtslider button.slick-next {
    right: 0;
  }
  .imgslider .item img {
    max-height: 280px;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}

p.recaptcha-text {
  color: grey;
  font-size: 12px;
  margin: 1rem 0 0 0;
  padding: 0;
}
p.recaptcha-text a {
  color: var(--primary);
  font-size: 12px;
  text-decoration: underline;
}
p.recaptcha-text a:hover {
  text-decoration: none;
}