/* Switch to border-box for box-sizing. */
html {
	box-sizing:border-box;
}
*, ::before, ::after {
	box-sizing: inherit;
}

/* Immediately jump any animation to the end point if the user has set their device to "prefers reduced motion". */
/* This could create bad, unintended consequences. Remove as needed, and write your own appropriate code for prefers-reduced-motion. */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
  }
}

/* Embedded content
   ========================================================================== */

img, video, canvas, audio, iframe, embed, object  { 
  display: block; /* Switch display mode to block, since that's what we usually want for images. */
  vertical-align: middle;  /* If you override, and make an image inline, it's likely you'll want middle vertical alignment. */
}
img, video {
  max-width: 100%; /* Make images and video flexible by default. */
  height: auto; /* Ensure images and video maintain their aspect ratio when max-width comes into play. */
}
img {
  border-style: none; /* Remove the border on images inside links in IE 10 and earlier. */
}
video {
	cursor:pointer; /* Videos can be clicked to play so should have cursor pointer */
}


blockquote {
	padding:0;
	margin:0;
}

ul {
	padding-left: 1.2em;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.3; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap; /* Overflow by default is bad. */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit;
  line-height: inherit; /* 1 */
  margin: 0; /* 2 */
  border: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

html {
	height:100%;
	font-size: 16px;
	scroll-behavior: smooth;
	scroll-padding-top:var(--headerHeight, 100px);
	--vw:1vw;
	--100vw:calc(var(--vw)*100);
}
					
body {
	min-height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
	scroll-padding-top:var(--headerHeight, 100px);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

main {
	min-width:0;
}

.module {
    max-width: 100dvw;
    position: relative;
    z-index: 1
}

.module,.module--editor {
    width: 100%
}

.container {
    --container-default: calc(var(--header-footer-container) * 0.98);
	max-width: var(--container-default);
    width: calc(95% - (10px * 2));
	margin:0 auto;
    position: relative;
    z-index:1;
}

.footer-container-wrapper {
	margin-top:auto;
}

.header--hide{
    display: none;
}

.header-block:has(.header--sticky){
	position:-webkit-sticky;
    position: sticky;
    top: 0;
	z-index: 1000;
}

.header-container-wrapper:has(.header--fixed),
.header-block:has(.header--fixed){
    width: 100%;
    position: fixed;
    z-index: 100;
}

/**
 * Remove Min heights.
 */

.row-fluid.row-fluid [class*="span"] {
	min-height:0;
}

.video-mute-button {
    color: #FFF;
    opacity: 1;
    font-size: 1.2rem;
    width: 1.6em;
    height: 1.6em;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2em;
    line-height: 1;
    cursor: pointer;
}

.video-control-buttons{
    position: absolute;
    right: 1.6vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.video-pause-button {
    color: #FFF;
    opacity: 1;
    font-size: 1.2rem;
    width: 1.6em;
    height: 1.6em;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2em;
    line-height: 1;
    cursor: pointer;
}

.video-play-button {
    color: #FFF;
    opacity: 1;
    font-size: 1.2rem;
    width: 1.6em;
    height: 1.6em;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2em;
    line-height: 1;
    cursor: pointer;
}

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

    .video-control-buttons{
        top: unset;
        transform: none;
        bottom: 30px;
    }
}

@media only screen and (min-width: 1281px) {

    .container {
        width: calc(100% - (67px * 2));
    }
    
    .header-block:has(.header--sticky.scrolled-past),
    .header-block:has(.header--fixed.scrolled-past){
        max-height: 40px;
        margin-bottom: calc(var(--headerHeight, 100) - 40px);
    }

    .header-block:has(.header--sticky.scrolled-past):hover,
    .header-block:has(.header--fixed.scrolled-past):hover {
        max-height:none;
        margin-bottom:0;
    }

    .header-block > div,
    .header-container-wrapper > div{
        transition:transform 0.6s ease;
    }
    
    .header-container-wrapper:has(.header--tfl) .header--tfl, .header-block:has(.header--tfl) .header--tfl{
        transform:translate(0,0);
    }
    
    .header-block:has(.header--sticky.scrolled-past) > div,
    .header-block:has(.header--fixed.scrolled-past) > div{
        transform:translate(0,-100%);
    }
    .header-block:has(.header--sticky.scrolled-past):hover > div,
    .header-block:has(.header--fixed.scrolled-past):hover > div{
        transform:translate(0);
    }
}
.hs-tools-menu.hs-tools-menu {
	top: 0!important;
    right: 0!important;
}
.hs-tools-menu.hs-collapsed {
    overflow: hidden;
    border-radius: 0% 0% 0% 100% !important;
}
.hs-tools-menu.hs-tools-menu img.hs-sprocket {
	width: 32px!important;
    padding: 3px 3px 4px 4px!important;
	pointer-events: none;
}


:root, :root::before, :root::after {
	--font-pre-title-size:					    max(20px,min(20px,20px + 0 * (100vw - 360px) / 664) + (max(0px,0 * (100vw - 1024px) / 736)));;
    --font-pre-title-weight:				    300;
    --font-pre-title-line-height:			    1.2;
    --font-pre-title-letter-spacing:			0.0em;
    
	--font-h1-size:								max(40px,min(60px,40px + 20 * (100vw - 360px) / 664) + (max(0px,12 * (100vw - 1024px) / 736)));;
    --font-h1-weight:							300;
    --font-h1-line-height:						1.2;
	--font-h1-letter-spacing:					0.0em;
	--font-h1-color:							#000000;
	--font-h1-color-light:						#FFFFFF;
	--font-h2-size:								max(30px,min(35px,30px + 5 * (100vw - 360px) / 664) + (max(0px,13 * (100vw - 1024px) / 736)));;
    --font-h2-weight:							300;
    --font-h2-line-height:						1.08;
	--font-h2-letter-spacing:					0.001em;
	--font-h2-color:							#000000;
	--font-h2-color-light:						#FFFFFF;
	--font-h3-size:								max(24px,min(26px,24px + 2 * (100vw - 360px) / 664) + (max(0px,6 * (100vw - 1024px) / 736)));;
    --font-h3-weight:							300;
    --font-h3-line-height:						1.2;
	--font-h3-letter-spacing:					0.0em;
	--font-h3-color:							#000000;
	--font-h3-color-light:						#FFFFFF;
	--font-h4-size:								max(20px,min(22px,20px + 2 * (100vw - 360px) / 664) + (max(0px,2 * (100vw - 1024px) / 736)));;
    --font-h4-weight:							300;
    --font-h4-line-height:						1.2;
	--font-h4-letter-spacing:					0.0em;
	--font-h4-color:							#000000;
	--font-h4-color-light:						#FFFFFF;
	--font-h5-size:								max(18px,min(18px,18px + 0 * (100vw - 360px) / 664) + (max(0px,0 * (100vw - 1024px) / 736)));;
	--font-h5-weight:						    300;
    --font-h5-line-height:						1.2;
	--font-h5-letter-spacing:					0.0em;
	--font-h5-color:							#000000;
	--font-h5-color-light:						#FFFFFF;
	--font-body-size:							max(18px,min(20px,18px + 2 * (100vw - 360px) / 664) + (max(0px,0 * (100vw - 1024px) / 736)));;
    --font-body-weight:							300;
    --font-body-line-height:					1.21;
	--font-body-letter-spacing:					0.0em;
	--font-body-color:							#000000;
	--font-body-color-light:					#FFFFFF;
	--font-link-underline:						underline;
	--font-link-color:							#000000;
	--font-link-color-light:					#FFFFFF;
	--font-link-weight:							300;
	--font-link-hover-underline:				underline;
	--font-link-hover-color:					#000000;
	--font-link-hover-color-light:				;
    --font-strong-font-weight:					500;
}

body {
	font-family: var(--font-founders);
	font-size:var(--font-body-size);
    font-weight: var(--font-body-weight);
	line-height: 1.2;
	letter-spacing: var(--font-body-letter-spacing);
	color: var(--font-body-color);
    --font-body-color-initial: var(--font-body-color);
	--font-h1-color-initial: var(--font-h1-color);
	--font-h2-color-initial: var(--font-h2-color);
	--font-h3-color-initial: var(--font-h3-color);
	--font-h4-color-initial: var(--font-h4-color);
	--font-h5-color-initial: var(--font-h5-color);
	--font-link-color-initial: var(--font-link-color);
}

strong,
.t-bold{
    font-weight: var(--font-strong-font-weight) !important;
}


h1, .text-h1{
	font-family: var(--font-founders);
    font-size: var(--font-h1-size);
	font-weight: var(--font-h1-weight);
	line-height: var(--font-h1-line-height);
	letter-spacing: var(--font-h1-letter-spacing);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:pretty;
}
h2,.text-h2{
	font-family: var(--font-founders);
	font-size: var(--font-h2-size);
	font-weight: var(--font-h2-weight);
	line-height: var(--font-h2-line-height);
	letter-spacing: var(--font-h2-letter-spacing);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:pretty;
}
h3,.text-h3{
	font-family: var(--font-founders);
	font-size: var(--font-h3-size);
	font-weight: var(--font-h3-weight);
	line-height: var(--font-h3-line-height);
	letter-spacing: var(--font-h3-letter-spacing);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:pretty;
}
h4,.text-h4{
	font-family: var(--font-founders);
	font-size: var(--font-h4-size);
	font-weight: var(--font-h4-weight);
    line-height: var(--font-h4-line-height);
	letter-spacing: var(--font-h4-letter-spacing);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:pretty;
}

h5,.text-h5{
	font-family: var(--font-founders);
	font-size: var(--font-h5-size);
	font-weight: var(--font-h5-weight);
    line-height: var(--font-h5-line-height);
	letter-spacing: var(--font-h5-letter-spacing);
	margin: calc(2.25 * var(--font-body-size)) 0 var(--font-body-size);
	text-wrap:pretty;
}

.text-h1--bold{
    font-weight: 600;
}
.text-h2--bold{
    font-weight: 500;
}
.text-h3--bold{
    font-weight: 500;
}
.text-h4--bold{
    font-weight: 500;
}
.text-h5--bold{
    font-weight: 500;
}

body.tfl-2024 h1, body.tfl-2024 .text-h1{
	color: var(--font-h1-color);
}
body.tfl-2024 h2, body.tfl-2024 .text-h2{
	color: var(--font-h2-color);
}
body.tfl-2024 h3, body.tfl-2024 .text-h3{
	color: var(--font-h3-color);
}
body.tfl-2024 h4, body.tfl-2024 .text-h4{
	color: var(--font-h4-color);
}

:where(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5):first-child,
.pre-title + :is(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5) {
	margin-top: 0;
}
:link,:visited {
	font-family: var(--font-founders);
	color: var(--font-link-color);
	text-decoration: var(--font-link-underline);
	font-weight: var(--font-link-weight);
	transition: all 0.25s ease-in-out;
	text-wrap:pretty;
  text-decoration-thickness: 1px;
}
:link:hover,:visited:hover {
    color: var(--font-link-hover-color);
	text-decoration: var(--font-link-hover-underline);
}

:where(h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,h5,.text-h5) a {
    font-weight:inherit;
}

ul {
	padding-left:1.3em;
	list-style:none;
}
:not(.hs-tools-actions) > li:not(.sub-nav-module__list__item, .shopify-buy__cart-item,.footer__nav__li,.cards__tile,.slider__item,.case-studies__item,.g-r-slider__item,.image-text-items__item,.latest__tile,.methodology-circles__step,.sectors__tile, form.hs-form .inputs-list > li, .slick-dots li, .image-text-items--global__item)::before {
	content:':';
	font-family:"New Century Colon";
	translate: -0.7em;
	display: inline-block;
	width: 0;
}
.color-light{    
    color: var(--font-body-color);
	--font-body-color: var(--font-body-color-light);
	--font-h1-color: var(--font-h1-color-light);
	--font-h2-color: var(--font-h2-color-light);
	--font-h3-color: var(--font-h3-color-light);
	--font-h4-color: var(--font-h4-color-light);
	--font-h5-color: var(--font-h5-color-light);
	--font-link-color: var(--font-link-color-light);
	--font-link-hover-color: var(--font-link-hover-color-light);
	--module-settings-divider-color: var(--module-settings-divider-color-light);
}

.color-reset {
    color: var(--font-body-color);
	--font-body-color: var(--font-body-color-initial);
	--font-h1-color: var(--font-h1-color-initial);
	--font-h2-color: var(--font-h2-color-initial);
	--font-h3-color: var(--font-h3-color-initial);
	--font-h4-color: var(--font-h4-color-initial);
	--font-h5-color: var(--font-h5-color-initial);
	--font-linkC-clor: var(--font-link-color-initial);
}
:root, :root::before, :root::after {
    --color-transparent:						transparent;
	--color-white:								#FFF;
	--color-black:								#000;    
}

.color--white {color: var(--color-white);}
.color--black {color: var(--color-black);}
.bg-color--transparent {background-color: var(--color-transparent);}

.bg-color--white {background-color: var(--color-white);}
.bg-color--black {background-color: var(--color-black);}
.bg-color--image {
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.bg-video {
	position:absolute;
	inset:0;
    overflow: hidden;
}
.bg-video video {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bg-parallax{
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* .bg-video--fill-height .hs-video-widget {
	min-height: 100%;
	min-width: 100%;
	aspect-ratio: var(--videoAspectRatio);
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
} */
.bg-video .hs-video-container,
.bg-video .hs-video-widget{
	height: 100%;
	width: 100%;
	inset:0;
    position: absolute;    
}

.bg-video .hs-video-widget .hs-video-wrapper{
    aspect-ratio: var(--videoAspectRatio);
    height: 100% !important;
    left: 50%;
    position: absolute !important;
    transform: translate(-50%);   
}
.bg-video__placeholder{
    position:absolute;
	top:0;
	left:0;
    opacity: 0;
    visibility: hidden;
	width:100%;
	height:100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    transition: visibility 0.1s, opacity 0.1s;

}
.bg-video__placeholder.active{
    opacity: 1;
    visibility: visible;
}

.overlay:before{
    content: '';
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    width: 100%;    
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg-overlay {
    content: '';
    position: absolute;
    width: calc(100% + 0.2px);    
    height: calc(100% + 0.2px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.bg-overlay--white {background-color: var(--color-white);}
.bg-overlay--black {background-color: var(--color-black);}
.video--fit > video{
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image--centralise{
    margin: auto;
}

.tfl-grid{
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: auto;
    column-gap: 25px;
}

.tfl-grid--top{
    align-items: flex-start;
    align-items: start;
}

.tfl-grid--middle{
    align-items: center;
}

.tfl-grid--bottom{
    align-items: flex-end;
    align-items: end;
}

.tfl-grid--8{
    grid-template-columns: repeat(8, 1fr);
}

.tfl-grid-start-1{
    grid-column-start: 1;
}

.tfl-grid-start-2{
    grid-column-start: 2;
}

.tfl-grid-start-3{
    grid-column-start: 3;
}

.tfl-grid-start-4{
    grid-column-start: 4;
}

.tfl-grid-start-5{
    grid-column-start: 5;
}

.tfl-grid-start-6{
    grid-column-start: 6;
}

.tfl-grid-start-7{
    grid-column-start: 7;
}

.tfl-grid-start-8{
    grid-column-start: 8;
}

.tfl-grid-start-9{
    grid-column-start: 9;
}

.tfl-grid-start-10{
    grid-column-start: 10;
}

.tfl-grid-start-11{
    grid-column-start: 11;
}

.tfl-grid-start-12{
    grid-column-start: 12;
}

.tfl-grid-start-13{
    grid-column-start: 13;
}

.tfl-grid-start-14{
    grid-column-start: 14;
}

.tfl-grid-start-15{
    grid-column-start: 15;
}

.tfl-grid-start-16{
    grid-column-start: 16;
}

.tfl-grid-end-1{
    grid-column-end: 2;
}

.tfl-grid-end-2{
    grid-column-end: 3;
}

.tfl-grid-end-3{
    grid-column-end: 4;
}

.tfl-grid-end-4{
    grid-column-end: 5;
}

.tfl-grid-end-5{
    grid-column-end: 6;
}

.tfl-grid-end-6{
    grid-column-end: 7;
}

.tfl-grid-end-7{
    grid-column-end: 8;
}

.tfl-grid-end-8{
    grid-column-end: 9;
}

.tfl-grid-end-9{
    grid-column-end: 10;
}

.tfl-grid-end-10{
    grid-column-end: 11;
}

.tfl-grid-end-11{
    grid-column-end: 12;
}

.tfl-grid-end-12{
    grid-column-end: 13;
}

.tfl-grid-end-13{
    grid-column-end: 14;
}

.tfl-grid-end-14{
    grid-column-end: 15;
}

.tfl-grid-end-15{
    grid-column-end: 16;
}

.tfl-grid-end-16{
    grid-column-end: 17;
}

.no-display, .visuallyhidden, .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {   
    .tfl-grid{
        grid-template-columns: repeat(1, minmax(0, 100%)) !important;
        column-gap: 0;
    }
    
    .tfl-grid > *{
        grid-column-start: 1;
        grid-column-end: 16;
    }
}


@media only screen and (min-width: 641px) {   
    .t-align-left-d{
        text-align: left;
    }

    .t-align-center-d{
        text-align: center;
    }

    .t-align-right-d{
        text-align: right;
    }
}

@media only screen and (max-width: 640px) {   
    .t-align-left-m{
        text-align: left;
    }

    .t-align-center-m{
        text-align: center;
    }

    .t-align-right-m{
        text-align: right;
    }
}


/* FORMS */
.hs-form-field {
	position: relative;
}

.hs-form-field:where(.hs-fieldtype-text,.hs-fieldtype-phonenumber,.hs-fieldtype-select):is(:focus-within,:has(:is(:where(input):not(:placeholder-shown),select:not(.is-placeholder)))) > label {
	translate: 0 -100%;
	scale: 0.9;
}

.hs-form-field:where(.hs-fieldtype-select) select.is-placeholder {
    font-size: 0 !important;
}

.hs-form-field:where(.hs-fieldtype-text,.hs-fieldtype-phonenumber, .hs-fieldtype-select) > label {
	position: absolute;
	top: 50%;
	left: 0;
	transition: translate 0.25s ease-in-out, scale 0.25s ease-in-out;
    transform: translateY(-50%);
	transform-origin: bottom left;
}

fieldset:has(.hs-error-msgs) .hs-form-field:where(.hs-fieldtype-text,.hs-fieldtype-phonenumber, .hs-fieldtype-select) > label {
    top: calc(50% - 35px);
}

.hs-fieldtype-textarea label{
    margin-bottom: 1rem;
    display: block;
}

.inputs-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.inputs-list li.hs-form-booleancheckbox:before {
    display: none;
}

:root, :root::before, :root::after {
    --form-gdpr-size:							var(--font-h5-size);
	--form-gdpr-weight:							var(--font-h5-weight);
	--form-gdpr-line-height:					var(--font-h5-line-height);
	--form-labels-size:							var(--font-h4-size);
    --form-labels-margin-bottom:				62px;
	--form-input-size:							var(--font-h4-size);
    --form-fields-padding-top-bottom:   	 	15px;
    --form-fields-padding-left-right:			0;
    --form-fields-margin-bottom:				50px;
    --form-fields-column-gap:					10px;
        
    --form-primary-background-color:				transparent;
    --form-primary-text-color:						var(--font-body-color);

    --form-primary-label-weight:					var(--font-h4-weight);
    --form-primary-label-line-height:				var(--font-h4-line-height);
    --form-primary-label-color:						#909090;
    --form-primary-input-background-color:			transparent;
    --form-primary-drop-down-icon-color:			#909090;
    --form-primary-input-border-size:				1px;
    --form-primary-input-border-color:				var(--font-body-color);
    --form-primary-input-border-radius:				0;
    --form-primary-input-color:						var(--font-body-color);
    --form-primary-input-placeholder:				;
    --form-primary-warning-message-color:			red;
    --form-primary-success-message-color:			var(--font-body-color);
    --form-fields-min-height: 59px;
}/* ------------------ FORM WRAPPER ------------------ */

.component__form > *:first-child {
	margin-top:0;
}
/* @media only screen and (min-width: 961px) {
    .component__form--overflow{
        z-index: 2;
        position: absolute;
        top: 0;
    }
} */

/* ------------------ GENERAL FORM LAYOUT ------------------ */
/* Columns */
form.hs-form fieldset{
	max-width: none;
	width: 100%;
    display: flex;
	column-gap:var(--form-fields-column-gap);
}
form.hs-form .hs-form-field,
form.hs-form .hs-dependent-field,
form.hs-form > .hs-richtext,
form.hs-form > .legal-consent-container {
	width:100% !important;
	margin-bottom: var(--form-fields-margin-bottom);
}
form.hs-form .hs-richtext > *:first-child {
	margin-top:0;
}

.form__text{
    padding-bottom: 1rem;
}

form.hs-form .hs-richtext p{
    font-size: var(--form-gdpr-size) !important;
}

@media only screen and (max-width: 640px) {
	form.hs-form fieldset {
        flex-direction: column;
	}
	form.hs-form fieldset .hs-form-field,
	form.hs-form fieldset.form-columns-2 .hs-form-field,
	form.hs-form fieldset.form-columns-3 .hs-form-field,
	form.hs-form fieldset .hs-dependent-field,
	form.hs-form fieldset.form-columns-2 .hs-dependent-field,
	form.hs-form fieldset.form-columns-3 .hs-dependent-field,
	form.hs-form fieldset > .hs-richtext,
	form.hs-form fieldset > .legal-consent-container {
		width:100%;
	}
}

/* Labels */
.component__form .hs-form label{
	display: block;
	font-size: var(--form-labels-size);
	margin-bottom: var(--form-labels-margin-bottom);
}
/* Validation */


/* Help text - legends */
form.hs-form legend {
	font-size: calc(var(--form-labels-size) * 0.8);
	font-weight: 400;
	margin: calc(var(--form-labels-margin-bottom) * -1) 0 calc(var(--form-labels-margin-bottom) * 0.5);
}

/* Fields */
form.hs-form .hs-form-field.hs-form-field .input,
form.hs-form .hs-dependent-field.hs-dependent-field .input {
	display: flex;
	width:100%;
	margin:0;
}

/* Input */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]) {
	width:100%;
	font-size:var(--form-input-size);
	line-height:inherit;
	padding: var(--form-fields-padding-top-bottom)  var(--form-fields-padding-left-right) var(--form-fields-padding-top-bottom);
	border-radius: var(--module-settings-form-inputs-border-radius);
	outline:none;
	box-shadow: none;
	-webkit-appearance: none;
    appearance: none;
    min-height: var(--form-fields-min-height);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-moz-placeholder{ /* Firefox 18- */
	opacity:1;
}
/* form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type=text],[type=email],[type=password],[type=tel],[type=number]):focus-visible {
	outline: max(0.5px, 0.05em) solid currentColor;
/* outline-offset: max(1px, 0.05em); */
} */

/* Text area */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea{
	min-width:100%;
	width:100%;
	font-size:var(--form-input-size);
	line-height:inherit;
	padding: var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
	border-radius:var(--module-settings-form-inputs-border-radius);
	outline:none;
	box-shadow: none;
	min-height: 8rem;
}

form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-moz-placeholder{ /* Firefox 18- */
	opacity:1;
}
/* form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:focus-visible {
	outline: max(0.9px, 0.05em) solid currentColor;
} */

/* Select https://www.filamentgroup.com/lab/select-css.html */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select{
    min-height: var(--form-fields-min-height);
	display: block;
	max-width: 100%;
	width:100%;
	font-size:var(--form-input-size);
	line-height:inherit;
	height: auto;
	border-radius: var(--module-settings-form-inputs-border-radius);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	cursor:pointer;
	
	background-color:transparent;
	background-repeat: no-repeat, repeat;
	background-position: right var(--form-fields-padding-left-right) top 50%, 0 0;
	background-size: calc(0.55 * var(--form-input-size)) auto, 100%;
	background-clip: padding-box;
	padding: var(--form-fields-padding-top-bottom) calc(var(--form-fields-padding-left-right) * 2 + calc(0.55 * var(--form-input-size))) var(--form-fields-padding-top-bottom) var(--form-fields-padding-left-right);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select::-ms-expand{
	display: none;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select:hover{}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select:focus{}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select:focus-visible {
	outline: max(0.9px, 0.05em) solid transparent;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select option {
/* 	color: #000000; */
	font-weight:normal;
}

/* Checkbox/Radio */
form.hs-form .inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
}
form.hs-form .inputs-list > li {
	margin: 0.4em 0 0.7em;
}
form.hs-form .inputs-list:not(.hs-error-msgs) label {
    --form-input-size: var(--font-h5-size);
	font-size: var(--form-input-size);
	margin-bottom: 0;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	cursor: pointer;
}
form.hs-form .inputs-list input,
form.hs-form .inputs-list span {
	vertical-align: middle;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"]) {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: transparent;
	/* Not removed via appearance */
	margin: 0.05em 0 0;
	font: inherit;
	width: 1.05em;
	height: 1.05em;
	border: max(1px, 0.1em) solid currentColor;
	border-radius: max(1px, 0.1em);
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
	cursor:pointer;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type=radio] {
	border-radius:50%;	
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"])::before{
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em currentColor;
	/* Windows High Contrast Mode */
/* 	background-color: CanvasText; */
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type="checkbox"]::before {
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type="radio"]::before {
	border-radius: inherit;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"]):checked::before{
	transform: scale(1) translate(-0.1px,0.1px);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input:is([type="checkbox"],[type="radio"]):focus-visible {
	outline: max(0.9px, 0.05em) solid currentColor;
/* outline-offset: max(0.5px, 0.05em); */
	outline-offset: 0;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) input[type="checkbox"]:disabled {
	color: #959495;
	cursor: not-allowed;
}

/* Datepicker */
form.hs-form .hs-dateinput {
	position: relative;
	width:100%;
}
form.hs-form .hs-dateinput::before {
	content:'';
	position: absolute;
	right: var(--form-fields-padding-left-right);
	background-repeat: no-repeat;
	background-size: contain;
	font-size:var(--form-input-size);
	height: 1.1em;
	width: 1.1em;
	top: 50%;
	transform: translateY(-50%);
	cursor:pointer;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input .hs-dateinput input{
	padding-right: calc(var(--form-fields-padding-left-right) * 2 + 1em);
}

/* File picker */
form.hs-form .hs_upload_a_file label {
	cursor: pointer;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]{
	background: transparent;
	border: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	cursor: pointer;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::-webkit-file-upload-button{

	text-align: center;
	-webkit-appearance: none;
	appearance: none;
	cursor:pointer;
	margin: 0 0.5em 0 1px;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]::file-selector-button{

	text-align: center;
	-webkit-appearance: none;
	appearance: none;
	cursor:pointer;
	margin: 0 0.5em 0 1px;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]:focus-visible::-webkit-file-upload-button{
	outline: max(0.9px, 0.05em) solid currentColor;
}
form.hs-form :is(.hs-form-field.hs-form-field,.hs-dependent-field.hs-dependent-field) .input input[type="file"]:focus-visible::file-selector-button{
	outline: max(0.9px, 0.05em) solid currentColor;
}

/* Phone With Country DropDown */
form.hs-form .hs-input.hs-fieldtype-intl-phone {
    width: 100%!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone select {
	width: 18rem!important;
}
form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
    width: calc(100% - 18rem - var(--form-fields-column-gap))!important;
}
@media only screen and (max-width: 400px) {
	form.hs-form .hs-input.hs-fieldtype-intl-phone select {
		width: 100% !important;
		margin-bottom: var(--form-fields-margin-bottom);
	}
	form.hs-form .hs-input.hs-fieldtype-intl-phone input[type="tel"] {
		width: 100%!important;
	}
}

/* GDPR */
form.hs-form fieldset > .legal-consent-container,
form.hs-form > .legal-consent-container,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display p,
form.hs-form > .legal-consent-container .hs-form-booleancheckbox-display span{
	font-size: var(--form-gdpr-size);
    font-weight: var(--form-gdpr-weight);
	line-height: var(--form-gdpr-line-height);
	margin-top: calc(var(--form-fields-margin-bottom) * 0.2 * -1);
	margin-bottom:0.8em;
}
form.hs-form .legal-consent-container .hs-richtext > p {
	margin: 0 0 0.4em;
}
form.hs-form .legal-consent-container .hs-richtext > a,
form.hs-form .legal-consent-container .hs-richtext > p > a{
	color: inherit;
    font-weight: 600;
}
form.hs-form .legal-consent-container .hs-richtext > a:hover,
form.hs-form .legal-consent-container .hs-richtext > p > a:hover{
    text-decoration: underline;
}
form.hs-form .legal-consent-container :is(.hs-form-field,.hs-dependent-field){
	margin:0;
}
form.hs-form .legal-consent-container .hs-fieldtype-booleancheckbox{
    margin:0.3em 0;
}
form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:inherit;
}
form.hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
	margin: 0;
}

/* Captcha */
.grecaptcha-badge {
	margin: 0;
	box-shadow: gray 0px 0px 1px !important;
}




/* ------------------- Primary Styling ------------------- */
.component__form--primary {
    color: var(--form-primary-text-color);
}

/* Label */
form.hs-form label{
	color: var(--form-primary-label-color);
	font-weight: var(--form-primary-label-weight);
	line-height: var(--form-primary-label-line-height);
    font-size: var(--form-labels-size);
}

/* Input */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=text],[type=email],[type=password],[type=tel],[type=number],[type=file]) {
	border-bottom: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	background: var(--form-primary-input-background-color);
	color: var(--form-primary-input-color);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primary-input-placeholder);
}
/* Text area */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea{
	border:var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	background: var(--form-primary-input-background-color);
	color: var(--form-primary-input-color);
    width: 100%;
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea::-moz-placeholder{ /* Firefox 19+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-ms-input-placeholder{ /* IE 10+ */
	color: var(--form-primary-input-placeholder);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input textarea:-moz-placeholder{ /* Firefox 18- */
	color: var(--form-primary-input-placeholder);
}

/* Select https://www.filamentgroup.com/lab/select-css.html */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input select{
	border-bottom: var(--form-primary-input-border-size) solid var(--form-primary-input-border-color);
	color: var(--form-primary-input-color);
	
	background-image: 
	url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2213%22%20viewBox%3D%220%200%2016%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2013L0.205772%200.250001L15.7942%200.249998L8%2013Z%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fsvg%3E')
, linear-gradient(to bottom, var(--form-primary-input-background-color) 0%,var(--form-primary-input-background-color) 100%);
}

/* Checkbox/Radio */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input:is([type=checkbox],[type=radio]) {
	color: var(--form-primary-input-color);
}

/* Datepicker */
form.hs-form .hs-dateinput::before {
	
	background-image: 
	url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M19%2019H5V8h14m-3-7v2H8V1H6v2H5c-1.11%200-2%20.89-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2h-1V1%22%2F%3E%3C%2Fsvg%3E')
;
}

/* File picker */
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input[type=file]{
    color: var(--form-primary-label-color);
}


/* Messages */
.hs_cos_wrapper_type_form .submitted-message{
	color: var(--form-primary-success-message-color);
}
form.hs-form :is(.hs-form-field,.hs-dependent-field) .input input.invalid.error{
    border-bottom: 1px solid var(--form-primary-warning-message-color);
}
form.hs-form label.hs-error-msg,
form.hs-form .hs-error-msgs.inputs-list {
    --form-labels-size: 16px;
    color: var(--form-primary-warning-message-color);
}


form.hs-form .hs-fieldtype-radio > label{
    display: block;
    margin-bottom: 20px;
}

form.hs-form .hs-submit{
    margin-top: 40px;
}

.form:has(.form__webinar.active) form.hs-form{
    display: none;
}

.form__webinar{
    display: none;
    pointer-events: none;
}

.form__webinar.active{
    display: block;
    pointer-events: auto;
}

.form:has(.form__webinar.active):has(.submitted-message) .form__webinar, 
.form:has(.form__webinar.active):has(.submitted-message p) .form__webinar{
    margin-top: 50px;
}

.form:has(.form__webinar.active):has(.submitted-message) .submitted-message p:first-child{
    margin-top: 0;
}

@media only screen and (max-width: 1280px) {   
    .tfl-24 .popupform__heading{
        margin-bottom: 30px;
    }
}
.slick-initialized .slick-slide{
    cursor: drag !important;    
}

.shopify-buy-frame--cart{
	z-index: 99999 !important;
	max-width:410px !important;
}
.shopifyUK.shopify-buy-frame--cart.is-active{
	display:block !important;
}
.shopifyUS.shopify-buy-frame--cart.is-active{
	display:block !important;
}
.shopifyAU.shopify-buy-frame--cart.is-active{
	display:block !important;
}
.shopify-buy__cart .th-1,.shopify-buy__cart .th-2,.shopify-buy__cart .th-3{
	float:left;
	color:#ccc;
	font-size:15px;
	margin-top:0px;
}
.shopify-buy__cart .th-1{
	width:50%;
}
.shopify-buy__cart .th-2{
	width: 105px;
}
.shopify-buy__cart .th-3 {
  float: right;
}
.shopify-buy-frame{
	transition:all 0.3s ease;
}
.shopify-buy-frame--toggle{
	display:none !important;
}
iframe .shopify-buy__btn{
	background:black !important;
	color:white;
}

.shopify-buy__cart__title,.shopify-buy__cart-item__variant-title{
	display:none;
}
.shopify-buy-cart-wrapper.is-active{
	-webkit-box-shadow: -5px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -5px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: -5px 0px 20px 0px rgba(0,0,0,0.1);
}
.shopify-buy-cart-wrapper{
	background:#fff;
	font-family:'ag_book_prolight',sans-serif !important;
	z-index:9;
	padding:30px;
	padding-top:22px;
}
.shopify-buy__cart-items {
  list-style: none;
  padding: 0;
}
.shopify-buy__cart-item{
	margin-top:30px;
	margin-bottom:30px;
	min-height: 35px;
}
.shopify-buy__cart__subtotal__text{
	margin-bottom:0px;
}
.shopify-buy__cart__subtotal__price{
	margin-top:0px;
}
.shopify-buy__cart-item__price{
	float:right;
}
.shopify-buy__btn--cart-checkout{
	cursor:pointer;
}
.shopify-buy__btn--close,.visuallyhidden,.shopify-buy__cart__notice{
	display:none;
}
.shopify-buy__cart-item__title{
	text-transform:capitalize;
	font-size:15px;
	line-height:15px;
	width: 47%;
	display: inline-block;
	float: left;
}
.shopify-buy__btn--seamless{
	background:none;
	border:none;
	height: 15px;
	width: 15px;
	float: left;
	outline:none;
	padding:0;
}
.is-hidden{
	display:none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.shopify-buy__quantity-container{
	padding-top: 5px;
}
.shopify-buy__quantity-decrement{
	margin-left:10px;
}
.shopify-buy__cart-toggle{
	display:none;
}
.shopify-buy__layout-vertical{
	display:none;
}
.body-container-wrapper .shopify-buy__layout-vertical,
.tfl-2024 .shopify-buy__layout-vertical{
	display:flex !important;
    flex-direction: column;
    gap: 1rem;
}

.body-container-wrapper .shopify-buy__layout-vertical,
.tfl-2024 .shopify-buy__layout-vertical,
.shopify-buy-frame--product.shopify-buy-frame--product{
    width: 100%;
}


.shopify-buy-cart-wrapper{
	/*     display:none; */
}
.shopify-buy__cart-item__quantity-input{
	width:30px !important;
	font-size:14px;
	background:none !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: -2px;
	outline:none;
	border:none !important;
	float: left;
	text-align:center;
	padding:0px !important;
}
.shopify-buy__cart-bottom{
	position:absolute;
	bottom:90px;
	right:30px;
	width:50%;
	text-align:right;
}
.shopify-buy__btn--cart-checkout{
	color:#fff;
	background:#000;
	padding:6px 12px;
	border:none;
	font-size:16px;
	border-radius:0px;
	text-transform:capitalize;
}
.shopify-buy__btn--cart-checkout:hover{
	background:#333;
}
.shopify-buy__cart__notice{
	font-size:12px;
	line-height:12px;
	color:#aaa;
}
.shopifyUK.hidden,.shopifyUS.hidden,.shopifyAU.hidden{
	display:none !important;
}
.shopify-buy-frame--product .shopify-buy__quantity-container{
	opacity:0 !important;
	position:absolute;
	left:-10000px;
}
.shopifyUK-btn,.shopifyUS-btn,.shopifyAU-btn{
	padding:5px;
	cursor:pointer;
	opacity:0.3;
}
.shopifyUK-btn.active,.shopifyUS-btn.active,.shopifyAU-btn.active{
	opacity:1;
	text-decoration:underline;
}
.shopify-buy__btn--seamless{
	cursor: pointer;
}
.shopify-buy__btn-wrapper{
	float:left;
    margin-left: auto;
    display: flex;
}
.shopify-buy-frame--product.shopify-buy-frame--product {
	float:left;
	/*   margin-left:30px; */
	display:flex;
	align-items:center;
}
.shopifyQ,.shopify-buy__product__price{
	float:left;
}
.shopify-buy__product__price{
	margin-right:50px;
}
.shopifyBtnWrap{
	float:left;
	font-size:12px;
}
.shopify-buy__btn{
	background:#000;
	border:none;
	border-radius: 0px;
	color:#fff;
	font-size:14px;
	cursor: pointer;
	padding:10px 20px;
}
.iib-wrap{
	font-size:12px;
	text-shadow: 0.25px 0 0 #000, -0.25px 0 0 #000;
}
.shopifyQ select{
	height:30px;
	border-radius: 0px;
	border:none;
	margin-bottom: 5px;
	outline: none;
}
.shopifyBtnWrap{
	margin-top: 10px;
}
.buybtn{
	display: none;
}
.shopify-buy__product__actual-price{
	line-height: 30px;
	padding-left: 20px;
}
.shopify-buy__cart .closer{
	position: absolute;
	bottom:30px;
	left:30px;
	top: auto;
	right: auto;
	background: #000;
	border: none;
	border-radius: 0px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	padding: 10px 20px;
	display: none;
}
#shopifyQuantity{
	width:50px !important;
}

/* CART ICON HEADER */
.shopify.cart {
	opacity: 0;
	transition: all 0.5s ease;
	width: 0px;
	overflow: hidden;
	display: inline-flex;
	position: relative;
	top: 3px;
	white-space: nowrap;
}
.shopify.active {
	opacity: 1;
	margin-left:1.5rem;
	width: 42px;
}
.cart img {
	height: 15px;
	margin-right:2px;
}
.cart{
	cursor:pointer;
}
.cart .iib{
	display: inline-block;
}

.shopify-buy__product__price {
    display:;
}
.shopify-buy-frame--product {
    margin-left: 0 !important;
    margin-top: -10px;
}

.shopify-buy__product__compare-price{
    display:none; 
} 

.shopify-buy__product__actual-price {
    padding-left: 0px !important;
}

.shopify-buy-frame--product.shopify-buy-frame--product{
	font-family: var(--font-founders);
}