body,ul{margin:0}fieldset,form,img{border-style:none}.header,.wrapper{position:relative}.fixed-nav,body{font-weight:400}.back_box,.btn-width100{-webkit-box-orient:vertical;-webkit-box-direction:normal}.btn-danger,.btn-outline-light,.carousel-inner .btn,.carousel-inner h1,.dropdown-menu,.footer-nav,.footer-social-icon,.inner-banner,.tabs_holder .nav-tabs .nav-link,.title{text-transform:uppercase}.flip_box,.map-wrap,.wrapper{overflow:hidden}.TopButton,a,a:focus,a:hover{text-decoration:none}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:unset}}html *{outline:0!important}body{background:#000;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;height:100%;font-family:Lato,"Helvetica Neue",Arial,sans-serif;color:#fff;font-size:1.25rem;line-height:1.5;word-break:break-word}ul{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-family:Raleway,"Helvetica Neue",Arial,sans-serif;font-weight:700;line-height:1.35;margin:0 0 2rem}input,select,strong,textarea{font-family:Lato,"Helvetica Neue",Arial,sans-serif}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.6rem}h4,h6{font-size:1.2rem}h5{font-size:1.25rem}strong{font-weight:900;font-size:1.3rem}p{margin:0 0 1.2em}.fa{margin-right:.5rem}.footer-btm p,.footer-social-icon li .fa,.logo,.navbar-toggler .fa{margin:0}a{color:#d02030;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.logo,a:hover{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}a:hover{color:#ac1a27;transition:.5s ease-in-out}a:focus,a:hover{outline:0}input,select,textarea{font-size:100%;vertical-align:middle;color:#666;font-weight:300}textarea{resize:vertical}fieldset,form{margin:1em;padding:1em}::selection{background:#ac1a27;color:#fff}::-moz-selection{background:#ac1a27;color:#fff}.clear:after,.clear:before{content:" ";display:table}.clear:after{clear:both}.header{z-index:10;border-bottom:1px solid rgba(255,255,255,.62)}.logo{line-height:0;width:16rem;transition:.5s ease-in-out}.navbar{min-height:5em;background:0 0;font-size:.9rem;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;padding:0 15px 0 0}.fixed-nav .navbar-brand img,.flip_box{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.navbar-light .navbar-nav .active>.nav-link{color:#fff;border-bottom:2px solid #ac1a27}.navbar-light .navbar-nav .active>.nav-link:focus,.navbar-light .navbar-nav .active>.nav-link:hover{border-color:#ac1a27}.navbar-light .navbar-nav .nav-link{color:#fff;padding-left:1em;padding-right:1em;text-transform:uppercase;border-bottom:2px solid transparent}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#fff;border-bottom:2px solid rgba(255,255,255,.15)}.navbar-collapse{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:1em}.dropdown-menu{right:-100px;left:auto;font-size:.9rem;margin:0}.dropdown-item.active,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{background-color:transparent;color:#ac1a27}.navbar-toggler{background:#ac1a27;color:#fff!important}.navbar-toggler:focus{-webkit-box-shadow:none;box-shadow:none}.fixed-nav{-webkit-box-shadow:none;box-shadow:none;border-bottom:none;position:fixed;width:100%;top:0;z-index:20;background:#000}.fixed-nav .navbar-brand{background:0 0}.fixed-nav .navbar-brand img{transition:.3s}.fixed-nav .navbar{background:#000;font-size:.9rem;min-height:4em}.fixed-nav .navbar-nav{padding:0;background:0 0}.fixed-nav .logo{width:14rem}.only-mobile{display:none}:root{--padding:0 1.55rem}.section{padding:2.0625em 0}.mb-6{margin-bottom:5em}.btn{border-radius:2px}.text-dark{color:#000!important}.btn-outline-light{border-color:rgba(255,255,255,.62);font-weight:700}.btn-outline-light:focus,.btn-outline-light:hover{background-color:#d02030;border-color:#d02030;color:#fff}.btn-danger,.btn-danger:focus,.btn-danger:hover{background-color:#ac1a27;border-color:#ac1a27;color:#fff}.btn-danger{border-radius:0}.title{position:relative;font-size:1.8em;margin-bottom:1.6em}.title:after{position:absolute;width:5rem;height:4px;background:#ac1a27;content:'';bottom:0;left:-3px;right:-3px;margin:-.8rem auto;opacity:.8}.title.border-left:after{left:0;right:auto}.columns2{-webkit-column-count:2;column-count:2;break-inside:avoid}.overlay,.overlay1{background:rgba(6,6,6,.4);position:absolute;top:0;left:0;width:100%;height:100%}.overlay1{background:rgba(0,0,0,.53)}.bg1{background:#ac1a27;color:#fff}.hide{display:none!important}.modal-content{color:#696969}.list-wrap li{position:relative;padding-left:1.5em;margin:.5em 0}.list-wrap .fa{position:absolute;left:0;top:7px;color:#ac1a27}.banner-wrap,.contact_form_wrap,.flip_box,.pos-rel,.pr,.welcome_home_text{position:relative}.client_logos_wrap .owl-nav .owl-next:hover,.client_logos_wrap .owl-nav .owl-prev:hover,.contact-infos .address a:focus,.contact-infos .address a:hover,.footer-btm a:hover,.footer-nav li>a:hover,.footer-social-icon li>a:hover,.highlight,.news-carousel .owl-nav .owl-next:hover,.news-carousel .owl-nav .owl-prev:hover{color:#d02030}.text-sm,label{font-size:1.05rem;line-height:1.5}.form-check{line-height:1;margin:.8em 0}.object_fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.banner-wrap{color:#fff;margin-top:-72px}.carousel-item{padding:8.5em 0;height:97vh}.carousel-item img{height:100vh;-o-object-fit:cover;object-fit:cover}.carousel-inner{text-align:center;font-size:1.5rem}.carousel-inner h1{margin:.3em 0;font-size:3.125rem;font-weight:800;line-height:131.6%}.carousel-inner h1 span{text-shadow:0 0 3px #333;display:inline-block;padding:0}.carousel-inner .btn{padding:1rem 1.3rem;width:32rem;font-size:2rem}.carousel-control-next,.carousel-control-prev{width:6%}.inner-banner.banner-wrap{height:350px}.inner-banner{padding:2em;text-shadow:0 0 1.5px #ac1a27}.inner-banner h2{font-size:2.5rem;margin:0;text-shadow:0 0 1px #222}.inner-banner .container{position:relative;color:#fff;height:100%}.footer-wrap{padding-top:1.5em;padding-bottom:1.5em;color:#fff;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.3);box-shadow:0 0 3px 0 rgba(0,0,0,.3);font-size:15px}.footer-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-logo{margin-bottom:1em;display:inline-block}.footer-nav,.footer-social-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-width100,.footer-social-icon li>a{display:-webkit-box;display:-ms-flexbox}.footer-nav li,.footer-social-icon li{margin:0 .3em}.TopButton:hover,.footer-nav li>a,.footer-social-icon li>a,.welcome_two_wrap,.welcome_two_wrap .title{color:#fff}.footer-social-icon li>a{background:#ac1a27;color:#000;border-radius:100%;padding:5px;width:30px;height:30px;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1em;line-height:1.3}.footer-social-icon li>a:hover{background:#fff;color:#000}.footer-btm{font-size:.88rem}.contact-infos .address a,.footer-btm a{color:inherit}.websiteby{text-align:right}.TopButton,.tabs_holder .tab-content>.tab-pane{text-align:center}.btn-width100{width:100%;min-height:4em;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;font-size:1em}.borderBtm{border-bottom:1px solid rgba(255,255,255,.32)}.rotate{-webkit-transform:rotate(58.97deg);-ms-transform:rotate(58.97deg);transform:rotate(58.97deg)}.welcome_home_text .overlay,.welcome_home_text .overlay1{background:rgba(30,52,98,.8)}.form_btn:focus,.form_btn:hover,.welcome_two_wrap .btn-warning:focus,.welcome_two_wrap .btn-warning:hover{background-color:#f9f9f9;border-color:#f9f9f9;color:#ac1a27}.welcome_left_text{padding-right:1.5em}.welcome_left_text img{width:100%;height:422px;-o-object-fit:cover;object-fit:cover}.welcome_right_text{padding-top:1em}.welcome_home_text.second .welcome_left_text{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:2.5em;padding-right:15px}.back_box,.flip_box{display:-webkit-box;display:-ms-flexbox;-ms-flex-wrap:wrap}.welcome_home_text.second .welcome_right_text{font-size:1.4rem;line-height:1.4;padding-right:2.5em;padding-left:15px}.products_wrap .box{margin:.65em 0}.flip_box{background:#f6f6f6;border:1px solid #000;height:230px;display:flex;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:.3s}.back_box,.back_box>.back-cont,.flip_box .image,.flip_box .image img{width:100%;height:100%}.flip_box:hover .back_box{opacity:.98}.flip_box:hover .back_box::after,.flip_box:hover .back_box::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.flip_box .image img{-o-object-fit:cover;object-fit:cover}.back_box{position:absolute;top:0;left:0;background:#ac1a27;opacity:0;color:#fff;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;padding:3em;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}.back_box>.back-cont,.tabs_holder{display:-webkit-box;display:-ms-flexbox}.back_box:after,.back_box:before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-o-transition:opacity .35s,transform .35s}.back_box:before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}.back_box:after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0)}.back_box>.back-cont{font-size:.75em;position:relative;z-index:1;color:#fff;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left}.tabs_holder{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tabs_holder .nav-tabs{width:21.25rem;margin-right:3.5em;border:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tabs_holder .nav-tabs .nav-item{margin-bottom:.5em}.tabs_holder .nav-tabs .nav-link{background:#ac1a27;color:#fff;font-weight:700;margin:.5em;border-radius:0;padding-left:3em}.tabs_holder .nav-tabs .nav-link:hover{background:#d02030}.tabs_holder .tab-content{width:65%}.tabs_holder .tab-image{height:500px;-o-object-fit:contain;object-fit:contain}.client_logos_wrap .owl-nav{display:block!important}.client_logos_wrap .owl-dots{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.client_logos_wrap .owl-dots span{width:8px;height:8px;background:#ac1a27;border-radius:100%;display:inline-block;margin:0 3px}.client_logos_wrap .owl-dots .active span{width:10px;height:10px;background:#ac1a27}.client_logos_wrap .owl-nav .owl-next,.client_logos_wrap .owl-nav .owl-prev,.news-carousel .owl-nav .owl-next,.news-carousel .owl-nav .owl-prev{position:absolute;top:36%;font-size:1.8rem;color:#ac1a27;width:1.8rem;text-align:center}.client_logos_wrap .owl-nav .owl-next .fa,.client_logos_wrap .owl-nav .owl-prev .fa,.news-carousel .owl-nav .owl-next .fa,.news-carousel .owl-nav .owl-prev .fa{margin-right:0}.client_logos_wrap .owl-nav .owl-prev,.news-carousel .owl-nav .owl-prev{left:-15px}.client_logos_wrap .owl-nav .owl-next,.news-carousel .owl-nav .owl-next{right:-15px}.client_logos_wrap{margin-top:1em}.client_logos_wrap .owl-item img{width:180px;height:200px;-o-object-fit:contain;object-fit:contain;margin:0 auto}.event-home-wrap .welcome_left_text{padding-right:3em}.event-home-wrap .welcome_right_text{padding-left:3em;padding-right:2em}.cta-wrap{background:#ac1a27;color:#fff;position:relative;background-attachment:fixed!important}.cta-wrap .container{position:relative;z-index:1}.cta-wrap .cta{padding:4em 0}.cta-wrap .overlay,.cta-wrap .overlay1{background:rgba(26,27,29,.8)}.contact_form_wrap .form-control{font-size:1rem;background:rgba(249,249,249,.12);border-radius:0;border-color:#ac1a27;color:#fff;padding-top:1rem}.contact_form_wrap .form-control-lg{min-height:calc(1.5em + 3rem + 2px)}.contact_form_wrap .form-group{position:relative;margin-bottom:2em}.contact_form_wrap .form-group label{position:absolute;top:25px;left:16px;font-size:1rem;pointer-events:none;z-index:9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.contact_form_wrap .form-group label.focus{top:3px;-webkit-transform:scale(.8) translateY(0);-ms-transform:scale(.8) translateY(0);transform:scale(.8) translateY(0);opacity:.8;color:#6290c8}.form_btn{font-size:1em;min-height:3.5em;min-width:10em}.contact-infos .address p{position:relative;padding-left:30px}.contact-infos .address .fa{position:absolute;top:6px;left:0;color:#ac1a27}.map-wrap img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.TopButton{background:#ac1a27;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;bottom:7rem;-webkit-box-shadow:0 0 5px 0 rgba(48,114,172,.3);-moz-box-shadow:0 0 5px 0 rgba(48,114,172,.3);-ms-box-shadow:0 0 5px 0 rgba(48,114,172,.3);-o-box-shadow:0 0 5px 0 rgba(48,114,172,.3);box-shadow:0 0 5px 0 rgba(48,114,172,.3);color:#fff;display:none;height:45px;padding:10px;position:fixed;right:1rem;width:45px;z-index:999}.TopButton i{font-size:1.8rem;line-height:.75;margin:0}
/* ---- Language toggle ----------------------------------------------------
   Replaces the single FR/EN link. The active language is shown as a pressed
   state rather than being hidden, so it is clear which one you are on. */
.lang-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.35);border-radius:3px;overflow:hidden;vertical-align:middle}
.lang-opt{display:block;padding:.2em .6em;font-size:.82rem;font-weight:700;letter-spacing:.06em;line-height:1.7;color:rgba(255,255,255,.75);text-decoration:none;transition:background .2s,color .2s}
.lang-opt:hover{background:rgba(255,255,255,.12);color:#fff}
.lang-opt.is-active{background:#ac1a27;color:#fff}
.lang-opt.is-active:hover{background:#ac1a27}
.lang-item{display:flex;align-items:center;padding-left:1em}
@media (max-width:991px){
  /* Inside the collapsed menu the pill read as a stray 28px chip below the
     last row. Make it a menu row of its own with real tap targets. */
  .lang-item{padding-left:0;margin:.4em 0 0;padding-top:.9em;
    border-top:1px solid rgba(255,255,255,.15)}
  .lang-toggle{border-color:rgba(255,255,255,.5)}
  .lang-opt{padding:.6em 1.6em;font-size:1rem;line-height:1.5}
}

/* ---- Brand switcher -----------------------------------------------------
   Replaces the row of six solid red buttons pasted into each brand page.
   Shows every brand with the current one marked, so it reads as navigation
   rather than a call to action competing with the page. */
.brand-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);margin:0 0 2.5rem}
.brand-switch__label{font-family:Raleway,"Helvetica Neue",Arial,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#d02030;margin-right:.25rem}
.brand-switch__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.brand-switch__item{display:block;padding:.35em .95em;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:.92rem;line-height:1.6;color:rgba(255,255,255,.78);text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.brand-switch__item:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:#fff}
.brand-switch__item.is-active{background:#ac1a27;border-color:#ac1a27;color:#fff;font-weight:700;cursor:default}
.brand-shop{margin:0 0 2.5rem}
.brand-title{font-size:2.4rem;font-weight:800;letter-spacing:-.01em;margin:0 0 1.5rem;color:var(--brand-hero);text-shadow:0 2px 14px rgba(0,0,0,.8),0 1px 4px rgba(0,0,0,.7)}
.brand-logo-mark{margin:0 0 1.25rem}
.brand-logo-mark img{max-width:260px;height:auto}
@media (max-width:767px){
  .brand-switch{gap:.5rem}
  .brand-switch__label{width:100%;margin-bottom:.15rem}
  .brand-switch__item{font-size:.85rem;padding:.3em .8em}
  .float-container1 h1.brand-title{font-size:clamp(1.35rem,6.2vw,1.9rem);line-height:1.2;margin-bottom:1rem}
  .brand-shop .btn{width:100%}
}

/* ---- Brand page product cards ------------------------------------------
   Three per row from large up (was two), and the card title in white so the
   red is reserved for the links and buttons. */
body:not([class*="bg"]) .brand_item_title{color:#fff}
.brand_item_title{font-size:1.25rem}
.brand_item_cont{height:100%;display:flex;flex-direction:column}
.brand_items_row .row > div{margin-bottom:1.5rem}
@media (max-width:991px){.brand_item_title{font-size:1.15rem}}

/* Light-themed brand pages (bg3/bg4/bg6/bg7/bg8) - the switcher above assumes
   a dark background, so restate it for those or it renders white on white. */
.bg3 .brand-switch,.bg4 .brand-switch,.bg6 .brand-switch,.bg7 .brand-switch,.bg8 .brand-switch{border-top-color:rgba(0,0,0,.14);border-bottom-color:rgba(0,0,0,.14)}
.bg3 .brand-switch__item,.bg4 .brand-switch__item,.bg6 .brand-switch__item,.bg7 .brand-switch__item,.bg8 .brand-switch__item{border-color:rgba(0,0,0,.24);color:#333}
.bg3 .brand-switch__item:hover,.bg4 .brand-switch__item:hover,.bg6 .brand-switch__item:hover,.bg7 .brand-switch__item:hover,.bg8 .brand-switch__item:hover{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.45);color:#000}
.bg3 .brand-switch__item.is-active,.bg4 .brand-switch__item.is-active,.bg6 .brand-switch__item.is-active,.bg7 .brand-switch__item.is-active,.bg8 .brand-switch__item.is-active{background:#ac1a27;border-color:#ac1a27;color:#fff}
/* brand title sits on the hero image, so it keeps var(--brand) on light pages too */

/* ---- Per-brand colour ---------------------------------------------------
   Each brand page carries its own accent (WomenWorx pink, HoneyBee yellow,
   Mossy Oak green, Arm & Hammer crimson) via the body bg* class the theme
   already uses. Drive the switcher and CTA from it rather than one red. */
:root,body{--brand:#ac1a27;--brand-ink:#fff;--brand-hero:#ff5566}
body.bg3{--brand:#ffd03d;--brand-ink:#000;--brand-hero:#ffd84f}   /* HoneyBee  */
body.bg4{--brand:#d664be;--brand-ink:#fff;--brand-hero:#f39ae0}   /* WomenWorx */
body.bg5{--brand:#4a5e23;--brand-ink:#fff;--brand-hero:#a8c96a}   /* Mossy Oak */
body.bg7{--brand:#d71041;--brand-ink:#fff;--brand-hero:#ff5c80}   /* Arm & Hammer */
body.brand-oden{--brand:#d7521e;--brand-ink:#fff;--brand-hero:#ff8a4d} /* Oden (bg6 is shared with Eyewear) */

.brand-switch__label{color:var(--brand)}
.brand-switch__item.is-active,
.bg3 .brand-switch__item.is-active,.bg4 .brand-switch__item.is-active,
.bg6 .brand-switch__item.is-active,.bg7 .brand-switch__item.is-active,
.bg8 .brand-switch__item.is-active{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.brand-shop .btn,.cta .brand-shop .btn{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.brand-shop .btn:hover{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);filter:brightness(.88)}

/* The CTA headline is a flat 2rem at every width (dist/css/custom.css), which
   on a phone runs to four lines and swamps the section. Needs two element
   selectors to outrank that rule, which loads after this file. */
@media (max-width:767px){
  body .cta-wrap h3{font-size:clamp(1.25rem,5.6vw,1.6rem);line-height:1.3;margin-bottom:.4rem}
  body .cta-wrap .cta{padding:2.5em 0}
}

/* ---- Brand carousel: emphasise the centre item -------------------------- */
.brand_carousel_wrap .owl-item{transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .7s ease}
.brand_carousel_wrap .owl-item img{transition:inherit}
.brand_carousel_wrap .owl-item:not(.center){transform:scale(.78);opacity:.45}
.brand_carousel_wrap .owl-item.center{transform:scale(1.1);opacity:1;position:relative;z-index:2}
.brand_carousel_wrap .owl-stage{display:flex;align-items:center}
@media (max-width:767px){
  .brand_carousel_wrap .owl-item:not(.center){transform:scale(.82);opacity:.45}
  .brand_carousel_wrap .owl-item.center{transform:scale(1.06)}
  .brand_carousel_wrap .owl-item img{width:100%;max-width:120px}
}
@media (prefers-reduced-motion:reduce){
  .brand_carousel_wrap .owl-item{transition:none}
}

/* The whole banner title takes the brand colour, including the emphasised
   span inside it (which is the brand name itself on several pages, e.g.
   "ODEN Premium"). Needs three classes to outrank .bg4/.bg7 .highlight in
   custom.css, which loads after this file. */
body .brand-title .highlight,
body .brand-title .highlight *{color:inherit}

/* ---- Native site forms (replacing the EasyForms embeds) ----------------- */
.hc-form{max-width:760px;margin:0 auto;padding:0}
.hc-row{display:flex;flex-wrap:wrap;gap:1.25rem}
.hc-row .hc-field{flex:1 1 260px}
.hc-field{margin:0 0 1.25rem}
.hc-field label{display:block;font-size:.95rem;font-weight:600;margin:0 0 .4rem;color:inherit}
.hc-req{color:#d02030}
.hc-field input,.hc-field select,.hc-field textarea{width:100%;border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06);color:inherit;border-radius:4px;padding:.7rem .9rem;font-size:1rem;line-height:1.4}
.hc-field textarea{resize:vertical;min-height:130px}
.hc-field input:focus,.hc-field select:focus,.hc-field textarea:focus{outline:none;border-color:#d02030;
  background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(208,32,48,.15)}
.hc-field input::placeholder,.hc-field textarea::placeholder{color:rgba(255,255,255,.45)}
.hc-actions{margin-top:1.5rem}
.hc-actions .btn{min-width:14rem}
/* honeypot: never shown, never announced */
.hc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.hc-alert{max-width:760px;margin:0 auto 1.5rem;padding:.9rem 1.1rem;border-radius:4px;font-size:1rem}
.hc-alert--ok{background:rgba(18,128,92,.15);border:1px solid rgba(18,128,92,.55);color:#9ff0cd}
.hc-alert--err{background:rgba(208,32,48,.12);border:1px solid rgba(208,32,48,.5);color:#ffb3bd}
.hc-alert p{margin:0 0 .3rem}.hc-alert p:last-child{margin:0}
.hc-fieldset{border:0;padding:0;margin:0 0 2rem}
.hc-fieldset > legend{font-family:Raleway,"Helvetica Neue",Arial,sans-serif;font-size:1.1rem;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;color:#d02030;margin:0 0 1rem;padding:0;border-bottom:1px solid rgba(255,255,255,.14);width:100%;padding-bottom:.5rem}
.hc-check{display:flex;gap:1.5rem;flex-wrap:wrap;margin:.2rem 0 0}
.hc-check label{display:flex;align-items:center;gap:.45rem;font-weight:400;margin:0}
.hc-check input{width:auto}
.hc-help{font-size:.85rem;color:rgba(255,255,255,.55);margin:.35rem 0 0}
/* light-themed pages */
.bg3 .hc-field input,.bg4 .hc-field input,.bg6 .hc-field input,.bg7 .hc-field input,.bg8 .hc-field input,
.bg3 .hc-field select,.bg4 .hc-field select,.bg6 .hc-field select,.bg7 .hc-field select,.bg8 .hc-field select,
.bg3 .hc-field textarea,.bg4 .hc-field textarea,.bg6 .hc-field textarea,.bg7 .hc-field textarea,.bg8 .hc-field textarea
  {border-color:rgba(0,0,0,.22);background:#fff;color:#222}
@media (max-width:767px){
  /* Stacked on a phone every .hc-row wraps to one column, so its 1.25rem gap
     was stacking on top of each field's own 1.25rem margin - double spacing
     between some fields and not others. One rhythm instead. */
  .hc-row{gap:0}
  .hc-field{margin:0 0 1rem}
  .hc-field label{font-size:.9rem;margin-bottom:.3rem}
  .hc-field textarea{min-height:100px}
  /* Sections read as blocks rather than one endless list. */
  .hc-fieldset{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);
    border-radius:10px;padding:1rem .9rem .25rem;margin-bottom:1.25rem}
  .bg3 .hc-fieldset,.bg4 .hc-fieldset,.bg6 .hc-fieldset,.bg7 .hc-fieldset,.bg8 .hc-fieldset
    {background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1)}
  .hc-fieldset > legend{font-size:1rem;margin-bottom:.8rem;padding-bottom:.45rem}
  .hc-check{gap:1.75rem}
  .hc-check label{min-height:2.75rem}          /* a real tap target */
  .hc-help{margin-bottom:.9rem}
  .hc-alert{margin-bottom:1.1rem}
}
@media (max-width:575px){.hc-actions .btn{width:100%}}