/*
 * 0: Custom styles for AWD Digital
 * sass --watch style.scss:style.css
 *
 * @package awddigital
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,700&display=swap');
/*
 * Base - Spaces
 * 
 * @package awddigital
 *
 * This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
 * 
 * It will generate several classes such as:
 * .m-r-10 which gives margin-right 10 pixels.
 * .m-r-15 gives MARGIN to the RIGHT 15 pixels.
 * .p-b-5 gives PADDING to the BOTTOM of 5 pixels
 * .p-b-5 gives PADDING to the BOTTOM of 5 pixels
 * The first letter is "m" or "p" for MARGIN or PADDING
 * Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
 * Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
 * 
 */
.m5t {
  margin-top: 5px;
}

.p5t {
  padding-top: 5px;
}

.m5b {
  margin-bottom: 5px;
}

.p5b {
  padding-bottom: 5px;
}

.m5l {
  margin-left: 5px;
}

.p5l {
  padding-left: 5px;
}

.m5r {
  margin-right: 5px;
}

.p5r {
  padding-right: 5px;
}

.m10t {
  margin-top: 10px;
}

.p10t {
  padding-top: 10px;
}

.m10b {
  margin-bottom: 10px;
}

.p10b {
  padding-bottom: 10px;
}

.m10l {
  margin-left: 10px;
}

.p10l {
  padding-left: 10px;
}

.m10r {
  margin-right: 10px;
}

.p10r {
  padding-right: 10px;
}

.m15t {
  margin-top: 15px;
}

.p15t {
  padding-top: 15px;
}

.m15b {
  margin-bottom: 15px;
}

.p15b {
  padding-bottom: 15px;
}

.m15l {
  margin-left: 15px;
}

.p15l {
  padding-left: 15px;
}

.m15r {
  margin-right: 15px;
}

.p15r {
  padding-right: 15px;
}

.m20t {
  margin-top: 20px;
}

.p20t {
  padding-top: 20px;
}

.m20b {
  margin-bottom: 20px;
}

.p20b {
  padding-bottom: 20px;
}

.m20l {
  margin-left: 20px;
}

.p20l {
  padding-left: 20px;
}

.m20r {
  margin-right: 20px;
}

.p20r {
  padding-right: 20px;
}

.m25t {
  margin-top: 25px;
}

.p25t {
  padding-top: 25px;
}

.m25b {
  margin-bottom: 25px;
}

.p25b {
  padding-bottom: 25px;
}

.m25l {
  margin-left: 25px;
}

.p25l {
  padding-left: 25px;
}

.m25r {
  margin-right: 25px;
}

.p25r {
  padding-right: 25px;
}

.m30t {
  margin-top: 30px;
}

.p30t {
  padding-top: 30px;
}

.m30b {
  margin-bottom: 30px;
}

.p30b {
  padding-bottom: 30px;
}

.m30l {
  margin-left: 30px;
}

.p30l {
  padding-left: 30px;
}

.m30r {
  margin-right: 30px;
}

.p30r {
  padding-right: 30px;
}

.m35t {
  margin-top: 35px;
}

.p35t {
  padding-top: 35px;
}

.m35b {
  margin-bottom: 35px;
}

.p35b {
  padding-bottom: 35px;
}

.m35l {
  margin-left: 35px;
}

.p35l {
  padding-left: 35px;
}

.m35r {
  margin-right: 35px;
}

.p35r {
  padding-right: 35px;
}

.m40t {
  margin-top: 40px;
}

.p40t {
  padding-top: 40px;
}

.m40b {
  margin-bottom: 40px;
}

.p40b {
  padding-bottom: 40px;
}

.m40l {
  margin-left: 40px;
}

.p40l {
  padding-left: 40px;
}

.m40r {
  margin-right: 40px;
}

.p40r {
  padding-right: 40px;
}

.m45t {
  margin-top: 45px;
}

.p45t {
  padding-top: 45px;
}

.m45b {
  margin-bottom: 45px;
}

.p45b {
  padding-bottom: 45px;
}

.m45l {
  margin-left: 45px;
}

.p45l {
  padding-left: 45px;
}

.m45r {
  margin-right: 45px;
}

.p45r {
  padding-right: 45px;
}

.m50t {
  margin-top: 50px;
}

.p50t {
  padding-top: 50px;
}

.m50b {
  margin-bottom: 50px;
}

.p50b {
  padding-bottom: 50px;
}

.m50l {
  margin-left: 50px;
}

.p50l {
  padding-left: 50px;
}

.m50r {
  margin-right: 50px;
}

.p50r {
  padding-right: 50px;
}

.m80t {
  margin-top: 80px;
}

.p80t {
  padding-top: 80px;
}

.m80b {
  margin-bottom: 80px;
}

.p80b {
  padding-bottom: 80px;
}

.m80l {
  margin-left: 80px;
}

.p80l {
  padding-left: 80px;
}

.m80r {
  margin-right: 80px;
}

.p80r {
  padding-right: 80px;
}

.m100t {
  margin-top: 100px;
}

.p100t {
  padding-top: 100px;
}

.m100b {
  margin-bottom: 100px;
}

.p100b {
  padding-bottom: 100px;
}

.m100l {
  margin-left: 100px;
}

.p100l {
  padding-left: 100px;
}

.m100r {
  margin-right: 100px;
}

.p100r {
  padding-right: 100px;
}

.m150t {
  margin-top: 150px;
}

.p150t {
  padding-top: 150px;
}

.m150b {
  margin-bottom: 150px;
}

.p150b {
  padding-bottom: 150px;
}

.m150l {
  margin-left: 150px;
}

.p150l {
  padding-left: 150px;
}

.m150r {
  margin-right: 150px;
}

.p150r {
  padding-right: 150px;
}

.m200t {
  margin-top: 200px;
}

.p200t {
  padding-top: 200px;
}

.m200b {
  margin-bottom: 200px;
}

.p200b {
  padding-bottom: 200px;
}

.m200l {
  margin-left: 200px;
}

.p200l {
  padding-left: 200px;
}

.m200r {
  margin-right: 200px;
}

.p200r {
  padding-right: 200px;
}

.m250t {
  margin-top: 250px;
}

.p250t {
  padding-top: 250px;
}

.m250b {
  margin-bottom: 250px;
}

.p250b {
  padding-bottom: 250px;
}

.m250l {
  margin-left: 250px;
}

.p250l {
  padding-left: 250px;
}

.m250r {
  margin-right: 250px;
}

.p250r {
  padding-right: 250px;
}

/*
 * Base - Colours
 * 
 * @package awddigital
 *
 */
.t-primary {
  color: #0f6cb9;
}

.t-healthc {
  color: #0f6cb9;
}

.t-pharma {
  color: #FCB141;
}

.t-vet {
  color: #6EBE47;
}

.t-agedc {
  color: #662F91;
}

.t-hosp {
  color: #C62129;
}

.t-red {
  color: #ef592a;
}

.t-green {
  color: #5c9732;
}

.t-pink {
  color: #f38fae;
}

.t-blue {
  color: #0f6cb9;
}

.t-orange {
  color: #f6921d;
}

.t-dark {
  color: #111;
}

.t-white {
  color: #FFFFFF;
}

.t-grey {
  color: #e9ecef;
}

.b-primary {
  background-color: #0f6cb9;
}

.b-healthc {
  background-color: #0f6cb9;
}

.b-pharma {
  background-color: #FCB141;
}

.b-vet {
  background-color: #6EBE47;
}

.b-agedc {
  background-color: #662F91;
}

.b-hosp {
  background-color: #C62129;
}

.b-red {
  background-color: #ef592a;
}

.b-green {
  background-color: #5c9732;
}

.b-pink {
  background-color: #f38fae;
}

.b-blue {
  background-color: #0f6cb9;
}

.b-orange {
  background-color: #f6921d;
}

.hover-b-red:hover {
  background-color: #ef592a;
  color: #FFFFFF !important;
}

.hover-b-green:hover {
  background-color: #5c9732;
  color: #FFFFFF !important;
}

.hover-b-pink:hover {
  background-color: #f38fae;
  color: #FFFFFF !important;
}

.hover-b-blue:hover {
  background-color: #0f6cb9;
  color: #FFFFFF !important;
}

.hover-b-orange:hover {
  background-color: #f6921d;
  color: #FFFFFF !important;
}

.hover-b-agedc:hover {
  background-color: #662F91;
  color: #FFFFFF !important;
}

.hover-b-healthc:hover {
  background-color: #0f6cb9;
  color: #FFFFFF !important;
}

.hover-b-vet:hover {
  background-color: #6EBE47;
  color: #FFFFFF !important;
}

li.hover-b-red:hover > a,
li.hover-b-green:hover > a,
li.hover-b-pink:hover > a,
li.hover-b-agedc:hover > a,
li.hover-b-blue:hover > a,
li.hover-b-healthc:hover > a,
li.hover-b-vet:hover > a,
li.hover-b-orange:hover > a {
  color: #FFFFFF !important;
}

.b-dark {
  background-color: #111;
}

.b-white {
  background-color: #FFFFFF;
}

.b-grey {
  background-color: #e9ecef;
}

/*
 * Base - Mixins
 * 
 * @package awddigital
 *
 */
.splash .each > a, form.searchonly button[type=submit], form.searchonly input[type=search], input, .ahref {
  border-radius: 10px;
}

.element.listing.featured .slick-featured .slick-arrow:before, .element.listing .each a .has-content:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* @include box-shadow(0,0,21px,0, rgba($dark, .1), false); */
/*
 * Base - Text
 * 
 * @package awddigital
 *
 */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

/*
 * 0: Classes
 * 
 */
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
 
}

section, main, footer {
  position: relative;
  width: 100%;
  float: left;
}

img {
  width: 100%;
}

a {
  display: inline-block;
  color: #0f6cb9;
}

a:hover, a:focus {
  color: #0f6cb9;
}

a, a:hover, a:focus, input, input:hover, input:focus {
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

button:focus {
  outline: 0;
}

form#search .input-group .form-control, form#search .input-group .btn {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid #0f6cb9;
  font-size: 12px;
}
form#search .input-group .form-control:focus, form#search .input-group .form-control:hover, form#search .input-group .btn:focus, form#search .input-group .btn:hover {
  box-shadow: none;
}
form#search .input-group .form-control {
  padding-left: 0;
}
form#search .input-group span button {
  padding-right: 0;
}
form#search .input-group span button i {
  color: #111;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
form#search .input-group span:hover i, form#search .input-group span:focus i {
  color: #0f6cb9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*** -3 Classes ***/
.has-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 108, 185, 0.2);
}

.has-absolute {
  position: relative;
}

.absolute-xy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.absolute-x {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.absolute-y {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.table-div {
  display: table;
}

.table-row {
  display: table-row;
}

.table-cell {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.has-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.has-video {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.has-video i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #FFFFFF;
  font-size: 32px;
}
.has-video:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: rgba(15, 108, 185, 0.8);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.has-video:hover:before {
  bottom: 0;
  transition: all 0.3s ease;
  z-index: 1;
}

.has-square {
  position: relative;
  width: 100%;
}
.has-square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.has-square.pb-five:after {
  padding-bottom: 50%;
}
.has-square.pb-seven:after {
  padding-bottom: 70%;
}
.has-square.pb-eight:after {
  padding-bottom: 80%;
}

.has-circle {
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

/* ---- product symbols & zoomies ---- */
.symbols img {
  width: auto;
  height: 30px;
  margin-left: 5px;
}
.symbols:first-child {
  margin-left: 0;
}

figure.zoom {
  position: relative;
  background-position: 50% 50%;
  width: 100%;
  overflow: hidden;
  cursor: zoom-in;
}
figure.zoom .has-image {
  background-size: 90%;
  background-color: #FFFFFF;
  transition: opacity 0.5s;
  display: block;
  width: 100%;
}
figure.zoom .has-image:hover {
  opacity: 0;
}

/*
 * Base - Buttons/Links
 * 
 * @package awddigital
 *
 */
.ahref {
  position: relative;
  border-radius: 25px;
  border: 0;
  display: inline-block;
  padding: 8px 20px !important;
  font-weight: 700;
}
.ahref.solid {
  background-color: #e9ecef;
  color: #111;
}
.ahref.solid:hover {
  background-color: #0f6cb9;
  color: #FFFFFF;
  text-decoration: none;
}
.ahref.solid.primary {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.ahref.solid.primary:hover {
  background-color: #111;
  color: #FFFFFF;
}
.ahref.solid.secondary {
  background-color: #111;
  color: #FFFFFF;
}
.ahref.solid.secondary:hover {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.ahref.solid.white {
  background-color: #FFFFFF;
  color: #0f6cb9;
}
.ahref.solid.white:hover {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.ahref.solid.dark {
  background-color: #111;
  color: #FFFFFF;
}
.ahref.solid.dark:hover {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.ahref.bordered {
  border: 1px solid #0f6cb9;
  background-color: transparent;
  color: #0f6cb9;
  box-sizing: content-box;
}
.ahref.bordered:hover {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.ahref.bordered.primary {
  border-color: #0f6cb9;
  color: #0f6cb9;
}
.ahref.bordered.primary:hover {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.ahref.bordered.secondary {
  border-color: #111;
  color: #111;
}
.ahref.bordered.secondary:hover {
  background-color: #111;
  color: #FFFFFF;
}
.ahref.bordered.white {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.ahref.bordered.white:hover {
  background-color: #FFFFFF;
  color: #0f6cb9;
}
.ahref.bordered.dark {
  border-color: #111;
  color: #111;
}
.ahref.bordered.dark:hover {
  background-color: #111;
  color: #FFFFFF;
}
.ahref.line {
  color: #0f6cb9;
  padding: 0;
}
.ahref.line:hover {
  text-decoration: none;
  color: #111;
}
.ahref.line:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0f6cb9;
  color: #0f6cb9;
}
.ahref.boxedarrow {
  position: relative;
  left: 40px;
  background-color: #0f6cb9;
  color: #FFFFFF;
  padding: 10px 25px;
}
.ahref.boxedarrow:before {
  content: ">";
  position: absolute;
  left: -40px;
  top: 0;
  background-color: #111;
  width: 40px;
  height: 100%;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ahref.boxedarrow:hover {
  color: #FFFFFF;
}
.ahref.boxedarrow:hover:before {
  width: 50px;
}
.ahref:hover {
  text-decoration: none;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  width: 100%;
  z-index: 4;
}
header nav ul.navbar {
  padding: 0;
  margin-bottom: 0;
}
header nav ul.navbar li {
  list-style-type: none;
}
header .brand img {
  width: 100%;
  max-width: 300px;
}
header .top {
  height: 110px;
}
header .top nav.divisions ul li.nav-link {
  padding: 0;
}
header .top nav.divisions ul li.nav-link a {
  position: relative;
  text-align: center;
  text-decoration: none;
  padding: 25px 15px;
  display: block;
  width: 100%;
}
header .top nav.divisions ul li.nav-link a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0f6cb9;
  width: 0;
  height: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .top nav.divisions ul li.nav-link a img {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .top nav.divisions ul li.nav-link a p {
  margin-bottom: 0;
}
header .top nav.divisions ul li.nav-link.active a:before, header .top nav.divisions ul li.nav-link:hover a:before {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .top nav.divisions ul li.nav-link.active a img, header .top nav.divisions ul li.nav-link:hover a img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .top nav.divisions ul li.nav-link.hosp a p {
  color: #C62129;
}
header .top nav.divisions ul li.nav-link.hosp a:before {
  background-color: #C62129;
}
header .top nav.divisions ul li.nav-link.vet a p {
  color: #6EBE47;
}
header .top nav.divisions ul li.nav-link.vet a:before {
  background-color: #6EBE47;
}
header .top nav.divisions ul li.nav-link.agedc a p {
  color: #662F91;
}
header .top nav.divisions ul li.nav-link.agedc a:before {
  background-color: #662F91;
}
header .top nav.divisions ul li.nav-link.pharma a p {
  color: #FCB141;
}
header .top nav.divisions ul li.nav-link.pharma a:before {
  background-color: #FCB141;
}
header .top nav.divisions ul li.nav-link.healthc a p {
  color: #0f6cb9;
}
header .top nav.divisions ul li.nav-link.healthc a:before {
  background-color: #0f6cb9;
}
header .bottom {
  height: 50px;
  background-color: #0f6cb9;
}
header .bottom #logo img {
  width: 150px;
}
header .bottom #cartbutton {
  color: #FFFFFF;
  background: none;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
}
header .bottom #cartbutton svg {
  color: #FFFFFF;
  transform: scale(1.3);
  margin-right: 5px;
}
header .bottom .mobiler a {
  padding-left: 8px;
  padding-right: 8px;
}
header .bottom .mobiler a svg {
  font-size: 18px;
  color: #0f6cb9;
}
header .bottom .navbar ul.navbar-nav li.nav-item {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
header .bottom .navbar ul.navbar-nav li.nav-item:first-child {
  padding-left: 0;
}
header .bottom .navbar ul.navbar-nav li.nav-item a {
  position: relative;
  color: #FFFFFF;
  padding: 0;
}
header .bottom .navbar ul.navbar-nav li.nav-item a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .bottom .navbar ul.navbar-nav li.nav-item a:hover:before {
  width: 100%;
}
header .bottom .navbar ul.navbar-nav li.nav-item.active a:before {
  width: 100%;
}
header .popup {
  position: fixed;
  top: 0;
  right: -100vw;
  opacity: 0;
  width: 90vw;
  height: 100vh;
  max-width: 300px;
  padding: 50px 25px;
  background-color: rgba(15, 108, 185, 0.9);
  color: #FFFFFF;
  min-height: 600px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
  -moz-box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
  box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
  z-index: 6;
}
header .popup a {
  color: #FFFFFF;
}
header .popup .closeit {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 21px;
  display: none;
  opacity: 0;
}
header .popup .closeit svg {
  color: #FFFFFF;
}
header .popup.popped {
  right: 0;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  z-index: 5;
}
header .popup.popped .closeit {
  display: block;
  opacity: 1;
}
header #menu ul.navbar-nav li {
  list-style: none;
}
header #menu ul.navbar-nav li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}
header #menu ul.navbar-nav li a:hover {
  color: white;
}
header #menu ul.navbar-nav li.active a {
  color: white;
}
header #menu ul.navbar-nav li:last-child {
  margin-top: 15px;
}
header #menu ul.navbar-nav li:last-child button {
  border: 1px solid #FFFFFF;
  display: inline-block;
  padding: 8px 30px;
  border-radius: 25px;
}

footer {
  font-size: 12px;
}
footer a {
  color: #FFFFFF;
}
footer a:hover {
  color: #FFFFFF;
}
footer img#iso {
  max-width: 100px;
}
footer .top {
  background-color: #0f6cb9;
  color: #FFFFFF;
  padding: 50px 0;
}
footer .top h5 {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
footer .top h5:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
footer .top .has-partial.socials {
  float: right;
}
@media (max-width: 991px) {
  footer .top .has-partial.socials {
    float: left;
  }
}
footer .bottom {
  height: 80px;
  font-size: 12px;
}
footer .bottom img {
  max-width: 150px;
}
footer .mobilecta {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #0f6cb9;
}
footer .mobilecta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: #e9ecef;
}

input {
  border: 1px solid;
  width: 100%;
  padding: 8px 18px;
}
input[type=checkbox], input[type=radio] {
  border: none;
  width: auto;
}

form.searchonly {
  position: relative;
  padding: 0;
}
form.searchonly input[type=search] {
  width: 100%;
  min-width: 250px;
  border: 1px solid #FFFFFF;
  margin-right: 0 !important;
  padding-right: 40px;
}
form.searchonly button[type=submit] {
  position: absolute;
  top: 0;
  right: -1px;
  border-color: transparent;
  background-color: rgba(15, 108, 185, 0.1);
}
form.searchonly button[type=submit] svg {
  color: #0f6cb9;
}
form.searchonly button[type=submit]:hover, form.searchonly button[type=submit]:focus {
  background-color: rgba(15, 108, 185, 0.3);
}
form.contactform {
  border: 1px solid #e9ecef;
  padding: 25px;
}
form.contactform label {
  font-weight: 700;
}
@media (max-width: 767px) {
  form.contactform {
    padding: 0;
    border: 0;
  }
  form.contactform#enquiryonly {
    margin-top: 25px;
  }
}
form#checkout .form-check {
  position: relative;
  text-align: center;
  padding-top: 45px;
  margin-right: 0;
}
form#checkout .form-check label {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
form#checkout .form-check label svg {
  width: 35px;
  height: 35px;
}
form#checkout .form-check input {
  margin: 0 auto;
}

.has-heading {
  margin-top: 25px;
  margin-bottom: 25px;
}

.splash {
  height: 100vh;
  min-height: 400px;
}
@media (max-width: 991px) {
  .splash {
    height: auto;
  }
}
.splash img {
  width: 100%;
  max-width: 450px;
}
.splash h1, .splash h2 {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #111 !important;
}
.splash h1 {
  position: relative;
  padding: 0 0 25px;
  margin-top: 55px;
  margin-bottom: 25px;
}
.splash h1:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #111;
  width: 100px;
  height: 1px;
}
.splash h2 {
  font-weight: 300;
}
.splash .each > a {
  width: 100%;
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 25px;
  border: 1px solid #e9ecef;
}
.splash .each > a img {
  max-width: 35px;
  margin-bottom: 15px;
}
.splash .each > a h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .splash .each > a h3 {
    font-size: 18px;
  }
}
.splash .each > a:hover {
  -webkit-box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
  -moz-box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
  box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
}
@media (max-width: 991px) {
  .splash .each {
    margin-bottom: 25px;
  }
}

:root {
  --swiper-navigation-size: 28px;
  --swiper-theme-color: #0f6cb9;
}

.element {
  padding: 80px 0;
  overflow: hidden;
}
/* Page-family grids (Events etc.) render as an .element.events nested inside the
   generic .element page-content wrapper, which doubles the 80px vertical padding.
   Drop the inner section's padding so the wrapper alone provides the spacing. */
.element.events {
  padding-top: 0;
  padding-bottom: 0;
}
/* Checkout cart + contact-details sections are AJAX-injected into #checkoutDIV,
   which already sits inside a generic .element page wrapper. Same doubled 80px
   padding problem as .element.events above — drop the inner section's padding. */
.element.cart,
.element.cartx {
  padding-top: 0;
  padding-bottom: 0;
}
.element p {
  margin-bottom: 0;
}
.element.intro .left img {
  width: 100px;
  height: 100px;
}
.element.intro .right {
  padding-left: 25px;
  border-left: 1px solid #0f6cb9;
}
.element.intro .right p {
  font-size: 18px;
}
.element.pageheader {
  background-color: #e9ecef;
  padding: 50px 0 35px;
  background-size: auto 115%;
  background-position: center right;
  background-repeat: no-repeat;
}
.element.pageheader h1 {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .element.pageheader h1 {
    font-size: 21px;
  }
}
.element.pageheader p {
  font-size: 18px;
}
.element.pageheader .has-overlay {
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9ecef+0,e9ecef+100&1+66,0+90 */
  background: -moz-linear-gradient(left, rgb(233, 236, 239) 0%, rgb(233, 236, 239) 60%, rgba(233, 236, 239, 0) 90%, rgba(233, 236, 239, 0) 100%);
  background: -webkit-linear-gradient(left, rgb(233, 236, 239) 0%, rgb(233, 236, 239) 60%, rgba(233, 236, 239, 0) 90%, rgba(233, 236, 239, 0) 100%);
  background: linear-gradient(to right, rgb(233, 236, 239) 0%, rgb(233, 236, 239) 60%, rgba(233, 236, 239, 0) 90%, rgba(233, 236, 239, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e9ecef", endColorstr="#00e9ecef",GradientType=1 );
}
.element.pageheader .breadcrumb {
  padding-left: 0;
  margin-bottom: 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .element.pageheader {
    background-image: none !important;
  }
}
.element.pagecontent h2, .element.pagecontent h3, .element.pagecontent h4, .element.pagecontent h5, .element.pagecontent p, .element.pagecontent img {
  margin-bottom: 15px;
}
.element.pagecontent #getintouch {
  margin-bottom: 50px;
}
.element.pagecontent #locations .each {
  margin-top: 25px;
}
.element.pagecontent #locations .each .content {
  border-top: 1px solid #e9ecef;
  padding-top: 15px;
}
.element.listing .each {
  margin-bottom: 15px;
}
.element.listing .each a {
  text-decoration: none;
  border: 1px solid #e9ecef;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.element.listing .each a .has-image {
  background-size: contain;   /* show the whole product, never crop tall/wide images */
}
.element.listing .each a .has-content {
  position: relative;
  padding: 15px;
  border-top: 1px solid #e9ecef;
  height: 100%;
  display: flex;
  align-items: center;
}
.element.listing .each a .has-content h4 {
  color: #111;
  font-size: 18px;
  word-break: break-word;
  padding-right: 20px;
  margin-bottom: 0;
}
.element.listing .each a .has-content h6 {
  margin-right: 30px;
}
.element.listing .each a .has-content:after {
  content: "\f061";
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #0f6cb9;
}
.element.listing .each a:hover .has-content, .element.listing .each a:focus .has-content {
  background-color: #0f6cb9;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.element.listing .each a:hover .has-content h4, .element.listing .each a:focus .has-content h4 {
  color: #FFFFFF;
}
.element.listing .each a:hover .has-content:after, .element.listing .each a:focus .has-content:after {
  color: #FFFFFF;
  right: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.element.listing.featured {
  background-color: #FFFFFF;
}
.element.listing.featured h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .element.listing.featured h2 {
    font-size: 21px;
  }
}
.element.listing.featured .slick-featured a .has-content {
  border-top: 0;
  text-align: center;
}
.element.listing.featured .slick-featured a .has-content .ahref {
  margin-top: 15px;
}
.element.listing.featured .slick-featured a .has-content:after {
  content: "";
}
.element.listing.featured .slick-featured .slick-arrow {
  z-index: 2;
}
.element.listing.featured .slick-featured .slick-arrow:before {
  color: #0f6cb9;
  border-radius: 100%;
  background-color: rgba(233, 236, 239, 0.5);
  width: 50px;
  height: 50px;
  line-height: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.element.listing.featured .slick-featured .slick-arrow.slick-prev:before {
  content: "\f060";
  position: absolute;
}
.element.listing.featured .slick-featured .slick-arrow.slick-next {
  right: 25px;
}
.element.listing.featured .slick-featured .slick-arrow.slick-next:before {
  content: "\f061";
  position: absolute;
}
.element.listing.featured .slick-featured .slick-arrow:hover:before {
  background-color: #0f6cb9;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.element.listing.categories .each a .has-content {
  color: #FFFFFF;
}
.element.listing.categories .each a .has-content h4 {
  color: #FFFFFF;
}
.element.listing.categories .each a .has-content:after {
  color: #FFFFFF;
}
.element.listing.categories .each.red a {
  border-color: #ef592a;
}
.element.listing.categories .each.red a .has-content {
  background-color: #ef592a;
}
.element.listing.categories .each.green a {
  border-color: #5c9732;
}
.element.listing.categories .each.green a .has-content {
  background-color: #5c9732;
}
.element.listing.categories .each.pink a {
  border-color: #f38fae;
}
.element.listing.categories .each.pink a .has-content {
  background-color: #f38fae;
}
.element.listing.categories .each.blue a {
  border-color: #0f6cb9;
}
.element.listing.categories .each.blue a .has-content {
  background-color: #0f6cb9;
}
.element.listing.categories .each.orange a {
  border-color: #f6921d;
}
.element.listing.categories .each.orange a .has-content {
  background-color: #f6921d;
}
.element.events .each {
  margin-bottom: 25px;
  cursor: pointer;
  color: #111;
}
.element.events .each > div {
  border: 1px solid #e9ecef;
  padding: 25px;
}
.element.events .each:hover > div .ahref {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.element.events .each:hover > div .ahref.bordered {
  background-color: #0f6cb9;
  color: #FFFFFF;
  border-color: #0f6cb9;
}
.element.aboutus {
  padding-bottom: 0;
}
.element.aboutus p {
  font-size: 18px;
  font-weight: 700;
}
.element.partners img {
  padding: 25px;
}
.element.product .left .slider {
  margin-bottom: 25px;
}
.element.product .left .slider .has-image {
  background-size: contain;
  padding: 15px;
}
.element.product .left .slider.slider-for {
  background-color: #FFFFFF;
  border: 1px solid #e9ecef;
}
.element.product .left .slider.slider-nav .each {
  border: 1px solid transparent;
  opacity: 0.5;
  outline: none;
}
.element.product .left .slider.slider-nav .each.slick-current {
  border: 1px solid #0f6cb9;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.element.product .left .slider.slider-nav .each:hover {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.element.product .left .slider.slider-nav .slick-dots {
  position: relative;
  margin-top: 25px;
}
.element.product .right > div {
  border-bottom: 1px solid #e9ecef;
  padding: 25px 0;
}
.element.product .right > div:first-child {
  padding-top: 0;
}
.element.product .right > div:last-child {
  border-bottom: none;
}

/* ---------------------------------------------------------------------------
   Product page: the copy stays in its column. REMOVED 2026-08-13.

   What used to be here took the product row out of Bootstrap's flex grid at md
   and up, floated the gallery, and left `.right` full width so long copy set
   around the picture and then ran the whole page width underneath it —
   newspaper style. The intent was to avoid stranding half the page: a grid
   column is its own block, so copy taller than the picture otherwise continues
   in a half-width ribbon with empty space beside it.

   In practice the wrap read as broken rather than as design. The text appeared
   to start in a right-hand column and then escape it, which is exactly how it
   was reported on the range pages — those were carved out of this block on
   2026-08-12 with `:not(.product-range)`, and the product page has now followed
   for the same reason. With both out, the block matched nothing, so it is gone
   rather than left as a selector that can never fire.

   Both page types are now ordinary Bootstrap columns: `left col-md-5` /
   `right col-md-6`, side by side at md and up, stacked below it. Copy longer
   than the image simply makes the right column taller.

   Three things this block was carrying, and why none of them are needed now:

   - `z-index: 2` on `.left`. Not cosmetic — it was load-bearing. Because
     `.right` was full width, its box ran behind the picture, and being
     positioned (Bootstrap gives every `.col-*` `position: relative`) it painted
     on top and swallowed every click meant for the zoom control and the
     thumbnails. Hit testing does not care that a box is transparent. With real
     columns the two boxes no longer overlap, so nothing is swallowed.
   - `overflow: hidden` on `.right > div`. Gave each section its own block
     formatting context so it sat beside the float instead of stretching behind
     it — without it their full-width bottom borders drew straight across the
     picture. No float, no overlap, no need.
   - `border-bottom: none` on `#productInformation`. That border was the one
     line still crossing the image. It now draws in the column like every other
     section divider, which is what `.element.product .right > div` above
     intends.

   To restore the old behaviour, the removed block is in
   CHANGELOG-35.md under 2026-08-13.
   --------------------------------------------------------------------------- */
.element.cart .cart--info h5 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .element.cart .cart--info {
    margin-top: 50px;
  }
}

.cart--content table tbody tr td {
  font-size: 18px;
}
.cart--content table tbody tr td a {
  color: #111 !important;
}
.cart--content table tbody tr td p {
  font-size: 12px;
}
.cart--content table tbody tr td:first-child {
  min-width: 70px;
}
.cart--content table tbody tr td:first-child .has-image {
  background-size: contain;
}
.cart--content table tbody tr.total, .cart--content table tbody tr.subtotal, .cart--content table tbody tr.gst, .cart--content table tbody tr.delivery {
  font-size: 18px;
  font-weight: 700;
}
.cart--content table tbody tr.total {
  background-color: #0f6cb9;
  color: #FFFFFF;
}

.has-partial {
  padding-left: 0;
}
.has-partial li {
  list-style-type: none;
}
.has-partial h5 {
  color: #FFFFFF;
  font-size: 18px;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
.has-partial h5:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
.has-partial.socials li {
  display: block;
  margin-bottom: 5px;
  position: relative;
  padding: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 30px;
}
.has-partial.socials li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
}
.has-partial.socials li:last-child a {
  margin-bottom: 0;
}
.has-partial.socials li a {
  position: relative;
  margin-bottom: 5px;
}
.has-partial.socials li a svg {
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .has-partial.socials li {
    display: inline-block;
  }
}
.has-partial.sitemap li a {
  color: #FFFFFF;
  margin-bottom: 8px;
}
.has-partial.sitemap li:last-child a {
  margin-bottom: 0;
}

.popup {
  border: 5px solid #0f6cb9;
}
.popup#enquirypopup {
  width: 95%;
  max-width: 1100px;
}
@media (max-width: 767px) {
  .popup#enquirypopup {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.popup#enquirypopup .left h4 span {
  display: block;
  color: #0f6cb9;
}
.popup#enquirypopup .left s .has-image {
  background-size: contain;
}
.popup#thankyou {
  width: 95%;
  max-width: 600px;
}
.popup#cart {
  max-width: 900px;
}
.popup#cart .has-ctas {
  padding-left: 15px;
  padding-right: 15px;
}

.bg-primary {
  background-color: #0f6cb9;
}

.bg-orange {
  background-color: #f6921d;
}

.bg-orange-dark {
  background-color: #ef592a;
}

.bg-green {
  background-color: #5c9732;
}

.bg-pink {
  background-color: #f38fae;
}

.bg-light-blue {
  background-color: #00adee;
}

.grid {
  display: grid;
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

html,
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  scroll-behavior: smooth;
}

h1 {
  font-size: 2rem;
}
@media screen and (min-width: 1024px) {
  h1 {
    font-size: 2.5rem;
  }

body.nav-fixed #stickynav {
      position: fixed;
          top: 0; left: 0; right: 0;
	      z-index: 1000;
	          background: #fff; /* ensure it covers content under
it */
    box-shadow: 0 2px 8px rgba(0,0,0,.08); /* optional */
      }
        /* spacer created by JS to avoid a jump when the nav becomes
fixed */
  #stickynav + .nav-spacer { height: 0; }
    body.nav-fixed #stickynav + .nav-spacer { height:
var(--stickynav-h, 0px); 
}
}





p {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  p {
    font-size: 1.125rem;
  }
}

.btn {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 500;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}

.btn-primary {
  border: 1px solid #0f6cb9;
  border-radius: 9999px;
  text-decoration: none;
  background-color: #0f6cb9;
  color: #fff !important;
}

.btn-primary--outline {
  border: 1px solid #0f6cb9;
  border-radius: 9999px;
  text-decoration: none;
  background-color: transparent;
  color: #0f6cb9;
}
.btn-primary--outline:hover {
  background-color: #0f6cb9;
  color: #fff !important;
}

.overflow-hidden {
  overflow: hidden;
}

.flex {
  display: flex;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.text-black {
  color: #000 !important;
}

.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #fff;
  width: 100%;
}
.main-header nav {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
  width: 100%;
}
.main-header nav .logo-wrapper img {
  width: 200px;
}
@media screen and (min-width: 1024px) {
  .main-header nav .logo-wrapper img {
    width: 250px;
  }
}
@media screen and (min-width: 1280px) {
  .main-header nav .logo-wrapper img {
    width: 50%;
  }
}
.main-header nav .mobile-btns {
  display: flex;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .main-header nav .mobile-btns {
    display: none;
  }
}
.main-header nav .mobile-btns .btn-search, .main-header nav .mobile-btns .mob-btn {
  cursor: pointer;
  border: 0;
  background-color: transparent;
  padding: 0;
}
.main-header nav .link-wrapper {
  display: none;
}
@media screen and (min-width: 1024px) {
  .main-header nav .link-wrapper {
    display: block;
  }
}
.main-header nav .link-wrapper em {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f6cb9;
}
@media screen and (min-width: 1640px) {
  .main-header nav .link-wrapper em {
    font-size: 1.5rem;
  }
}
.main-header nav .link-wrapper .nav-links {
  all: unset;
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin-top: 1rem;
}
.main-header nav .link-wrapper .nav-links .nav-link {
  display: flex;
  width: 100%;
  text-align: center;
  transition: all 0.3s;
  padding: 0;
}
.main-header nav .link-wrapper .nav-links .nav-link::before {
  content: "";
  border-left: 1px solid #f6921d;
}
.main-header nav .link-wrapper .nav-links .nav-link:last-child::after {
  content: "";
  border-right: 1px solid #f6921d;
}
.main-header nav .link-wrapper .nav-links .nav-link a {
  text-decoration: none;
  color: #000;
  font-size: 1rem;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .main-header nav .link-wrapper .nav-links .nav-link a {
    font-size: 1.125rem;
  }
}
.main-header nav .link-wrapper .nav-links .nav-link.active a, .main-header nav .link-wrapper .nav-links .nav-link:hover a {
  color: #0f6cb9;
  font-weight: 500;
}
.main-header nav .link-wrapper .bottom-nav-wrapper {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
}
.main-header nav .link-wrapper .bottom-nav-wrapper .search-wrapper {
  position: relative;
  width: max-content;
}
.main-header nav .link-wrapper .bottom-nav-wrapper .search-wrapper input {
  border: 1px solid #0f6cb9;
  padding: 4px;
  border-radius: 4px;
  width: 260px;
}
.main-header nav .link-wrapper .bottom-nav-wrapper .search-wrapper button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0;
  background: rgba(15, 108, 185, 0.1);
  border-radius: 4px;
  color: #0f6cb9;
  cursor: pointer;
}
.main-header nav .link-wrapper .phone-wrapper {
  justify-self: end;
  background-color: #f6921d;
  cursor: pointer;
  padding: 1px 12px;
  transition: all ease-in-out 0.3s;
  border: 1px solid #f6921d;
  border-radius: 25px;
}
.main-header nav .link-wrapper .phone-wrapper span,
.main-header nav .link-wrapper .phone-wrapper a {
  color: #fff;
  font-weight: 600;
  font-size: 1.2rem;
  transition: all ease-in-out 0.3s;
}
@media screen and (min-width: 1640px) {
  .main-header nav .link-wrapper .phone-wrapper span,
  .main-header nav .link-wrapper .phone-wrapper a {
    font-size: 1.5rem;
  }
}
.main-header nav .link-wrapper .phone-wrapper a {
  text-decoration: none;
}
.main-header nav .link-wrapper .phone-wrapper:hover {
  background-color: transparent;
}
.main-header nav .link-wrapper .phone-wrapper:hover span, .main-header nav .link-wrapper .phone-wrapper:hover a {
  color: #f6921d;
}
.main-header .bottom-links-wrapper {
  background-color: #0f6cb9;
  display: none;
  position: relative;
  z-index: 8888;
}
@media screen and (min-width: 1024px) {
  .main-header .bottom-links-wrapper {
    display: block;
  }
}
.main-header .bottom-links-wrapper .bottom-nav-links {
  all: unset;
  display: flex;
  justify-content: center;
  list-style-type: none;
  align-items: center;
  position: relative;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link {
  display: flex;
  width: 100%;
  text-align: center;
  padding: 8px 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link a {
  text-decoration: none;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  width: 100%;
  transition: color 0.3s;
}
@media screen and (min-width: 1280px) {
  .main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link a {
    font-size: 1.125rem;
  }
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link:hover a {
  color: #00adee;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link:hover .mega-menu {
  display: block;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu {
  background-color: #fff;
  position: absolute;
  top: 100%;
  list-style-type: none;
  padding-left: 0 !important;
  display: none;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  /* Display the second mega-sub-menu on hover of the second mega-menu__item */
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu.divisions-menu {
  min-width: -webkit-fill-available;
  min-width: -moz-available;
  min-width: fill-available;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item {
  display: grid;
  padding: 0.5rem 1rem;
  width: 100%;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item a {
  text-align: left !important;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item .mega-sub-menu {
  position: absolute;
  z-index: 10;
  list-style-type: none;
  width: 75%;
  min-height: 100%;
  height: auto;
  top: 0;
  left: 25%;
  right: 0;
  padding-left: 0;
  display: none;
  background-color: #fff;
  margin-left: 1px;
  columns: 3;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item .mega-sub-menu li {
  padding: 0.5rem 1rem;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item .mega-sub-menu li a {
  color: #000;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item .mega-sub-menu li:hover a {
  color: #0f6cb9;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item:hover a {
  color: #0f6cb9;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item:first-child .mega-sub-menu {
  display: block;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item:not(:first-child) .mega-sub-menu {
  display: none;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item:hover .mega-sub-menu:nth-child(2) {
  display: block;
}
.main-header .bottom-links-wrapper .bottom-nav-links .bottom-nav-link .mega-menu .mega-menu__item:nth-child(1) .mega-sub-menu {
  display: block !important;
}
.main-header .mobile-search {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -53px;
  background: #fff;
  z-index: 7777;
  box-shadow: 3px 9px 9px rgba(0, 0, 0, 0.1);
  transform: translateY(-30px);
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.main-header .mobile-search.active {
  transform: translateY(0);
  opacity: 100;
  pointer-events: all;
}
.main-header .mobile-search .search-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 8px 0;
}
.main-header .mobile-search .search-wrapper input, .main-header .mobile-search .search-wrapper button {
  border: 1px solid #0f6cb9;
}
.main-header .mobile-search .search-wrapper input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
  padding-left: 8px;
  height: 38px;
}
.main-header .mobile-search .search-wrapper button {
  color: #0f6cb9;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: rgba(15, 108, 185, 0.1);
}

/* CSS to hide the sidebar initially */
.sidebar {
  position: fixed;
  width: 70%;
  height: 100%;
  transform: translateX(-100%);
  top: 0;
  left: 0; /* Adjust as needed */
  background-color: #fff; /* Adjust as needed */
  box-shadow: 3px 9px 9px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
  z-index: 9999;
  padding: 1rem;
  overflow-y: auto;
}
@media screen and (max-width: 376px) {
  .sidebar {
    width: 80%;
  }
}
.sidebar .logo-wrapper {
  margin-top: 4px;
}
.sidebar .logo-wrapper img {
  width: 12.5rem;
}
.sidebar .mob-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.sidebar .mob-links li a {
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 1rem;
}
.sidebar .mob-links .mob-menu,
.sidebar .mob-links .mob-sub-menu {
  padding-left: 1rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.sidebar .mob-links .mob-link.active-link > a svg {
  transform: rotate(90deg);
}
.sidebar .mob-links .active-link a {
  color: #000;
}
.sidebar .mob-links .active-link,
.sidebar .mob-links .active-submenu {
  background-color: rgba(0, 0, 0, 0.03);
}
.sidebar .mob-links .mob-menu {
  list-style-type: none;
}
.sidebar .mob-links .mob-menu .mob-sub-menu {
  list-style-type: none;
}
.sidebar .mob-links .mob-menu li a,
.sidebar .mob-links .mob-menu .mob-sub-menu li a {
  display: block !important;
  text-align: left !important;
  padding: 8px 1rem;
  line-height: 1.25;
  word-break: break-word;
  width: 100%;
}

/* CSS to show the sidebar when the 'show-sidebar' class is added */
.sidebar.show-sidebar {
  transform: translateX(0);
}

.sidebar-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  z-index: 8888; /* Ensure the backdrop is above everything else */
  transition: all 0.3s;
}

main {
  position: relative;
  z-index: 50;
}

.prod-banner {
  display: flex;
  align-items: center;
  position: relative;
  background-image: linear-gradient(to right, #fff, #53bdb1);
}
@media screen and (min-width: 1640px) {
  .prod-banner {
    height: 70vh;
  }
}
.prod-banner .adBannerSwiper .swiper-slide .banner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
  padding: 2rem 0;
}
.prod-banner .adBannerSwiper .swiper-slide .banner__img {
  max-width: 50%;
  height: auto;
  object-fit: contain;
  padding: 2rem 0;
  margin: auto;
}
@media screen and (max-width: 520px) {
  .prod-banner .adBannerSwiper .swiper-slide .banner__img {
    max-width: 100%;
  }
}
.prod-banner .adBannerSwiper .swiper-slide .banner__content h1 {
  color: #000;
  font-size: 2.5rem;
  margin: 0;
  font-weight: 700;
}
.prod-banner .adBannerSwiper .swiper-slide .banner__content .contents {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.prod-banner .adBannerSwiper .swiper-slide .banner__content .contents p {
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
  .prod-banner .adBannerSwiper .swiper-slide .banner {
    grid-template-columns: repeat(2, 1fr);
  }
  .prod-banner .adBannerSwiper .swiper-slide .banner .banner__img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.categories {
  padding: 4rem 0;
  overflow: hidden;
}
.categories .categories-wrapper {
  overflow: hidden;
}
.categories .categories-wrapper .category-links {
  all: unset;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .categories .categories-wrapper .category-links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .categories .categories-wrapper .category-links {
    grid-template-columns: repeat(5, 1fr);
  }
}
.categories .categories-wrapper .category-links .category-link a {
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  display: grid;
  border-radius: 14px 14px 0 0;
  overflow: hidden;
}
.categories .categories-wrapper .category-links .category-link a .category-link__name {
  display: grid;
  align-items: center;
  text-align: center;
  padding: 8px;
}
.categories .categories-wrapper .category-links .category-link .category-link__img {
  overflow: hidden;
  max-height: 250px;
}
.categories .categories-wrapper .category-links .category-link .category-link__img img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.categories .categories-wrapper .category-links .category-link:hover img {
  transform: scale(1.1);
}

.suppliers {
  padding: 4rem 0;
}
.suppliers .container {
  max-width: 1440px;
}
@media (max-width: 767px) {
  .suppliers .container {
    padding: 0;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .suppliers {
    padding: 0;
  }
}
.suppliers .swiper-wrapper .swiper-slide {
  padding: 0 60px;
}
@media (max-width: 767px) {
  .suppliers .swiper-wrapper .swiper-slide {
    padding: 0 35px;
  }
  .suppliers .swiper-wrapper .swiper-slide .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.suppliers .swiper-wrapper .swiper-slide a {
  max-width: 150px;
}
.suppliers .swiper-wrapper .swiper-slide a img {
  align-self: center;
  width: 150px;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .suppliers .swiper-wrapper .swiper-slide div.grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem !important;
  }
  .suppliers .swiper-wrapper .swiper-slide div.grid a {
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 520px) {
  .suppliers .swiper-wrapper .swiper-slide div.grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 321px) {
  .suppliers .swiper-wrapper .swiper-slide div.grid {
    grid-template-columns: 1fr;
  }
}

.featured-banner .featuredBanner .swiper-slide .banner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
  padding: 2rem 0;
}
.featured-banner .featuredBanner .swiper-slide .banner__img {
  max-width: 50%;
  height: auto;
  object-fit: contain;
  padding: 2rem 0;
  margin: auto;
}
@media screen and (max-width: 520px) {
  .featured-banner .featuredBanner .swiper-slide .banner__img {
    max-width: 100%;
  }
}
.featured-banner .featuredBanner .swiper-slide .banner__content h1 {
  color: #000;
  font-size: 2.5rem;
  margin: 0;
  font-weight: 700;
}
.featured-banner .featuredBanner .swiper-slide .banner__content .contents {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.featured-banner .featuredBanner .swiper-slide .banner__content .contents p {
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
  .featured-banner .featuredBanner .swiper-slide .banner {
    grid-template-columns: 0.5fr 1fr;
  }
  .featured-banner .featuredBanner .swiper-slide .banner .banner__img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.featured-products {
  background-color: #f2f2f2;
  padding: 4rem 0;
}
.featured-products h1 {
  font-weight: 600;
  margin-bottom: 2rem;
}
.featured-products .product-wrapper {
  all: unset;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .featured-products .product-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .featured-products .product-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}
.featured-products .product-wrapper li {
  text-align: center;
  background-color: #fff;
  padding: 2rem;
  display: grid;
  gap: 8px;
}
.featured-products .product-wrapper li > div {
  cursor: pointer;
}
.featured-products .product-wrapper li > div img {
  transition: all 0.3s;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.featured-products .product-wrapper li p {
  font-weight: 500;
  line-height: normal;
}
.featured-products .product-wrapper li a.btn {
  align-items: center;
  height: max-content;
  margin: auto auto 0;
  width: max-content;
}
.featured-products .product-wrapper li:hover img {
  transform: scale(1.1);
}

footer .footer-top {
  background-color: #0f6cb9;
  padding: 4rem 0;
  color: #fff;
}
footer .footer-top h5 {
  font-size: 1.5rem;
  color: #fff;
  border-bottom: 2px solid #fff;
  width: max-content;
  margin: 1rem 0;
  font-weight: 600;
}
footer .footer-top ul {
  all: unset;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer .footer-top ul li {
  width: max-content;
}
footer .footer-top p {
  margin: 0;
  font-size: 1rem;
}
footer .footer-top a {
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
  width: max-content;
}
footer .footer-top a:hover {
  color: #00adee;
}
footer .footer-top .footer-navs {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  footer .footer-top .footer-navs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  footer .footer-top .footer-navs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
footer .footer-top .certification {
  text-align: left;
}
footer .footer-top .certification img {
  max-width: 100px;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1280px) {
  footer .footer-top .certification {
    text-align: center;
  }
}
footer .footer-top .socials {
  display: flex;
  justify-content: start;
  gap: 1rem;
}
@media screen and (min-width: 1280px) {
  footer .footer-top .socials {
    flex-direction: column;
  }
}
footer .footer-top .socials a {
  border: 2px solid #fff;
  border-radius: 100%;
  padding: 4px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
}
footer .footer-bottom .copyright {
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  text-align: center;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  footer .footer-bottom .copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
footer .footer-bottom .copyright a img {
  width: 150px;
}
footer .footer-bottom .copyright p {
  font-size: 1rem;
  margin: 0;
}

.slider ul.slick-dots li button::before {
  content: "" !important;
}

.slick-slide {
  position: relative;
}
.slick-slide .expand-icon {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.slick-slide .expand-icon svg {
  width: 28px;
  height: 28px;
}

nav ol.breadcrumb ol li a, a {
  text-decoration: none !important;
}

.element.product .right > div {
  border-bottom: 0;
  padding: 0;
}

/* Custom styles for the tabs */
#custom-tabs .nav-link {
  color: #000;
  background-color: transparent;
  border: none;
  border-radius: 5px;
}

#custom-tabs .nav-link.active {
  color: #fff;
  background-color: #0f6cb9 !important;
  border: none;
}

#custom-tabs .nav-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-pdf {
  background-color: #0f6cb9 !important;
  color: white !important;
  text-align: left;
}

.theme.hosp, .theme.primary {
  margin-top: 0 !important;
}

footer .footer-top, footer .footer-bottom {
  font-size: 1rem !important;
}

.theme.primary {
  margin-top: 150px;
}
.theme.primary a {
  color: #0f6cb9;
}
.theme.primary a:hover, .theme.primary a:focus {
  color: #111;
}
.theme.primary header .bottom {
  background-color: #0f6cb9;
}
.theme.primary header .bottom .mobiler #burger svg, .theme.primary header .bottom .mobiler #search svg {
  color: #0f6cb9;
}
.theme.primary header .bottom #cart, .theme.primary header .bottom #mobcart {
  display: none;
}
.theme.primary header .popup {
  background-color: rgba(15, 108, 185, 0.98);
}
.theme.primary footer a {
  color: #FFFFFF;
}
.theme.primary footer .top {
  background-color: #0f6cb9;
}
.theme.primary form.searchonly button[type=submit] {
  background-color: rgba(15, 108, 185, 0.1);
}
.theme.primary form.searchonly button[type=submit] svg {
  color: #0f6cb9;
}
.theme.primary form.searchonly button[type=submit]:hover, .theme.primary form.searchonly button[type=submit]:focus {
  background-color: rgba(15, 108, 185, 0.3);
}
.theme.primary .popup {
  border-color: #0f6cb9;
}
.theme.primary .popup#enquirypopup .left h4 span {
  color: #0f6cb9;
}
.theme.primary .ahref.solid:hover, .theme.primary .ahref.solid:focus {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.theme.primary .ahref.bordered {
  border-color: #0f6cb9;
  color: #0f6cb9;
}
.theme.primary .ahref.bordered:hover, .theme.primary .ahref.bordered:focus {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.theme.primary .element.intro .left h1 {
  color: #0f6cb9;
}
.theme.primary .element.intro .right {
  border-color: #0f6cb9;
}
.theme.primary .element.listing .each a .has-content:after {
  color: #0f6cb9;
}
.theme.primary .element.listing .each a:hover, .theme.primary .element.listing .each a:focus {
  border-color: #0f6cb9;
}
.theme.primary .element.listing .each a:hover .has-content, .theme.primary .element.listing .each a:focus .has-content {
  background-color: #0f6cb9;
}
.theme.primary .element.listing .each a:hover .has-content:after, .theme.primary .element.listing .each a:focus .has-content:after {
  color: #FFFFFF;
}
.theme.primary .element.listing.featured {
  background-color: #FFFFFF;
}
.theme.primary .element.listing.featured .slick-featured a .slick-arrow:before {
  color: #0f6cb9;
}
.theme.primary .element.listing.featured .slick-featured a .slick-arrow:hover:before {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.theme.primary .element.listing.featured .slick-featured a .has-content {
  margin: 0 auto;
}
.theme.primary .element.listing.featured .slick-featured a .has-content .ahref {
  background-color: #FFFFFF;
}
.theme.primary .element.listing.featured .slick-featured a:hover .has-content .ahref, .theme.primary .element.listing.featured .slick-featured a:focus .has-content .ahref {
  color: #0f6cb9;
}
.theme.primary .element.listing.categories .each a .has-content:after {
  color: #FFFFFF;
}
.theme.primary .element.events .each {
  text-decoration: none;
}
.theme.primary .element.events .each:hover > div {
  background-color: #0f6cb9;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme.primary .element.product .left .slider.slider-nav .each.slick-current {
  border: 1px solid #0f6cb9;
}
.theme.healthc header .bottom #cart, .theme.healthc header .bottom #mobcart {
  display: inline-block;
}
.theme.hosp {
  margin-top: 150px;
}
.theme.hosp header .bottom #cart, .theme.hosp header .bottom #mobcart {
  display: none;
}
.theme.hosp footer .top {
  background-color: #0f6cb9;
}
.theme.hosp .element.intro .right {
  border-color: #0f6cb9;
}

.theme.healthc {
  margin-top: 150px;
}
.theme.healthc a {
  color: #0f6cb9;
}
.theme.healthc a:hover, .theme.healthc a:focus {
  color: #111;
}
.theme.healthc header .bottom {
  background-color: #0f6cb9;
}
.theme.healthc header .bottom .mobiler #burger svg, .theme.healthc header .bottom .mobiler #search svg {
  color: #0f6cb9;
}
.theme.healthc header .bottom #cart, .theme.healthc header .bottom #mobcart {
  display: none;
}
.theme.healthc header .popup {
  background-color: rgba(15, 108, 185, 0.98);
}
.theme.healthc footer a {
  color: #FFFFFF;
}
.theme.healthc footer .top {
  background-color: #0f6cb9;
}
.theme.healthc form.searchonly button[type=submit] {
  background-color: rgba(15, 108, 185, 0.1);
}
.theme.healthc form.searchonly button[type=submit] svg {
  color: #0f6cb9;
}
.theme.healthc form.searchonly button[type=submit]:hover, .theme.healthc form.searchonly button[type=submit]:focus {
  background-color: rgba(15, 108, 185, 0.3);
}
.theme.healthc .popup {
  border-color: #0f6cb9;
}
.theme.healthc .popup#enquirypopup .left h4 span {
  color: #0f6cb9;
}
.theme.healthc .ahref.solid:hover, .theme.healthc .ahref.solid:focus {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.theme.healthc .ahref.bordered {
  border-color: #0f6cb9;
  color: #0f6cb9;
}
.theme.healthc .ahref.bordered:hover, .theme.healthc .ahref.bordered:focus {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.theme.healthc .element.intro .left h1 {
  color: #0f6cb9;
}
.theme.healthc .element.intro .right {
  border-color: #0f6cb9;
}
.theme.healthc .element.listing .each a .has-content:after {
  color: #0f6cb9;
}
.theme.healthc .element.listing .each a:hover, .theme.healthc .element.listing .each a:focus {
  border-color: #0f6cb9;
}
.theme.healthc .element.listing .each a:hover .has-content, .theme.healthc .element.listing .each a:focus .has-content {
  background-color: #0f6cb9;
}
.theme.healthc .element.listing .each a:hover .has-content:after, .theme.healthc .element.listing .each a:focus .has-content:after {
  color: #FFFFFF;
}
.theme.healthc .element.listing.featured {
  background-color: #FFFFFF;
}
.theme.healthc .element.listing.featured .slick-featured a .slick-arrow:before {
  color: #0f6cb9;
}
.theme.healthc .element.listing.featured .slick-featured a .slick-arrow:hover:before {
  background-color: #0f6cb9;
  color: #FFFFFF;
}
.theme.healthc .element.listing.featured .slick-featured a .has-content {
  margin: 0 auto;
}
.theme.healthc .element.listing.featured .slick-featured a .has-content .ahref {
  background-color: #FFFFFF;
}
.theme.healthc .element.listing.featured .slick-featured a:hover .has-content .ahref, .theme.healthc .element.listing.featured .slick-featured a:focus .has-content .ahref {
  color: #0f6cb9;
}
.theme.healthc .element.listing.categories .each a .has-content:after {
  color: #FFFFFF;
}
.theme.healthc .element.events .each {
  text-decoration: none;
}
.theme.healthc .element.events .each:hover > div {
  background-color: #0f6cb9;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme.healthc .element.product .left .slider.slider-nav .each.slick-current {
  border: 1px solid #0f6cb9;
}
.theme.healthc header .bottom #cart, .theme.healthc header .bottom #mobcart {
  display: inline-block;
}
.theme.hosp {
  margin-top: 150px;
}
.theme.hosp header .bottom #cart, .theme.hosp header .bottom #mobcart {
  display: none;
}
.theme.hosp footer .top {
  background-color: #0f6cb9;
}
.theme.hosp .element.intro .right {
  border-color: #0f6cb9;
}

.theme.pharma {
  margin-top: 150px;
}
.theme.pharma a {
  color: #FCB141;
}
.theme.pharma a:hover, .theme.pharma a:focus {
  color: #111;
}
.theme.pharma header .bottom {
  background-color: #FCB141;
}
.theme.pharma header .bottom .mobiler #burger svg, .theme.pharma header .bottom .mobiler #search svg {
  color: #FCB141;
}
.theme.pharma header .bottom #cart, .theme.pharma header .bottom #mobcart {
  display: none;
}
.theme.pharma header .popup {
  background-color: rgba(252, 177, 65, 0.98);
}
.theme.pharma footer a {
  color: #FFFFFF;
}
.theme.pharma footer .top {
  background-color: #FCB141;
}
.theme.pharma form.searchonly button[type=submit] {
  background-color: rgba(252, 177, 65, 0.1);
}
.theme.pharma form.searchonly button[type=submit] svg {
  color: #FCB141;
}
.theme.pharma form.searchonly button[type=submit]:hover, .theme.pharma form.searchonly button[type=submit]:focus {
  background-color: rgba(252, 177, 65, 0.3);
}
.theme.pharma .popup {
  border-color: #FCB141;
}
.theme.pharma .popup#enquirypopup .left h4 span {
  color: #FCB141;
}
.theme.pharma .ahref.solid:hover, .theme.pharma .ahref.solid:focus {
  background-color: #FCB141;
  color: #FFFFFF;
}
.theme.pharma .ahref.bordered {
  border-color: #FCB141;
  color: #FCB141;
}
.theme.pharma .ahref.bordered:hover, .theme.pharma .ahref.bordered:focus {
  background-color: #FCB141;
  color: #FFFFFF;
}
.theme.pharma .element.intro .left h1 {
  color: #FCB141;
}
.theme.pharma .element.intro .right {
  border-color: #FCB141;
}
.theme.pharma .element.listing .each a .has-content:after {
  color: #FCB141;
}
.theme.pharma .element.listing .each a:hover, .theme.pharma .element.listing .each a:focus {
  border-color: #FCB141;
}
.theme.pharma .element.listing .each a:hover .has-content, .theme.pharma .element.listing .each a:focus .has-content {
  background-color: #FCB141;
}
.theme.pharma .element.listing .each a:hover .has-content:after, .theme.pharma .element.listing .each a:focus .has-content:after {
  color: #FFFFFF;
}
.theme.pharma .element.listing.featured {
  background-color: #FFFFFF;
}
.theme.pharma .element.listing.featured .slick-featured a .slick-arrow:before {
  color: #FCB141;
}
.theme.pharma .element.listing.featured .slick-featured a .slick-arrow:hover:before {
  background-color: #FCB141;
  color: #FFFFFF;
}
.theme.pharma .element.listing.featured .slick-featured a .has-content {
  margin: 0 auto;
}
.theme.pharma .element.listing.featured .slick-featured a .has-content .ahref {
  background-color: #FFFFFF;
}
.theme.pharma .element.listing.featured .slick-featured a:hover .has-content .ahref, .theme.pharma .element.listing.featured .slick-featured a:focus .has-content .ahref {
  color: #FCB141;
}
.theme.pharma .element.listing.categories .each a .has-content:after {
  color: #FFFFFF;
}
.theme.pharma .element.events .each {
  text-decoration: none;
}
.theme.pharma .element.events .each:hover > div {
  background-color: #FCB141;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme.pharma .element.product .left .slider.slider-nav .each.slick-current {
  border: 1px solid #FCB141;
}
.theme.healthc header .bottom #cart, .theme.healthc header .bottom #mobcart {
  display: inline-block;
}
.theme.hosp {
  margin-top: 150px;
}
.theme.hosp header .bottom #cart, .theme.hosp header .bottom #mobcart {
  display: none;
}
.theme.hosp footer .top {
  background-color: #0f6cb9;
}
.theme.hosp .element.intro .right {
  border-color: #0f6cb9;
}

.theme.vet {
  margin-top: 150px;
}
.theme.vet a {
  color: #6EBE47;
}
.theme.vet a:hover, .theme.vet a:focus {
  color: #111;
}
.theme.vet header .bottom {
  background-color: #6EBE47;
}
.theme.vet header .bottom .mobiler #burger svg, .theme.vet header .bottom .mobiler #search svg {
  color: #6EBE47;
}
.theme.vet header .bottom #cart, .theme.vet header .bottom #mobcart {
  display: none;
}
.theme.vet header .popup {
  background-color: rgba(110, 190, 71, 0.98);
}
.theme.vet footer a {
  color: #FFFFFF;
}
.theme.vet footer .top {
  background-color: #6EBE47;
}
.theme.vet form.searchonly button[type=submit] {
  background-color: rgba(110, 190, 71, 0.1);
}
.theme.vet form.searchonly button[type=submit] svg {
  color: #6EBE47;
}
.theme.vet form.searchonly button[type=submit]:hover, .theme.vet form.searchonly button[type=submit]:focus {
  background-color: rgba(110, 190, 71, 0.3);
}
.theme.vet .popup {
  border-color: #6EBE47;
}
.theme.vet .popup#enquirypopup .left h4 span {
  color: #6EBE47;
}
.theme.vet .ahref.solid:hover, .theme.vet .ahref.solid:focus {
  background-color: #6EBE47;
  color: #FFFFFF;
}
.theme.vet .ahref.bordered {
  border-color: #6EBE47;
  color: #6EBE47;
}
.theme.vet .ahref.bordered:hover, .theme.vet .ahref.bordered:focus {
  background-color: #6EBE47;
  color: #FFFFFF;
}
.theme.vet .element.intro .left h1 {
  color: #6EBE47;
}
.theme.vet .element.intro .right {
  border-color: #6EBE47;
}
.theme.vet .element.listing .each a .has-content:after {
  color: #6EBE47;
}
.theme.vet .element.listing .each a:hover, .theme.vet .element.listing .each a:focus {
  border-color: #6EBE47;
}
.theme.vet .element.listing .each a:hover .has-content, .theme.vet .element.listing .each a:focus .has-content {
  background-color: #6EBE47;
}
.theme.vet .element.listing .each a:hover .has-content:after, .theme.vet .element.listing .each a:focus .has-content:after {
  color: #FFFFFF;
}
.theme.vet .element.listing.featured {
  background-color: #FFFFFF;
}
.theme.vet .element.listing.featured .slick-featured a .slick-arrow:before {
  color: #6EBE47;
}
.theme.vet .element.listing.featured .slick-featured a .slick-arrow:hover:before {
  background-color: #6EBE47;
  color: #FFFFFF;
}
.theme.vet .element.listing.featured .slick-featured a .has-content {
  margin: 0 auto;
}
.theme.vet .element.listing.featured .slick-featured a .has-content .ahref {
  background-color: #FFFFFF;
}
.theme.vet .element.listing.featured .slick-featured a:hover .has-content .ahref, .theme.vet .element.listing.featured .slick-featured a:focus .has-content .ahref {
  color: #6EBE47;
}
.theme.vet .element.listing.categories .each a .has-content:after {
  color: #FFFFFF;
}
.theme.vet .element.events .each {
  text-decoration: none;
}
.theme.vet .element.events .each:hover > div {
  background-color: #6EBE47;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme.vet .element.product .left .slider.slider-nav .each.slick-current {
  border: 1px solid #6EBE47;
}
.theme.healthc header .bottom #cart, .theme.healthc header .bottom #mobcart {
  display: inline-block;
}
.theme.hosp {
  margin-top: 150px;
}
.theme.hosp header .bottom #cart, .theme.hosp header .bottom #mobcart {
  display: none;
}
.theme.hosp footer .top {
  background-color: #0f6cb9;
}
.theme.hosp .element.intro .right {
  border-color: #0f6cb9;
}

.theme.agedc {
  margin-top: 150px;
}
.theme.agedc a {
  color: #662F91;
}
.theme.agedc a:hover, .theme.agedc a:focus {
  color: #111;
}
.theme.agedc header .bottom {
  background-color: #662F91;
}
.theme.agedc header .bottom .mobiler #burger svg, .theme.agedc header .bottom .mobiler #search svg {
  color: #662F91;
}
.theme.agedc header .bottom #cart, .theme.agedc header .bottom #mobcart {
  display: none;
}
.theme.agedc header .popup {
  background-color: rgba(102, 47, 145, 0.98);
}
.theme.agedc footer a {
  color: #FFFFFF;
}
.theme.agedc footer .top {
  background-color: #662F91;
}
.theme.agedc form.searchonly button[type=submit] {
  background-color: rgba(102, 47, 145, 0.1);
}
.theme.agedc form.searchonly button[type=submit] svg {
  color: #662F91;
}
.theme.agedc form.searchonly button[type=submit]:hover, .theme.agedc form.searchonly button[type=submit]:focus {
  background-color: rgba(102, 47, 145, 0.3);
}
.theme.agedc .popup {
  border-color: #662F91;
}
.theme.agedc .popup#enquirypopup .left h4 span {
  color: #662F91;
}
.theme.agedc .ahref.solid:hover, .theme.agedc .ahref.solid:focus {
  background-color: #662F91;
  color: #FFFFFF;
}
.theme.agedc .ahref.bordered {
  border-color: #662F91;
  color: #662F91;
}
.theme.agedc .ahref.bordered:hover, .theme.agedc .ahref.bordered:focus {
  background-color: #662F91;
  color: #FFFFFF;
}
.theme.agedc .element.intro .left h1 {
  color: #662F91;
}
.theme.agedc .element.intro .right {
  border-color: #662F91;
}
.theme.agedc .element.listing .each a .has-content:after {
  color: #662F91;
}
.theme.agedc .element.listing .each a:hover, .theme.agedc .element.listing .each a:focus {
  border-color: #662F91;
}
.theme.agedc .element.listing .each a:hover .has-content, .theme.agedc .element.listing .each a:focus .has-content {
  background-color: #662F91;
}
.theme.agedc .element.listing .each a:hover .has-content:after, .theme.agedc .element.listing .each a:focus .has-content:after {
  color: #FFFFFF;
}
.theme.agedc .element.listing.featured {
  background-color: #FFFFFF;
}
.theme.agedc .element.listing.featured .slick-featured a .slick-arrow:before {
  color: #662F91;
}
.theme.agedc .element.listing.featured .slick-featured a .slick-arrow:hover:before {
  background-color: #662F91;
  color: #FFFFFF;
}
.theme.agedc .element.listing.featured .slick-featured a .has-content {
  margin: 0 auto;
}
.theme.agedc .element.listing.featured .slick-featured a .has-content .ahref {
  background-color: #FFFFFF;
}
.theme.agedc .element.listing.featured .slick-featured a:hover .has-content .ahref, .theme.agedc .element.listing.featured .slick-featured a:focus .has-content .ahref {
  color: #662F91;
}
.theme.agedc .element.listing.categories .each a .has-content:after {
  color: #FFFFFF;
}
.theme.agedc .element.events .each {
  text-decoration: none;
}
.theme.agedc .element.events .each:hover > div {
  background-color: #662F91;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme.agedc .element.product .left .slider.slider-nav .each.slick-current {
  border: 1px solid #662F91;
}
.theme.healthc header .bottom #cart, .theme.healthc header .bottom #mobcart {
  display: inline-block;
}
.theme.hosp {
  margin-top: 150px;
}
.theme.hosp header .bottom #cart, .theme.hosp header .bottom #mobcart {
  display: none;
}
.theme.hosp footer .top {
  background-color: #0f6cb9;
}
.theme.hosp .element.intro .right {
  border-color: #0f6cb9;
}

@media (max-width: 991px) {
  header {
    -webkit-box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
    -moz-box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
    box-shadow: 0 0 21px 0 rgba(17, 17, 17, 0.1);
  }
  header .top {
    height: auto;
  }
  header .top nav.divisions ul.navbar li.nav-link a {
    padding: 15px 5px;
  }
  header .top nav.divisions ul.navbar li.nav-link a img {
    width: 25px;
    height: 25px;
  }
  header .top nav.divisions ul.navbar li.nav-link a p {
    font-size: 11px;
  }
  header .bottom {
    height: 80px;
    background-color: #FFFFFF !important;
    border-top: 1px solid #e9ecef !important;
  }
  header .popup .has-partial.socials li a svg {
    color: #FFFFFF;
  }
  footer hr {
    display: none;
  }
  footer .top .col h5 {
    margin-top: 25px;
  }
  footer .top .col:last-child {
    margin-top: 25px;
  }
  footer .bottom {
    height: 100px;
    margin-bottom: 80px;
  }
  footer .bottom .col-auto {
    text-align: center;
  }
  .element {
    padding: 50px 0;
  }
  .element.intro .right {
    padding-left: 15px;
    padding-top: 25px;
    border-left: 0;
  }
  .element.listing .each a .has-content h4 {
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
  }
  .element.listing .each a .has-content:after {
    right: 15px;
    font-size: 14px;
  }
  .element.ads .slick-ads img {
    padding-left: 15px;
    padding-right: 15px;
  }
}

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

.link-wrapper em {
  display: block;                /* make it its own line */
  white-space: nowrap;           /* prevent wrapping */
  overflow: hidden;              /* hide any overflow */
  text-overflow: ellipsis;       /* optional: adds … if it's too long */
  font-style: normal;            /* cleaner look */
  font-size: clamp(10px, 1.2vw, 14px); /* scales with screen size */
  text-align: center;            /* keeps it centered nicely */
  margin: 0 0 4px 0;             /* a bit of breathing space */
}