/*Controllers*/
.cb.plain {
    position: absolute !important;
    opacity: 0.3;
}

.cb.plain:hover {
    opacity: 1;
}

.cb.plain .cb-link .button {
    padding: 6px 12px !important;
}

/***Main CSS***/
body {
    background-color: var(--colour-secondary);
}

.body {
    padding: 20px 0;
    background-color: var(--colour-secondary);
}

body img, .body img, body figure img, .body figure img {
    width: 100%;
}

* {
    font-family: var(--font-main);
    color: inherit;
}

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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h5 {

}
h1, .h1 {
    font-size: 42px;
    line-height: 38px;
}

/*Flex Container - START*/
.flex-container{
    display: flex;
    flex-wrap: wrap;
}
.space-between{
    justify-content: space-between;
}
/*Flex Container - END*/

/*Form Fields & Button - START*/
input[type="submit"], button, .button {
    background: var(--colour-primary);
    border: 2px solid var(--colour-primary);
    transition: all 0.2s cubic-bezier(0,0,0.1,0.9);
    color: var(--colour-black);
    text-transform: uppercase;
    padding: 12px 25px 10px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 15px;
}

input[type="submit"]:hover, button:hover, .button:hover {
    background: var(--colour-black);
    border-width: 2px;
    border-color: var(--colour-primary);
    color: var(--colour-primary);
}
input[type="submit"], button{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 12px 25px 10px;
}
input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {
    border: 1px solid #DDD;
    color: #B0B0B0;
    font-size: 16px;
    padding: 14px 14px 14px;
}
button.full-width,.button.full-width{
    width:100%;
    text-align: center;
    padding: 15px;
    border-radius: 30px;
}
button.bt-soft, .button.bt-soft {
    background: var(--colour-charcoal);
    color: var(--colour-primary);
    border: none;
    padding: 5px 10px;
	height: 100%;
    align-content: center;
	line-height: 1.5rem;
	font-size: 16px !important;
}
button.bt-soft span, .button.bt-soft span {
	font-size: 16px;
	line-height: 1.5rem;
}

.button.bt-soft.empty {
	background-color: var(--colour-charcoal);
}

button.bt-soft:hover, .button.bt-soft:hover {
    background: var(--colour-primary);
    color:black;
}
.pb-block-type-form h2 {
    display: none;
}

.pb-block-type-form .form-block {
    padding: 40px 35px;
    border: none;
}

.form-block-header {
    background-color: var(--colour-primary);
    margin: 30px 0 0;
    padding: 10px 12px;
    font-size: 30px;
    line-height: 28px;
    display: inline-block;
}

.form-block {
    background-color: var(--colour-charcoal);
    display: flex;
    flex-wrap: wrap;
}
.form-block .field {
    padding: 5px;
}

.form-block .field > label {
    color: var(--colour-grey);
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 3px;
}
.form-block .field label a {
    color: #777;
}

.form-block .field .input-checkbox {
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
    cursor: pointer;;
}
.form-block .field .input-checkbox > input {
    margin-right: 10px;
}

.form-caption {
    margin: 15px 0;
    font-size: 13px;
    line-height: 1.4em;
    color: var(--colour-grey);
}
.form-caption:last-child {
    margin-bottom: 0;
}

/* Payment Module Logo Stretch*/
.list-group .list-group-item .coltable img {
    width: 100%;
    vertical-align: top;
}

/*Form Fields & Button - END*/
.btn-variant-1,
.btn-variant-2 {
    text-transform: uppercase;
}

.btn-variant-1 {
    background-color: var(--colour-alternate);
    border-color: var(--colour-alternate);
    color: var(--colour-primary);
    font-weight: 500;
}

.btn-variant-2 {
    background-color: var(--colour-white);
    color: var(--colour-alternate);
    padding: 15px 30px;
    border-radius: 30px;
}

.view-more {
    display: flex;
    margin: 0 auto;
    position: relative;
    width: max-content;
    top: -22px;
}

.view-more::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f078";
    padding-right: 10px;
    ;
}

.view-more.less::before {
    content: "\f077";
}

.shadow {
    position: absolute;
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, var(--colour-white), var(--colour-white), transparent);
    border-bottom: 2px solid #D9D9D9;
    left: 0;
    bottom: 50px;
    z-index: 0;
}

.shadow.less {
    height: 10px;
}

/*Frames - START*/
.mini-frame {
    max-width: 580px;
    margin: 0 auto;
}

/*Frames - END*/
/*Header*/
.navigation {
    border: none;
}
.navigation ul.menu > li, .navigation ul.menu li ul.menu-dropdown{
    transition: all 0.1s ease;
}

.logo {
    display: inline-block;
    height: 150px;
    max-width: 300px;
    background-position: center;
}

.header {
    padding: 30px 0;
    position: relative;
    top: 0;
    z-index: 10;
}

.header.sticky-header {
    position: fixed;
    width: 100%;
    z-index: 1;
    transition: all 0.2s ease-out 0s;
}
.header.sticky-header + .body {
 /* padding-top: 220px;*/
 padding-top: 218px;
}
.zulu-search .header.sticky-header + .body, .zulu-product .header.sticky-header + .body,.zulu-basket_quote .header.sticky-header + .body {
    padding-top: 280px;
}

.header .head-cart-data .fa {
    color: #90469b;
}

.header .col-slogan {
    text-align: right;
}

.header-title {
    padding: 40px 0;
    background-color: #EEE;
}

.header-title h1 {
    margin: 0;
}

.copyright {
    background-color: #9e46ab;
    color: var(--colour-white);
    border-bottom: none;
}

/*Menu*/
ul.menu ul {
    top: 43px;
    left: 0;
    width: 100%;
}

ul.menu ul li {
    text-align: center;
    border-color: #ccc;
    background-color: #ddd;
    width: 100%;
}

ul.menu ul li a {
    color: #999;
    font-size: 12px;
    font-weight: 100px;
    letter-spacing: 0.5px;
}

ul.menu ul li:hover,
ul.menu ul li:hover a {
    background-color: var(--colour-white);
}

ul.menu .menulink {
    padding: 11.5px 15px 11px;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    border-color: #7c2789;
}

ul.menu .mobile-nav+li {
    border-left: 1px solid #7c2789;
}

ul.menu .menulink:hover {
    background-color: #9e46ab;
}

.navigation ul.menu li ul.menu-dropdown {
    z-index: 1;
}

/*Banner*/
.banner {
    background-image: url(images/bg-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
}

.banner>.frame {
    padding: 0;
}

.banner h1,
.banner .h1 {
    color: var(--colour-white);
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 0 0 10px;
}

.banner h2,
.banner .h2 {
    font-weight: 100;
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.banner .bt .button {
    background-color: rgba(0, 0, 0, 0);
    font-size: 18px;
    padding: 10px 20px;
    border: 2px solid #eee;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--colour-white);
}

.banner .bt .button .fa {
    position: relative;
    top: -2px;
}

.banner .bt .button:hover {
    border: 2px solid var(--colour-white);
    background-color: var(--colour-white);
    color: #333;
}

.banner .slide .slide-inner {
    background-color: rgba(0, 0, 0, 0.3);
    text-shadow: none;
}

.banner .slider-wrapper {
    box-shadow: none;
}

.sssnext, .sssprev {
    width: 50px !important;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    background-image: url('/web/template/default/assets/sss/images/brr.png') !important;
    z-index: 5;
    transition: all 0.2s ease-out 0s;
}

.sssprev {
    left: 3%;
    background-position: 0 50% !important;
}

.sssnext {
    right: 3%;
    background-position: -50px 50% !important;
}

.sssprev:hover {
    left: 2.7%;
}

.sssnext:hover {
    right: 2.7%;
}

.sssprev:active {
    left: 2%;
}

.sssnext:active {
    right: 2%;
}

/*Elements*/
.html-style ul li::before, ul.bullet li::before, ul.bullet-list li::before {
    color: #CCC;
}

.faq:hover {
    border-color: #068ed0;
}

.faq:hover h3,
.faq:hover h3::before {
    color: #068ed0;
}

/*Index Assets*/
.homebox {}

.homebox .col {
    padding: 10px;
}

.homebox .col img {
    vertical-align: top;
    width: 100%;
}

.homebox .col .hb-text {
    padding: 35px 40px;
    background: linear-gradient(to top, var(--colour-white), #f3f3f3);
}

.homebox .col .hb-text h3 {
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: 600;
}

.homebox .col .hb-text p {
    text-align: justify;
    font-size: 12px;
    line-height: 24px;
    color: #888;
}

.homebox .col .hb-text p a.button {
    padding: 5px 15px;
    border-radius: 0;
    border-color: #bbb;
}

/* Global Footer */
.global-contact {
    background-color: #EEE;
    padding: 5px;
    font-size: 14px;
}

.global-contact .item {
    overflow: hidden;
}

.global-contact .item li {
    list-style: none;
    float: left;
    margin-right: 10px;
    color: #999;
}

.global-contact .item li a {
    color: #999;
}

/* Footer */
.footer {
    background-color: #90469b;
    background: url(images/bg-foot-glass-right.png) bottom right, url(images/bg-foot-glass-left.png) bottom left #90469b;
    background-repeat: no-repeat;
    background-size: contain;
    color: var(--colour-white);
    padding: 60px 0 70px;
    border-top: 1px solid #9e46ab;
}

.footer .foot-menu {
    border: none;
}

.footer .h4 {
    margin-bottom: 7px;
}

.footer .foot-menu {
    margin: 0;
    padding-top: 0;
}

.footer .foot-product-wrap {
    background-color: var(--colour-white);
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    color: #000;
}

.footer .foot-product-wrap .h4 {
    font-size: 24px;
    color: #90469b;
}

.footer .foot-product-wrap a {
    color: #068ed0;
    text-decoration: none;
}

.footer .foot-product-wrap p {
    color: #999;
    margin: 0;
}

.copyright a {
    color: var(--colour-white);
}

.hr-mini {
    background-color: #90469b;
    width: 50px;
    height: 4px;
    border-radius: 5px;
    margin: 10px 0 20px;
}

.feature-box {
    text-align: center;
}

.feature-box h2 {
    font-size: 20px;
}

.feature-box img {
    width: 80%;
    vertical-align: top;
}

.feature-box:hover {
    transform: scale(1.1, 1.1);
    transition: all 0.2s ease-in-out 0s;
}

/*Section*/
.section-feature {
    padding: 80px 0;
}

.section-variant3 {
    background-color: #006cb9;
}

.section-variant2 {
    background-color: #DDD;
}

.section-variant1 {
    background-color: #EEE;
}
.section-terms h4,
.section-policy h4{
    font-weight: 500;
}
.section-title h1{
    font-weight: 300;
}
.section-title h1 strong{
    font-weight: 700;
}
.body .frame>*:last-child {
    margin-bottom: 0;
}

.section-feature.sf-variant3 * {
    color: var(--colour-white);
}

.section-feature.sf-variant3 .divide {
    background-color: var(--colour-white);
}

.section-contact-form {
    background-color: #068ed0;
    background-image: url(images/bg-contact.jpg);
}

.section-feature .button.bt-outline {
    color: var(--colour-white);
    border-color: var(--colour-white);
    margin: 0;
    border: 2px solid var(--colour-white);
}

.payment-summary {
    border: none;
    background-color: #652D90;
}

.payment-summary .button {
    border: none;
    background-color: #068ed0;
    color: var(--colour-white);
}

.payment-summary .button:hover {
    background-color: var(--colour-white);
    color: #652D90;
}

.section-home-cta {
    padding: 120px 0 !important;
}

.section-home-cta .pb-column:last-child {
    padding-left: 100px;
}

/*Element Overrides*/
.product-image-container {
    box-shadow: none;
}

/*-------- TEMPLATE ENDS --------*/
/*-------- VARIABLES --------*/
:root {
    /* Frame Height */
    --frame-width: calc(100vw - 200px);/*1400px;*/
    --frame-margin: calc((100% - var(--frame-width)) / 2);
	--frame-l: 1550px;
    --frame-m: 1400px;
    --frame-s: 1200px;

    /* Fonts */
    --font-main: "barlow", sans-serif;
    --font-body: "nunito-sans", sans-serif;
    --font-fa: "Font Awesome 5 Pro";

    /* Colours */
    --colour-green: #CCFF00;
    --colour-primary: #CCFF00;
    --colour-primary-alt: #FFB901;
    --colour-yellow: #FFB901;
    --colour-red: #ED1F24;

    --colour-black: #000000;
    --colour-secondary: #000000;
    --colour-alternate: #232323;
    --colour-charcoal: #232323;
    --colour-white: #FFFFFF;
    --colour-white-alt:#F4F4F4;
	--colour-light: #F4F4F4;
    --colour-soft:#CCC;
    --colour-grey:#a5a5a5;

    /* Transitions */
    --transition: all 0.25s cubic-bezier(0,0,0.1,0.9) 0s;
    --transition-default: all 0.3s ease-in-out 0s;
    --transition-hover: all 0.1s ease-in-out 0s;

    /* Consistent Gaps */
    --section-gap: 80px;
    --row-gap: 40px;
    --block-gap: 40px;
    --content-gap: 20px;
    --section-padding-y: 120px;

    /* Font Size */
    --size-1: 14px;
    --size-2: 16px;
    --size-3: 18px;
    --size-4: 21px;
    --size-5: 24px;
    --size-6: 28px;
    --size-7: 32px;
    --size-8: 36px;
    --size-9: 42px;
    --size-10: 48px;
    --size-11: 52px;
    --size-12: 58px;
    --size-13: 64px;
    --size-14: 75px;

    /* Variables */
    --form-cart-height: 150px; /* Default value */
}

@media screen and (max-width:1500px) {
    :root {
        --frame-width: calc(100vw - 160px);
    }
}
@media screen and (max-width:1300px) {
    :root {
        --frame-width: calc(100vw - 120px);
    }
}
@media screen and (max-width:1000px) {
    :root {
        --frame-width: calc(100vw - 100px);
    }
}
@media screen and (max-width:800px) {
    :root {
        --frame-width: calc(100vw - 80px);
    }
}
@media screen and (max-width:600px) {
    :root {
        --frame-width: calc(100vw - 60px);
    }
}

p, .p { /* a, .a*/
    font-family: var(--font-body);
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    color: var(--colour-white);
}

a, .a {
    color: var(--colour-primary);
}
a:hover, .a:hover {
    color: var(--colour-white);
}

a.red, span.red, p.red {
    color: var(--colour-red) !important;
}

h1, .h1, h2, .h2 {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 1em;
    color: var(--colour-white);
    text-transform: uppercase;
}

h3, .h3 {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.2em;
    color: var(--colour-white);
    text-transform: uppercase;
}

h4, .h4 {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 800;
    font-size: 22px;
    line-height: 1.2em;
    color: var(--colour-white);
}

h5, .h5 {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 19px;
    line-height: 1.3em;
    color: #000;
}
li {
    color: var(--colour-white);
}
.pb-block-content ol, ul {
    margin: 0 0 15px;
}
p strong{
    font-weight: 500;
}
strong a{
    font-weight: bold;
}
.uppercase{
    text-transform: uppercase;
}
body.frame-full-width .body .frame, .frame {
    margin: 0 auto;
    padding: unset;
    max-width: 1500px;
    width: var(--frame-width);/*100% !important;*/
}

.highlight-header .h3 {
    padding: 16px 30px 12px;
    background: var(--colour-primary);
    color: var(--colour-black);
    width: fit-content;
}

.pb-section.section-variant-1 {
    /* background: var(--colour-white-alt); */
    background: var(--colour-alternate);
}
.pb-section.section-variant-2 {
    background: var(--colour-secondary);
}
.pb-section.section-variant-3,.section-variant-3 {
    background: var(--colour-white-alt);
}


/**------------------**/
/**----- HEADER -----**/
/**------------------**/
.header {
    padding: unset;
    border-bottom: 1px solid var(--colour-primary);
}

.header-top {
    background: var(--colour-primary);
    padding: 6px 5px 6px;
}
.header-top .frame {
    width: 100%;
    max-width: unset;
    display: flex;
    justify-content: space-between;
}
.header-top .header-wrap-1, .header-top .header-wrap-2 {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
}
.header-top .header-wrap-2 {
    width: 50%
}
.header-top .header-wrap-1 {
    column-gap: 30px;
}
.header-top .header-wrap-2 {
    column-gap: 8px;
	place-content: end;
}

.header-wrap-2 a.contact-phone {
    padding:0 20px 0 8px;
    border-right: 2px solid #fff;
}
.header-top .social-media span:hover,.header-wrap-2 a.contact-phone:hover{
    color: var(--colour-primary);
    text-decoration: none;
}

.header-top .logo-wrap {
    padding-bottom: 10px;
    max-width: 90px;
    max-height: 63px;
}

/*Temp Amare Safety*/
.prev-amare {
    pointer-events: none;
    display: block !important;
    position: absolute;
    z-index: 10;
    left: 0;
    top: calc(100% - 12px);
    max-width: 280px;
}
.prev-amare img {
    width: 100%;
    vertical-align: top;
}
@media screen and (max-width:1500px) {
    .prev-amare {
        top: calc(100% - 10px);
        max-width: 240px;
    }
}
@media screen and (max-width:1300px) {
    .prev-amare {
        top: calc(100% - 9px);
        max-width: 200px;
    }
}
@media screen and (max-width:1000px) {
    .prev-amare {
        top: calc(100% - 8px);
        max-width: 180px;
    }
}
@media screen and (max-width:600px) {
    .prev-amare {
        top: calc(100% - 6px);
        max-width: 150px;
    }
}
@media screen and (max-width:600px) {
    .prev-amare {
        display: none !important
    }
}

/*Top Menu*/
.header-top .frame .sub-menu ul.menu {
    display: flex;
    list-style: none;
    column-gap: 0px;
    padding: unset;
}
.header-top ul.menu li:not(:first-child) {
    border-left: 2px solid var(--colour-black);
}
.header-top ul.menu li > a > i {
    font-size: 0.9em;
}
.header-top ul.menu li a,
.header-top p.slogan {
    display: block;
    padding: 3px 12px 0px;
    font-size: 14px;
    font-family: var(--font-main);
    line-height: 1.1em;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}
.header-top ul.menu li a:hover {
    background: unset;
    text-decoration: none;
    opacity: 0.5;
    color: var(--colour-black);
}

/*Top Menu Dropdown*/
.header-top ul.menu li.has-children {
    position: relative;
    cursor: pointer;
}
.header-top ul.menu li.has-children > a span {
    opacity: 0.5;
    font-size: 0.9em;
    margin-left: 2px;
}
.header-top ul.menu li.has-children:hover > a span {
    opacity: 1;
}
.header-top ul.menu li.has-children:hover > a span.fa-chevron-down::before {
    content: "\f077";
}
.header-top ul.menu li.has-children ul.menu-dropdown {
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s cubic-bezier(0,0,0.1,0.9);
    transition-delay: 0.25s;

    position: absolute;
    top: calc(100% + -2px);
    z-index: 101;
    left: -8px;
    padding: 12px 10px 10px;
    min-width: 220px;
    text-align: left;
    list-style: none;
    border-radius: 0 0 5px 5px;
    background-color: var(--colour-primary);
    /* box-shadow: 0 0 0 1px var(--colour-primary); */
}
.header-top ul.menu li.has-children:hover ul.menu-dropdown {
    visibility: visible;
    opacity: 1;
    top: calc(100% + 4px);
    pointer-events: all;
    transition-delay: 0s;
}
.header-top ul.menu li.has-children ul.menu-dropdown > li {
    border: none;
    background: none !important;
    text-align: left;
}
.header-top ul.menu li.has-children ul.menu-dropdown > li:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.25);
}
.header-top ul.menu li.has-children ul.menu-dropdown > li a {
    background: none !important;
    color: var(--colour-black);
    white-space: normal;
    font-weight: 600;
    padding: 4px 8px 2px;
    opacity: 1;
}
.header-top ul.menu li.has-children ul.menu-dropdown > li a:hover {
    /* color: var(--colour-green); */
    opacity: 0.5;
}

/*Top Menu Misc*/
.header-top .social-media {
    padding-left: 12px;
}
.header-top .social-media a:first-child{
    margin-right: 5px;
}
.header-top .social-media span {
    font-size: 25px;
    line-height: 25px;
}

.header-top * {
    color: var(--colour-black);
}
.header-top a {
    font-weight: 800;
    line-height: 15px;
}
.header-top p {
    margin-bottom: unset;
}
.header-top em {
    font-size: 17px;
    line-height: 17px;
}

.header-top .rlink.label a {
	color: var(--colour-charcoal);
	font-weight: bold;
}


/*Header Middle*/
.header-middle {
    padding: 30px 0;
    background: var(--colour-black);
    position: relative;
    z-index: 1;
}
.header-middle .frame {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 60px);
}

.header-middle .header-title {
    background-color: transparent;
    padding: 0;
}
.header-title .logo-wrap {
    max-width: 280px;
}
.logo-wrap img {
    width: 100%;
    vertical-align: top;
}

.header-middle .company-name, .header-middle .company-name .red {
    font-family: var(--font-main);
    font-weight: 300;
    font-size: 45px;
    line-height: 45px;
}
.header-middle .company-name {
    margin-bottom: 5px;
}
.header-middle .company-name .red {
    color: var(--colour-red);
    font-weight: 700;
}
.header-middle .company-slogan {
    font-weight: 300;
    font-size: 15.3251px;
    line-height: 15px;
    margin-top: 10px;
}

.header-middle .search-bar {
    width: 75%;
}

.header-middle .shopping-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: auto 1 1;
}

/*Middle Menu*/
.header-middle .middle-menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
}
.header-middle .middle-menu ul li {
    margin-bottom: 0;
    margin-right: 15px;
}
.header-middle .middle-menu ul li a.menulink {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--colour-white);
    padding: 4px 8px 0;
    display: block;
}
.header-middle .middle-menu ul li a.menulink:hover {
    color: var(--colour-primary);
    text-decoration: none;
}

/*Searchbar*/
.header-middle .shopping-wrapper .form-block {
    border: unset;
    padding: 0;
}
.header-middle .shopping-wrapper .search-box .form-block .field {
    padding: 0 10px;
}
.header-middle .shopping-wrapper .search-box .form-block .field input.form-control,
.search-box .form-block .field input {
    font-family: var(--font-main);
    border-radius: 10px;
    background: var(--colour-charcoal);
    border: 5px solid var(--colour-black);
    box-shadow: 0 0 0 1px var(--colour-primary);
    padding: 12px 15px 10px;
    padding-right: 35px;
    color: var(--colour-white);
}
.header-middle .shopping-wrapper .search-box .form-block .field input.form-control::placeholder,
.search-box .form-block .field input::placeholder {
    color: var(--colour-grey);
}
.header-middle .shopping-wrapper .search-box .form-block .field input.form-control:hover,
.search-box .form-block .field input:hover {
    background-color: #333;
}
.header-middle .shopping-wrapper .search-box .form-block .field input.form-control:focus,
.search-box .form-block .field input:focus {
    background-color: var(--colour-white);
    color: var(--colour-black);
}

.header-middle .search-box .form-block .field button {
    left: unset;
    right: 18px;
    color: var(--colour-primary);
    font-size: 18px;
    line-height: 1em;
}
.header-middle .search-box .form-block .field:has(input:focus) button {
    color: var(--colour-black);
}
.header-middle .search-box .form-block .field button:hover {
    background-color: transparent;
    transition: all 0.1s ease;
    opacity: 0.5;
}

/*Cart & Tax Button*/
.header-middle .shopping-wrapper button.bt-tax,
.header-middle .shopping-wrapper a.button {
    border: unset;
    background: unset;
    text-transform: none;
    color: var(--colour-primary);
    padding: 4px 8px;
    display: flex;
    align-items: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.header-middle .shopping-wrapper button.bt-tax:hover,
.header-middle .shopping-wrapper a.button:hover {
    color: var(--colour-white);
}
.header-middle .shopping-wrapper a.button span.cart-quote {
    display: none;
}
.header-middle .shopping-wrapper a.button span.cart-quantity {
    font-size: 10px;
    line-height: 1em;
    font-weight: 600;
    padding: 1px 1px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: #EE2C2F;
    border-radius: 100%;
    color: #fff;
    position: absolute;
    top: -5px;
    right: -5px;
}
.header-middle .shopping-wrapper button.bt-tax em.far,
.header-middle .shopping-wrapper a.button em.far {
    font-size: 26px;
    padding-left: 0px;
}

.header-middle .search-bar {
    width: auto;
}

/* Header tax button */
.header .button.bt-tax {
	position: relative;
	cursor: pointer;
	margin-left: 5px;
}
.header .button.bt-tax:hover {
	background: none;
	color: var(--colour-red);
}
.header .button.bt-tax .menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 1;
}
.header .button.bt-tax:hover .menu {
	display: block;
}

.header .button.bt-tax .tax-menu {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    border-radius: 10px;
    background-color: var(--colour-white);
    padding: 5px 12px;
    text-align: left;
    min-width: 130px;
}

.header .button.bt-tax .tax-menu i {
	display: block;
	position: absolute;
	top: -9px;
	right: 25px;
	color: var(--colour-white);
}

.header .button.bt-tax .tax-menu li {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}
.header .button.bt-tax .tax-menu li a {
	font-weight: bold;
	color: var(--colour-black);
	text-align: center;
}
.header .button.bt-tax .tax-menu li:last-child {
    border-bottom: none;
    border-top: 1px solid var(--colour-soft);
}
.header .button.bt-tax .tax-menu li a {
    font-size: 12px;
}
.header .button.bt-tax .tax-menu li a:hover {
    color: var(--colour-charcoal);
    text-decoration: none;
}

.header .button.bt-tax .tax-menu.tax-menu-mobile {
    top: 45px;
}
.header .button.bt-tax .tax-menu.tax-menu-mobile i {

    -webkit-transform: none;
    transform: none;
}

/* Header navigation system */
.header-bottom .navigation {
    background-color: var(--colour-alternate);
    /*padding: 16px 0px;*/
    /* padding: 16.25px 0px; */
}

.header-bottom .navigation ul.menu {
    display: flex;
    justify-content: space-between;
}

.header-bottom .navigation ul.menu li a {
    padding: unset;
    font-weight: 700;
    font-size: 17px;
    line-height: 17px;
    color: var(--colour-primary);
}

.header-bottom .navigation ul.menu li.open>a.menulink span::before {
    content: "\f077" !important;
    transition: all 0.2s ease-out 0s;
}

.header-bottom .navigation ul.menu li a:hover {
    background: var(--colour-alternate);
    color: var(--colour-red);
    text-decoration: none;
}

.navigation ul.menu li ul.menu-dropdown {
    top: 33px;
    box-shadow: 0 15px 30px -5px rgba(0,0,0,0.25);
    transition: all 0.3s cubic-bezier(0,0,0.1,0.9);
    /*transform: translateX(-50%);*/
    left: 0%;
    opacity: 0;
    pointer-events: none;
}
.navigation ul.menu li.open ul.menu-dropdown{
    opacity: 1;
    pointer-events: all;
    display: block;
}
.navigation ul.menu li ul.menu-dropdown li a {
    padding: 16px 15px;
    background-color: var(--colour-primary);
    color: var(--colour-alternate);
}

@media screen and (max-width:1500px) {
    .navigation .frame{
        width: 80% !important;
    }

    .header-top ul.menu li a,
    .header-top p.slogan {
        font-size: 13px;
    }

    .header-middle .middle-menu ul li {
        margin-right: 12px;
    }
    .header-middle .middle-menu ul li a.menulink {
        font-size: 17px;
    }

    .header-title .logo-wrap {
        max-width: 250px;
    }

    .header-middle .search-bar {
        max-width: 250px;
    }
}

@media screen and (max-width:1300px) {
    .header-top .frame,
    .header-middle .frame,
    .header-bottom .frame {
        padding-left: 0;
        padding-right: 0;
    }

    .header-top ul.menu li a,
    .header-top p.slogan {
        font-size: 12px;
    }
    .header-top ul.menu li:not(:first-child) {
        border-left-width: 1px;
    }

    .header-middle .middle-menu ul li {
        margin-right: 6px;
    }
    .header-middle .middle-menu ul li a.menulink {
        font-size: 16px;
        text-align: center;
    }

    .header-title .logo-wrap {
        max-width: 220px;
    }
}
@media screen and (max-width:1200px) {
    .header-top .frame,
    .header-middle .frame,
    .header-bottom .frame {
        padding-left: 0;
        padding-right: 0;
    }

    .header-top ul.menu li a,
    .header-top p.slogan {
        font-size: 12px;
    }

    .header-middle .middle-menu ul li {
        margin-right: 6px;
    }
    .header-middle .middle-menu ul li a.menulink {
        font-size: 15px;
    }

    .header-title .logo-wrap {
        max-width: 200px;
    }
}
@media screen and (max-width:1100px) and (min-width:1000px) {
    .header-top .header-wrap-1 {
        display: none;
    }
    .header-top .header-wrap-2 {
        width: 100%;
    }
}
@media screen and (max-width:1000px) {
    body .header {
        padding: 0;
    }

    .header.sticky-header{
        position: relative;
    }
    .header.sticky-header + .body {
        padding-top: 0;
    }

	.header-top {
		background: var(--colour-black);
        padding: 15px 20px;
	}

    .header-top .frame,
    .header-top .header-wrap-1,
    .header-top .header-wrap-2 {
        flex-wrap: wrap;
    }
    .header-top .header-wrap-1,
    .header-top .header-wrap-2 {
        width: 100%;
        flex: auto 1 1;
    }
    .header-top .header-wrap-1 {
        justify-content: space-between;
    }
    .header-top .header-wrap-2 {
        justify-content: right;
        padding: 10px 0;
        flex-wrap: wrap;
    }

    .header .header-middle .header-title {
        display: none;
    }
    .header .header-middle .shopping-wrapper {
        padding-top: 15px;
    }
    .header-middle .shopping-wrapper {
        width: 100%;
        padding-bottom: 15px;
        justify-content: center;
    }
    .header-wrap-1 .sub-menu {
        display: none !important;
    }
    .header-wrap-1 .slogan-wrap {
        display: none !important;
    }


    .header-top .logo-wrap {
        padding-bottom: 0;
        width: 160px;
        min-width: 160px;
        max-width: unset;
        max-height: unset;
    }


    .header .mobile-menu-trigger {
        order: 1;
        width: unset;
    }
    .header .mobile-menu-trigger i {
        color: var(--colour-white)
    }
    .mobile-menu-trigger-open {
    	color: var(--colour-primary) !important;
    }

    .header-top .header-wrap-2 .mobile-search-trigger i {
		color: var(--colour-primary);
		font-size: 20px;
		line-height: 1;
        cursor: pointer;
	}
    .header-middle {
        padding: 0 0 20px;
    }
    .header .header-middle .shopping-wrapper {
        flex-wrap: wrap;
    }
    .header-middle .middle-menu ul {
        padding-left: 0;
        padding-bottom: 20px;
    }
    .header-middle .middle-menu ul li a.menulink {
        font-size: 16px;
    }

    .header-bottom .navigation ul.menu {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .navigation {
        background-color: var(--colour-alternate) !important;
        overflow-y: scroll;
        min-height: 100vh;
        border-radius: 0;
        border-left: 1px solid var(--colour-primary) !important;
        box-shadow: -15px 0 50px 15px rgba(0,0,0,0.8);
        padding: 22px 0;
        top: 0px;
    }
    .navigation .frame {
        width: calc(100% - 80px) !important;
    }

    .navigation .mob-show ul {
        padding: 0;
    }
    .navigation .mob-show ul > li {
        width: 100%;
        list-style: none;
        margin-bottom: 10px;
    }
    .navigation .mob-show ul li a {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 18px;
        line-height: 1.1em;
        padding: 5px 0;
        display: block;
    }
    .navigation .mob-show ul li a:hover {
        color: var(--colour-primary);
        text-decoration: none;
    }

    .navigation .mob-show ul li.has-children a span {
        display: none;
    }
    .navigation .mob-show ul li ul.menu-dropdown {
        margin: 5px 0 10px;
    }
    .navigation .mob-show ul li ul.menu-dropdown li {
        margin-bottom: 5px;
    }
    .navigation .mob-show ul li ul.menu-dropdown li a {
        margin-bottom: 0;
        padding: 5px 0;
        padding-left: 25px;
        position: relative;
        color: var(--colour-grey);
    }
    .navigation .mob-show ul li ul.menu-dropdown li a::before {
        content: "\e3d6";
        font-size: 0.9em;
        font-family: var(--font-fa);
        font-weight: 500;
        position: absolute;
        left: 0;
        top: 2px;
        /* color: var(--colour-primary); */
    }
    .navigation .mob-show ul li > ul.menu-dropdown li a:hover{
        color: var(--colour-primary);
        text-decoration: none;
    }
    .navigation .mob-show ul li > ul.menu-dropdown li:last-child a{
        border-radius: 0 !important;
    }


	.tax-wrapper-mobile {
		display: block !important;
	}
    .tax-wrapper-mobile .button.bt-tax .tax-menu li {
        padding: 6px 0;
    }
    .tax-wrapper-mobile .button.bt-tax {
        margin-left: 0;
        padding: 5px 10px;
        background: none;
        border: none;
        color: var(--colour-primary);
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.02em;
    }
    .tax-wrapper-mobile .button.bt-tax * {
        color: var(--colour-primary);
    }
    .tax-wrapper-mobile .button.bt-tax:hover * {
        color: var(--colour-white);
    }
    .tax-wrapper-mobile .button.bt-tax em {
        font-size: 1em;
    }
    .tax-wrapper-mobile .button.bt-tax em.fa-caret-down::before {
        content: "\f077";
    }


    .header-wrap-1 {
        max-width: 90px;
    }
    .header-wrap-1 .sub-menu {
        display: none;
    }
    .header-top .frame {
        flex-wrap: nowrap;
    }

    .header-wrap-2 {
        column-gap: none;
    }
    .header-wrap-2 a.contact-phone {
        padding: 0 16px 0 8px;
        border: none;
		color: var(--colour-alternate);
    }
	.header-wrap-2 a.contact-phone em {
		color: var(--colour-alternate);
    }
	.header-wrap-2 a.contact-phone:hover {
		color: var(--colour-red);
	}
    .header-top .social-media {
        padding-right: 16px;
        padding-left: 16px;
        border-right: 2px solid #333;
        border-left: 2px solid #333;
    }
    .header .mobile-menu-trigger {
        font-size: 34px;
        margin: 0 5px;
		z-index: 20;
    }
	.header-top .header-wrap-2 a.button {
        margin-left: 5px;
        padding: 8px 12px;
        border-radius: 50px;
        color: var(--colour-primary);
        background: none;
		position: relative;
		border: none;
    }
	.header-top .header-wrap-2 a.button em {
        font-size: 20px;
        color: var(--colour-primary);
    }

	.header-top a.button span.cart-quantity {
		font-size: 10px;
		line-height: 15px;
		font-weight: 600;
		text-align: center;
		width: 16px;
		height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1px 1px 0 0;
		background-color: #EE2C2F;
		border-radius: 100%;
		color: #fff;
		position: absolute;
		top: -5px;
		right: -5px;
	}

	.header-middle .shopping-wrapper .tax-container,
	.header-middle .shopping-wrapper a.button {
		display: none;
	}
    .header-middle .company-name,
    .header-middle .company-name .red {
        white-space: nowrap;
        font-size: 36px;
        line-height: 40px;
    }

	.header-middle .search-bar {
		max-width: 700px;
		width: 100%;
	}
}

@media screen and (max-width:800px) {
    .header-middle::before {
        width: 50%;
    }
    .header-middle .shopping-wrapper a.button {
        margin-left: 10px;
        padding: 8px 12px;
        border-radius: 50px;
        background-color: #FFB800;
		display: none;
    }
    .header-middle .shopping-wrapper a.button span.cart-quote {
        display: none;
    }
    .header-middle .shopping-wrapper a.button em.far {
        padding-left: 0;
    }
}

@media screen and (max-width:600px) {
    .header-middle .frame {
        flex-wrap: wrap;
        justify-content: center;
    }
    .header-middle .tax-container {
      display: none;
    }
    .header-middle .shopping-wrapper {
      width: 100%;
      padding-bottom: 15px;
      justify-content: center;
    }
    .header-middle .company-name, .header-middle .company-name .red{
        font-size:32px;
    }
    .header .header-middle .header-title{
        display: none;
    }
    .header .header-middle .shopping-wrapper{
        padding-top: 15px;
    }
    .header-middle .middle-menu ul li a.menulink {
        font-size: 14px;
    }

    .navigation {
        width: 100%;
		max-width: 400px;
    }
    .header-middle .company-slogan {
        text-align: center;
        margin-bottom: 10px;
    }

    .header-bottom .navigation ul.menu li.rlink .button.bt-tax {
      background:none;
      border:none;
    }
    .header-bottom .navigation ul.menu li.rlink .button.bt-tax .far.fa-caret-down {
      color:#999;
    }
    .header-bottom .navigation ul.menu li.rlink .button.bt-tax .tax-menu {
      background: var(--colour-primary-alt);
    }
    .header-bottom .navigation ul.menu li.rlink .button.bt-tax .tax-menu li {
      border-color:#555;
      background: none;
	  padding: 0;
    }
    .header-bottom .navigation ul.menu li.rlink .button.bt-tax .tax-menu li a{
		color: var(--colour-red);
	}
}

@media screen and (max-width:500px) {
    .header-top .header-wrap-1 {
        min-width: 140px;
    }
    .header-top .logo-wrap {
        width: 140px;
        min-width: 140px;
    }

    .header-top .header-wrap-2 {
        column-gap: 2px;
        padding: 5px 0;
    }
    .header-top .header-wrap-2 a.button {
        padding: 8px 10px;
    }
    .tax-wrapper-mobile .button.bt-tax em {
        display: none;
    }
}

@media screen and (max-width:450px) {
    body .header {
        padding-top: 20px;
    }
    .header .tax-wrapper-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: var(--colour-black);
        border-bottom: 1px solid var(--colour-primary)
    }
    .tax-wrapper-mobile .button.bt-tax em {
        display: inline-block;
    }
    .tax-wrapper-mobile .tax-container {
        display: flex;
        justify-content: flex-start;
    }
    .tax-wrapper-mobile .button.bt-tax {
        padding: 3px 10px 3px;
        font-size: 12px;
    }
    .tax-wrapper-mobile .button.bt-tax,
    .tax-wrapper-mobile .button.bt-tax * {
        /* color: var(--colour-black); */
    }
    .header .button.bt-tax .tax-menu {
        right: auto;
        left: 10px;
        top: 38px !important;
    }
    .header .button.bt-tax .tax-menu i {
        right: auto;
        left: 20px;
    }

    .navigation {
        padding: 33px 0;
    }
}

@media screen and (max-width:400px) {
    .header-middle .frame {
        max-width: unset;
        width: calc(100% - 30px);
    }
    .header-middle .middle-menu ul li a.menulink {
        font-size: 11px;
    }
}

/*---- Mobile Menu - Sub menu - Mobile Account Menu ----*/
.sub-menu-mobile {
	display: none;
}

@media screen and (max-width: 1000px) {
	.sub-menu-mobile {
		display: block !important;
        margin-bottom: 15px;
	}
	.sub-menu-mobile-trigger {
		position: relative;
		background: var(--colour-alternative);
		color: var(--colour-primary);
        text-transform: uppercase;
		font-weight: bold;
		border-radius: 0;
		padding: 15px 0;
		border: none;
	}
	.sub-menu-mobile-trigger i {
		margin-right: 4px;
	}
	.sub-menu-mobile-trigger:hover {
		background: var(--colour-alternative);
		color: var(--colour-white);
		border: none;
	}
	.sub-menu-mobile-trigger:focus {
		background: var(--colour-alternative);
		color: var(--colour-primary);
		border: none;
	}

	.sub-menu-mobile-content {
		display: none;
		position: absolute;
		color: var(--colour-black);
		background: var(--colour-primary);
		width: 150%;
		max-width: 150px;
		list-style: none;
		top: 100%;
		left: 0;
		padding: 0;
	}
	.sub-menu-mobile-content::before {
		display: block;
        position: absolute;
        content: '\f2ec';
        font-family: "Font Awesome 6 Pro";
        top: -9px;
        left: 25px;
        color: var(--colour-primary);
	}
	.sub-menu-mobile-content li {
		padding: 0
	}
	.sub-menu-mobile-content li:not(:first-child) {
        border-top: 1px solid rgba(0,0,0,0.1);
	}
	.sub-menu-mobile-content li a {
        display: block;
        padding: 15px 15px;
		color: var(--colour-black);
	}
}


/* SLIDER CONTROLS - DEFAULT */
.tns-outer .tns-controls {

}
.tns-outer .tns-controls button {
    /* transform: none !important; */

    background: rgba(0,0,0,0.65) !important;
    border: 2px solid var(--colour-white);
    color: var(--colour-white);
    opacity: 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    position: relative;
    transition: all 0.35s cubic-bezier(0,0,0.1,0.9);
    font-size: 0;
}
.tns-outer .tns-controls button:hover {
    background: rgba(255,255,255,1) !important;
    color: var(--colour-black);
    /* box-shadow: 0 10px 20px rgba(0,0,0,0.65); */
}

.tns-outer .tns-controls button::before {
    font-size: 22px;
    font-weight: 500;
    color: inherit;
}
.tns-outer .tns-controls button:first-of-type::before {
    content: '\f053';
}
.tns-outer .tns-controls button:last-of-type::before {
    content: '\f054';
}

.slider-wrapper:hover .tns-outer .tns-controls button:not(.disabled):first-of-type {
    left: 15px;
}
.slider-wrapper:hover .tns-outer .tns-controls button:not(.disabled):last-of-type {
    right: 15px;
}

@media screen and (max-width:1000px) {
    .slider-wrapper .tns-outer .tns-controls button:not(.disabled):first-of-type {
        left: 10px !important;
    }
    .slider-wrapper .tns-outer .tns-controls button:not(.disabled):last-of-type {
        right: 10px !important;
    }

    .tns-outer .tns-controls button {
        border: 1px solid var(--colour-white);
        width: 35px;
        height: 35px;
    }
    .tns-outer .tns-controls button::before {
        font-size: 18px;
    }
}
@media screen and (max-width:600px) {
    .slider-wrapper .tns-outer .tns-controls button:not(.disabled):first-of-type {
        left: 5px !important;
    }
    .slider-wrapper .tns-outer .tns-controls button:not(.disabled):last-of-type {
        right: 5px !important;
    }

    .tns-outer .tns-controls button {
        width: 30px;
        height: 30px;
    }
    .tns-outer .tns-controls button::before {
        font-size: 14px;
    }
}


/* EXTRA PADDING */
.pb-section.section-pad-6 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.pb-section.section-pad-7 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.pb-section.section-pad-8 {
    padding-top: 150px;
    padding-bottom: 150px;
}
.pb-section.pt-0 {
    padding-top: 0 !important;
}
.pb-section.pb-0 {
    padding-bottom: 0 !important;
}

@media screen and (max-width:1200px) {
    .pb-section.section-pad-6 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .pb-section.section-pad-7 {
        padding-top: 110px;
        padding-bottom: 110px;
    }
    .pb-section.section-pad-8 {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}
@media screen and (max-width:1000px) {
    .pb-section.section-pad-6 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .pb-section.section-pad-7 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .pb-section.section-pad-8 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}
@media screen and (max-width:800px) {
    .pb-section.section-pad-7 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .pb-section.section-pad-8 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}


/* SHOP PAGE - INDEX */
.sort-box .coltable{
    justify-content:space-between;

}
.sort-box .coltable .col{
    width: auto;
    display: block;
}
.sort-box .form-block.filter .field{
    margin-left: 15px;
}
.sort-box .form-block.filter .field button{
    border-radius: 0;
    background-color: var(--colour-white);
    border-color: #777;
    color: #777;
    padding: 4px 10.5px;
}
.sort-box .form-block.filter .field button:first-child{
    border-radius: 3px 0px 0px 3px;
}
.sort-box .form-block.filter .field button:last-child{
    border-radius: 0px 3px 3px 0px;
}
.sort-box .form-block.filter .field button.active{
    background-color: var(--colour-primary);
}
.pagination > .active > a{
    border-color: var(--colour-alternate);
    background-color: var(--colour-alternate);
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    width: auto;
    padding: 15px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li.disabled:first-child > a, .pagination > li.disabled:first-child > a:focus, .pagination > li.disabled:first-child > a:hover, .pagination > li.disabled:first-child > span, .pagination > li.disabled:first-child > span:focus, .pagination > li.disabled:first-child > span:hover, .pagination > li.disabled:last-child > a, .pagination > li.disabled:last-child > a:focus, .pagination > li.disabled:last-child > a:hover, .pagination > li.disabled:last-child > span, .pagination > li.disabled:last-child > span:focus, .pagination > li.disabled:last-child > span:hover, .pagination > li > a,.pagination > li:last-child > a,.pagination > li > a, .pagination > li > span{
    border: 1.08824px solid #D5D5D5;
    padding: 15px;
    border-radius: 0;
    margin: 0;
    width: auto;
    top:0;
    font-size: 16px;
}
.pagination > li:first-child > a,.pagination > li:last-child > a{
    padding: 14px;
}
.pagination > li.disabled:first-child > a,.pagination > li.disabled:first-child > a,.pagination > li.disabled:first-child > a:hover,.pagination > li.disabled:last-child > a,.pagination > li.disabled:last-child > a:hover{
    border-width: 1px !important;
    padding: 14px;
}
.pagination > li:first-child > a:hover, .pagination > li:first-child > a:focus, .pagination > li:last-child > a:hover, .pagination > li:last-child > a:focus{
    border-color: var(--colour-alternate);
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{
    color: var(--colour-alternate);
}
.pagination > .active > a:hover{
    background-color: var(--colour-alternate);
}
.product-browse-header .product-search-filters .product-search-filter{
    border: 2px solid var(--colour-secondary);
    color: var(--colour-secondary);
    padding: 2px 10px 3px;
}
.product-browse-header .product-search-filters .product-search-filter a{
    font-size: 14px;
    line-height: unset;
}
.no-filter-items{
    color: var(--colour-secondary);
}
.no-filter-items b{
    font-size: 30px;
}
.brand-list .box.brand-box .title {
    aspect-ratio: 1;
    align-content: center;
}
.product-box li .box:hover .options .button{
    background: var(--colour-primary);
    border-width: 2px;
    border-color: var(--colour-primary);
    color: var(--colour-secondary);
}
.product-box li .box:hover .title a{
    color: var(--colour-white);
}
.brand-list .box.brand-box:hover{
    border-color: var(--colour-secondary);
}

.price-box {
	margin-bottom: 20px;
}

.price-box .attribute-label span {
	font-weight: bold;
	color: var(--colour-red);
	font-size: 28px;
	margin-right: 3px;
}

.price-box #attribute-label:not(span) {
	font-size: 14px;
}

.price-box .price-extra .price-extra-row {
	background-color: var(--colour-white);
	border: none;
}

.price-box .price-extra .price-extra-row .afterpay-price {
	padding: 0;
	margin-top: 15px;
}

.price-box .price-extra .price-extra-row .afterpay-price p {
	font-size: 16px !important;
	line-height: 30px;
	margin-top: -5px;
}

.price-box .price-extra .price-extra-row .afterpay-price a {
	font-size: 14px;
}

.price-box .price-extra .price-extra-row .afterpay-price b span {
	font-size: 16px;
	color: var(--colour-alternate)
}

.price-box .product-sku {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
    color: var(--colour-grey);
}

#form-add-cart button.bt-add.bt-order-modal {
	line-height: 16px;
}

.product-image-container {
	padding: 0;
}

#form-add-cart .field {
	padding-left: 0;
	margin: 5px 0;
}

.zulu-product .frame-product .form-block .field label {
	margin-bottom: 5px !important;
	padding-bottom: 0px;
}

#form-add-cart .field.submit {
	margin-top: 15px;
    margin-bottom: 15px;
}
#form-add-cart .field.submit button {
	border-radius: 30px;
    padding: 16px 28px 15px;
    transition: all 0.15s ease;
    font-size: 18px;
    font-weight: 600;
}
#form-add-cart .field.submit button i {
	margin-right: 4px;
}

#form-add-cart .field_qty,
#form-add-cart .field_note {
	display: flex;
}
#form-add-cart .field_qty input,
#form-add-cart .field_note input {
	margin-left: 10px;
	width: 65px;
    padding: 10px 10px 12px;
	font-size: 16px;
	color: var(--colour-alternate);
}

#form-add-cart .field_qty .qty-wrapper {
    display: flex;
    align-items: center;
    padding: 6px;
    border: 1px solid var(--colour-soft);
    background-color: var(--colour-light);
    border-radius: 30px;
    margin-top: 5px;
}
#form-add-cart .field_qty .qty-wrapper label {
    padding: 0 14px 2px;
    height: auto;
    background: unset !important;
}
#form-add-cart .field_qty .qty-wrapper input {
    margin-left: 0;
    width: 60px;
    height: auto;
    font-size: 18px;
    font-weight: 500;
    background-color: var(--colour-white);
    border-radius: 30px;
    padding: 6px 4px 8px;
}
#form-add-cart .field_qty .qty-wrapper:has(input:focus) {
    background-color: var(--colour-primary);
    border-color: var(--colour-primary);
}

/* #form-add-cart .field_note {
    flex-direction: column;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--colour-light);
}
#form-add-cart .field_note input {
    background-color: var(--colour-light);
    flex: auto 1 1;
    text-align: left;
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
}
#form-add-cart .field_note input:focus {
    background-color: var(--colour-white);
    border-color: var(--colour-alternate);
} */

#form-add-cart .field_qty label,
#form-add-cart .field_note label {
	margin: auto 0 !important;
	height: 100%;
    /* min-width: 80px; */
}

#form-add-cart .sizeChart-popup {
	background: none;
	color: var(--colour-red);
	border: none;
	text-decoration: underline;
	font-size: 14px;
	margin-top: 5px;
	padding: 0;
}
.product-description {
	margin-top: 40px;
}

.product-description .specsheet-button {
	color: var(--colour-red);
}

.zulu-product .frame-product .field select {
	color: var(--colour-alternate)
}

.zulu-product .product-extra-funcs {
    margin: 0;
}
.zulu-product .product-extra-funcs a.button {
    background-color: var(--colour-charcoal);
}
.product-extra-funcs a {
	background: transparent;
    color: var(--colour-primary);
    border: none;
}
.product-extra-funcs a:hover {
	border: none;
    color: var(--colour-white);
}


/* alternate field style override */
.frame-product #form-add-cart .field {
    display: flex;
    flex-wrap: wrap;
}
.zulu-product .frame-product .form-block .field label {
    color: var(--colour-alternate);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px !important;
    min-width: 90px;
    display: flex;
    align-items: center;
    padding: 5px 15px 7px;
    background: var(--colour-light);
    border-radius: 5px;
    margin-right: 5px;
    text-align: center;
    justify-content: center;
}
.zulu-product .frame-product .field input[type="text"],
.zulu-product .frame-product .field input[type="number"],
.zulu-product .frame-product .field textarea,
.zulu-product .frame-product .field select {
    border: 1px solid #BCBCBC;
    padding: 12px 20px 13px;
    border-radius: 5px;
    width: auto;
    flex: auto 1 1;
}
.zulu-product .frame-product #form-add-cart .sizeChart-popup {
    width: 100%;
    text-align: right;
}
#form-add-cart .field_note {
    padding-top: 20px;
    margin-top: 15px;
    /* border-top: 1px solid var(--colour-light); */

}
#form-add-cart .field_note label {
    margin: unset !important;
    height: unset;
    min-width: 90px;
}
#form-add-cart .field_note input {
    text-align: left;
    margin-left: 5px;
    width: calc(100% - 4px);
}


@media screen and (max-width:1000px) {
    .zulu-product .frame-product #form-add-cart .sizeChart-popup {
        text-align: left;
    }
    #form-add-cart .form-block.attribute-select .field:not(.submit):not(.field_qty) {
        column-gap: 0 !important;
    }
    #form-add-cart .field.submit button {
        font-size: 16px;
        padding: 10px 20px 10px;
    }
}
@media screen and (max-width:800px) {
    .zulu-product .frame-product .form-block .field label {
        font-size: 16px !important;
    }
    #form-add-cart .form-block.attribute-select .field.field_note {
        margin-top: 10px !important;
        padding-top: 15px;
        flex: 100% 1 1 !important;
    }
}
@media screen and (max-width:600px) {
    .frame-product #form-add-cart .field {
        padding: 3px !important;
    }
}
@media screen and (max-width:500px) {
    #form-add-cart {

    }
    #form-add-cart .field_note {
        padding-top: 0px !important;
        margin-top: 0px !important;
        border-top: 0px;
    }
    #form-add-cart .form-block.attribute-select .field,
    #form-add-cart .form-block.attribute-select .field.submit button {
        flex: 1 1 100% !important;
    }
    #form-add-cart .field_qty .qty-wrapper {
        width: 100%;
    }

    #form-add-cart .field.field_qty,
    #form-add-cart .field.submit {
        padding-right: 80px !important;
    }
    #form-add-cart .field.submit button {
        width: 100%;
        margin-top: 5px;
    }

    .zulu-product .frame-product .form-block .field label {
        padding: 2px 8px 4px;
        font-size: 14px !important;
        min-width: 80px !important;
    }
    #form-add-cart .field_note input {
        margin-left: -5px !important;
    }
    #form-add-cart .form-block.attribute-select .field input,
    #form-add-cart .form-block.attribute-select .field select {
        font-size: 16px;
        /* padding: 2px 5px 3px !important; */
    }
    .form-block.attribute-select .field.submit, .form-block.attribute-select .field {
        padding: 2px 0 !important;
    }
    #form-add-cart .field_qty .qty-wrapper {
        padding: 3px;
        border-radius: 5px;
        background: var(--colour-soft);
    }
    #form-add-cart .field_qty .qty-wrapper input {
        border-radius: 3px;
    }
    #form-add-cart .field_qty .qty-wrapper label {
        padding: 0 8px 2px;
        min-width: unset !important;
    }
    #form-add-cart .form-block.attribute-select .field.field_note {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
    }
}

/**TEMP**/
.zulu-search .product-browse-header {
    padding: 65px 0 60px;
    text-align: center;
    border-bottom: 1px solid var(--colour-green);
}
.col-sidebox-left .sidebox .sidebox-body.search-box .field input {
    background-color: var(--colour-charcoal);
}
.col-sidebox-left .sidebox .sidebox-body.search-box .field input:hover {
    background-color: #333;
}
.col-sidebox-left .sidebox .sidebox-body.search-box .field input:focus {
    background-color: #fff;
}

.zulu-search .pro-main .col .form-block.filter .field-button-group button {
    color: var(--colour-grey);
}


/* PRODUCT & QUOTE PAGE - PDP */
.zulu-product .body{
    padding-bottom: 0;
}
.zulu-product .product-browse-header {
    padding: 24px 0;
}
.zulu-product .frame-product {
	padding-bottom: 50px;
}

.frame-product > hr {
    margin: 80px 0;
    border-bottom: 2px solid var(--colour-light);
}
.frame-product .product-image-container img.main {
    border-radius: 5px;
}
.frame-product .product-image-container img.main:hover {
    border-color: var(--colour-red);
}

.zulu-product .form-block.attribute-select .field,
.zulu-basket_quote .field.quote-notes{
    width: 100%;
    float: none;
}
.zulu-product .frame-product .form-block.attribute-select{
    border:none;
    padding: 0;
}
.zulu-product .frame-product .form-block .field label {
  color: var(--colour-alternate);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}
.zulu-product .frame-product .field input[type="text"],.zulu-product .frame-product .field input[type="number"],.zulu-product .frame-product .field textarea,.zulu-product .frame-product .field select{
    border-radius: 0px;
    border: 1px solid #BCBCBC;
    padding: 12px 20px 13px;
    border-radius: 5px;
}
.zulu-product .frame-product .field button.add-to-quote{
    background: var(--colour-primary);
    border-color: var(--colour-primary);
    border-radius: 30px;
    font-weight: 600;
    font-size: 14px;
    color: var(--colour-alternate);
    margin: 10px 0;
}
.zulu-product .frame-product .field button.add-to-quote:hover{
    background: var(--colour-alternate);
    border-color: var(--colour-alternate);
    color: var(--colour-primary);
}
.zulu-product .frame-product .button.make-an-enquiry{
    background-color: transparent;
    color: var(--colour-alternate);
    text-transform: uppercase;
}
.zulu-product .product-image-container{
    /*position: sticky;
    top: 10px;*/
}
.zulu-basket_quote .cart-wrap .coltable{
    display: flex;
    flex-wrap: wrap;
}
.zulu-basket_quote .cart-wrap .col{
    border: 1px solid #E5E5E5;
}
.zulu-basket_quote .cart-wrap .col-quote-notes{
    padding: 0;
}
.zulu-basket_quote .cart-wrap .coltable > .col:not(:first-child){
    justify-content: center;
}
.zulu-basket_quote .cart-wrap .coltable > .col{
    width: 10%;
    display: flex;
    align-items: center;
}
.zulu-basket_quote .cart-wrap .coltable > .col p{
    color: #565656;
}
.zulu-basket_quote .cart-wrap .coltable > .col-image{
    display: flex;
    align-items: center;
    width: 70%;
}
.zulu-basket_quote .cart-wrap .coltable > .col-image img{
    max-width: 100px;
}
.zulu-basket_quote .cart-wrap .coltable > .col-remove{
    width: 10%;
    text-align: center;
}
.zulu-basket_quote .field.quote-notes textarea,.zulu-basket_quote .col-quote-notes textarea,.zulu-basket_quote .input-group > .form-control{
    border-radius: 0;
    border:none;
}
.zulu-basket_quote .field.quote-notes textarea,.zulu-basket_quote .col-quote-notes textarea{
    padding: 10px;
}
.zulu-basket_quote .cart-header{
    background: #F8F8F8;
}
.zulu-basket_quote .cart-header .coltable > .col{
    padding: 10px 20px;
    color: #989898;
    font-weight: 700;
}
.zulu-basket_quote .form_subcaption{
    color: #989898;
}
.zulu-basket_quote .cart-wrap .quote-empty{
    display: flex;
    justify-content: end;
    background-color: transparent;
}
.zulu-basket_quote .cart-wrap .quote-empty > .col{
    width: auto;
    padding: 15px;
    border: none;
}
.zulu-basket_quote .form-block .field label{
    color: var(--colour-alternate);
    font-weight: 500;
}

.payment-summary .button{
    background-color: #989898;
}
.payment-summary .button:hover {
  color: var(--colour-red);
}
.btn-large{
    font-size: 20px;
    font-weight: 500;
    padding: 6px 15px;
}

.margin-top-80{
    margin-top: 80px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.pb-section.pad-bottom-70{
    padding-bottom: 70px !important;
}
.pad-bottom-250{
    padding-bottom: 250px;
}


@media screen and (max-width: 1000px) {

    @keyframes  slideUp {
        from {
            transform: translateY(100%);
            opacity: 0 ;
        }
        to {
            transform: translateY(0);
            opacity: 1 ;
        }
    }

    .zulu-product .product-image-container {
        /*top: 240px;*/
        top: 0;
    }
    .zulu-search .header.sticky-header + .body,
    .zulu-product .header.sticky-header + .body,
    .zulu-basket_quote .header.sticky-header + .body{
        padding-top: 80px;
    }

    .zulu-product .copyright {
        padding-bottom: var(--form-cart-height, 150px) /* Adjust 200px to match your actual form height */
    }

    #form-add-cart {
        transition: all 0.3s ease;
        position: fixed;
        width: 100vw;
        bottom: 0;
        left: 0;
        background: var(--colour-white);
        z-index: 1000;
        padding: 10px 10px;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        border-top: 2px solid var(--colour-red);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: auto;
        min-height: max-content;
        animation: slideUp 0.5s ease forwards;
    }

    #form-add-cart.no-extra {
        padding: 25px 20px 20px;
    }

    /* Add viewport-fit meta tag support */
    /* @supports (padding: max(0px)) {
        #form-add-cart {
            padding-bottom: max(10px, env(safe-area-inset-bottom));
            padding-left: max(20px, env(safe-area-inset-left));
            padding-right: max(20px, env(safe-area-inset-right));
        }
    } */
    #form-add-cart .form-block.attribute-select {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
        /* max-width: 800px; */
        margin:auto;
    }

    #form-add-cart .field {
        margin: 0 !important;
    }
    #form-add-cart .field label {
        align-content: center;
        min-width: unset;
    }
    #form-add-cart .form-block.attribute-select .field:not(.submit) {
        flex: 1 1 30%;
    }
    #form-add-cart .form-block.attribute-select .field:not(.submit),
    #form-add-cart .form-block .field_qty .qty-wrapper {
        display: flex;
        flex-wrap: nowrap;
        /* flex-direction: column; */
        column-gap: 5px;
    }
    #form-add-cart .form-block.attribute-select .field input,
    #form-add-cart .form-block.attribute-select .field select {
        padding: 5px;
    }
    #form-add-cart .form-block.attribute-select .field label {

    }
    #form-add-cart .form-block.attribute-select .field input,
    #form-add-cart .form-block.attribute-select .field select,
    #form-add-cart .form-block.attribute-select .field .attribute-container,
    #form-add-cart .form-block.attribute-select .field .qty-container {
        width: 100%;
        flex: 100% 1 1;
    }
    #form-add-cart .form-block.attribute-select .field.field_qty input {
        height: auto !important;
    }
    #form-add-cart .sizeChart-popup {
        position: absolute;
        top: 5px;
    }
    #form-add-cart.no-extra .field.submit{
        width: auto;
    }

}
@media screen and (min-width: 651px) and (max-width: 1000px) {
    #form-add-cart {
        padding: 35px 20px 25px;
    }
    @supports (padding: max(0px)) {
        #form-add-cart {
            padding: 15px;
        }
    }

}
@media screen and (max-width: 650px) {
    #form-add-cart .form-block.attribute-select .field:not(.submit) {
        /* flex: 1 1 calc(50% - 10px); */
    }
}

@media screen and (max-width: 450px) {
    #form-add-cart .form-block.attribute-select .field:not(.submit) {
        flex: 1 1 100%;
    }
    /* #form-add-cart .form-block.attribute-select .field:not(.submit):not(.field_qty) label {
        flex: 1 1 30%;
    } */
}

/*------------ HEADER RESPONSIVE -----------*/
@media screen and (max-width: 1200px) {
    .header-bottom .navigation ul.menu li a {
        font-size: 14px;
        /*margin-bottom: 10px;*/
    }
}

/*------------ HOME BANNER -----------*/
.home-banner.pb-section.section-pad-1 {
    padding: unset;
}
.home-banner .slider-wrapper .tns-slider .tns-item img {
    vertical-align: top;
}

/*------------ HOME OUR RANGE -----------*/
.mini-heading h4,
.home-our-range .pb-block-type-text h4 {
    color: var(--colour-primary);
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}
.mini-heading h4 {
    margin-bottom: 40px;
}
.home-our-range .product-box li .image img {
	aspect-ratio: auto !important;
}


/*------------ HOME FEATURED PRODUCTS -----------*/
.home-featured-products.pb-section.section-pad-1 {
    padding-top: unset;
}

.home-featured-products .pb-block-type-text {
    margin: -35px -15px 0;
}

.slider-featured-products .tns-ovh{
    margin: 0 -2px;
}
.slider-featured-products .tns-outer .tns-controls button:hover {
    border-color: var(--colour-black);
}

@media screen and (min-width:1300px) {
    .slider-featured-products .tns-outer .tns-controls {
        margin-left: -80px;
        margin-right: -80px;
    }
    .slider-featured-products .tns-outer .tns-controls button:first-of-type,
    .slider-featured-products .tns-outer .tns-controls button:last-of-type {
        transform: none;
        left: unset !important;
        right: unset !important;
    }
}


/*------------ NAVIGATION BLOCKS -----------*/
.section-nav-blocks .row {
	display: flex;
}
.section-nav-blocks .row::before,
.section-nav-blocks .row::after {
	display: none;
	content: none;
}
.section-nav-blocks .row > .pb-column {
	display: flex;
	flex-direction: column;
	float: none;
}
.section-nav-blocks .pb-column:not(.col-sm-12) {
	padding: 0;
	border: 15px solid transparent;
	background-clip: content-box;
	background-color: var(--colour-charcoal);
	border-radius: 25px;
	overflow: hidden;
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image {
	display: flex;
	align-items: center;
	position: relative;
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	border-radius: 10px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: hidden;
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image.fas::before,
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image.far::before,
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image.fal::before {
	font-size: 50px;
	color: #fff;
	position: relative;
	pointer-events: none;
	z-index: 3;
}
/* .section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image .pb-block-content::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.8;
	pointer-events: none;
	background-color: var(--colour-charcoal);
	transition: var(--transition-slow);
	mix-blend-mode: multiply;
} */
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: var(--transition-slow);
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image a::after {
	content: "\f061";
	font-family: var(--font-awesome);
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	z-index: 2;
	font-weight: 500;
	pointer-events: none;
	transform: rotate(-45deg);
	transition: var(--transition-slow);
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image a:hover::after {
	transform: rotate(-45deg) scale(1.5);
	transition: var(--transition-fast);
}
.section-nav-blocks .pb-column:not(.col-sm-12):hover .pb-block-type-image .pb-block-content::after {
	opacity: 0.65;
	background-color: #033f80;
	transition: var(--transition-fast);
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image a:hover img {
	transform: scale(1.05);
	transition: var(--transition-fast);
}

.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block {
	padding: 40px;
	background-color: var(--colour-charcoal);
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block:first-child {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block:last-child {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block:not(:last-child) {
	padding-bottom: 0 !important;
}

.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block h3 {
	font-size: 25px;
	letter-spacing: -0.02em;
	font-weight: 600;
}

.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-button:last-child {
	margin-top: auto;
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-button .button-wrapper {
	margin: 0;
}
.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-button .button-wrapper .button {

}

@media screen and (max-width: 1400px) {
	.section-nav-blocks .row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) {
		border-width: 10px;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block {
		padding: 30px;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block h3 {
		font-size: 20px;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image {
		height: 150px;
		min-height: 150px;
		max-height: 150px;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image.fas::before,
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image.far::before,
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image.fal::before {
		font-size: 40px;
	}
}
@media screen and (max-width: 900px) {
	.section-nav-blocks .row {
		flex-wrap: wrap;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) {
		width: 100%;
        flex: 100% 1 1;
        max-width: unset;
	}
	.section-nav-blocks .pb-block-type-text p:last-child {
		margin-bottom: 0;
	}

    .section-nav-blocks .pb-column:not(.col-sm-12) .pb-block:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}
@media screen and (max-width: 900px) and (min-width: 500px) {
	.section-nav-blocks .pb-column:not(.col-sm-12) {
		padding-left: 150px;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-image {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		min-height: 100%;
    	max-height: 100%;
		width: 150px;
	}
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-type-button .button-wrapper .button {
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.section-nav-blocks .pb-column:not(.col-sm-12) .pb-block-content {
		margin-top: 0;
		margin-bottom: 0;
	}
}


/*------------ PRODUCT ENQUIRY -------------*/
.product-enquire-form > h2 {
    display: none;
}
.product-enquire-form .form-block.float .field.field-group-16 {
    display: none;
}

/*------------ FOOTER -----------*/
.footer {
    background: var(--colour-black);
    border-top: 1px solid var(--colour-primary);
    padding: 100px 0;
}

.footer .footer-mission {
    margin-bottom: 100px;
    text-align: center;
}
.footer .footer-mission h3 {
    font-weight: 300;
    letter-spacing: 0.02em;
    font-size: 40px;
    line-height: 1.2em;
    max-width: 700px;
    margin: 0 auto;
}
.footer .column {

}

.footer .coltable {
    display: flex;
    column-gap: 60px;
    row-gap: 30px;
    flex-wrap: wrap;
}
.footer .coltable .col {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: unset;
}
.footer .coltable .col:first-of-type {
    justify-content: space-between;
    flex: 0 0 20%;
}
.footer .coltable .col:nth-of-type(2) {
    width: fit-content;
    flex: unset;
}

.footer .foot-menu > li a {
    border-bottom: unset;
    font-size: 16px;
    color: var(--colour-white);
}
.footer .foot-menu>li a:hover {
    color: var(--colour-primary);
}

.footer .logo-wrap img {
    width: 200px;
}

.footer .connect {
    display: flex;
    column-gap: 8px;
}

.footer .connect p {
    padding-right: 12px;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: unset;
}

.footer .connect a {
    margin-bottom: unset;
    font-size: 25px;
    line-height: 25px;
}

.footer .connect em:hover {
    color: var(--colour-red);
}

.copyright {
    background-color: var(--colour-black);
    padding: unset;
    padding: 40px;
}

.copyright .frame {
    border-top: 1px solid var(--colour-primary);
    padding: 40px 0 0;
    display: flex;
    row-gap: 15px;
    justify-content: space-between;
    align-items: center;
}

.copyright p, .copyright a {
    font-size: 14px;
}

.copyright a {
    color: var(--colour-primary);
}

.copyright a:hover {
    text-decoration: none;
    color: var(--colour-red);
}

.copyright img {
    height: 40px;
    width: auto !important;
}

@media screen and (max-width:1300px) {
    .footer .frame {
        width: calc(100% - 60px);
    }
}
@media screen and (max-width:1100px) {
    body .footer .coltable {
        column-gap: 0px;
        row-gap: 0px;
        margin: -25px;
        width: auto;
        min-width: 100%;
    }
    body .footer .coltable .col {
        padding: 25px;
    }
}
@media screen and (max-width:800px) {
    .footer {
        padding: 60px 0;
    }
    .footer .footer-mission {
        margin-bottom: 60px;
    }
    .footer .footer-mission h3 {
        font-size: 30px;
    }
}
@media screen and (max-width:600px) {
    .footer {
        padding: 40px 0;
    }
    .footer .footer-mission {
        margin-bottom: 20px;
    }
    .footer .footer-mission h3 {
        font-size: 25px;
    }

    body .footer .h4 {
        margin-top: 15px;
    }

    body .footer .coltable .col:first-of-type {
        justify-content: center;
        flex-direction: column;
        row-gap: 30px;
        align-items: center;
    }
}


/*------------ CATEGORY SHOWCASE -----------*/
.pb-block-type-product_category_showcase .product-box>li,
.pb-block-type-product_brand_showcase .product-box>li  {
    width: 33.333%;
    padding: 5px;
}
.pb-block-type-product_category_showcase .product-box>li>.box,
.pb-block-type-product_category_showcase .product-box .image {
    border: none;
    border-radius: 0 !important;
    overflow: hidden;
    top: 0 !important;
}
.pb-block-type-product_category_showcase .product-box>li>.box:hover {
    box-shadow: 0 0 0 2px var(--colour-primary);
}
.pb-block-type-product_category_showcase .product-box .image img {
    border-radius: 0 !important;
    transform: scale(1.05);
    transition: 0.5s cubic-bezier(0, 0, 0.15, 1);
}
.pb-block-type-product_category_showcase .product-box .box:hover .image img {
    transform: scale(1.08);
}

.pb-block-type-product_brand_showcase .product-box>li>.box,
.pb-block-type-product_brand_showcase .product-box .image{
    border: 1px solid #F0F0F0;
}
.row-brands {
    margin: 0;
}
.row-brands .product-box .title {
    display: none;
}
.row-ranges .product-box .title {
	display: block;
}

.row-ranges .pb-block-type-product_category_showcase {
    padding: 50px 0 95px;
}

.row-ranges a:hover .image, .row-ranges a:hover .image img {
    background: linear-gradient(90deg, var(--colour-primary) 0.12%, var(--colour-primary) 100.05%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
}

/* .row-ranges a:hover .image img,.row-ranges a:hover img {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
} */

/*------------ PRODUCT BOX -----------*/
.product-box.row1 > li > .box.product-type-product{
    align-items: center;
    flex-direction: row;
}
.product-box.row1 > li .box .image{
    width: 15%;
}
.product-box.row1 .image img{
    max-width: 150px;
}
.product-box.row1 > li .box .title{
    width: 60%;
}
.product-box.row1 > li .box .options{
    width: 25%;
    align-self: center;
}
.product-box.row1 > li .box .options .button{
    display: table;
    padding: 10px 15px;
    margin: 0 15px 0 auto;
    border-radius: 8px;
}

.product-box > li {
    padding: 5px;
}
.product-box > li > .box.product-type-product {
    border: none;
    padding: 5px;
    border-radius: 0;
    overflow: hidden;
    background-color: var(--colour-alternate);
    display: flex;
    flex-direction: column;
}

.product-box>li>.box.product-type-product .image {
    background-color: var(--colour-white);
    flex: auto 0 0;
    max-width: 100%;
    border: none;
}

.product-box>li>.box.product-type-product .title,
.product-box>li>.box.product-type-product .options {
    background-color: transparent;
}

.product-box .options {
    align-self: end;
    padding: 0;
    text-align: center;
    margin-top: auto;
}

.product-box .options .button {
    display: block;
    border-radius: 0;
    padding: 10px 5px;
}

.product-box .title a {
    letter-spacing: normal;
}
.product-box li .image img {
	aspect-ratio: 1 / 1;
    height: 100%;
    object-fit: contain;
}


/*------------ ICON TEXT BOX -----------*/
.icon-text {
    margin-bottom: 45px;
}

.icon-text .pb-block-content {
    display: flex;
    align-items: center;
}

.icon-text .pb-block-content p:first-child {
    font-size: 54px;
    margin: 0;
}

.icon-text .icon {
    width: 100px;
}

.icon-text .icon p {
    color: var(--colour-primary-alt);
}

.icon-text .text h4 {
    margin-bottom: 8px;
}


.section-home-cta .pb-row {
    justify-content: center;
}
.section-home-cta .pb-column:empty {
    display: none;
}
.section-home-cta .icon-text:last-child .pb-block-content {
    align-items: start;
}
.section-home-cta .pb-column:has(.box) .pb-block-type-image img {
    border-radius: 5px;
    transform-origin: bottom center;
    transition: var(--transition);
}
.section-home-cta .pb-column:has(.box) .pb-block-type-image img:hover {
    transform: scale(1.05);
}

.section-home-cta .pb-block-type-form .form-block {
    background-color: transparent;
    border: 1px solid var(--colour-primary);
}

/*------------ FORMS - NEWSLETTER SIGN UP -----------*/
.form-newsletter-sign-up .form-block {
    display: flex;
    padding: 0;
    border: none;
    padding-left: 100px;
    column-gap: 5px;
    align-items: end;
    flex-wrap: wrap;
}
/* .pb-block-type-form:last-child{
    margin-top: -45px;
} */

.form-newsletter-sign-up .form-block .field {
    flex:1 1 30%;
    min-width: 150px;
    padding: 0;
}
.form-newsletter-sign-up .form-block .field label {
    display: none;
}

.box.image-button {
    border: none;
    padding: 0;
}

.box.image-button .pb-block-content {
    padding: 0;
    text-align: center;
    box-shadow: 0px 3.67273px 3.67273px rgba(0, 0, 0, 0.25);
    border-radius: 6.42727px;
    overflow: hidden;
    border: none;
}

.box.image-button figure {
    text-align: center;
}

.box.image-button h4,
.box.image-button p {
    margin: 20px 0;
    font-weight: 600;
}

.box.image-button .button {
    width: 100%;
    border-radius: 5px;
}

.section-form .pb-block-type-form::before {
    content: '';
    width: 110%;
    height: 88px;
    background-color: var(--colour-primary);
    display: block;
    position: absolute;
    z-index: 0;
    left: -5%;
    bottom: 10%;
}

/*------------ FORMS - GET A QUOTE -----------*/
.section-form .pb-block-type-form .pb-block-content {
    position: relative;
    z-index: 0;
    margin-top: -165px;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
}

.wrapper-product {
    background-color: var(--colour-secondary);
}

.sidebox .sidebox-top {
    color: var(--colour-white);
}

.sidebox .links li > a {
    background-color: #F7F7F7;
    color: var(--colour-white);
    padding: 8px 10px 6px;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 14px;
    background: linear-gradient(to right, var(--colour-primary) 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right center;
}
.sidebox ul.links li.selected a:hover,
.sidebox .links li > a:hover{
    padding: 8px 10px 6px;
    background: var(--colour-charcoal) !important;
}
.sidebox ul.links li.selected a{
    color: var(--colour-primary);
}
.sort-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #777777;
}

.form-block.filter .field select {
    border: 1px solid #777777;
    border-radius: 3px;
}

.form-block.filter .field label, .form-block.filter .field select {
    color: #777777;
    font-weight: 400;
}

.search-box .form-block .field input.form-control, .search-box .form-block .field input {
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    padding: 15px 20px 13px;
}

.search-box .form-block .field input.form-control, .search-box .form-block .field input, .search-box .form-block .field button {
    color: #777777;
}

.search-box .form-block .field button {
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
}

.product-browse-header.mobile {
    display: none;
}

.bg-yellow {
    background-color: var(--colour-primary);
}

h2.bg-yellow,
h3.bg-yellow {
    display: table;
    padding: 15px 30px 20px;
    line-height: 40px;
}

ul:not([class]) {
    padding-left: 15px;
}
ul:not([class]) > li{
    font-weight: 300;
    margin-bottom: 10px;
}
.check-list ul, ul.check-list {
    padding-left: 0;
    list-style: none;
    font-weight: 300;
    position: relative;
}

.check-list ul>li, ul.check-list>li {
    margin-bottom: 12px;
    padding-left: 25px;
}

.check-list ul>li::before, ul.check-list>li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: inherit;
    line-height: 24px;
    position: absolute;
    left: 0;
}

.float-right-text {
    float: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    padding: 20px 0;
    font-weight: 500;
}
.pad-top-0{
    padding-top: 0px !important;
}
.pad-top-10{
  padding-top: 10px !important;
}
.pad-bottom-0{
    padding-bottom: 0px !important;
}
.pad-bottom-90{
    padding-bottom: 90px !important;
}
.pad-bottom-180{
    padding-bottom: 180px !important;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-bottom-60{
    margin-bottom: 60px;
}

/*------------ POST TYPE STORE BRANCH & SALES REP -----------*/
.post-type-store-branch{
    margin-top: 60px;
}
.post-type-sales-rep{
    margin: 80px 0 40px !important;
    row-gap: 40px;
    column-gap: 83px;
}
.sales-rep h5{
    text-transform: uppercase;
}
.sales-rep{
    flex: 0 0 47%;
    max-width: 47%;
    padding: 20px 30px;
    border: 1px solid #E0E0E0;
    border-radius: 7px;
}
.sales-rep p i{
    color: var(--colour-red);
}
.sales-rep h5{
    margin: 0 0 10px;
}
.store-branch{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 40px 0;
}
.store-branch h4{
    margin-bottom: 30px;
}
.store-branch p i{
    padding-right: 8px;
}
.store-branch .email span:not(:first-of-type),
.store-branch .opening-hours strong{
    padding-left: 28px;
}
.post-type-store-branch .store-branch:nth-child(3),
.post-type-store-branch .store-branch:nth-child(4),
.post-type-store-branch .store-branch:nth-child(7),
.post-type-store-branch .store-branch:nth-child(8){
    background-color: #F4F4F4;
}
.sales-rep .title-location{
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    text-transform: uppercase;
}
/**/
.branch-container .title{
    font-weight: 500;
}
.branch-container .title .location{
    color: var(--colour-red);
}
.branch-container .details > li{
    font-weight: 300;
    margin-bottom: 8px;
}
.branch-container .note{
    font-style: italic;
}
.contact-container{
    padding: 20px 30px;
    border: 1px solid #E0E0E0;
    border-radius: 7px;
}
.row-sales-rep{
    padding-bottom: 60px;
}
.row-sales-rep .pb-column:first-child{
    padding-right: 40px;
}
.row-sales-rep .pb-column:last-child{
    padding-left: 40px;
}
.contact-container .location,.contact-container .title{
    text-transform: uppercase;
}
.contact-container .location{
    font-weight: 500;
}
.contact-container .title{
    font-weight: 700;
}
.contact-container i{
    color: var(--colour-red);
}
/**/
.product-browse-header{
    padding: 0;
}
.product-browse-header h1 {
    color: #58585A;
    text-transform: uppercase;
    font-size: 45px;
}
.breadcrumbs.category-breadcrumbs,.breadcrumbs .breadcrumb a{
    color: #8D8D8D;
}
.breadcrumbs.category-breadcrumbs,.breadcrumbs .breadcrumb a:hover{
    color: var(--colour-alternate);
}
.product-image-container .main-link{
    position: relative;
}
.product-brand-badge{
    position: absolute;
    right: 5px;
    top: 50px;
    max-width: 150px;
}
.section-related-product h3{
    top: -40px;
    position: relative;
}
.frame-product .field select.readonly,
.frame-product .field p.static-attributes
{
    /* color: #000; */
    color: #B0B0B0;
    pointer-events: none;
    font-weight: 400;
    padding: 0px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}


.mob-show {
    display: none;
}
.header-title a{
    text-decoration: none;
}
.frame-product .field select.hide {
	display:none;
}


/** HOMEPAGE MISSION **/
.homepage-mission.section-pad-5 {
    padding: 150px 0;
}
.homepage-mission .frame {
    padding: 0 !important;
    width: var(--frame-width) !important;
    max-width: var(--frame-s) !important;
}

.insert-badge-icon {
    display: flex;
    column-gap: 100px;
}
.insert-badge-icon::before {
    content: "";
    width: 300px;
    /* height: 100%; */
    background-image: url("/template/profile/c9phLISwdeRLl67RaKAE0VSb/images/icons/fortus-badge.svg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.insert-badge-icon > .pb-block-content {
    flex: auto 1 1;
}

.insert-badge-icon .pb-block-content p {
    font-size: 18px;
    color: var(--colour-grey);
    line-height: 1.5em;
}
.insert-badge-icon .pb-block-content a.button {
    margin-top: 15px;
}
.insert-badge-icon .pb-block-content a:not([class]) {
    display: inline-block;
    margin-top: 15px;
    text-transform: uppercase;
    font-family: var(--font-main);
    letter-spacing: 0.02em;
    font-weight: 500;
    color: var(--colour-primary);
}
.insert-badge-icon .pb-block-content a:not([class]):hover {
    text-decoration: underline;
    color: var(--colour-white);
}

@media screen and (max-width:1500px) {
    .insert-badge-icon {
        column-gap: 80px;
    }
}
@media screen and (max-width:1200px) {
    .insert-badge-icon {
        column-gap: 50px;
    }
}
@media screen and (max-width:800px) {
    .insert-badge-icon {
        flex-direction: column;
        align-items: center;
        row-gap: 35px;
        text-align: center;
    }
    .insert-badge-icon::before {
        width: 100%;
        height: 100px;
    }
    .insert-badge-icon .pb-block-content p {
        font-size: 16px;
    }
}


/** BRAND SHOWCASE **/
.section-home-brands .frame {
    width: 100% !important;
    max-width: unset !important;
}
.section-home-brands .pb-container {
    padding: 0;
}

.section-home-brands .pb-block-type-text {
    width: var(--frame-width);
    max-width: var(--frame-m);
    margin: 0 auto;
    padding: 0 15px;
}

.section-home-brands .pb-block-type-product_brand_showcase {
    background-color: var(--colour-white);
}
.section-home-brands .slider-wrapper .slider {
    /* transition: 5s linear !important; */
    transition: 0.5s ease-in-out !important;
}
.section-home-brands .slider-wrapper .slider .tns-item .box {
    border: none;
    padding: 0;
}
.section-home-brands .slider-wrapper .slider .tns-item .box img {
    max-height: 200px;
    object-fit: contain;
    object-position: center;
}

.section-home-brands .button.view-more {
    font-weight: 400;
}
.section-home-brands .button.view-more:hover {
    cursor: pointer;
}

@media screen and (max-width: 1300px) {
    .section-home-brands .frame {
        padding: 0 !important;
    }
}
@media screen and (max-width: 1200px) {
    .section-home-brands {
        padding: 0 !important;
    }
}
@media screen and (max-width: 400px) {
    .section-home-brands{
        padding-bottom: 0 !important;
    }
}



/******RESPONSIVE OVERRIDE*****/
@media screen and (max-width:1500px) {
    .float-right-text{
        display: block;
        width: 100%;
        position: relative;
    }
}
@media screen and (max-width:1300px) {
    body.frame-full-width .body .frame, .frame {
        padding: 0px 15px;
        max-width: unset;
        width: 100%;
    }
    .copyright .frame {
        padding: 30px 0px 0;
        flex-wrap: wrap;
    }

    iframe {
        width: 100% !important;
    }

    .section-feature.sf-about,
    .section-feature.sf-gift,
    .section-feature.sf-party {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mobi-box {
        padding: 20px;
        box-sizing: border-box;
        border-radius: 20px;
        background-color: rgba(255, 255, 255, 0.8);
        color: #000;
    }

    .mobi-box .h2,
    .mobi-box .h3,
    .mobi-box a,
    .mobi-box p {
        color: #000 !important;
        text-shadow: none !important;
        border-color: #000 !important;
    }

    .section-feature.sf-party,
    .section-feature.sf-about {
        background-position: left top;
    }
}
@media screen and (max-width:1120px) {
    .product-box .title{
        padding-right: 12px;
    }
}
@media screen and (max-width:1100px) {
    .footer .coltable {
        column-gap: 0;
    }

    .footer .coltable .col, .footer .coltable .col:nth-of-type(2) {
        width: 33.33%;
    }

    .footer .coltable .col:first-of-type {
        flex: 0 0 100%;
        order: 4;
        width: 100%;
        flex-flow: wrap;
        align-items: end;
    }

    .footer .logo-wrap {
        margin-top: 0;
    }
}

@media screen and (max-width:1000px) {
    .mob-show {
        display: block !important;
    }
    .mob-hide {
        display: none;
    }

    .h1, h1, .h2, h2 {
        font-size: 45px;
    }
    .h3, h3 {
        font-size: 30px;
    }

    .section-feature.sf-gift .h2, .section-feature.sf-party .h2 {
        font-size: 32px;
        line-height: 30px;
        color: #90469b !important;
    }

    .banner h2, .banner .h2,
    .banner h1, .banner .h1 {
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 5px;
    }

    .banner .bt {
        transform: scale(0.6, 0.6);
    }

    .section-feature.sf-gift {
        background-size: cover;
    }

    .section-home-cta .pb-column {
        flex: 0 0 50%;
        max-width: 50%;
		margin-bottom: 20px;
    }

    .section-home-cta .pb-column:last-child {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-top: 50px;
    }

    .shadow {
        bottom: 35px;
        height: 200px;
    }
    .sort-box .coltable .col:last-child{
        width: auto;
    }
    .section-home-cta{
        padding: 100px 0 180px !important;
    }
    .row-ranges .pb-block-type-product_category_showcase{
        padding: 0px 0 65px;
    }
    .view-more{
        top: -10px;
    }
	.header-bottom .navigation ul.menu li.rlink .button.bt-tax {
		background:none;
		border:none;
	}
	.header-bottom .navigation ul.menu li.rlink .button.bt-tax .far.fa-caret-down {
	color:#999;
	}
	.header-bottom .navigation ul.menu li.rlink .button.bt-tax .tax-menu {
	background: var(--colour-primary-alt);
	}
	.header-bottom .navigation ul.menu li.rlink .button.bt-tax .tax-menu li {
	border-color:#555;
	background: none;
	padding: 0;
	}
	.header-bottom .navigation ul.menu li.rlink .button.bt-tax .tax-menu li a{
		color: var(--colour-red);
	}
}
@media screen and (max-width:900px) {
    .frame-product .coltable.col2 > .col{
        display: block;
        width: 100%;
    }
    .product-browse-header h1{
        font-size: 40px;
    }
    .product-browse-header.mobile{
        display: block;
    }
    .product-browse-header.desktop{
        display: none;
    }
    .product-brand-badge{
        max-width: 100px;
    }
    .sidebox.js-sidebox-toggle .sidebox-top{
        border: 2px solid var(--colour-secondary);
        color: var(--colour-secondary);
    }
    .sidebox.js-sidebox-toggle .sidebox-top .js-toggle{
        color: var(--colour-secondary);
    }
    .sidebox.default-filters .links li > a{
        background: linear-gradient(to right, var(--colour-primary) 50%, transparent 50%);
        background-size: 200% 100%;
        background-position: right center;
    }
    .sidebox.default-filters ul.links li.selected a:hover{
        background: linear-gradient(to right, var(--colour-primary-alt) 50%, transparent 50%);
        background-size: 200% 100%;
    }
    .pb-section.section-pad-5{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pb-section.pad-bottom-70{
        padding-bottom: 50px !important;
    }
	.tax-container-mobile .bt-tax {
		float: right;
	}
}
@media screen and (max-width:850px) {
    .zulu-basket_quote .cart-wrap .cart-header .coltable > .col:not(:first-child) {
        display: none;
    }
    .zulu-basket_quote .cart-wrap .coltable{
        flex-wrap: wrap;
    }
    .zulu-basket_quote .cart-wrap .coltable > .col-image{
        width: 100%;
    }
    .zulu-basket_quote .cart-wrap .coltable > .col-sku{
        width: 60% !important;
    }
    .zulu-basket_quote .cart-row .coltable > .col-quantity,
    .zulu-basket_quote .cart-row .coltable > .col-remove {
        width: 20% !important;
    }
    .zulu-basket_quote .cart-row .coltable > .col.col-sku::before{
        content:'SKU';
        width: auto;
        display: block;
        background-color: var(--colour-primary);
        padding: 5px;
        border-radius: 6px;
        margin-right: 5px;
        color: var(--colour-alternate);
    }
    .zulu-basket_quote .cart-wrap .coltable > .col p{
        margin: 0;
    }
}
@media screen and (max-width:800px) {
    /* .header-middle .shopping-wrapper {
        flex-wrap: wrap;
        justify-content: end;
        width: 100%;
    } */

    .search-box .form-block .field {
        padding: 0;
    }

    .h1, h1, .h2, h2 {
        font-size: 40px;
    }
    .h3, h3 {
        font-size: 25px;
    }

    /* FEATURE ListWidget */
    .pb-block.feature-list .pb-block-content {
    }
    .pb-block.feature-list .pb-block-content h3 {
        line-height: 20px;
    }
    .pb-block.feature-list .pb-block-content .fl-content {
    }
    .pb-block.feature-list .pb-block-content figure img {
        width: 75px;
    }

    .pb-block-type-product_category_showcase .product-box>li,
    .pb-block-type-product_brand_showcase .product-box>li,
    .product-box>li {
        width: 33.33%;
    }

    .copyright .frame {
        justify-content: center;
    }

    .product-box .button.view-more {
        display: block;
        width: 70%;
        text-align: center;
        font-size: 16px;
    }

    .shadow {
        bottom: 35px;
        height: 250px;
    }
    .row-sales-rep .pb-column:first-child{
        padding-right: 15px;
    }
    .row-sales-rep .pb-column:last-child{
        padding-left: 15px;
    }
    .row-sales-rep{
        padding-bottom: 30px;
    }
    .pad-bottom-250{
        padding-bottom: 100px;
    }

}

@media screen and (max-width:767px) {
    .home-banner .pb-block>.pb-block-content {
        margin: 0;
    }
}

@media screen and (max-width:750px) {
    .section-home-cta .pb-column:last-child {
        padding-left: 50px;
    }
    .view-more {
      top: 7px;
    }
    .section-form .pb-block-type-form .pb-block-content{
        margin-top: -100px;
    }
}

@media screen and (max-width:600px) {
    .body{
        padding: 20px 0;
    }
    .h1, h1, .h2, h2 {
        font-size: 38px;
    }
    .h3, h3 {
        font-size: 22px;
    }
    .product-browse-header h1{
        font-size: 35px;
    }
    .no-filter-items b{
        font-size: 30px;
    }

    /*body.frame-full-width .body .frame, .frame {
      padding: 0px 10px;
    }*/
    .pb-section{
        padding-left: 0;
        padding-right: 0;
    }
    .pb-block-type-form .form-block{
        padding: 40px 15px;
    }
    .form-newsletter-sign-up .form-block{
        row-gap: 5px;
    }
    .footer {
        text-align: center;
    }

    .footer .break {
        margin-left: auto;
        margin-right: auto;
    }

    .section-feature.sf-gift,
    .section-feature.sf-party {
        text-align: center;
    }

    .footer .h4 {
        margin-top: 40px;
    }

    .footer .coltable .col:first-child .h4 {
        margin-top: 0;
    }

    .footer .foot-product-wrap {
        width: 75%;
        margin: 0 auto;
    }

    .section-feature.sf-about {
        background-size: contain;
    }

    .pb-block-type-product_category_showcase .product-box>li,
    .pb-block-type-product_brand_showcase .product-box>li,
     .product-box>li {
        width: 50%;
    }

    .section-home-cta .pb-column:last-child {
        padding-left: 15px;
    }
    .row-sales-rep{
        padding-bottom: 15px;
    }
    .section-home-cta{
        padding: 140px 0 120px !important;
    }
    .margin-top-80{
        margin-top: 40px;
    }
    .margin-top-15{
        margin-top: 7.5px;
    }
    .row-ranges .pb-block-type-product_category_showcase{
        padding: 30px 0 35px;
    }
    .section-form .pb-block-type-form::before {
        width: 100%;
        left: 0;
    }
}
@media screen and (max-width:580px) {
    .sort-box .form-block.filter .field{
        margin: 5px 0 !important;
    }
    /* Hide grid & list button in this screen size*/
    .sort-box .form-block.filter .field:last-child{
        display: none;
    }
}
@media screen and (max-width:500px) {
    .social-media-text {
        display: none;
    }
    .product-brand-badge{
        top: 20px;
    }
    .form-newsletter-sign-up .form-block{
        flex-wrap: wrap;
    }
    .form-newsletter-sign-up .form-block .field{
        width: 100%;
        float: none;
    }

    .h1, h1, .h2, h2 {
        font-size: 35px;
    }
    .h3, h3 {
        font-size: 22px;
    }
}

@media screen and (max-width:450px) {
    .icon-text .pb-block-content {
        flex-wrap: wrap;
    }

    .form-newsletter-sign-up .form-block {
        padding-left: 0;
    }

    .form-block {
        padding: 30px 25px;
    }

    .form-block.float .field {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:420px) {
    /*.header-middle .company-name, .header-middle .company-name .red {
        font-size: 40px;
    }*/

    /* .header-middle .search-bar {
        max-width: 200px;
    } */
    .header .mobile-menu-trigger {
        order: 0;
    }
    .header-top .social-media {
        display: none;
    }
    .header-wrap-2 a.contact-phone {
        font-size: 0;
    }
}
@media screen and (max-width:400px) {
    p, .p{
        font-size: 15px;
    }
    .h1, h1, .h2, h2 {
        font-size: 32px;
    }
    .h3, h3 {
        font-size: 20px;
    }
    .row-ranges .pb-block-type-product_category_showcase .product-box > li{
        width: 50%;
    }
    .row-ranges .pb-block-type-product_category_showcase{
        padding-top: 0px;
    }
    .pb-block-type-product_category_showcase .product-box > li, .product-box > li{
        width: 100%;
    }

    .section-home-cta{
        padding: 70px 0 50px !important;
    }
    .section-home-cta .pb-column:not(:last-child){
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pb-block-type-form .form-block{
        padding: 20px 15px;
    }
}

/**-- Homepage - Newsletter --**/
.section-home-newsletter {
	background-color: var(--colour-primary);
    padding: 30px 0 !important;
}

.section-home-newsletter .pb-row {
	max-width: var(--frame-m);
	width: calc(100% - 60px);
    align-items: center;
	margin: auto;
    row-gap: 25px;
}
.section-home-newsletter .pb-row .pb-column:last-child {
    padding-left: 40px;
}
.section-home-newsletter .pb-row .col-sm-4-8 {

}
.section-home-newsletter .pb-row .col-sm-7-2 {

}

.section-home-newsletter h3 {
	font-size: 22px;
    line-height: 1.2em;
	color: var(--colour-black);
	text-transform: uppercase;
    margin: 0;
    display: flex;
    column-gap: 15px;
    padding-top: 0.2em;
}
.section-home-newsletter h3::before {
	content: "\f0e0";
	font-family: var(--font-fa);
	font-size: 1.5em;;
	line-height: 1em;
	display: inline-block;
}

/*Mailchimp Subsribe Form*/
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	margin: 2px 0 2px 0 !important;
}

body #mc_embed_signup form {
    margin: 0;
    display: flex;
    column-gap: 5px;
    row-gap: 5px;
}

.mce_inline_error {
	position: absolute;
	background-color: #ed1f24 !important;
	color: #fff !important;
}
#mc_embed_signup .mc-field-group input.mce_inline_error {
	background-color: #fff !important;
}

#mc_embed_signup {
    background: none !important;
}
body #mc_embed_signup .mc-field-group {
	width: 100%;
    padding: 0;
    min-height: unset;
}
body #mc_embed_signup .mc-field-group input {
    position: relative;
    padding: 13px 10px 10px;
    border-radius: 5px;
    text-indent: unset;
    margin: 0;
    height: unset;
    line-height: 1em;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    color: var(--colour-black);
    border: 2px solid var(--colour-black);
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
	border: 2px solid var(--colour-red) !important;
    color: var(--colour-black) !important;
}
body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    font-size: 12px;
    padding: 2px 4px;
    opacity: 1;
    top: -15px;
}
#mc_embed_signup_scroll {
	display: grid;
	grid-template-columns: auto auto auto;
	column-gap: 5px;
    flex-wrap: wrap;
	width: 100%;
}

body #mc_embed_signup .button {
    padding: 16px 20px 14px;
    border-radius: 5px;
    margin: 0;
    height: unset;
    line-height: 1em;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

@media screen and (max-width: 1440px) {
	.section-home-newsletter h3 {
		font-size: 20px;
	}
}
@media screen and (max-width: 1280px) {
	.section-home-newsletter h3 {
		font-size: 18px;
	}
}

@media screen and (max-width: 1000px) {
    .section-home-newsletter .pb-column {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-home-newsletter .pb-block .pb-block-content {
        margin: 0 !important;
    }
    .section-home-newsletter h3 {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .section-home-newsletter h3::before {
        display: none;
    }
    .section-home-newsletter .pb-row .pb-column:last-child {
        padding-left: 0px;
    }
}
@media screen and (max-width: 650px) {
	.section-home-newsletter h3 {
		text-align: center;
		margin-bottom: 5px;
	}
	#mc_embed_signup_scroll {
		display: block !important;
	}
	.mc-submit-container {
		float: none !important;
		text-align: center;
		margin-top: 10px;
	}
    body #mc_embed_signup .mc-field-group {
        padding-bottom: 5px;
    }
    body #mc_embed_signup form {
        flex-direction: column;
    }
}


/** Homepage Intro section **/
.homepage-intro .pb-column figure img {
	height: auto;
	max-width: 50px;
}

.homepage-intro.section-pad-1 {
    padding: 20px 0;
}

@media screen and (max-width: 767px) {
    .homepage-intro.section-pad-1 {
        padding: 10px 0;
    }
}
@media screen and (max-width: 738px) {
	.homepage-intro .pb-column figure img {
		height: auto;
		max-width: 50px !important;
	}
    /* .homepage-intro .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    } */
}
@media screen and (max-width: 650px) {
	.homepage-intro.section-variant-1 {
        background-color: var(--colour-black);
    }
	.homepage-intro .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 5px 20px;
        background: var(--colour-alternate);
        margin-bottom: 4px;
        border-radius: 10px;
    }
}
@media screen and (max-width: 400px) {
	.homepage-intro .col-sm-4 {
        padding: 0px 15px;
    }
}

/* FEATURE LIST ALTERNATE */
.feature-list-alt {
    display: flex !important;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
}
.feature-list-alt::before {
    color: var(--colour-primary);
    font-size: 60px;
}
.feature-list-alt.fla-nz-map::before {
    content: "";
    height: 70px;
    width: 60px;
    background-image: url("/template/profile/c9phLISwdeRLl67RaKAE0VSb/images/icons/nz.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.feature-list-alt h3 {
    padding-top: 4px;
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 1em;
}
.feature-list-alt h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
}

@media screen and (max-width:1400px) {
    .feature-list-alt::before {
        font-size: 45px;
    }
    .feature-list-alt.fla-nz-map::before {
        height: 55px;
        width: 45px;
    }

    .feature-list-alt h3 {
        padding-top: 3px;
        margin-bottom: 5px;
        font-size: 22px;
    }
    .feature-list-alt h4 {
        font-size: 15px;
        line-height: 1.1em;
    }
}
@media screen and (max-width:1000px) {
    .feature-list-alt::before {
        font-size: 35px;
    }
    .feature-list-alt.fla-nz-map::before {
        height: 45px;
        width: 35px;
    }

    .feature-list-alt h3 {
        padding-top: 3px;
        margin-bottom: 5px;
        font-size: 18px;
    }
    .feature-list-alt h4 {
        font-size: 14px;
        line-height: 1.1em;
    }
}
@media screen and (max-width:500px) {
    .feature-list-alt::before {
        font-size: 30px;
    }
    .feature-list-alt.fla-nz-map::before {
        height: 40px;
        width: 30px;
        min-width: 30px;
    }

    .feature-list-alt h3 {
        padding-top: 2px;
        margin-bottom: 4px;
        font-size: 16px;
    }
    .feature-list-alt h4 {
        font-size: 13px;
        line-height: 1.1em;
    }
}

/* FEATURE ListWidget */
.pb-block.feature-list .pb-block-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:15px;
}
.pb-block.feature-list .pb-block-content figure img {
    max-width: 100px;
}
.pb-block.feature-list .pb-block-content .fl-content {
    text-align: left;
}
.pb-block.feature-list .pb-block-content h3,
.pb-block.feature-list .pb-block-content h4 {
    margin: 0;
}
.pb-block.feature-list .pb-block-content h3 {
    color: var(--colour-red);
    line-height: 32px;
    margin: 0 0 15px;
}
.pb-block.feature-list .pb-block-content h4 {
    font-weight: 300;
    line-height: 20px;
    font-size: 16px;
}


/** Blog Lisitng Page (News Index) **/
/** NEWS INDEX **/



.post-type-page .body .frame {
	max-width: var(--frame-l);
}

body.post-index-news .body,
body.post-index-news_category .body {
	padding: 0;
}
body.post-index-news .body > .frame,
body.post-index-news_category .body > .frame {
	width: 100%;
}
body.post-index-news .post-builder {
	display: none;
}
body.post-index-news .post-builder .pb-section {
	padding: 0;
}
.news-banner {
	padding: 70px 0 0px;
}
.news-banner .coltable > .col {
	padding: 0;
}
.news-banner h1 {
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.1em;
	color: var(--colour-white);
}

@media screen and (min-width:1500px) {
	.news-banner h1 {
		font-size: 50px;
	}
}

.news-index {
	padding: 60px 0 80px;
}
.news-index .row-filter {
	margin: 0 0 20px;
}
.news-index .row-filter .categories {
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
.news-index .row-filter .categories .button {
	margin: 5px;
	line-height: 1.2em;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.025em;
	font-family: poppins, sans-serif;
	color: var(--colour-red);
	border: 0px solid var(--colour-red);
	background-color: #fff;
	border-radius: 25px;
	padding: 10px 20px;
	transition: all 0.5s cubic-bezier(0,0,0.1,0.9);
	text-transform: uppercase;
}
.news-index .row-filter .categories .button:hover {
	transition: all 0.1s ease;
	color: var(--colour-red);
	box-shadow: 0 0 0 2px var(--colour-red);
}
.news-index .row-filter .categories .button.active {
	background-color: var(--colour-red);
	border-color: var(--colour-red);
	color: #fff;
}

.news-index .row .col {
	flex-basis: auto;
	flex-grow: 0;
}

.post-type-news.post-wrap {
	display: flex;
	flex-wrap: wrap;
}
.post-type-news.post-wrap > .col{
	float: none;
	padding: 15px;
}
.post-type-news.post-wrap .post-item,
.post-slide-news.post-slide .post-item {
	border: none;
}
.post-type-news.post-wrap .post-item *,
.post-slide-news.post-slide .post-item * {
	transition: all 0.2s cubic-bezier(0,0,0.1,0.9);
}

.post-type-news.post-wrap .post-item .post-image,
.post-slide-news.post-slide .post-item .post-image {
	overflow: hidden;
	border-radius: 10px;
}
.post-type-news.post-wrap .post-item .post-image img,
.post-slide-news.post-slide .post-item .post-image img {
	transition: all 0.5s cubic-bezier(0,0,0.1,0.9);
}
.post-type-news.post-wrap .post-item:hover .post-image,
.post-slide-news.post-slide .post-item:hover .post-image {
	box-shadow: 0 0 0 3px var(--colour-primary);
}
.post-type-news.post-wrap .post-item:hover .post-image img,
.post-slide-news.post-slide .post-item:hover .post-image img {
	transform: scale(1.05);
	filter: brightness(1.1);
}
.post-type-news.post-wrap .post-item.pinned .post-image::before,
.post-slide-news.post-slide .post-item.pinned .post-image::before {
	/* content: "\f08d"; */
	font-family: "Font Awesome 5 Pro";
	color: #fff;
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 18px;
	font-weight: 400;
	transform: rotate(45deg);
	text-shadow: 0 0 5px rgba(0,0,0,0.8);
	z-index: 2;
}
.post-type-news.post-wrap .post-item .post-image.date-label .date,
.post-slide-news.post-slide .post-item .post-image.date-label .date {
	top: auto;
	bottom: 10px;
	left: 10px;
	font-size: 12px;
	padding: 5px 10px;
	transform-origin: bottom left;
	background-color: rgba(255,255,255,0.8);
	backdrop-filter: blur(2px);
	transition: all 0.5s cubic-bezier(0.04, 0.52, 0.27, 0.98);
	color: var(--colour-red);
	border-radius: 5px;
	z-index: 2;
}
.post-type-news.post-wrap .post-item .post-image.date-label .date::before,
.post-slide-news.post-slide .post-item .post-image.date-label .date::before {
	content: "\f017";
	font-family: "Font Awesome 5 Pro";
	opacity: 0.5;
	margin-right: 6px;
	color: var(--colour-red)
}
.post-type-news.post-wrap .post-item:hover .post-image.date-label .date,
.post-slide-news.post-slide .post-item:hover .post-image.date-label .date {
	/*transform: scale(1.1);*/
	transform: translateY(calc(100% + 15px));
	color: var(--colour-red);
	background-color: rgba(255,255,255,0.95);
}

.post-wrap.post-type-news .post-item .post-body,
.post-slide.post-slide-news .post-item .post-body {
	height: auto;
	padding: 20px 20px;
	display: flex;
	flex-direction: column;
}
.post-wrap.post-type-news .post-item .post-body h3,
.post-slide.post-slide-news .post-item .post-body h3 {
	min-height: unset;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing: -0.025em;
	color: var(--colour-red);
	margin-bottom: 0;
}
.post-wrap.post-type-news .post-item .post-body p,
.post-slide.post-slide-news .post-item .post-body p {
	font-family: proxima-nova, sans-serif;
	font-size: 14px;
	color: var(--colour-alternate);
	line-height: 1.6em;
	margin-top: 10px;
}

.post-wrap.post-type-news .post-item:hover .post-body h3,
.post-slide.post-slide-news .post-item:hover .post-body h3 {
	color: var(--colour-red);
}

@media screen and (max-width:1500px) {
	.news-banner,
	.news-index {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width:1200px) {
	.news-index .row-posts {
		margin-left: -10px;
		margin-right: -10px;
	}
	.post-type-news.post-wrap > .col {
		padding: 10px;
	}
}
@media screen and (max-width:1000px) {
	.news-banner {
		padding: 50px 0 15px;
	}
	.news-index {
		padding: 30px 0 50px;
	}
	.post-type-news.post-wrap > .col {
		width: 50%;
	}

	.news-index .row-filter .categories .button {
		font-size: 13px;
		font-weight: 400;
		padding: 8px 18px;
	}
}
@media screen and (max-width:1000px) {
	.news-banner {
		padding: 40px 0 10px;
		text-align: center;
	}
	.news-banner h1 {
		font-size: 36px;
	}
	.news-index {
		padding: 25px 0 50px;
	}
	.news-index .row-filter .categories {
		justify-content: center;
	}
	.post-wrap.post-type-news .post-item .post-body {
		padding: 15px 10px 20px;
	}
	.post-wrap.post-type-news .post-item .post-body p {
		margin-top: 5px;
	}
}
@media screen and (max-width:600px) {
	.news-banner {
		padding: 20px 0;
	}
	.news-banner h1 {
		font-size: 30px;
		margin: 0;
	}
	.news-index {
		padding: 25px 0 50px;
	}
	.news-index .row-filter .categories {
		justify-content: center;
	}
	.post-wrap.post-type-news .post-item .post-body {
		padding: 15px 10px 20px;
	}

}
@media screen and (max-width:400px) {
	.news-index .row-filter .categories .button {
		font-size: 12px;
	}
	.post-wrap.post-type-news .post-item .post-body h3 {
		font-size: 20px;
	}
	.post-wrap.post-type-news .post-item .post-body p {
		font-size: 13px;
		line-height: 1.5em;
	}
	.post-type-news.post-wrap .post-item .post-image.date-label .date {
		padding: 4px 8px !important;
		font-size: 10px;
	}
}

/** NEWS PAGE **/
body.post-type-news .frame {
	max-width: var(--frame-l)
}

.news-breadcrumb {
	padding: 30px 0 15px;
}
.news-breadcrumb .breadcrumb > a,
.news-breadcrumb .breadcrumb > span,
.news-breadcrumb .breadcrumb > b {
	color: var(--colour-alternate);
	font-weight: 400;
}
.news-breadcrumb .breadcrumb > span,
.news-breadcrumb .breadcrumb > b {
	opacity: 0.5;
}
.news-breadcrumb .breadcrumb > a:hover {
	text-decoration: none;
	color: var(--colour-red);
}

.news-coltable {
	display: flex;
}
.news-coltable > .col.news-content {
	width: auto;
	flex: auto 1 1;
	padding-right: 70px;
    padding-left: 0px;
}
.news-coltable > .col.news-nav {
	width: 300px;
	flex: 300px 0 0;
	max-width: 300px;
}

.blog-sidebar h3 {
	font-size: 22px;
	font-weight: 500;
	color: var(--colour-alternate);
	letter-spacing: -0.025em;
	margin-bottom: 15px;
}
.blog-sidebar .blog-categories-wrapper,
.blog-sidebar .blog-tags-wrapper {
	padding: 30px;
	background-color: var(--colour-white);
}
.blog-sidebar .blog-categories-wrapper {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.blog-sidebar .blog-tags-wrapper {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-top: 10px;
}

ul.blog-categories-list {
	margin: 0;
	padding: 0;
}
ul.blog-categories-list > li {
	list-style: none;
}
ul.blog-categories-list > li:first-child a {
	border-top: 1px solid #e0e5ed;
}
ul.blog-categories-list > li a {
	display: block;
	padding: 8px;
	padding-left: 18px;
	border-bottom: 1px solid #e0e5ed;
	color: var(--colour-red);
	position: relative;
	transition: all 0.1s;
}
ul.blog-categories-list > li a:hover {
	text-decoration: none;
	color: var(--colour-alternate);
}
ul.blog-categories-list > li a::before {
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 0.8em;
	font-weight: 900;
	transition: all 0.1s;
}
ul.blog-categories-list > li a:hover::before {
	transform: translateX(3px);
}

.blog-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2px;
	margin-right: -2px;
	align-items: flex-end;
	font-size: 13px;
}
.blog-tag-cloud > span {
	margin: 3px 3px;
	line-height: 1em;
	display: block;
}
.blog-tag-cloud > span a {
	transition: all 0.1s;
	color: var(--colour-alternate);
	white-space: nowrap;
	opacity: 0.6;
}
.blog-tag-cloud > span a:hover {
	color: var(--colour-red);
	text-decoration: none;
	opacity: 1;
}
.blog-tag-cloud > span.size-6 {
	font-size: 1em;
	line-height: 1.1em;
}
.blog-tag-cloud > span.size-9 {
	font-size: 1.2em;
	line-height: 1em;
}

.other-news-wrapper h3 {
	font-size: 16px;
	font-weight: 400;
	margin: 30px 0 10px;
}
.other-news-wrapper h3::before {
	content: "\f138";
	margin-right: 6px;
	font-family: "Font Awesome 5 Pro";
	color: var(--colour-alternate);
}
ul.other-news-list {
	margin: 0;
	padding: 0;
}
ul.other-news-list li {
	display: block;
	position: relative;
	list-style: none;
}
ul.other-news-list li * {
	transition: all 0.2s cubic-bezier(0,0,0.1,0.9);
}
ul.other-news-list li:not(:last-child) {
	margin-bottom: 20px;
}
ul.other-news-list li .other-item-image {
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: 10px;
}
ul.other-news-list li a:hover .other-item-image img {
	transform: scale(1.05);
	transition: all 0.5s cubic-bezier(0,0,0.1,0.9);
}
ul.other-news-list li .other-item-image::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.5;
	transition: all 0.2s cubic-bezier(0,0,0.1,0.9);
	background: linear-gradient(to bottom, rgba(0, 41, 75, 0.35), rgba(0, 41, 75, 0.75) 75%);
}
ul.other-news-list li a:hover .other-item-image::after {
	transition: all 0.5s cubic-bezier(0,0,0.1,0.9);
	opacity: 1;
}
ul.other-news-list li .other-item-text {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}
ul.other-news-list li .other-item-text .other-item-text-content {
    max-height: 82px;
    overflow: hidden;
    padding-top: 10px;
}
ul.other-news-list li .other-item-text::after {
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	transition: all 0.2s cubic-bezier(0,0,0.1,0.9);
	font-weight: 300;
	font-size: 1.5em;
	color: #fff;
	margin-top: 5px;
}
ul.other-news-list li a:hover .other-item-text::after {
	transform: translateX(10px);
}

.news-content .post-content .frame {
	width: 100%;
}
.news-content h1 {
	font-weight: 700;
	color: var(--colour-white);
	letter-spacing: -0.035em;
}
.news-content p, .news-content li {
	color: var(--colour-alternate);
}

.responsive.main-image {
    margin: 0 0 40px;
}

.news-content .this-blog-categories-list {
	padding: 30px 0 15px;
	margin: 0 -3px;
	/* display: flex; */
    display: none;
}
.news-content .this-blog-categories-list > li {
	list-style: none;
	margin: 2px 3px
}
.news-content .this-blog-categories-list > li a {
	color: var(--colour-primary);
}
.news-content .this-blog-categories-list > li a:hover {
	color: var(--colour-red);
	text-decoration: none;
}
.news-content .this-blog-categories-list > li:not(:last-child) a::after {
	content: ",";
}

.news-content .post-content img {
	margin: 30px 0;
}
.news-content .post-content p, .news-content .post-content li {
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	line-height: 1.6em;
}
.news-content .post-content blockquote {
	margin-bottom: 15px;
	color: var(--colour-alternate);
	font-style: italic;
	line-height: 1.8em;
}

.news-footer {
	padding: 60px 0 30px;
}

.news-return-btn {
    padding: 10px 10px;
    font-weight: bold;
    text-transform: uppercase;
}

@media screen and (max-width:1500px) {
	.news-breadcrumb,
	.news-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.news-coltable > .col.news-content {
		padding-right: 50px;
	}
}
@media screen and (max-width:1425px) {
	.news-content .post-content .frame {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media screen and (max-width:1300px) {
	.news-coltable > .col.news-nav {
		width: 280px;
		flex: 280px 0 0;
		max-width: 280px;
	}
}
@media screen and (max-width:1200px) {
	.news-content .row-container > .pb-section {
		padding: 10px 0;
	}
}
@media screen and (max-width:1100px) {
	.news-coltable > .col.news-nav {
		width: 250px;
		flex: 250px 0 0;
		max-width: 250px;
	}
	.blog-sidebar h3 {
		font-size: 18px;
	}
	.other-news-wrapper h3 {
		font-size: 14px;
	}
	ul.blog-categories-list > li a {
		font-size: 14px;
		padding-left: 15px;
	}
	.blog-sidebar .blog-categories-wrapper,
	.blog-sidebar .blog-tags-wrapper {
		padding: 25px;
	}
	.blog-sidebar .blog-tags-wrapper {
		padding-top: 5px;
	}
	.blog-tag-cloud {
		font-size: 12px;
	}
	ul.other-news-list li .other-item-text {
		font-size: 16px;
		padding: 15px 20px;
	}
	ul.other-news-list li .other-item-text::after {
		margin-top: 0;
	}
}
@media screen and (max-width:900px) {
	.news-coltable > .col.news-nav {
		width: 220px;
		flex: 220px 0 0;
		max-width: 220px;
	}
	.news-content .pb-section .pb-column {
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media screen and (max-width:700px) {
	.news-coltable {
		flex-wrap: wrap;
	}
	.news-coltable > .col.news-content {
		padding-right: 0;
	}
	.news-coltable > .col.news-nav {
		width: 100%;
		flex: 100% 1 1;
		max-width: 100%;
		border-top: 1px solid rgba(0,0,0,0.1);
		margin-top: 30px;
		padding-top: 50px;
	}

	ul.other-news-list {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	ul.other-news-list > li {
		width: calc(50% - 20px);
		margin: 10px !important;
	}

	.news-content h1 {
		font-size: 36px;
		line-height: 1em;
	}
}
@media screen and (max-width:600px) {
	.news-footer {
		text-align: center;
	}
	.news-footer .coltable .col.text-right {
		padding-top: 25px;
	}
}
@media screen and (max-width:500px) {
	.news-breadcrumb {
		padding-top: 15px;
	}
	.news-breadcrumb, .news-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.news-content h1 {
		font-size: 28px;
		line-height: 1em;
	}
	.news-content > img.main-image {
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
	}
}
@media screen and (max-width:450px) {
	ul.other-news-list > li {
		width: 100%;
	}
}

/* Cart Summary */
.page-basket .cart-summary .button.bt-block {
    font-size: 20px;
    padding: 12px 8px;
    width: 100%;
}

/* Basket page tweaks to buttons */
.page-basket .cart-wrap .cart-row > .coltable .col-quantity .cart-controls .input-group button.quantity-min,
.page-basket .cart-wrap .cart-row > .coltable .col-quantity .cart-controls .input-group button.quantity-add {
    background: var(--colour-soft);
    border:none;
    color:black;
}
.page-basket .cart-wrap .cart-row > .coltable .col-quantity .cart-controls .input-group button.quantity-min:hover,
.page-basket .cart-wrap .cart-row > .coltable .col-quantity .cart-controls .input-group button.quantity-add:hover {
    background: var(--colour-primary-alt);
    color:white;
}


/*-- Store - Map --*/
#map {
	min-height: 500px;
	height: 100%;
	max-height: 1000px;
	display: block;
}
#map .gm-style .gm-style-iw-c,
#map .gm-style .gm-style-iw-d{
    /* background: var(--colour-secondary); */
}

#map .gm-style-iw-d div div a.store-drections,
#map .gm-style-iw-d div div h4,
#map .gm-style-iw-d div div p
{
    color: var(--colour-secondary);
}

#map .gm-style-iw-d div div .store-drections::after {
    font-family: var(--font-fa);
    content: "  \f054";
    font-size: 12px;
    line-height: 24px;
}

#map .gm-style-iw-d div div a.store-drections:hover::after {
    transform: translate(5px, 0px);
    transition: all 0.3s cubic-bezier(0,0,0.1,0.9);
    text-decoration: none;
}

#map .map-popover h4 {
    margin:0;
}



/*--*/
.store-locator .store-filters {
    margin-bottom: 20px;
}

.store-locator .store-list-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.store-locator .store-list-item:not(:last-child) {
    border-bottom: 3px solid var(--colour-red)
}

.store-locator .store-list-item::marker {
    font-size: 0px;
}

.store-locator .store-list-item .store-header {
    position: relative;
}

.store-locator .store-list-item .store-header h4 {
    width: 80%;
}

.store-locator .store-list-item .store-header .store-distance {
    position: absolute;
    right: 0;
    top: 3px;
}


.store-locator .store-list-item .store-body span {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
}

.store-locator .store-list-item .store-body address{
    font-size: 19px;
    font-style: normal;
    font-weight: semi-bold;
}

.store-locator .store-list-item .store-body .store-content {
    position: relative;
    margin: 20px 0;
}

.store-locator .store-list-item .store-body .store-content::before,
.store-locator .store-list-item .store-body .store-content::after {
    content: "";
    width: 100%;
    position: absolute;
    border-bottom: 1px solid black;
    margin: 10px 0;
}

.store-locator .store-list-item .store-body .store-content::before {
    top: -15px;
}

.store-locator .store-list-item .store-body .store-content::after {
    bottom: -20px;
}

.store-locator .store-list-item .store-footer a {
    font-weight: bold;
}

.store-locator .store-list-item .store-footer span {
    font-size: 12px;
    padding-left: 5px;
}

.store-locator .store-list-item .store-footer:hover span {
    transform: translate(5px, 0px);
    transition: all 0.3s cubic-bezier(0,0,0.1,0.9);
}

/** Popdown **/
#popdown-opacity {
	position: fixed !important;
}

#popdown-dialog {
	max-width: 1000px !important;
	border-radius: 0 0 6px 6px;
	height: 100vh;
}

.popdown-wrapper {
	height: 98vh;
    bottom: 1vh;
    top: 1vh;
	left: 0;
    right: 0;
	position: absolute;
}

.popdown-wrapper .popdown-head {
	background: var(--colour-primary-alt);
	position: relative;
}

.popdown-wrapper .popdown-head h1 {
	color: var(--colour-red);
}

.popdown-wrapper .popdown-head .close-popdown {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: var(--colour-red);
	color: var(--colour-white);
	border: 3px solid var(--colour-red);
}

.popdown-wrapper .popdown-head .close-popdown:hover {
	background-color: var(--colour-white-alt);
	color: var(--colour-red);
	border: 3px inset var(--colour-red);
}

.popdown-wrapper .popdown-body {
	max-height: calc(98vh - 130px);
	overflow-y: scroll;
}

.popdown-wrapper .popdown-body .cart-row {
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}

.popdown-wrapper .alert.alert-success {
	background-color: #76AB00;
	/* position: absolute; */
	width: 100%;
	z-index: 10;
}

.popdown-wrapper .cart-row::after {
	content: "";
	border: 1px solid var(--colour-alternate);
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
}

.popdown-wrapper .popdown-body .coltable.vmiddle {
	display: flex;
}

.popdown-wrapper .popdown-body .col-image {
	width: 100%;
    max-width: 150px;
}

.popdown-wrapper .popdown-body .col-image img {
	width: 100%;
	object-fit: contain;
}

.popdown-wrapper .col-info {
	align-content: center;
    flex: auto 1 1;
}
.popdown-wrapper .col-info h4 {
    margin-bottom: 5px;
}
.popdown-wrapper .col-info h4,
.popdown-wrapper .col-info h4 a {
    color: var(--colour-white);
    font-weight: 600;
}
.popdown-wrapper .col-info .sub {
    margin: 0;
}

.popdown-wrapper .col-price {
    text-align: right;
}
.popdown-wrapper .col-price .price {
	height: 100%;
	position: relative;
	align-content: center;
    color: var(--colour-green);
    margin: 0;
}

.popdown-wrapper .col-price .price span {
	display: block;
}

.popdown-wrapper .col-price .price .price-total {
	font-weight: bold;
	margin: 0;
}

.popdown-wrapper .popdown-foot {
	background: var(--colour-primary-alt);
}

.popdown-wrapper .popdown-foot a {
	border: none;
}
.popdown-wrapper .popdown-foot .coltable.vmiddle {
	display: flex !important;
}

.popdown-wrapper .popdown-foot .text-left {
	width: 33% !important;
}

.popdown-wrapper .popdown-foot .text-right {
	display: flex;
	justify-content: flex-end;
}

.popdown-wrapper .popdown-foot .text-left a,
.popdown-wrapper .popdown-foot .text-right a {
	width: max-content;
	margin: auto 10px;
}

.popdown-wrapper .popdown-foot .text-right a.button {
	background-color: var(--colour-red);
}

.popdown-wrapper .popdown-foot .text-right a.button:hover {
	background-color: var(--colour-primary);
}

@media screen and (max-width: 1000px) {
	#popdown-dialog {
		padding: 0 30px;
		width: calc(100vw - 30px);
	}
}

@media screen and (max-width: 650px) {
    .popdown-wrapper .popdown-body .col-image {
        max-width: 100px;
    }
    .popdown-wrapper .col-info h4,
    .popdown-wrapper .col-info .sub,
    .popdown-wrapper .col-price .price {
        font-size: 16px;
    }
    .popdown-wrapper .popdown-body .col {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 568px) {
	.popdown-wrapper .popdown-head {
		padding: 20px 34px;
	}
	.popdown-wrapper .popdown-head h1 {
		font-size: 20px;
	}
	.popdown-wrapper .popdown-body .coltable.vmiddle {
		grid-template-columns: 2fr 4fr 2fr;
	}
	.popdown-wrapper .col-price .price {
		align-content: baseline;
	}
	.popdown-wrapper .popdown-foot {
		padding: 10px 5px;
	}
	.popdown-wrapper .popdown-foot .col {
		padding: 0 0;
	}
	.popdown-wrapper .popdown-foot .text-left a {
		margin: 0 0 !important;
	}
	.popdown-wrapper .popdown-foot .text-right a {
		margin: 0 0 0 5px;
	}
	.popdown-wrapper .popdown-head .close-popdown {
		top: 0;
		right: 0;
		border-radius: 0;
		border-bottom-left-radius: 8px;
	}
}

@media screen and (max-width: 485px) {
	.popdown-wrapper .popdown-foot .coltable.vmiddle {
		display: block !important;
	}
	.popdown-wrapper .popdown-body {
		max-height: calc(98vh - 226px)
	}
	.popdown-wrapper .popdown-foot .text-left {
		width: 100% !important;
		text-align: center;
		margin-bottom: 5px;
	}
	.popdown-wrapper .popdown-foot .text-right {
		justify-content: center;
		width: 100%;
	}
}

@media screen and (max-width: 450px) {
    .popdown-wrapper .popdown-body .col-image {
        max-width: 65px;
    }
    .popdown-wrapper .popdown-body .col {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/**--- Product Card / Product Box---**/
.product-box li .box:hover {
    top: 0;
    box-shadow: 0 0 0 1px var(--colour-primary);
}

.product-box .title {
    padding: 15px 10px 10px;
    min-height: unset;
}
.product-box .title.result a {
	font-weight: 600;
	color: var(--colour-white);
	font-size: 17px;
    line-height: 1.2em;
	text-transform: uppercase;
}
.product-box .title.result .white-ghost {
    display: none;
}

.product-box .options {
    padding: 10px;
}
.product-box .options .options-price {
	margin: 0 auto 10px auto;
	color: var(--colour-primary);
    text-align: left;
    font-size: 16px;
    margin: 0;
}

.product-box .options-add {
	position: absolute;
}
.product-box .box .options-add .button.bt-add {
	width: 100%;
	display: block;
	background: none;
	border-radius: 0;
    padding: 5px 8px;
}
.product-box .box .options-add .button.bt-add:hover {
    background-color: var(--colour-black);
    color: var(--colour-white);
}
.product-box .box .options-add .button.bt-add b {
	width: auto;
    margin-top: 2px;
	margin-left: 5px !important;
	font-weight: bold;
	font-size: 12px;
}
.product-box .box:not(:hover) .options-add .button.bt-add b {
    width: 0px;
    margin-left: 0 !important;
}
.product-box .box .options-add .button.bt-add fas {
	line-height: 24px;
	font-size: 10px;
}


.product-box.row1 li .box {
	padding: 10px;
}
.product-box-row1 li .box .image {
	border: none;
}
.product-box.row1 li .box .title {
	padding-left: 20px;
}
.product-box.row1 li .box .options {
	padding-right: 10px;
}
.product-box.row1 li .box .options .options-price {
	margin-right: 15px;
    text-align: right;
	color: var(--colour-green)
}
.product-box.row1 li .box .options .bt-add {
	width: auto;
}

/*Product Slider overrides*/
.slider-featured-products .slider-wrapper .tns-inner {
    margin-right: -5px !important;
}
.slider-wrapper .product-box > li > .box.product-type-product {
    background-color: var(--colour-black);
}
.slider-wrapper .product-box > li.tns-item {
    padding-right: 5px !important;
}

@media screen and (max-width: 1120px) {
	.product-box .title.result a {
		font-size: 15px;
	}
}

/*--- Cart Page ---*/
@media screen and (max-width: 992px) {
	.frame-basket {
		padding-top: 50px;
	}
}


/*-- Shop Page - PLP --*/

.col-sidebox-left .sidebox .sidebox-body.search-box {
    height: auto;
    min-height: 4rem;
}

.col-sidebox-left .sidebox .sidebox-body.search-box .field {
    margin-bottom: 15px;
}

.col-sidebox-left .sidebox .sidebox-body.search-box .field input {
    border: 2px solid var(--colour-secondary)
}

.pro-main .col .form-block.filter .field-button-group button {
    border-width: 1px;
    color: var(--colour-alternate);
    font-size: 14px;
}

.pro-main .col .form-block.filter .field-button-group button:first-child {
    margin-right: 10px;
}

@media screen and (max-width: 600px) {
	/* .zulu-search .body .frame .pro-main div .pagination li {
		display: none;
	}

	.zulu-search .pro-main .pagination li:nth-child(1),
	.zulu-search .pro-main .pagination li:nth-child(2),
	.zulu-search .pro-main .pagination li:nth-child(3),
	.zulu-search .pro-main .pagination li:nth-child(4),
	.zulu-search .pro-main .pagination li:nth-last-child(1),
	.zulu-search .pro-main .pagination li:nth-last-child(2),
	.zulu-search .pro-main .pagination li:nth-last-child(3) {
		display: inline-block !important;
	} */
	.pagination > li:first-child > a, .pagination > li:first-child > span {
        transform: translateX(0);
    }
	.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
		position: relative !important;
		bottom: 0 !important;
		left: 0 !important;
		transform: none !important;
	}
}



/*-- Order Templates --*/
.order-template-search {
    margin-bottom: 25px;
}
.order-template-search .form-block {
    position: relative;
}
.order-template-search .form-block .submit {
    position: absolute;
    right: 14px;
    top: 7px;
}

.order-template-index .order-template-index-actionCell {

}

.order-template-index .order-template-index-actionCell a {
	padding: 0 5px;
	display: inline-block;
}

.order-template-search .form-field input:focus {
    background-color: var(--colour-white);
}

@media screen and (max-width: 450px) {
	.order-template-search .form-block {
		padding: 0;
	}
}

/* Order Template Edit/View */
.zulu-sale_template_edit .body .frame .edit-section .col-md-6:last-child {
	height: 100%;
}
.zulu-sale_template_edit .body .frame .row .text-right ,
.zulu-sale_template_edit .body .frame .row .text-right form {
	height: 100%;
}

.zulu-sale_template_edit .form-block .form-field {
	margin-bottom: 15px;
}

.zulu-sale_template_edit .select2-container .select2-selection--single {
	height: 50px;
}
.zulu-sale_template_edit .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: normal;
	padding-top: 12px;
	padding-bottom: 14px;
}
.zulu-sale_template_edit .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 25%;
}
.zulu-sale_template_edit .order-template-table {
	margin-top: 30px;
	overflow-x: scroll;
}
.zulu-sale_template_edit .order-template-table table {
	margin-bottom: 15px;
}

.order-template-table .order-template-edit-table-action a {
	display: inline-flex;
    width: 100%;
    font-size: 0.95em;
    line-height: 1em;
    justify-content: flex-end;
}
.order-template-table .order-template-edit-table-action a i {
    line-height: 1em;
	padding-right: 2px;
}

@media screen and (max-width: 767px) {
	.zulu-sale_template_edit .body .frame .row .text-right {
		text-align: left;
		margin-top : 40px;
	}
	.zulu-sale_template_edit .form-block .form-field.submit {
		text-align: center;
	}

}

@media screen and (max-width: 600px) {
	.zulu-sale_template_edit .heading h1 {
		font-size: 40px;
	}
}
/**--- Address Book ---**/
input:checked + .slider {
    background-color: var(--colour-primary);
}

/*---- Account Page - /members ----*/
.bt-list > li > .button {
	font-weight: bold;
}

/* .box.product-type-category a {
  position: relative;
} */

.box.product-type-category a img {
	border-radius: 15px;
}

.box.product-type-category a .content-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    align-content: center;
    background-color: rgba(22,22,22,0.5);
    /* border-radius: 15px; */
    transition: 0.5s cubic-bezier(0, 0, 0.15, 1);
}
.box.product-type-category a:hover .content-container {
    background-color: rgba(22,22,22,0.3);
}

.box.product-type-category a .content-container > * {
	text-align: center;
	color: var(--colour-white);
}

.box.product-type-category a .content-container .title {
	font-size: 40px;
	font-weight: 700;
    text-transform: uppercase;
	line-height: 1em;
}

.box.product-type-category a .content-container p {
	font-size: 16px;
}

@media screen and (max-width: 1440px) {
	.box.product-type-category a .content-container .title {
		font-size: 36px;
	}
}
@media screen and (max-width: 1180px) {
	.box.product-type-category a .content-container .title {
		font-size: 28px;
	}
}

@media screen and (max-width: 950px) {
	.box.product-type-category a .content-container .title {
		font-size: 20px;
		line-height: 2rem;
	}
}
@media screen and (max-width: 375px) {
	.box.product-type-category a .content-container .title {
		font-size: 14px;
		line-height: 1.5rem;
	}
}



/*--- Login Page ---*/
.page-login .body .frame .form_table {
	padding: 25px;
}

.page-login .body .frame .form_table .field:not(:last-child) {
	margin-bottom: 25px;
}

.page-login .body .frame .form_table .field label {
	margin-bottom: 10px;
}

.page-login .body .frame .form_table .field.submit a{
    padding: 10px 0;
    float: right;
}

.page-login .body .frame .text-center {
	margin-top: 25px;
}


/*--- Check Out ---*/
.delivery-options .clickCollect-desc {
	padding: 12px 14px 12px 44px;;
	font-size: 14px;
	color: var(--colour-red);
}

.no-filter-items {
    padding: 40px 0;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #6A809D;
}


/** Sticky Desktop **/
@media screen and (min-width: 1000px) and (min-height: 850px) {
    .sticky-desktop {
        position: sticky;
        top: 0px;
        border-bottom: 2px solid var(--colour-red);
        background: var(--colour-white);
    }
    .product-browse-header h1 {
        font-size: 35px;
        line-height: 40px;
    }
}

.page-checkout .body .cart-row .form-block{
    margin: 5px -5px 0px;
}

.page-checkout .body .cart-row .form-block input[type="text"],
.page-checkout .body .cart-row .form-block input[type="number"],
.page-checkout .body .cart-row .form-block input[type="password"],
.page-checkout .body .cart-row .form-block input[type="email"],
.page-checkout .body .cart-row .form-block input[type="tel"],
.page-checkout .body .cart-row .form-block textarea,
.page-checkout .body .cart-row .form-block select{
    padding: 7px 9px 9px;
}




/*-------------------------------------------*/
/*-------------------------------------------*/
/*-------- TEMP STYLESHEET OVERRIDE ---------*/
/*-------------------------------------------*/
/*-------------------------------------------*/


/**-- Form in general --**/
.form_table {
    background-color: var(--colour-black);
}
/* .form-block label,  */
.form-block p.caption,
.form-block input,
.form-block select,
.form-block textarea {
    color: var(--colour-white);
    background-color: var(--colour-charcoal);
}


/* .form-block label:hover,  */
.form-block p.caption:hover,
.form-block input:hover,
.form-block select:hover,
.form-block textarea:hover {
    border-color: var(--colour-primary);
}

/* .form-block label:focus,  */
.form-block p.caption:focus,
.form-block input:focus,
.form-block select:focus,
.form-block textarea:focus {
    border-color: var(--colour-primary);
}

.form-block label {
    color: var(--colour-white);
}

.form-block.style {
    background-color: var(--colour-black)
}

.zulu-sale_template_edit .select2-container .select2-selection--single {
    background-color: var(--colour-charcoal);
}

/**-- Table for Order --**/
.zulu-sale_template_edit .order-template-table table {
    background-color: var(--colour-black);
}

.grid-table tr {
    background-color: var(--colour-black);
    color: var(--colour-white)
}

.grid-table tr td {
    color: var(--colour-white)
}

.grid-table tbody tr:hover td {
    background-color: var(--colour-black)
}

.grid-table tbody tr:nth-child(even) td {
    background-color: grey;
}

/**-- PLP --**/
.product-browse-header .product-search-filters .product-search-filter {
    border-color: var(--colour-primary);
    color: var(--colour-primary);
    background-color: var(--colour-black);
}


.product-browse-header .product-search-filters .product-search-filter:hover {
    background-color: var(--colour-primary);
    border-color: var(--colour-primary);
    color: var(--colour-black);
}


.product-browse-header .product-search-filters .product-search-filter a {
    color: var(--colour-white);
}

.product-browse-header .product-search-filters .product-search-filter:hover a {
    color: var(--colour-black);
}

.sort-box .coltable .col {
    padding: 0;
    width: 100%;
}

.sidebox .links li > a {
    font-weight: 600;
}

.sidebox .links li > a:hover {
    color: var(--colour-primary);
    background: linear-gradient(to right,#6A809D 50%, transparent 50%);
    background-color: #6A809D;
}

.sort-box .form-block.filter {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 25px;
}

.sort-box .form-block.filter .field {
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

.sort-box .form-block.filter .field.result-field p {
    padding: 4px 0 5px;
    color: var(--colour-white);
}

.form-block.filter .field label, .form-block.filter .field select {
    color: var(--colour-white);
}

.form-block.filter .field select {
    padding: 4px 25px 5px 8px !important;
    margin-left: -8px;
    transition: all 0.1sease-out 0s;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    background-image: none;
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: var(--colour-white);
    position: relative;
    line-height: 1.5em;
}

.form-block.filter .field select option {
    color: var(--colour-black);
}

.form-block.filter .field {
    position: relative;
}

.form-block.filter .field:has(select)::after {
    content: "\f2ec";
    font-family: var(--font-fa);
    font-size: 10px;
    position: absolute;
    top: 45%;
    right: 7.5px;
    transform: translateY(-50%) rotate(180deg);
    color: var(--colour-white);
    font-weight: 900;
}

.sort-box .form-block.filter .field.field-button-group {
    padding: 4px 0 5px !important;
}

.sort-box .form-block.filter .field.field-button-group label {
    line-height: 22px;
}

.sort-box .form-block.filter .field button {
    border-radius: 0 !important;
    background-color: transparent;
    padding: 4px;
    color: var(--colour-white);
    border: none;
}

.sort-box .form-block.filter .field button.active {
    background-color: transparent;
}

.pro-main .col .form-block.filter .field-button-group button i {
    color: var(--colour-white);
}

.pro-main .col .form-block.filter .field-button-group button.active i {
    color: var(--colour-primary);
}

.sort-box p,
.sort-box p b {
    color: var(--colour-white);
}

.sidebox {
    margin-bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--colour-primary);
}

.sidebox .links li {
    padding-left: 10px;
}

.sidebox .sidebox-top {
    font-size: 20px;
    font-weight: 600;
}

.sidebox ul.links li.up-level a {
    color: var(--colour-primary);
}

.sidebox.scroll .sidebox-body:hover::-webkit-scrollbar-thumb {
    box-shadow: inset -6px 0 0 var(--colour-primary);
}

.pagination > li > a, .pagination > li > span {
    border: none;
    padding: 10px 15px !important;
    line-height: 1em;
    color: var(--colour-white);
}

.pagination > li.active > a, .pagination > li.active > span,
.pagination > li.active:hover > a, .pagination > li.active:hover > span {
    padding: 10px 15px;
    line-height: 1em;
    color: var(--colour-primary);
    background-color: transparent;
}

.pagination > li:hover > a, .pagination > li:hover > span {
    background-color: var(--colour-primary);
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    padding: 10px 15px !important;
    background-color: transparent !important;
    color: var(--colour-primary) !important;
    border: none !important;
}

.pagination > li.disabled:first-child > a, .pagination > li.disabled:first-child > a, .pagination > li.disabled:first-child > a:hover, .pagination > li.disabled:last-child > a, .pagination > li.disabled:last-child > a:hover {
    background-color: transparent !important;
    border: none !important;
    color: var(--colour-primary) !important;
    opacity: .5;
    filter: grayscale(0.9);
}

.product-browse-header {
    margin-top: -20px;
}

.product-browse-header .frame.browse-banner {
    background-color: var(--colour-black);
    padding: 100px 0;
    max-width: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--colour-primary);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.product-browse-header .frame.browse-banner h1 {
    color: var(--colour-white);
    text-align: center;
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 1.5em;
}

.product-browse-header .frame .breadcrumbs {
    margin-top: 15px;
}

.product-browse-header .frame .breadcrumbs .breadcrumb {
    padding-left: 15px;
    font-size: 15px;
}

@media screen and (max-width: 1000px) {
    .sidebox.js-sidebox-toggle .sidebox-top {
        border: 2px solid var(--colour-secondary);
        color: var(--colour-white);
    }
    .js-sidebox-toggle.toggled .sidebox-top, .js-sidebox-toggle .sidebox-top:hover {
        color: var(--colour-black);
    }
    .sidebox {
        padding: 0;
    }
}


/**--- PDP ---**/

.product-browse-header h1 {
    color: var(--colour-white);
}

.sticky-desktop {
    background-color: var(--colour-black);
    border: none;
}

.price-box .attribute-label span {
    color: var(--colour-primary);
}

.price-box .product-sku {
   /* color: grey; */
    color: #ccff00;
}

.price-box .attribute-label .product-price-view {
    color: var(--colour-white);
    font-weight: 500;
}
.price-box .price-extra .price-extra-row > * {
    background-color: var(--colour-black);
}
.price-box .price-extra .price-extra-row .afterpay-price p {
    background-color: var(--colour-black);
}
.price-box .price-extra .price-extra-row .afterpay-price b span {
    color: var(--colour-primary)
}
.price-extra .price-extra-row a {
    color: var(--colour-white)
}

.breadcrumbs.category-breadcrumbs, .breadcrumbs .breadcrumb a:hover {
    position: relative;
    z-index: 3;
    margin-bottom: 10px;
}

.breadcrumbs.category-breadcrumbs > div {
    color: grey;
}

.breadcrumbs .breadcrumb a:hover {
    color: var(--colour-primary)
}

.zulu-product .product-image-container {
    background-color: var(--colour-black);
}

.zulu-product .product-image-container .image-wrap img {
    border-color: var(--colour-primary)
}

form#form-add-cart .form-block {
    background-color: var(--colour-black) !important;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    width: auto;
    min-width: 100%;
}

.frame-product #form-add-cart .field {
    display: block;
    margin: 0;
    padding: 5px;
    flex: 50% 1 1;
}
.frame-product #form-add-cart .field.field_qty,
.frame-product #form-add-cart .field.submit {
    flex: 100% 1 1;
}

.zulu-product .frame-product .field .attribute-container {
    padding: 0;
    /* background-color: var(--colour-primary); */
    border-radius: 20px;
    position: relative;
}

.zulu-product .frame-product .field select {
    background-image: none;
    background-color: var(--colour-black);
    padding: 12px 15px 10px;
    border: 2px solid var(--colour-primary);
    border-radius: 25px;
    color: var(--colour-primary);
    width: 100%;
    z-index: 5;
    font-weight: 500;
    cursor: pointer;
}
.zulu-product .frame-product .field select:hover {
    background-color: var(--colour-charcoal);
}

.zulu-product .frame-product .field select option {
    background-color: var(--colour-black) !important;
    color: var(--colour-primary) !important;
}

.zulu-product .frame-product .field select option:hover,
.zulu-product .frame-product .field select option:focus {
    background-color: var(--colour-primary) !important;
    color: var(--colour-black) !important;
    outline: none;
}

.zulu-product .frame-product .form-block .field label {
    background-color: transparent;
    color: var(--colour-white);
    justify-content: flex-start;
    margin-right: 0;
    padding: 5px;
}

.zulu-product .frame-product #form-add-cart .sizeChart-popup {
    position: absolute;
    top: 8px;
    right: 10px;
    color: var(--colour-primary);
    text-transform: uppercase;
    width: fit-content;
}


#form-add-cart .field_qty .qty-wrapper {
    display: block;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
#form-add-cart .field_qty .qty-wrapper .qty-container {
    width: 200px;
    position: relative;
}
#form-add-cart .field_qty .qty-wrapper .qty-container button {
    position: absolute;
    height: 100%;
    background-color: transparent;
    color: var(--colour-white);
    padding: 2px 0 0;
    border: none;
    z-index: 5;
    font-size: 14px;
}
#form-add-cart .field_qty .qty-wrapper .qty-container button:hover {
    color: var(--colour-green);
}
#form-add-cart .field_qty .qty-wrapper .qty-container button.qty-minus {
    top: 0;
    left: 15px;
}
#form-add-cart .field_qty .qty-wrapper .qty-container button.qty-plus {
    top: 0;
    right: 15px;
}


#form-add-cart .field_qty .qty-wrapper label {
    text-transform: uppercase;
    padding: 5px 5px 5px;
}
#form-add-cart .field_qty .qty-wrapper input {
    width: 100%;
    border-radius: 25px;
    border: 2px solid var(--colour-primary);
    background-color: transparent;
    color: var(--colour-white);
    position: relative;
    padding: 12px 15px 10px;
}
#form-add-cart .field_qty .qty-wrapper:hover input,
#form-add-cart .field_qty .qty-wrapper input:hover {
    background-color: var(--colour-charcoal);
}
#form-add-cart .field_qty .qty-wrapper:has(input:focus) {
    background-color: transparent;
    border: none;
}

.frame-product #form-add-cart .field.submit {
    margin: 10px 0 15px;
}

.product-description .specsheet-button {
    color: var(--colour-primary);
    font-size: 25px;
    font-weight: 500;
}

.frame-product > hr {
    border-color: var(--colour-primary)
}

@media screen and (max-width: 1000px) {
    div:not(:has(.mobile)) .breadcrumbs {
        display: none;
    }
    .product-browse-header.mobile .breadcrumbs {
        display: block !important;
    }
}

@media screen and (max-width: 1000px) {
    #form-add-cart {
        background-color: var(--colour-black);
        border-top: 1px solid var(--colour-primary);
        z-index: 100;
    }
    form#form-add-cart .form-block {
        position: static;
    }

    .zulu-product .frame-product .form-block .field label,
    #form-add-cart .field_qty .qty-wrapper label {
        padding: 0 5px 2px;
        font-size: 16px;
    }
    #form-add-cart .form-block.attribute-select .field input,
    #form-add-cart .form-block.attribute-select .field select,
    .zulu-product .frame-product .field select {
        padding: 8px 10px 7px;
        font-size: 16px;
        line-height: 1.1em;
    }

    #form-add-cart .field_qty .qty-wrapper .qty-container {
        width: 100%;
    }

    .zulu-product .frame-product #form-add-cart .sizeChart-popup {
        margin: 0;
        top: auto;
        right: 0;
        bottom: 100%;
        font-size: 12px;
        padding: 6px 8px 4px;
        border-radius: 5px 0 0 0;
        background-color: var(--colour-green);
        color: var(--colour-black);
    }
}

@media screen and (max-width: 600px) {
    .zulu-product .frame-product .field select {
        max-width: 100%;
        padding: 10px;
    }
    .zulu-product .frame-product .field .attribute-container {
        max-width: 100%;
    }
    #form-add-cart .form-block.attribute-select .field input, #form-add-cart .form-block.attribute-select .field select {
        font-size: 14px;
    }
    #form-add-cart {
        padding: 10px;
    }
    #form-add-cart .form-block.attribute-select > .field {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    #form-add-cart .form-block .field_qty .qty-wrapper {
        column-gap: 0;
    }

    .zulu-product .frame-product .form-block .field label,
    #form-add-cart .field_qty .qty-wrapper label {
        font-size: 14px;
        padding: 0 5px 0 0;
        min-width: 52px !important;
    }
}



/**-- Cart pop up --**/
.popdown-wrapper .popdown-head {
    background-color: var(--colour-black);

}
.popdown-wrapper .popdown-head h1 {
    color: var(--colour-primary);
}
.popdown-wrapper .popdown-head .close-popdown {
    background-color: var(--colour-primary);
    border-color: var(--colour-primary);
    color: var(--colour-black);
}
.popdown-wrapper .popdown-head .close-popdown:hover {
    border-color: var(--colour-primary);
}
.popdown-wrapper .popdown-body {
    background-color: var(--colour-black);
    max-height: calc(98vh - 180px);
}
.popdown-wrapper .popdown-foot .text-right a.button {
    background-color: var(--colour-primary);
    color: var(--colour-black);
    font-weight: 700;
}
.popdown-wrapper .popdown-foot {
    background-color: var(--colour-black);
    border-top: 1px solid var(--colour-primary);
}
.popdown-wrapper .popdown-foot .bt-soft {
    background-color: transparent;
}
.popdown-wrapper .popdown-foot .bt-soft:hover {
    color: var(--colour-primary);
    text-decoration: underline;
}
.popdown-total {
    color: var(--colour-primary);
}

.popdown-wrapper .alert.alert-success {
    background-color: var(--colour-black);
    border: 4px solid var(--colour-primary) !important;
    font-weight: 700;
}

@media screen and (max-width: 600px) {
    .popdown-wrapper .popdown-body h4 {
        font-weight: 20px;
        margin-bottom: 10px;
    }
    .popdown-wrapper .popdown-body .sub {
        font-size: 15px;
    }
    .popdown-wrapper .popdown-foot .col {
        padding: 0 !important;
    }
}



/**-- Cart Page --**/
.page-checkout .body {
    background-color: var(--colour-black);
}

.page-basket .cart-wrap .cart-row > .coltable .col-remove a {
    color: var(--colour-primary) !important;
}

.page-checkout .body .cart-summary dl.cart-pricing,
.price-extra > .price-extra-row .afterpay-price {
    background-color: var(--colour-black);
    color: var(--colour-primary);
    font-size: 20px;
}


.page-basket .cart-wrap .cart-row > .coltable .col-quantity .cart-controls .input-group button.quantity-min, .page-basket .cart-wrap .cart-row > .coltable .col-quantity .cart-controls .input-group button.quantity-add {
    background-color: var(--colour-charcoal);
    color: var(--colour-primary)
}

/**-- Afterpay --**/
.afterpay-popup-box .afterpay-popup-content p {
    color: var(--colour-black) !important;
}

/**-- Checkout --**/
.page-checkout .body .breadcrumbs.breadcrumbs-checkout > * {
    color: var(--colour-white) !important;
    font-weight: 700;
}
.page-checkout .body .breadcrumbs.breadcrumbs-checkout .breadcrumb.current {
    color: var(--colour-primary) !important;
}

.page-checkout .body .form-block .field input, .page-checkout .body .form-block .field select, .page-checkout .body .form-block .field textarea {
    background-color: var(--colour-charcoal);
    color: var(--colour-white);
}

.form-block .field label, .form-block .field p.caption, .form-block .field input, .form-block .field select, .form-block .field textarea {
    color: var(--colour-white) !important;
}

.page-checkout .body .form-block .field input:focus, .page-checkout .body .form-block .field select:focus, .page-checkout .body .form-block .field textarea:focus {
    border-color: var(--colour-primary);
}

.page-checkout .body .list-group {
    border-color: var(--colour-white);
}

.page-checkout .body .list-group .list-group-item {
    background-color: var(--colour-black);
}
.page-checkout .body .list-group .list-group-item .lgi-label label {
    color: var(--colour-white)

}

.page-checkout .body .list-group .list-group-item.selected .lgi-label label {
    background-color: var(--colour-primary);
    color: var(--colour-black);
}

.delivery-options .clickCollect-desc {
    color: var(--colour-primary);
    font-weight: 700;
}

.page-checkout .body .cart-summary .cart-row > .coltable .col-price p.price span {
    color: var(--colour-primary);
}

dl.dl-horizontal dt:not(.total),
dl.dl-horizontal dd:not(.total) {
    margin-bottom: 10px;
}

dl.dl-horizontal dt.total,
dl.dl-horizontal dd.total {
    margin-top: 0 !important;
}

.page-checkout .body .list-group .list-group-item.item-detail p {
    color: var(--colour-white)
}

.page-checkout .body .list-group .list-group-item .lgi-label label {
    padding-bottom: 14px;
    line-height: 1.5em;
}

.page-checkout .body .list-group .list-group-item ~ .list-group-item .lgi-radio input[type="radio"] {
    top: 50%;
    transform: translateY(-50%);
}

.page-checkout .body .cart-summary .cart-row:not(:first-child) {
    margin-top: 20px;
}

.page-checkout .body .cart-summary .cart-row .col.col-info {
    max-width: 70%;
}

.page-checkout .body .cart-header .row {
    color: var(--colour-white);
}

.page-checkout .body .list-group.customer-summary .lgi-content {
    color: var(--colour-white);
}

/**-- Sign in Page --**/
.page-login .body .frame .form_table {
    background-color: var(--colour-black);
}

.page-login .body .frame .form_table .field label {
    color: var(--colour-white)
}

/**-- Forgot Password --**/
.page-forgot .form_table,
.page-reset .form_table
 {
    background-color: var(--colour-black);
    color: var(--colour-white)
}
/**-- Request Account --**/
form#register .form-block-header {
    color: var(--colour-black)
}

form#register .form-block .field label,
form#register .form-block .field p.caption,
form#register .form-block .field input,
form#register .form-block .field select,
form#register .form-block .field textarea {
    color: var(--colour-white);
    background-color: var(--colour-charcoal);
}

form#register .form-block .field input:hover,
form#register .form-block .field select:hover,
form#register .form-block .field textarea:hover {
    border-color: var(--colour-primary);
}

form#register .form-block .field input:focus,
form#register .form-block .field select:focus,
form#register .form-block .field textarea:focus {
    border-color: var(--colour-primary);
}

form#register .form-caption {
    color: var(--colour-white)
}


.header-middle .shopping-wrapper .search-box .form-block .field input.form-control:focus, .search-box .form-block .field input:focus {
    color: var(--colour-black) !important;
}

.store-locator .store-list-item:not(:last-child) {
    border-color: var(--colour-primary);
}


/**-- News page --**/
.news-index .row-filter .categories .button {
    color: var(--colour-primary);
    background-color: var(--colour-black);
    border-color: var(--colour-primary);
}

.news-index .row-filter .categories .button.active {
    color: var(--colour-black);
    background-color: var(--colour-primary);
    border-color: var(--colour-primary);
}

.news-index .row-filter .categories .button:hover {
    color: var(--colour-primary);
    box-shadow: 0 0 0 2px var(--colour-primary);
}

.post-type-news.post-wrap .post-item .post-image.date-label .date, .post-slide-news.post-slide .post-item .post-image.date-label .date {
    background-color: var(--colour-black);
    color: var(--colour-primary)
}

.post-type-news.post-wrap .post-item .post-image.date-label .date::before, .post-slide-news.post-slide .post-item .post-image.date-label .date::before {
    color: var(--colour-primary)
}

.post-wrap.post-type-news .post-item .post-body h3, .post-slide.post-slide-news .post-item .post-body h3 {
    color: var(--colour-primary)
}

.post-wrap.post-type-news .post-item .post-body p, .post-slide.post-slide-news .post-item .post-body p {
    color: var(--colour-white);
}

.post-wrap.post-type-news .post-item:hover .post-body h3, .post-slide.post-slide-news .post-item:hover .post-body h3 {
    color: var(--colour-primary);
}

/**-- News Single Page --**/
.news-content h1 {
    color: var(--colour-white);
}

.news-content p, .news-content li {
    color: var(--colour-white)
}

.blog-sidebar .blog-categories-wrapper,
.blog-sidebar .blog-tags-wrapper {
    background-color: var(--colour-black);
}

.blog-sidebar h3 {
    color: var(--colour-white)
}

ul.blog-categories-list > li a {
    color: var(--colour-primary);
}

.news-footer {
    background-color: var(--colour-black);
}

.post-type-news .body .breadcrumb > * {
    color: var(--colour-white);
}
.post-type-news .body .breadcrumb a:hover {
    color: var(--colour-primary);
}

.blog-tag-cloud .tag a {
    color: var(--colour-white);
}

.blog-tag-cloud .tag a:hover {
    color: var(--colour-primary);
}


/**-- Login Member Page --*/
.zulu-order .body,
.zulu-order_view .body,
.zulu-sale_templates .body,
.zulu-staff .body,
.zulu-wishlist .body,
.zulu-client_address .body,
.zulu-client_address_edit .body,
.zulu-update .body,
.zulu-member .body {
    padding-top: 50px;
}

@media screen and (max-width: 1000px) {
    .zulu-checkout_index .body {
        padding-top: 30px;
    }
}

/* PB Menu Styles - Sidebar Navigation */
.pb-menu {
    margin: 0 30px 0 30px;
    background: var(--colour-primary);
    display: flex;
    border-radius: 8px;
}

.pb-menu .menu-list {
    list-style: none;
    margin: 0;
    padding: 5px;
}

.pb-menu .menu-item {
    display: block;
    width: 100%;
}
.pb-menu ul.menu-list li{
    margin: 0px;
}
.pb-menu .menu-link {
    display: block;
    padding: 15px 20px;
    color: var(--colour-charcoal, #333);
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease;
    position: relative;
    width: 100%;
    /* text-transform: uppercase; */
}

.pb-menu .menu-link:hover,
.pb-menu .menu-link.active {
    background-color: #f8f9fa;
    color: var(--colour-charcoal, #333);
    text-decoration: none;
    padding-left: 25px;
}

.pb-menu .menu-link:first-child:hover,
.pb-menu .menu-link.active:first-child {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.pb-menu .menu-link:last-child:hover,
.pb-menu .menu-link.active:last-child{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* horizontal Design */
.pb-menu.pb-menu-horizontal{
    /* margin: 0px; */
}
.pb-menu.pb-menu-horizontal .menu-list{
    display: flex;
    justify-content: center;
    gap: 3px;
    width: 100%;
}
.pb-menu.pb-menu-horizontal .menu-item{
    width: unset;
}
.pb-menu.pb-menu-horizontal .menu-link{
    font-size: 14px;
    padding: 15px 10px;
}
.pb-menu.pb-menu-horizontal .menu-link:hover,
.pb-menu.pb-menu-horizontal .menu-link.active {
    padding: 15px 10px;
}

.pb-menu.pb-menu-horizontal .menu-link:hover,
.pb-menu.pb-menu-horizontal .menu-link.active {
    border-radius: 8px;
    border-radius: 8px;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .pb-menu {
        margin-bottom: 20px;
    }
    .post-type-service .pb-section.section-pad-1{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .pb-menu .menu-link {
        padding: 12px 15px;
        font-size: 15px;
    }
    .pb-menu.pb-menu-horizontal .menu-link{
        font-size: 12px;
    }
    
    /* .pb-menu .menu-link:hover,
    .pb-menu .menu-item.active .menu-link {
        padding-left: 20px;
    } */
    .pb-menu.pb-menu-horizontal .menu-link:hover, 
    .pb-menu.pb-menu-horizontal .menu-link.active{
        padding: 10px 10px;
    }
    .pb-menu.pb-menu-horizontal .menu-link{
        padding: 10px 10px;
    }
    
    .pb-menu-service .menu-link {
        padding-left: 20px;
    }
    
    .pb-menu-horizontal {
        overflow-x: auto;
    }
    
    .pb-menu-horizontal .menu-list {
        white-space: nowrap;
    }
    
    .pb-menu-horizontal .menu-item {
        display: inline-block;
    }

    .pb-menu.pb-menu-horizontal .menu-list{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .pb-menu.pb-menu-horizontal .menu-item{
        width: 100%;
    }
}

/* Icon Info Grid Styles */
.icon-info-grid {
    margin: 0 -15px;
}

.icon-info-grid .pb-column {
    padding: 15px;
}

.icon-info-grid .pb-column.col-sm-3:nth-child(1),
.icon-info-grid .pb-column.col-sm-3:nth-child(3){
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

.icon-info-grid .pb-column.col-sm-3:nth-child(2),
.icon-info-grid .pb-column.col-sm-3:nth-child(4){
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.icon-info-grid .pb-block-type-code {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
}

.icon-info-grid .pb-block-type-code i {
    font-size: 60px;
    color: var(--colour-primary);
    transition: var(--transition);
}

.icon-info-grid .pb-block-type-text h3 {
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 15px;
    color: var(--colour-white);
    
}

.icon-info-grid .pb-block-type-text p {
    font-size: 16px;
    line-height: 1.5em;
    color: var(--colour-grey);
    margin: 0;
}

/* Hover effects */
/* .icon-info-grid .pb-column:hover .pb-block-type-code i {
    transform: scale(1.1);
    color: var(--colour-red);
}

.icon-info-grid .pb-column:hover .pb-block-type-text h3 {
    color: var(--colour-primary);
} */

/* Responsive Design */
@media screen and (max-width: 768px) {
    .icon-info-grid .pb-column {
        padding: 10px;
    }

    .icon-info-grid .pb-block-type-code {
        min-height: unset;
    }

    .icon-info-grid .pb-block-type-code i {
        font-size: 36px;
    }
    
    .icon-info-grid .pb-block-type-text h3 {
        font-size: 20px;
        text-align: center;
    }
    
    .icon-info-grid .pb-block-type-text p {
        font-size: 15px;
        text-align: center;
    }
    
    .icon-info-grid .pb-column.col-sm-3,
    .icon-info-grid .pb-column.col-sm-3:nth-child(1),
    .icon-info-grid .pb-column.col-sm-3:nth-child(2),
    .icon-info-grid .pb-column.col-sm-3:nth-child(3),
    .icon-info-grid .pb-column.col-sm-3:nth-child(4){
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .icon-info-grid .pb-block-type-code i {
        font-size: 26px;
    }

    .icon-info-grid .pb-block.pb-block-type-code > .pb-block-content,
    .icon-info-grid .pb-block.pb-block-type-text > .pb-block-content{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .icon-info-grid .pb-block-type-text h3 {
        font-size: 14px;
        margin-bottom: 6px;
    }
    
    .icon-info-grid .pb-block-type-text p {
        font-size: 14px;
    }
}

a:has(.fas) {
    white-space: nowrap;
}
/* Alternative solution for broader support */
a .fas {
    white-space: nowrap;
}

.rlink.has-children{
    position: relative;
}
.rlink.has-children .menu-dropdown{
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-1px);
    transform: translateX(-50%);
    border-top-width: 0px;
    /* margin-top: 32px; */
    list-style: none;
    z-index: 98;
    width: 200px;
    display: none;
}
.rlink.has-children:hover .menu-dropdown{
    display: block;
}
.rlink.has-children.open .menu-dropdown{
    display: block;
}
.rlink.has-children .menu-dropdown li{
    position: relative;
    z-index: 1000;
    width: 100%;
    margin: 0;
    background-color: var(--colour-black);
    border-bottom: 1px solid var(--colour-white);
}
.rlink.has-children .menu-dropdown li a{
    display: block;
    width: 100%;
    color: var(--colour-white);
    padding: 12px;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
}

.rlink.has-children .menu-dropdown li a:hover{
    color: var(--colour-primary);
}