/* Minification failed. Returning unminified contents.
(312,12): run-time error CSS1030: Expected identifier, found '.'
(312,33): run-time error CSS1031: Expected selector, found ')'
(312,33): run-time error CSS1025: Expected comma or open brace, found ')'
(563,70): run-time error CSS1046: Expect comma, found '187'
(563,78): run-time error CSS1046: Expect comma, found '/'
(585,165): run-time error CSS1046: Expect comma, found '155'
(585,172): run-time error CSS1046: Expect comma, found ')'
(585,186): run-time error CSS1046: Expect comma, found '226'
(585,193): run-time error CSS1046: Expect comma, found ')'
(606,231): run-time error CSS1034: 
(606,231): run-time error CSS1042: Expected function, found ','
(606,241): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(875,142): run-time error CSS1039: Token not allowed after unary operator: '-basket-progress'
(976,60): run-time error CSS1046: Expect comma, found '0'
(976,64): run-time error CSS1046: Expect comma, found '/'
(1001,160): run-time error CSS1046: Expect comma, found '0'
(1001,164): run-time error CSS1046: Expect comma, found '/'
(1252,35): run-time error CSS1031: Expected selector, found ';'
(1252,35): run-time error CSS1025: Expected comma or open brace, found ';'
(1252,37): run-time error CSS1019: Unexpected token, found '{'
(1252,49): run-time error CSS1030: Expected identifier, found ' '
(1252,50): run-time error CSS1031: Expected selector, found '0'
(1252,50): run-time error CSS1025: Expected comma or open brace, found '0'
(1477,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1575,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1576,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1583,64): run-time error CSS1046: Expect comma, found '216'
(1583,71): run-time error CSS1046: Expect comma, found '/'
(1660,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1661,5): run-time error CSS1035: Expected colon, found '{'
(1700,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1701,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1705,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1706,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1742,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1742,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1742,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1742,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1742,93): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1747,124): run-time error CSS1039: Token not allowed after unary operator: '-tah-shadow'
(1751,95): run-time error CSS1039: Token not allowed after unary operator: '-tah-teal'
(1752,76): run-time error CSS1039: Token not allowed after unary operator: '-tah-muted'
(1753,81): run-time error CSS1039: Token not allowed after unary operator: '-tah-text'
(1754,108): run-time error CSS1039: Token not allowed after unary operator: '-tah-text'
(1755,75): run-time error CSS1039: Token not allowed after unary operator: '-tah-ice'
(1759,108): run-time error CSS1039: Token not allowed after unary operator: '-tah-teal'
(1760,92): run-time error CSS1039: Token not allowed after unary operator: '-tah-text'
(1761,77): run-time error CSS1039: Token not allowed after unary operator: '-tah-ice'
(1764,112): run-time error CSS1039: Token not allowed after unary operator: '-tah-teal'
(1766,91): run-time error CSS1039: Token not allowed after unary operator: '-tah-muted'
(1995,13): run-time error CSS1030: Expected identifier, found '.'
(1995,34): run-time error CSS1031: Expected selector, found ')'
(1995,34): run-time error CSS1025: Expected comma or open brace, found ')'
(2245,68): run-time error CSS1046: Expect comma, found '189'
(2245,75): run-time error CSS1046: Expect comma, found ')'
(2245,87): run-time error CSS1046: Expect comma, found '172'
(2245,94): run-time error CSS1046: Expect comma, found ')'
(2301,32): run-time error CSS1030: Expected identifier, found '.'
(2301,46): run-time error CSS1031: Expected selector, found ')'
(2301,46): run-time error CSS1025: Expected comma or open brace, found ')'
(2361,32): run-time error CSS1030: Expected identifier, found '.'
(2361,46): run-time error CSS1031: Expected selector, found ')'
(2361,46): run-time error CSS1025: Expected comma or open brace, found ')'
 */
ins,mark{color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}dfn,mark{font-style:italic}button,hr,input{overflow:visible}a,progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1;margin:0}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;background:0 0;-webkit-text-decoration-skip:objects}ins{background-color:#ff9;text-decoration:none}mark{font-weight:700;background-color:#ff0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;box-sizing:content-box;height:0}input,select{vertical-align:middle}.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}audio,canvas,progress,video{display:inline-block}.clearfix:after{clear:both}input,select,textarea{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}input[type=submit]{-webkit-appearance:none}ol li,ul li{font-size:inherit;color:inherit;line-height:inherit}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0;font-family:inherit}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}button,input[type=submit]{cursor:pointer;}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* PLACEHOLDER */
::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

/* CUSTOM CHECKBOX */
.container {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;}
.container:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* RADIO RADIO */
.container.radio-container	.checkmark 			{border-radius: 25px;}
.container.radio-container .checkmark:after		{border:none; width: 11px; height: 11px; left: 50%; margin-left: -5.5px; top:50%; margin-top: -5.5px; border-radius: 5px; background-color: #ffffff}

/* FRONT END 

Checkbox

<label class="container">One
  <input type="checkbox" checked="checked">
  <span class="checkmark"></span>
</label>

Radio
<label class="container radio-container">One
  <input type="radio" checked="checked" id="radioOne" name="radioGroup">
  <span class="checkmark"></span>
</label>
<label class="container radio-container">Two
  <input type="radio" id="radioTwo" name="radioGroup">
  <span class="checkmark"></span>
</label>

*/

/* CUSTOM SELECT */
.select-css 			{display: block; font-size: 14px; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%;  max-width: 100%; box-sizing: border-box; margin: 0; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none;   appearance: none;
						background-color: #eee; background-image: url(/_assets/select-arrow.png); background-repeat: no-repeat, repeat; background-position: right 1em top 50%, 0 0; background-size: 22px auto;}

.select-css::-ms-expand {display: none;}
.select-css:focus 		{border-color: #aaa;}
.select-css option 		{font-weight:normal;}




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

/* GLOBAL */
html 	{}
body { line-height: 1; font-family: "myriad-pro", sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #3C3C3C }

h1		{font-size: 32px; font-weight: 600; margin-bottom: 0.45em;}
h2		{font-size: 30px; font-weight: 600; margin-bottom: 0.75em;}
h3		{}
h4		{}
h5		{}
h6		{}

hr		{border-color:#dddddd}

p		{line-height: 1.3em}

ul,
ol		{}

.errors ul,
.errors ol		{margin-left: 40px; color: #cc0023; line-height: 1.2em; margin-bottom: 15px;}



img     {max-width:100%; height:auto;}

.home-hero-carousel img {width:100% !important; max-width: unset;}


a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 10}
.inner 	{width:1400px; max-width:100%; margin:0 auto; padding: 0 20px}

.hidden { display: none; }

.cols				{display: flex; justify-content: flex-start; width: calc(100% + 30px); margin-left: -15px;}
.cols .col			{padding: 15px;}
.cols.span-3 .col	{width: 33.333%; padding:15px;}	
.cols.span-4 .col	{width: 25%; padding:15px;}	
.cols.span-5 .col	{width: 20%; padding: 15px;}	

.disabled       {filter:brightness(0.85);pointer-events:none;}
.has-image		{ display: inline-flex !important; align-items: center; justify-content: center; gap: 0.5em; }
.has-image img	{width:25px;}

.nmb	{margin-bottom: 0 !important}

strong	{font-weight: bold}

/* HEADER */
.logo       {width:274px; max-width: 100%; display:block;}
.logo img	{width: 100%;}

/* NAV - REPLACED WITH NAV-2 */
header 			{position: relative; z-index: 100}
header .inner 	{display: flex; justify-content: space-between; align-items: center; /*width: 100%;*/}

/*nav			{background-color: #00ACC8; font-size: 17px; position: relative;}
nav ul		{display: flex; justify-content: center; width: 100%; font-size: 18px;}
nav ul li	{flex: auto; text-align: center; flex-shrink: 0;}
nav ul li a	{color: #ffffff; text-decoration: none; display: block; padding: 20px 10px}

nav ul li ul		{position: absolute; font-size: 16px; background-color:#0A80A4; background: linear-gradient(0deg, #0A80A4 0%, #00ACC8 100%); left: -999999px; column-count: 4; display: block; box-shadow: inset 0 5px 5px rgba(0,0,0,0.2); width: 100%; max-width: 100%; padding: 20px;}
nav ul li ul:after	{}

nav ul li ul li	a		{padding:10px 15px;}
nav ul li ul li:hover	{background-color: rgba(255,255,255,0.5); border-radius: 4px; transition: 0.2s ease-in-out;}

nav ul li:hover		{background-color: #0A80A4; transition: 0.2s ease-in-out; }
nav ul li:hover ul	{left: 50%; transform: translateX(-50%); transition: 0.2s ease-in-out;}*/

.header-top		{padding: 30px 0 25px}

.header-actions ul						   {display: flex; list-style: none;}
.header-actions ul li					   {margin-left: 18px; position:relative; flex-shrink: 0}
.header-actions ul li a					   {text-decoration: none; font-size: 13px; text-align: center; display: block; color: #000000}
.header-actions ul li a span           {display: block}
.header-actions ul li .icon				{margin:0 auto 3px; position: relative; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.header-actions ul li .icon svg			{height: auto; width: auto;}
.header-actions ul li .icon svg path	{fill:#000000}
.header-actions ul li .icon .count		{position: absolute; top: -13px; right: -13px; font-weight: bold; color: #ffffff; background-color: #00acc8; font-size: 13px; width: 22px; height: 22px; line-height: 22px; border-radius: 22px; display: block;}

.icon.account-dropdown					{margin-left: 50%;}

.header-actions ul li a:hover:not(.primary) 					{color: #00ACC8}
.header-actions ul li a:hover .icon svg path	{fill:#00ACC8}

.header-site-search						{flex: 1; margin-left: 64px; margin-right: 15px;}

.search-box                            {width:100%; position: relative; display: flex; transition: 0.2s ease-out}
.search-box input[type="text"]			{font-size: 17px; width: 100%; flex: 1; background-color: rgba(0, 193, 213, 0.1); border-radius: 50px; height: 50px; padding: 0; padding-left: 30px; margin: 0; color: #000000; border: none;}
.search-box input[type="text"]:focus	{box-shadow: none}
.search-box a							      {height:50px; width: 50px; border-radius: 0; text-align: center; vertical-align: middle; position: absolute; display: inline-flex; justify-content: center; align-items: center; right: 15px; top: 0;}
.search-box a svg						      {height: auto;}
.search-box a:hover						   {opacity: 0.5}
/*.search-box:focus-within				   {box-shadow: 0 0 0 2px #DC5626}*/

.search-box input[type="text"]::-webkit-input-placeholder     {color:#000000; opacity: 1;}
.search-box input[type="text"]::-moz-placeholder              {color:#000000; opacity: 1;}
.search-box input[type="text"]:-ms-input-placeholder          {color:#000000; opacity: 1;}
.search-box input[type="text"]:-moz-placeholder               {color:#000000; opacity: 1;}


.header-bottom				{background-color:#E3F4F7}
.header-bottom .inner		{align-items: stretch;}
.header-cell				{flex: 1; /*padding: 10px 0*/}
.header-cell p				{padding-bottom: 3px;}
.header-cell a				{display: flex; align-items: center; text-decoration: none; justify-content: center; text-align: center; font-size: 16px;}
.header-cell a svg,
.header-cell a img			{margin-right: 10px;}
.header-cell a svg path		{fill:#00ACC8}
.header-cell a strong		{font-weight: 600}
.header-cell a:hover		{color:#00ACC8}
.header-cell:nth-child(2)	{border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}

.close	{width: 20px; height: 20px; background-image: url(/_uploads/_assets/icon-close.svg); background-size: cover; position: absolute; right: 0; top: 0; display: block; cursor: pointer}

/* BASKET DROPDOWN */
.basket-box 	{position: fixed; top: 88px; right:14px; width:300px; padding: 20px; background-color: #fff; z-index:-1; 
				box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.6); opacity:0; visibility:hidden; transition: all ease-in-out .3s;}



.basket-box.open	{opacity:1;visibility:visible;z-index:999;}
/*
.basket-box:before {content:"";position:absolute;top:-16px;right:19px;border-width: 8px;border-style: solid;border-color: transparent transparent #fff transparent;}
*/

.basket-box .basket-box-close	{background-image: url(/_uploads/_assets/icon-close-dark.svg);width: 12px;height: 12px;top: 10px;right: 10px;}
.basket-box h2	{margin-bottom:.25em;font-size:25px;}
.basket-box .item-count		{font-weight: bold;color: #ffffff;background-color: #00acc8;font-size: 13px;display: inline-flex;align-items: center;justify-content: center; width: 22px;height: 22px;border-radius: 22px;}
.basket-box .cols		{justify-content:center;margin-top:10px;}
.basket-box .cols .col	{padding:5px;}
.basket-box .btn		{padding: 10px 20px;}

/* NAV 2 */
.nav-2						{ background-color: #00ACC8; font-size: 17px; position: relative; }
.nav-2:has(.parent-item li:hover):after { content: ""; position: absolute; width: 100%; height: 100vh; padding-bottom: 100vh; background: rgba(0,0,0,0.50); }

.nav-2 .inner				{ display: flex; justify-content: space-between; align-items: center; width: 1400px; max-width: 100%; margin: 0 auto; padding: 0 20px; position: relative; }

.nav-2 .parent-item			{ display: flex; justify-content: center; width: 100%; font-size: 17px; list-style: none; }
.nav-2 .parent-item li		{ flex: auto; text-align: center; flex-shrink: 0; }
.nav-2 .parent-item li:hover { background-color: rgba(0, 0, 0, 0.1); transition: 0.2s ease-in-out; }

.nav-2 .parent-item li.active .sub-menu, .nav-2 .parent-item li:hover .sub-menu { display: block; }
.nav-2 .parent-item li a		{ color: #000000; text-decoration: none; display: block; padding: 16px 10px; transition: .2s ease-in-out; }
.nav-2 .parent-item li .sub-menu { position: absolute; font-size: 16px; left: 50%; transform: translate(-50%, 0); background-color: #FFFFFF; color: #0A80A4; column-count: 5; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); width: 95%; max-width: 95%; display: none; padding: 20px; z-index: 99; }

.nav-2 .parent-item li:hover a.single-col ~ .sub-menu { column-count: unset; display: flex; }
.nav-2 .parent-item li a.single-col ~ .sub-menu .sub-item { margin-right: 30px; }

.nav-2 .parent-item li .sub-menu .sub-item, .nav-2 .parent-item li .sub-menu .sub-item .sub-item-children { list-style: none; }

.nav-2 .parent-item li .sub-menu .sub-item { padding-bottom: 1em; break-inside: avoid; }
.nav-2 .parent-item li .sub-menu .sub-item li:hover { background-color: unset; }
.nav-2 .parent-item li .sub-menu .sub-item li:hover > a { color: #DC5626; }

.nav-2 .parent-item li .sub-menu .sub-item a			{ padding: 5px; text-align: left; font-weight: bold; color: #0A80A4; }

.nav-2 .parent-item li .sub-menu .sub-item li .sub-item-children li:hover		{ background-color: unset; }
.nav-2 .parent-item li .sub-menu .sub-item li .sub-item-children li:hover a		{ color: #DC5626; margin-left: 1px; }
.nav-2 .parent-item li .sub-menu .sub-item li .sub-item-children li a			{ font-weight: normal; }


/* black friday */
.nav-2			{ background: linear-gradient(180deg, #EFEFEF 0%, #F4F4F4 100%); }
.nav-2 a.bold	{ font-weight: 700; }

/* HYPE BAR */
.hype-bar      {margin: 15px 0}
.hb-carousel   {display: flex; justify-content: space-between; width: 100%;}
.hype          {display: flex; gap: 10px; align-items: center;}
.hype p        {font-size: 13px; line-height: 14px;}
.hype p strong {display: block}

/* HOME HERO SECTION */
.home-hero-section		{background-color: #DDDDDD; width: 100%; font-size: 0; position: relative;}
.home-hero-carousel		{}

.slick-dots							{position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 2; display: flex;}
.slick-dots li						{width: 15px; height: 15px; border-radius: 15px; margin: 0 5px;}
.slick-dots li button				{width: 100%; height: 100%; background-color: #ffffff; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border: 0px solid #ffffff;}
.slick-dots li.slick-active button	{background-color: #00ACC8}

.carousel-arrows			{margin-top: -5px; flex-shrink: 0; padding-left: 20px;}
.slick-arrow				{width: 42px; height: 42px; border-radius: 42px; border:2px solid #3c3c3c; background-image: url(/_uploads/_assets/slick-next.svg); font-size: 0; background-color: #ffffff;}
.slick-arrow.slick-prev		{transform: rotate(180deg); margin-right: 6px}
.slick-arrow.slick-disabled	{opacity: 0.25}

/* QUICK SHOP */
.quick-shop-section			{background: rgb(17,161,188); background: linear-gradient(180deg, rgba(17,161,188,0.05) 0%, rgba(17,161,188,0.2) 100%); padding: 45px 0}
.quick-shop-section .cols	{justify-content: space-between}

.quick-shop-card			{background-color: #ffffff; border-radius: 3px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 100%; min-height: 160px; position: relative; transition: 0.2s ease-out}
.quick-shop-card .icon		{flex: 1; display: inline-flex; align-items: flex-end}
.quick-shop-card p			{flex: 1; margin-top: 1em; font-size: 20px; color: #5D5D5D; line-height: 1.1em}
.quick-shop-card p strong	{font-size: 16px; color: #DC5626}

.quick-shop-card:after		{height: 40px; width: 100%; background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); content: ''; position: absolute; bottom: -41px; transition: 0.2s ease-out}

.quick-shop-card:hover			{transform: translateY(-10px);}
.quick-shop-card:hover:after	{transform: translateY(20px);}

/* SECTION INTRO */
.section-intro				{max-width: 100%; margin-bottom: 0.5em}
.section-intro h2			{margin-bottom: 0.5em}
.section-intro p			{line-height: 1.4em; margin-bottom: 1em; font-size: 18px;}
.section-intro p:last-child	{margin-bottom: 0}

.intro-and-buttons			{display: flex; justify-content: space-between}

.intro-and-buttons .slick-arrow  {border: none}

/* PRODUCT CAROUSEL */

.product-carousel .slick-track,		
.product-carousel-similar .slick-track {display: flex;}

.slick-track,
.slick-list { width: 100%; min-width: 100%; }

.product-carousel .slick-slide,
.product-carousel-similar .slick-slide	{height: auto}

.similar-product-listing	{padding: 20px 0}

/* PRODUCT TYPE SECTION */
.home-product-listing	{padding: 35px 0}
.home-product-listing .breadcrumb {margin-top:0;}

.product-type-section	{padding: 45px 0}
.product-type-card		{display: flex; flex-direction: column; background-color: red; border-radius: 3px; height: 100%; position: relative; transition: 0.2s ease-out}

.ptc-image				{display:flex; align-items: center; flex: 1; flex-shrink: 0; justify-content: center; padding: 30px 40px; position: relative;}
.ptc-image:after		{height: 40%; position: absolute; width:calc(100% - 20px); left: 10px; bottom: 0; content: ''; background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); transition: 0.2s ease-out}
.ptc-image img			{position: relative; z-index: 2}
.ptc-text				{font-size: 18px; font-weight: 600;  text-align: center; padding:0 20px 20px;}

.product-type-card:hover					{background-color:#00ACC8 !important}
.product-type-card:hover .ptc-image:after	{opacity: 0.3; width: 100%; left: 0;}
.product-type-card:hover p					{color: #ffffff}

.col:nth-child(1) .product-type-card	{background-color: #FAE1D8}
.col:nth-child(2) .product-type-card	{background-color: #E3FFED}
.col:nth-child(3) .product-type-card	{background-color: #FAF5D8}
.col:nth-child(4) .product-type-card	{background-color: #EAF2FC}

/* BREADCRUMBS */
.breadcrumb		{display:flex;gap:1.5em;list-style:none;margin-top:2em;margin-bottom:2em;}
.breadcrumb li	{position:relative;}
.breadcrumb li:not(:last-child):before	{content:"";position:absolute;width:7px;height:7px;top:55%;right:-20px;background-image:url(/_uploads/_assets/icon-chevron-down.svg);background-size:100%;background-repeat:no-repeat;transform: translate(-50%, -50%) rotate(-90deg);}
.breadcrumb li a	{text-decoration:none;font-size:13px;}

/* PRODUCT LISTING CARD */
.product-card					{display: flex; flex-direction: column; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 3px; text-align: center; height: 100%; background: #ffffff; position: relative; overflow: hidden; transition: 0.2s ease-in-out}

.product-card-image-container	{width: 100%; height: 275px; position: relative; margin-bottom: 15px;}

.product-card-image			{position: absolute; left: 12%; top:12%; width: 76%; height: 76%; background-size: contain; background-position: center; background-repeat: no-repeat; transition: 0.2s ease-out}

img.product-card-image		{position: absolute; left: 12%; top:12%; width: 76%; height: 76%; object-fit: contain; object-position: center; transition: 0.2s ease-out}


.image-text-card:hover,
.product-card:hover	{box-shadow: 0 0 15px rgba(0,0,0,0.35);}

.product-card-text								{padding-left: 15px; padding-right: 15px;}
.product-card-text p							{color:#3C3C3C; font-size: 15px; line-height: 1.2em}

.product-card-text p.price								{display: flex; justify-content: center; flex-wrap: wrap; font-size: 24px; font-weight: 700; margin: 15px 0}
.product-card-text p.price span						{display: inline-block; margin: 0 8px; position: relative;}
.product-card-text p.price span.old-price			{ color: #9ca3af !important; font-size: 20px; font-weight: normal !important }
.product-card-text p.price span.old-price:after { left: -4px; right: -4px; top: 50%; margin-top: -1px; height: 2px; background-color: #9ca3af; content: ''; position: absolute; }

.product-card-button			{align-self: flex-end; width: 100%; margin-top: auto; position: relative; z-index: 20}
.product-card-button .product-select	{width: 100%;margin: auto;opacity:0;visibility:hidden;transition:all ease-in-out .25s;}
.product-card-button .product-select .qty	{justify-content:space-between;border-radius: 0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.product-card-button .product-select .qty button {height:30px;}
.product-card-button .product-select.active		{opacity:1;visibility:visible;}
.product-card-button .product-select.active ~ .btn	{margin:0;}
.product-card-button .btn		{border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 10px; box-shadow: none; display: block; width: 100%; text-wrap: wrap;}
.product-card-button .btn:hover	{background-color: #3c3c3c; transform: none}
.product-card .product-card-button .btn { background-color: #00ACC8; text-align: center; font-size: 16px; padding-top: 15px; padding-bottom: 15px; cursor: pointer; transition: all ease-in-out .25s; }

.product-card.sale .product-card-text p.price span	{color:#DC5626}

.product-card-button,.add-to-basket{position:relative;}
.product-card-button .ajax-spinner,.add-to-basket .ajax-spinner{display:none;position:absolute;inset:0;background:rgba(255,255,255,.6);z-index:10;border-radius:6px;}
.product-card-button.loading .ajax-spinner,.add-to-basket.loading .ajax-spinner{display:block;}
.product-card-button .ajax-spinner:before,.add-to-basket .ajax-spinner:before{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:3px solid rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.7);border-radius:50%;animation:spin .8s linear infinite;}
.product-card-button.loading .btn,.add-to-basket.loading .btn{pointer-events:none;opacity:.7;}
@keyframes spin{to{transform:rotate(360deg);}}


.product-listing.product-listing-page .product-card, .product-listing-section.home-product-listing .product-card, .product-listing-section.similar-product-listing .product-card {display: flex; flex-direction: column;}
.product-listing.product-listing-page .product-card-text, .product-listing-section.home-product-listing .product-card-text, .product-listing-section.similar-product-listing .product-card-text {display: flex; flex-direction: column; flex: 1; padding-left: 15px; padding-right: 15px;}
.product-listing.product-listing-page .product-card-text > p:not(.price), .product-listing-section.home-product-listing .product-card-text > p:not(.price), .product-listing-section.similar-product-listing .product-card-text > p:not(.price) {margin-bottom: 12px;}
.product-listing.product-listing-page .product-card-text > p.price, .product-listing-section.home-product-listing .product-card-text > p.price, .product-listing-section.similar-product-listing .product-card-text > p.price {margin-top: auto; margin-bottom: 12px; padding-top: 12px;}
.product-listing.product-listing-page .product-card-button, .product-listing-section.home-product-listing .product-card-button, .product-listing-section.similar-product-listing .product-card-button {align-self: flex-end; width: 100%; margin-top: auto; position: relative; z-index: 20; display: grid; grid-template-rows: 34px auto;}
.product-listing.product-listing-page .product-card-button .product-select, .product-listing-section.home-product-listing .product-card-button .product-select, .product-listing-section.similar-product-listing .product-card-button .product-select {grid-row: 1; width: 100%; margin: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility .2s ease;}
.product-listing.product-listing-page .product-card-button:hover .product-select, .product-listing.product-listing-page .product-card-button:focus-within .product-select, .product-listing.product-listing-page .product-card-button .product-select.active, .product-listing-section.home-product-listing .product-card-button:hover .product-select, .product-listing-section.home-product-listing .product-card-button:focus-within .product-select, .product-listing-section.home-product-listing .product-card-button .product-select.active, .product-listing-section.similar-product-listing .product-card-button:hover .product-select, .product-listing-section.similar-product-listing .product-card-button:focus-within .product-select, .product-listing-section.similar-product-listing .product-card-button .product-select.active {opacity: 1; visibility: visible; pointer-events: auto;}
.product-listing.product-listing-page .product-card-button .product-select .qty, .product-listing-section.home-product-listing .product-card-button .product-select .qty, .product-listing-section.similar-product-listing .product-card-button .product-select .qty {height: 34px;}
.product-listing.product-listing-page .product-card-button .btn, .product-listing-section.home-product-listing .product-card-button .btn, .product-listing-section.similar-product-listing .product-card-button .btn {grid-row: 2; margin-top: 0;}
.product-listing.product-listing-page .product-card-button .product-select.active ~ .btn, .product-listing-section.home-product-listing .product-card-button .product-select.active ~ .btn, .product-listing-section.similar-product-listing .product-card-button .product-select.active ~ .btn {margin: 0;}
.category-listing .product-card-button {display: block; height: auto !important; min-height: 0; padding-top: 0 !important;}
.category-listing .product-card-button .btn {display: flex; align-items: center; justify-content: center; min-height: 78px; height: auto !important; margin-top: 0; padding: 12px 14px; line-height: 1.2em; white-space: normal; text-wrap: wrap;}



/* BRAND PAGE */
.brand-listing-page		{margin: 35px 0;}

.brand-pagination-container											{ min-height: calc(100vh - 215px); }
.brand-pagination-container .alphabet-navigation					{ display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; }
.brand-pagination-container .tile, .alphabet-tile					{ width: 35px; height: 35px; margin: 5px; display: flex; justify-content: center; align-items: center; background-color: #a3a3a3; color: white; font-size: 20px; border-radius: 5px; cursor: pointer; text-decoration: none; }
.brand-pagination-container .tile.active, .alphabet-tile.active		{ background-color: #00acc8; }
.brand-pagination-container .tile.special							{ background-color: #a3a3a3; }
.brand-pagination-container .pagination-content						{ display: flex; justify-content: center; }
.brand-pagination-container .pagination-content ul					{ column-count: 5; width: 80%; }
.brand-pagination-container .pagination-content li					{ list-style: none; margin-bottom: 10px; }
.brand-pagination-container .pagination-content a					{ text-decoration: none; }

/* IMAGE TEXT CARD */
.image-text-card			{display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 3px; height: 100%; background: #ffffff; position: relative; overflow: hidden; transition: 0.2s ease-in-out;}
.itc-text					{padding: 20px;}
.itc-text h3				{font-weight: 600; font-size: 26px; margin-bottom: 0.5em}
.itc-text p					{font-size: 18px; line-height: 1.2em}
.itc-text p.date			{font-size: 14px; margin-bottom: 0.5em}
.itc-image-container		{height: 275px; position: relative; overflow: hidden;}
.itc-image					{background-size: cover; background-position: center; width: 100%; height: 100%;}
.image-text-card .btn		{width: 100%; text-align: center; border-radius: 0 0 3px 3px; background-color: #00ACC8; padding-left: 10px; padding-right: 10px;}
.image-text-card .btn:hover	{transform: none}

.general-listing-section	{padding: 0 0 40px}

.general-listing-section .cols.span-2	{flex-wrap: wrap}
.general-listing-section .cols.span-2 .col	{width: 50%;}

/* YOU MAY LIKE CAROUSEL */
.trending-products-outer		{overflow: hidden;}
.trending-products-list			{display: flex; overflow-x: auto; padding-top: 10px; padding-left: 2px; padding-bottom: 12px;}
.trending-products-list .col	{flex-shrink: 0; margin-right: 8px;}

.tp-lozenge			{border-radius: 100px; background-color: #F3FAFB; display: flex; font-size: 17px; font-weight: 600; padding: 6px 15px 6px 6px; text-decoration: none; align-items: center; transition: 0.2s ease-out; box-shadow: 0 0 10px rgba(0,0,0,0)}
.tp-lozenge span	{width:40px; height: 40px; border-radius: 40px; display: inline-flex; align-items: center; justify-content: center; background-color: red; margin-right: 10px;}
.tp-lozenge:hover	{box-shadow: 0 0 10px rgba(0,0,0,0.2)}

/* FLASHERS */
/*
.flasher {display: flex; justify-content: center; align-items: flex-end; width: 110px; height: 110px; background-color: #DC5626; position: absolute; left:-55px; top:-55px; z-index: 2; transform: rotate(-45deg);}
.flasher span	{display: block; margin-bottom: 10px; font-size: 14px;  color: #ffffff; font-weight: 600; text-transform: uppercase}
*/


.flasher 		{display: flex; justify-content: left; align-items: center; width: 140px; height: 30px; background-color: #DC5626; position: absolute; left: 0; top: 10px; z-index: 2; padding-left: 10px;}
.flasher span	{display: block; font-size: 16px; color: #ffffff; font-weight: 700; text-transform: uppercase; }

.recommended .flasher 		{width: 125px; height: 125px; right:-65px; top:-65px; background-color: #08C97B;} 
.recommended .flasher span	{font-size: 9px; margin-bottom: 2px}

.pdi-container .flasher       {display: flex; justify-content: center; align-items: flex-end; width: 150px; height: 150px; background-color: #DC5626; position: absolute; left:-75px; top:-75px; z-index: 2; transform: rotate(-45deg);}
.pdi-container .flasher span	{display: block; margin-bottom: 10px; font-size: 18px;  color: #ffffff; font-weight: 600; text-transform: uppercase}

.recommended .btn,
.product-listing-page .product-card.recommended .btn { background-color: #08C97B }

.pdi-container .flasher-new      {transform: rotate(0); left: 0; top: 23px; height: auto; width: auto; padding: 5px 10px;}
.pdi-container .flasher-new span {font-size: 23px; font-weight: 700; color: #ffffff; text-transform: uppercase; margin: 0}

/* PRODUCT PULLOUT */
.pullout-section			{background: linear-gradient(-45deg, #00ACC8 0%, #00ACC8 50%, #B4EFFA 100%); margin: 40px 0; padding: 40px 0; position: relative;}
.pullout-section-text		{width: 490px; max-width: 100%; color: #ffffff;}
.pullout-section-text h2	{ font-weight: 600; margin-bottom: 0.75em}
.pullout-section-text p		{line-height: 1.4em; margin-bottom: 1.2em; font-size: 20px;}

.pullout-section:before		{background-image: url(/_uploads/_assets/bg-shape.svg); position: absolute; left: 0; top:0; height: 100%; width: 50%; background-size: cover; background-position: right bottom; content: ''; display: block;}

.pullout-section .cols		{align-items: center; position: relative; z-index: 2}
.pullout-section .col		{width: 50%; flex-shrink: 0;}
.pullout-section-image		{width: 100%;}
.pullout-section-image img	{margin:40px 0 0; border-radius: 3px;}

.pullout-section.flipped			{background: linear-gradient(45deg, #00ACC8 0%, #00ACC8 50%, #B4EFFA 100%);}
.pullout-section.flipped .cols		{flex-direction: row-reverse}
.pullout-section.flipped:before		{right: 0; left: auto;  transform: scaleX(-1);} 

/* NEWSLETTER SIGN UP */
.newsletter-sign-up						{padding: 60px 0; background-color: rgb(204 187 129 / 20%);}
.newsletter-sign-up	h2					{margin-bottom: 0.5em}
.newsletter-sign-up p					{line-height: 1.3em}
.newsletter-sign-up .cols				{justify-content: space-between; align-items: center;}
.newsletter-sign-up input[type="text"]	{font-size: 16px; height: 100%;}
.newsletter-sign-up .form-cell			{width: 200px; margin-left: 10px;}
.newsletter-sign-up .form-cell .btn		{width: 100%;margin-top:6px;}
.nl-form-col							{display: flex; flex-direction: column}
.nl-form								{display: flex; justify-content: flex-end}
.nl-form .btn:hover						{transform: none}

/* ICON LISTING CARD */
.icon-list-section			{padding-top: 40px;}
.icon-list-section h3		{font-size: 20px; font-weight: 600; margin: 0 0 0.5em;}
.icon-list-section p		{font-size: 16px; line-height: 1.3em; margin-bottom: 0.5em}
.icon-list-section p strong	{color: #DC5626}
.icon-list-section a		{font-weight: 600; font-size: 18px; text-decoration: none}
.icon-card					{display: flex; border-radius: 3px; height: 100%; align-items: center; box-shadow: 0 0 20px rgba(0,0,0,0.05); padding: 20px; position: relative; transition: 0.3s ease-out}
.icon-card:hover			{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.ic-icon					{width: 110px; flex-shrink: 0; padding-right: 30px; display: inline-flex; align-items: center}

/* LISTING HERO */
.listing-hero-container { position: relative; margin-bottom: 40px; padding: 10px 20px; display: flex; align-items: center; background: linear-gradient(90deg, rgb(1 155 180) 0%, rgb(145 226 247) 100%, rgba(242,251,252,0) 100%);}

.listing-hero-text				{width: 100%; max-width: 100%; position: relative; z-index: 3}
.listing-hero-text h1			{font-size: 45px; color: #ffffff; margin: 0px !important;}
.listing-hero-text ul,
.listing-hero-text p			{font-size: 18px;line-height: 1.3em;color: #ffffff; margin-bottom: 0.75em}
.listing-hero-text ul			{margin: 1em}
.listing-hero-container .inner	{min-height: 120px; display: flex; align-items: center;}
.listing-hero-image				{position: absolute; right: 0; top:0; height: 100%; width: 100%; background-size: cover; background-position: right center;}

.brand .listing-hero-text p			{font-size: 26px !important; color: #ffffff; margin: 6px 0 0 0 !important;}



/* This is a temporary hide for Product Listing Pages */
.product-listing-page .listing-hero-image	 {background-image: unset !important;}

.listing-hero-container:after	{background-image: url(/_uploads/_assets/logo-th-leaf.svg); width: 50%; position: absolute; background-position: center right; right: 0; top: 0px; bottom: 0px; background-size: cover; content: ''; z-index: 0; opacity: 0.1;}

/* CATEGORY LANDING HERO */
.listing-hero-container.category-landing-hero-container							{margin-bottom: 0}
.listing-hero-container.category-landing-hero-container:before					{width: 60%; height: 100%; position: absolute; left: -160px; top:0; content: ''; z-index: 2; background: linear-gradient(90deg, rgba(0,172,200,1) 0%, rgb(0,172,200,0.5) 100%); transform: skewX(-24deg);}
.listing-hero-container.category-landing-hero-container:after					{display: none}
.listing-hero-container.category-landing-hero-container .listing-hero-text		{max-width: 555px; width: 100%;}
.listing-hero-container.category-landing-hero-container .listing-hero-text h1	{font-size: 50px;}
.listing-hero-container.category-landing-hero-container .listing-hero-text p	{font-size: 20px; margin-bottom: 0.5em}
.listing-hero-container.category-landing-hero-container .inner					{min-height: calc(13.333vw - 20px);}

.listing-hero-container.category-landing-hero-container .listing-hero-text .btn	{margin-top: 20px;}

/* PRODUCT LISTING */
.product-listing		{padding:0 0 40px 0}
.product-listing-cols	{display: flex; justify-content: space-between}
.col-listing			{width: 80%; padding-left: 50px; max-width: 100%;}

.filter-panel	{border:1px solid #dddddd; padding: 0px; padding-bottom: 5px; margin-bottom: 10px; max-height: 320px; border-radius: 3px; overflow-y: auto}

.col-filter								{min-width: 215px; width: 20%}
.col-filter ul							{list-style: none; padding: 0 15px;}
.col-filter p							{font-weight: 600; font-size: 18px; position: sticky; top: 0; background-color: #ffffff; z-index: 5; padding: 10px 15px;}
.col-filter .container					{display: flex; padding: 0; justify-content: space-between; font-size: 14px; align-items: center; line-height: 1.1em; margin-bottom: 8px;}
.col-filter .container .checkmark		{position: relative; display: block; width: 17px; height: 17px; border-radius: 3px; border:1px solid #DDDDDD;}
.col-filter .container .checkmark:after	{left: 5px; top: 2px; width: 3px; height: 7px; border-width: 0 2px 2px 0;}
.container input:checked ~ .checkmark	{background-color:#00ACC8; border-color:#00ACC8}

.col-filter-inner 	{}

.lower-copy {padding: 30px; background-color: #f5f2e7; border-radius: 2px; margin-top: 20px; column-gap: 40px; font-size: 18px; column-count: 2;}

.lower-copy p,
.lower-copy ul,
.lower-copy li {font-size: 18px; line-height: 1.2em; color: #3C3C3C; margin-bottom: 0.7em; margin-left: 0px; }

.lower-copy ul {margin-left: 20px;}

/* TRENDING PRODUCTS */

section.trending-products-section {padding-top: 35px; }



/* LISTING COL */
.listing-header				{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em}
.col-listing h1				{font-size: 30px; margin-bottom: 0}
.col-listing h2				{font-size: 30px; margin-bottom: 0}

.btn.btn-more-info			{font-size: 11px;  cursor: pointer; margin-left: 20px; display: flex; flex-shrink: 0; align-items: center; padding: 10px 15px; border-radius: 20px; background-color: #DC5626}
.btn.btn-more-info:before	{width:20px; height: 20px; content: ''; background-image: url(/_uploads/_assets/icon-info.svg); background-size: contain; background-repeat: no-repeat; margin-right: 5px;}

.more-information		{display: none}
.more-information p		{line-height: 1.5em; margin-bottom: 1em}
.more-information h3	{font-size: 22px; font-weight: 700; margin-bottom: 0.5em}
.more-information h4	{font-size: 18px; font-weight: 600; margin-bottom: 0.25em}

.uses		{padding: 30px; background-color: #E4FAFF; margin: 1.5em 0}
.uses h3	{ margin-bottom: 0.75em}

.recommended				{list-style: none; line-height: 1.2em; font-weight: 600}
.recommended li				{margin-bottom: 0.4em; position: relative; padding-left: 15px;}
.recommended li a			{text-decoration: none; color: #00ACC8}
.recommended li a:before	{content: '>'; margin-right: 4px; position: absolute; left: 0; top: 1px; display: block;}
.recommended li a:hover		{color: #3c3c3c}

/* SORT AND FILTER */
.sort-filter			{}
.sort-container			{display: inline-flex; align-items: center;}
.sort-container	label	{margin: 0 10px 0 0; display: block; flex-shrink: 0}
.sort-container .select-css {margin:0;}

.listing-header-button	{display: flex; align-items: center;}

.btn.btn-filter					{background-color: #ffffff; border: 1px solid #717171; border-radius: 3px; font-weight: normal; box-shadow: none; padding: 0 20px; display: inline-flex; align-items: center; color: #3c3c3c; font-size: 16px;}
.btn.btn-filter	svg				{margin-right: 10px;}
.btn.btn-filter:hover			{transform: none; color: #ffffff; border-color:#3c3c3c}
.btn.btn-filter:hover svg path	{fill:#ffffff}

/* PRODUCT LISTING */	
/*.product-listing-page .product-card.sale .btn		{background-color: #DC5626}*/
.product-listing-page .product-card .btn			{background-color: #00ACC8; text-align: center; font-size: 16px; padding-top: 15px; padding-bottom: 15px; cursor: pointer; transition: all ease-in-out .25s;}
.product-listing-page .product-card .btn:hover		{background-color: #3c3c3c!important}
.product-listing-page .cols.span-5,
.product-listing-page .cols.span-4					{flex-wrap: wrap; margin-top: 10px;}
.product-listing-page .product-card-image-container	{}

.product-card-image-container .promo-text { padding: 10px; position: absolute; width: 60%; z-index: 10; }
.product-card-image-container .promo-text.top-left { left: 0; top: 20px; }
.product-card-image-container .promo-text.center { left: 20%; top: 50%; text-align: center; } 
.product-card-image-container .promo-text.bottom-right { right: 0; bottom: 20px; } 

.product-detail .promo-text { padding: 10px; position: absolute; width: 34%; z-index: 10; }
.product-detail .promo-text.top-left { left: 0; top: 20px; }
.product-detail .promo-text.center { left: 33%; top: 50%; text-align: center; } 
.product-detail .promo-text.bottom-right { right: 0; bottom: 20px; } 

.product-listing-page .sale .flasher span { font-size: 12px; }

/* PAGINATION */
.pagination-container				{border-top:1px solid #DDDDDD; padding-top: 20px; margin-top: 20px; display: flex; justify-content: flex-end; align-items: stretch;}
.pagination-container ul			{display: flex; list-style: none; margin-left: 15px;}
.pagination-container ul li			{margin-left: 4px;}
.pagination-container ul li	a		{display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; text-decoration: none; border-radius: 3px;}
.pagination-container ul li	a:hover	{background-color: #f1f1f1}
.pagination-container ul li.active a	{background-color: #DC5626; color: #ffffff;}
.pagination-container ul li.next a		{background-image: url(/_uploads/_assets/chevron-next.svg); background-position: center; background-repeat: no-repeat}

.pagination-container ul                { display: flex; list-style: none; margin-left: 15px; }
.pagination-container ul li             { margin-left: 4px; }
.pagination-container ul li span        { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; text-decoration: none; border-radius: 3px; }
.pagination-container ul li span:hover  { background-color: #f1f1f1 }
.pagination-container ul li span.active { background-color: #DC5626; color: #ffffff; }
.pagination-container ul li a.next      { background-image: url(/_uploads/_assets/chevron-next.svg); background-position: center; background-repeat: no-repeat }
.pagination-container ul li a.previous  { background-image: url(/_uploads/_assets/chevron-next.svg); background-position: center; background-repeat: no-repeat; transform: rotate(180deg); }

.btn.btn-view-all			{font-size: 12px; padding: 0 15px; box-shadow: none; background-color: #FCEFEB; color: #DC5626; display: flex; align-items: center}
.btn.btn-view-all:hover		{color: #ffffff; transform: none}

/* WISHLIST */
.product-listing-page-full					{padding-top: 40px;}
.product-listing-page-full	.col-listing	{width:100%; padding: 0}

/* BUTTON TRASH */
.btn-trash			{transition: 0.3s ease-out; display: inline-flex; justify-content: center; align-items: center; background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 50px; position: absolute; right: 10px; top:10px; z-index: 20; width: 50px; height: 50px;}
.btn-trash:hover	{}

.btn-trash #Union_1	{transform-origin: center; fill: #3C3C3C}
.btn-trash #Union_2	{transform-origin: center; fill: #3C3C3C}
.btn-trash svg		{overflow: visible;}

.btn-trash:hover svg #Union_1		{animation:0.4s binlid forwards ease-out;}
.btn-trash:hover svg #Union_2		{animation:0.2s bin forwards ease-out;}

@keyframes binlid {
	0%		{transform: rotate(0) translateY(0)}
	25%		{transform: rotate(5deg) translateY(-6px)}
	50%		{transform: rotate(0deg) translateY(-6px)}
	75%		{transform: rotate(-5deg) translateY(-6px)}
	100%	{transform: rotate(0) translateY(0px)}
}

@keyframes bin {
	0%		{transform: rotate(0) translate(1.53 3.047)}
	50%		{transform: rotate(-5deg) translateY(0)}
	100%	{transform: rotate(0) translateY(1.53 3.047)}
}


/* PRODUCT DETAIL */
.product-detail				{padding:20px 0 35px 0}
.product-detail-top .cols	{width: 100%; margin: auto}
.product-detail .inner		{}

.product-detail .breadcrumb {margin-top:0;}

.col-product-detail-image	{width: 50%; max-width: 100%; flex-shrink: 0}
.pdi-container				   {border: 1px solid rgba(239, 239, 239, 1); border-radius: 3px; padding: 20px; position: relative; overflow: hidden; }
.pdi						      {max-width: 100%; max-height: 580px; margin: auto; display: block;}

.review-stock              {display: flex; justify-content: space-between; align-items: flex-start}
.product-review            {display: flex;}
.review-stars-container    {display: flex; gap: 10px;}
.review-stars-container p  {font-size: 15px !important; margin: 0 !important; color: #00C1D5; transform: translateY(1px)}
.review-star               {display: flex; gap: 3px; align-items: center}
.review-star .star         {width: 12px; height: 12px; background-image: url(/_uploads/icons-2026/review-star.svg); background-size: cover;}

.col-product-detail-text p.stock-count       {margin: 0 0 3px 0 !important; font-size: 14px; display: flex; color: #00D527; align-items: center}
.col-product-detail-text p.stock-count span  {border:1px solid rgba(103, 183, 99, 0.5); width: 16px; height: 16px; border-radius: 16px; display: block; margin-right: 6px; position: relative;}
.col-product-detail-text p.stock-count span:before {width: 10px; height: 10px; border-radius: 12px; content: ''; background-color: rgba(103, 183, 99, 1); display: block; position: absolute; left: 2px; top: 2px}

/* PRODUCT DETAIL MIDDLE */
.col-product-detail-text					{padding: 0 0 0 40px; position: relative;}
.col-product-detail-text h1            {font-size: 20px; font-weight: 700; margin-bottom: 0.55em; line-height: 1.2em; color: #000000;}
.col-product-detail-text h1 span			{font-size: 30px; font-weight:300; display: block; margin-top: 10px}
p.product-code,
.col-product-detail-text p.product-code   {font-size: 12px; color: #666666}
.col-product-detail-text p					{font-size: 18px; line-height: 1.4em; margin-bottom: 1em}

.col-product-detail-text p.delivery-text	{font-size: 16px; color: #DC5626}

.col-product-detail-text hr					{margin: 25px 0}

.fav-heart               {width: 35px; height: 31px; background-image: url(/_uploads/icons-2026/icon-fav-empty.svg); background-size: cover; background-color: transparent; flex-shrink: 0; position: relative;}
.fav-heart:before        {width: 35px; height: 31px; background-image: url(/_uploads/icons-2026/icon-fav-full.svg); background-size: cover; position: absolute; content: ''; inset: 0; transform: scale(0); transition: 0.2s ease-in-out}
.fav-heart.favd:before   {transform: scale(1)}
.fav-heart.added:before  {transform: scale(1)}

.product-title {position: relative; display: flex; justify-content: space-between; gap: 15px}

/* PRICE */
.price-container  {display: flex; flex-direction: column; margin-bottom: 28px;}
.price-inner      {display: flex; align-items: baseline}
.price-history    {font-size: 12px; background-color: rgba(247, 236, 223, 1); padding: 5px 10px; border-radius: 20px; margin-left: 70px; transform: translateY(-2px)}

h2.price			{font-size: 30px; font-weight: 700; color: #00C1D5; margin:3px 0 5px 0}
.old-price     {text-decoration: line-through; font-size: 18px; font-weight: 400; color: #B4B4B4}

.col-product-detail-text p.pack-qty {font-size: 16px; margin: 0}
.col-product-detail-text p.tab-qty  {font-size: 15px; margin: 0}

.col-product-detail-text .current			{ margin-right: 0px; }

/* PURCHASE OPTIONS */
.purchase-option     {width: 100%; max-width: 448px; border: 1px solid #EFEFEF; border-radius: 3px; margin-bottom: 10px;}
.purchase-option p   {margin-bottom: 0 !important; color: #000000; font-size: 14px;}
.po-header           {width:100%; display: flex; background-color: rgba(0, 193, 213, 0.1); border-bottom: 1px solid #EFEFEF; border-radius: 3px; padding:10px 15px; cursor: pointer;}
.po-start            {display: flex; flex: 1; align-items: center;}

.col-product-detail-text p.po-price    {font-weight: 700; color: #00C1D5; font-size: 18px;}
.col-product-detail-text p.money-off   {font-weight: 700; color: #ffffff; background-color: #DC5626; padding:3px 8px; margin-left: 10px}

span.faux-radio         {border:1px solid rgba(221, 221, 221, 1); width: 21px; height: 21px; border-radius: 21px; display: block; margin-right: 6px; position: relative;}
span.faux-radio:before  {width: 15px; height: 15px; border-radius: 15px; content: ''; background-color: #00C1D5; display: block; position: absolute; left: 2px; top: 2px}

ul.tick-list      {list-style: none; margin-bottom: 1em; font-size: 15px; color: #666666; line-height: 18px; margin-bottom: 0.5em}
ul.tick-list li   {margin-bottom: 7px; position: relative; padding-left: 26px;}
ul.tick-list li:before  {width: 17px; height: 11px; background-image: url(/_uploads/icons-2026/icon-tick.svg); content: ''; display: block;position: absolute; left: 0; top: 5px}

.purchase-option-content            {padding: 20px 15px}
.purchase-option-content p a        {color: #00C1D5; margin-bottom: 0.75em; display: block}
.purchase-option-content p a:hover  {color: #666666}
.purchase-option-content label      {font-size: 15px; font-weight: 700; margin-bottom: 0.25em;}

select.select-css.select-css-new {border:1px solid #00C1D5; border-radius: 3px; padding: 10px 15px; color: #666666; background-size: 10px 6px; background-image: url(/_uploads/icons-2026/icon-dd.svg);}

.review-score		{display: flex; margin: 15px 0; align-items: center;}
.review-score p	{font-size: 14px; margin-bottom: 0}

.product-actions	{display: flex; flex-direction: column; margin-bottom: 5px;}

.qty							{display: flex; border-radius: 4px; background-color: #ffffff; border:1px solid #00C1D5; height: 100%}
.qty.qty-secondary						{border-color:#DC5626;}
.qty.qty-secondary button.plus			{background-image: url(/_uploads/_assets/icon-plus-orange.svg);}
.qty.qty-secondary button.minus			{background-image: url(/_uploads/_assets/icon-minus-orange.svg);}
.qty button						{width:35px; background-color: #ffffff; border:none; background-size: 10px auto; background-repeat: no-repeat; background-position: center; border-radius: 4px; transition: 0.2s ease-out}
.qty button.plus				{background-image: url(/_uploads/_assets/icon-plus.svg);}
.qty button.minus				{background-image: url(/_uploads/_assets/icon-minus.svg);}
.qty button:hover				{background-color: #e3f3f7;}
.qty input[type="text"]			{width:40px; text-align: center; border: none; font-size: 18px; padding: 0; font-weight: normal; flex-grow: 0; margin: 0 4px; border-radius: 3px;}
.qty input[type="text"]:focus	{box-shadow: none}
.qty input[type="number"]		{width:40px; text-align: center; border: none; font-size: 18px; padding: 0; font-weight: normal; flex-grow: 0; margin: 0 4px; border-radius: 3px;}
.qty input[type="number"]:focus	{box-shadow: none}

.qty-and-button					{display: flex; margin-bottom: 23px; max-width: 448px; width: 100%; gap: 10px;}
.qty-and-button .atb.btn		{display: flex; align-items: center; padding-top:10px; padding-bottom: 10px;}
.add-to-basket                {flex: 1;}
.add-to-basket .atb.btn       {width: 100%; box-shadow: none; background-color: #00C1D5; text-align: center; display: inline-flex; justify-content: center; font-size: 14px; gap: 10px; font-weight: 700}
.add-to-basket .atb.btn svg   {width: 22px; height: auto}
.add-to-basket .atb.btn:hover {background-color: #666666; transform: translate(0)}

.btn-points       {background-color: rgba(0, 193, 213, 0.1); border-radius: 40px; display: flex; justify-content: center; color: #000000; font-size: 13px; max-width: 448px; width: 100%; padding: 7px 20px; position: relative; text-decoration: none}
.btn-points svg   {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

p.klarna-text     {display: flex; justify-content: center; max-width: 448px; width: 100%; font-size: 13px; align-items: center; color: #000000; margin-top: 11px; gap: 10px;}

.delivery-cards   {display: flex; gap: 50px; align-items: center; margin-top: 21px;}
.delivery-cards p {margin: 0 !important; font-size: 15px; display: flex; align-items: center; flex-shrink: 0; gap: 10px;}
.delivery-cards p img {width: 18px; max-width: 18px; flex: 0 0 18px;}
.delivery-cards > img {flex: 1; width: 100px; max-width: 253px;}

#product-added-panel.product-added-panel {display: none; width: 100%; max-width: 448px; min-height: 40px; margin: -8px 0 24px; padding: 8px 10px 8px 20px; background-color: #F7ECDF; border-radius: 3px; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box;}
#product-added-panel.product-added-panel.is-visible {display: flex !important;}
#product-added-panel .product-added-message {display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1;}
#product-added-panel .product-added-icon {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
#product-added-panel .product-added-icon svg {display: block; width: 20px; height: 20px;}
#product-added-panel .product-added-text {margin: 0; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; color: #000000;}
#product-added-panel .product-added-text strong {font-weight: 700;}
#product-added-panel .product-added-link {font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-decoration: underline;}
#product-added-panel .product-added-link:hover {color: #000000;}
#product-added-panel .product-added-link-wrap {white-space: nowrap;}
#product-added-panel .product-added-dismiss {position: relative; width: 23px; height: 23px; min-width: 23px; padding: 0; border: 0; border-radius: 50%; background: transparent; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0;}
#product-added-panel .product-added-dismiss:before {content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.1);}
#product-added-panel .product-added-dismiss-ring { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(#000000 var(--basket-progress, 360deg), transparent 0deg); transform: scaleX(-1); }
#product-added-panel .product-added-dismiss-ring:before {content: ""; position: absolute; inset: 2px; border-radius: 50%; background-color: #F7ECDF;}
#product-added-panel .product-added-dismiss-icon {position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center;}
#product-added-panel .product-added-dismiss-icon svg {display: block; width: 14px; height: 14px;}

.question-wish-list 				{display: flex; align-items: center; }
.question-wish-list svg				{height: 17px; width: auto; margin-right: 6px;}
.question-wish-list a				{display: flex; align-items: center; font-size: 18px; text-decoration: none; font-weight: 600}
.question-wish-list a:last-child	{margin-left: 15px;}
.question-wish-list a:hover			{color: #DC5626}

.btn-product-wishlist		{ transition: 0.3s ease-out; display: inline-flex; justify-content: center; align-items: center; background-color: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 50px; position: absolute; right: 10px; top: 10px; z-index: 20; width: 50px; height: 50px; }
.btn-product-wishlist:hover { background-color: #cccccc }

.product-wish-list								{ display: flex; align-items: center; }
.product-wish-list svg							{ height: 17px; width: auto; }
.product-wish-list a							{ display: flex; align-items: center; font-size: 18px; text-decoration: none; font-weight: 600 }
.product-wish-list a:last-child					{ margin-left: 15px; }
.product-wish-list a:hover						{ color: #DC5626 }
.product-wish-list .added svg.fav-heart .cls-1	{ fill: #DC5626 }

svg.fav-heart .cls-1 { fill: #ffffff }
svg.fav-heart .cls-2 {fill:#DC5626}

.product-detail .added svg.fav-heart .cls-1 { fill: #DC5626 }

.info-accordion { margin: 10px 0; }
.info-accordion .accordion-item { margin: 0; border-bottom: 1px solid #CACACA; }

.info-accordion .accordion-item h3        {font-size: 22px; line-height: 1.2; color: #000000;  font-weight: 700; padding: 20px 40px 20px 0; position: relative; cursor: pointer}
.info-accordion .accordion-item h3:after  {width: 10px; height: 6px; background-image: url(/_uploads/icons-2026/icon-dd.svg); display: block; position: absolute; right: 26px; top: 30px; content: '';}

.info-accordion .accordion-expanded { padding: 14px 0 30px; background: #ffffff; font-size: 18px; line-height: 1.4em; display: none;}
.info-accordion .accordion-expanded p { margin: 0 0 10px 0; line-height: 1.55; color: #666666}
.info-accordion .accordion-expanded p:last-child { margin-bottom: 0; }
.info-accordion .accordion-expanded ul { margin: 8px 0 0 0; padding-left: 20px; }
.info-accordion .accordion-expanded li { margin: 6px 0; line-height: 1.5; }
.info-accordion .accordion-expanded strong, .info-accordion .accordion-expanded .label { font-weight: 600; }
.info-accordion .accordion-expanded .label { display: block; margin: 0 0 4px 0; }
.info-accordion .accordion-item.active h3:after { transform: rotate(-180deg); }







/* PRODUCT DETAIL SIMILAR */
.col-product-detail-similar	{width: 240px; flex-shrink: 0;}
.similar-box				{border:1px solid #E6F5F8; text-align: center; padding-bottom: 15px;}
.similar-box h3				{background-color:#E6F5F8; padding: 10px; font-size: 14px; margin-bottom: 10px;}

.similar-card				{padding:8px 15px;}
.similar-card img			{max-height: 110px; width: auto;}
.similar-card p				{font-size: 14px; margin: 5px 0}

.similar-card .product-card-text					{padding: 0}
.similar-card .product-card-text p.price			{font-size: 18px; font-weight: 600; margin:0; color: #00ACC8}
.similar-card.sale .product-card-text p.price span	{color: #DC5626}

.similar-card a			{text-decoration: none; display: block}
.similar-card a:hover	{opacity: 0.8}

/* BASKET */
.basket-page						{padding: 40px 0}
.basket-page h1						{font-size: 30px; font-weight: 400;  margin-bottom: 0.45em;}
.basket-section .cols				{display: flex; justify-content: space-between; }
.basket-section .col-basket			{width:65%; padding: 20px}

.basket-item						{border-bottom: 1px solid #DDDDDD; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.basket-items .basket-item:only-child {border:0;}
.basket-item .product-select		{padding-left: 120px; margin-top: 10px;}
.basket-item .product-select label	{font-size: 14px; margin-bottom: 8px; display: block;}

.basket-image						{width:100px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; margin-right: 20px;}
.basket-image img					{width:auto; max-height: 90px;}
.basket-item h3.price				{font-size: 18px; color:#00ACC8; line-height: 1.2em; margin-bottom: 10px; font-weight: 600}
.basket-image-text					{display: flex; align-items: flex-start; padding-right: 110px}
.basket-image-text h2				{font-size: 20px; color:#000000; line-height: 1.2em; text-transform: none; margin-bottom: 0.35em; font-weight: 400}
.basket-image-text a				{text-decoration:none;}

.basket-image-text h4				{font-size: 16px; color:#000000; line-height: 1.2em; margin-bottom: 0.25em;}
.basket-image-text p				{font-size: 15px; color:#3c3c3c; line-height: 1.2em;}

.basket-item .quantity-total		{display: flex; justify-content: space-between; align-items: center;}
.basket-item .quantity-total h3		{font-size: 24px; font-weight: 600}
.basket-item .quantity-total label	{font-size: 16px;}

.basket-item .qty input[type="text"]	{height: 35px;}
.basket-item .qty input[type="number"]	{height: 35px;}

.remove						{font-size: 14px; padding: 5px 8px; border-radius: 4px;}
.remove:hover				{background-color: #cccccc}
p.text-qualify				{background-image:url(/_uploads/_assets/tick.svg); line-height: 1.2em; background-size: 20px auto; background-position:top 3px left; background-repeat: no-repeat; padding-left: 30px;}
p.text-qualify strong		{font-weight: 600}

/* BASKET SUMMARY */
.col-basket-summary			{width:30%; padding: 20px;}
.col-basket-summary .btn	{width:100%; margin-bottom: 20px;}
.col-basket-summary .select-css	{font-size: 16px; margin-top: 15px;}
.summary-outer				{position: sticky; top:0}
.summary-box				{padding: 30px; box-shadow: 0 0 20px rgb(0 0 0 / 10%); background-color: #ffffff;}
.summary-box h5				{font-size: 22px; margin-bottom: 0.8em; font-weight: 600}
.summary-box h6				{font-weight: 600; margin-bottom: 6px; font-size: 18px;}
.summary-box p				{font-size: 16px;}
.summary-box .btn			{font-size: 18px; text-align: center; padding-left: 10px; padding-right: 10px;}
.grand-total				{border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding-top: 15px; margin-top: 15px; margin-bottom: 15px;}
.grand-total p				{display: flex; justify-content: space-between; margin-bottom: 15px;}
.grand-total p.text-gt		{font-size: 22px;}
.grand-total p.text-gt strong	{font-weight: 600}
.summary-secure				{text-align: center;}
.summary-secure p			{font-size: 14px; margin-bottom: 0.5em;}
.summary-secure img			{width:300px;}

.enquiry-text				{text-align: center; margin-top: 20px;}
.enquiry-text a				{text-decoration:none;}
.enquiry-text span			{display: block; font-size: 25px; margin-top: 10px;}

.summary-box .discount-flex 				{display: flex; justify-content: space-between; margin-bottom: 5px;  }
.summary-box .discount-container .btn 	{width: 80px; font-size: 16px; padding: 5px;  }
.summary-box .discount-container input 	{height: 40px }
.summary-box .discount-container input[type=text] { margin-right: 10px; }


/* CHECKOUT PAGE */
.checkout-page				{padding: 40px 0; background: linear-gradient(0deg, rgba(17,161,188,0.2) 0%, rgba(17,161,188,0.05) 50%, rgba(17,161,188,0.2) 100%); position: relative;}
.checkout-form-panel		{width: 600px; max-width: 100%; margin:0 auto; padding: 40px; border-radius: 10px; background-color: #ffffff; box-shadow: 0 0 30px rgb(0 0 0 / 11%); position: relative; z-index: 2}
.checkout-form-panel h1		{margin-bottom: 0.5em; font-weight: 600}
.checkout-form-panel h2		{font-size: 16px}
.checkout-form-panel p a.btn {margin-top: 10px;}

.checkout-page:before		{background-image: url(/_uploads/_assets/logo-th-leaf.svg); width: 50%;  position: absolute; background-position:top right; left: 0; top:0px; bottom: 0px; background-size: cover; content: ''; z-index: 0; opacity: 0.1}

.privacy-container { background-color: #fff; padding: 10px; padding: 10px; border: 1px solid #dddddd; border-radius: 3px;}
.privacy-container .container div { color: #000; }

.privacy-container.error { background-color: #ffdcdc;}


.form-intro					{border-bottom: 1px solid #dddddd; padding-bottom: 25px; margin-bottom: 25px; text-align: center}
.form-intro-empty			{padding:0;margin:0;border:0;}
.form-outro					{text-align: center; margin-top: 25px;}
.form-outro p				{margin-bottom: 0.5em}

/* ABOUT PAGE */
.panel-page		{padding: 40px 0}
.panel-page p	{font-size: 18px; line-height: 1.4em; margin-bottom: 1em}
.panel-page .inner					{width: 1080px;}
.image-text-panel .cols .col		{width: 50%;}
.image-text-panel img				{width: 100%; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,0.2); border: 10px solid #ffffff;}
.image-text-panel p:last-of-type	{margin-bottom: 0}
.image-text-panel.flipped .cols		{flex-direction: row-reverse}

/* TETX PAGE */
.text-page	{padding: 40px 0}
.text-page .inner	{width: 960px;}

.text-page h1	{margin-bottom: 1em}
.text-page h2	{font-size:22px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-page h3	{font-size:20px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-page h4	{font-size:18px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-page h5	{font-size:16px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-page h6	{font-size:15px; line-height: 1.3em; margin:0.75em 0 0.5em 0}	
.text-page p	{font-size:16px;  line-height: 1.3em; margin-bottom: 1.5em;}
		
.text-page ul,
.text-page ol		{font-size:16px;  line-height: 1.3em; margin: 1.5em;}	
.text-page ul li,
.text-page ol li	{margin-bottom:0.5em;}

.text-page p a,
.text-page ul a,
.text-page ol a		{text-decoration: underline}

.text-page p a:hover,
.text-page ula:hover,
.text-page ol a:hover	{color:#00ACC8}

/* POPUP */
.popup-background 	{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); z-index: 99999; display: none;}
.popup-background.active	{display:block;}
.popup-content		{transition:0.5s ease-out; position: fixed; background-color: #ffffff; box-shadow: 0 0 40px rgba(0,0,0,0.5); border-radius: 3px; width: 600px; padding:60px 40px 50px 50px; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); height:calc(100vh - 150px); max-height: 640px; font-size: 0; z-index: 100;}
.scroll-content		{max-height: 100%; overflow-y: auto; padding-right: 10px; padding-left: 2px}

.popup-content .close	{right: 20px; top: 20px; z-index: 9999; background-image: url(/_uploads/_assets/icon-close-dark.svg); background-color: transparent;}

.scroll-content::-webkit-scrollbar		 { width: 20px; }
.scroll-content::-webkit-scrollbar-track { background: #ccc; border-left: 9px solid #f0f0f0; border-right: 9px solid #f0f0f0; /* BORDER LEFT AND RIGHT NEED TO MATCH THE PARENT BG COLOUR */}
.scroll-content::-webkit-scrollbar-thumb { background: #ccc; border-left: 5px solid #f0f0f0; border-right: 6px solid #f0f0f0; }	

.popup-content h2		{font-size: 30px; font-weight: 400; margin-bottom: 0.5em}
.popup-content p		{font-size: 14px; font-weight: 400}
.popup-content .form-container	{margin-top: 30px;}
.popup-content.animated	{/*transform: translateY(0)*/}	
	
.click-out	{position:fixed; width: 100%; height: 100%; top:0; left:0;}	

/* POPUP ALT */
.popup-alt .popup-content													{width:850px;height:50vh;padding: 30px 25px;}
.popup-alt .popup-content.text-image .popup-alt-content			{height: 100%;max-width:55%;display: flex;align-items: center;}
.popup-alt .popup-content .popup-alt-content h2						{font-size:35px;font-weight:700;text-transform: uppercase;}
.popup-alt .popup-content .popup-alt-content p						{margin-bottom:1em;font-size:16px;}
.popup-alt .popup-content .popup-alt-content .btn					{width:fit-content;}
.popup-alt .popup-content .popup-alt-content .form-container	{padding-right:22px;margin-top:0;}
.popup-alt .popup-content.text-image .popup-alt-image				{display:block;width:45%;height:100%;background-size:cover;background-repeat:no-repeat;position:absolute;right:0;top:0; background-position: center;}

.popup-alt .popup-content.image-only .popup-alt-content			{ display: none; }
.popup-alt .popup-content.image-only .popup-alt-image				{ display: block; width: unset; height: unset; position: relative; }
.popup-alt .popup-content.image-only									{ max-width: 383px; max-height: 460px; width: 80%; padding: 0; }

.popup-alt .popup-content.text-only .popup-alt-content			{ height: 100%; max-width: 100%; display: flex; align-items: center; }
.popup-alt .popup-content.text-only .popup-alt-image				{ display: none; }






/* CHECKOUT / REGISTER */
/*.ca-password	{display: none}*/
.password-prompt {background-color: #ffc1ab; padding: 10px; border-radius: 4px; font-size: 24px; }
.password-prompt p {font-size: 22px; }


/* BLOG LISTING */
.blog-listing				{padding: 40px 0}
.blog-listing .col-listing	{width: 100%; padding-left: 0}
.blog-listing h1			{margin-bottom: 0.5em}
.blog-listing .itc-image-container	{height: 200px;}
.blog-listing .itc-text				{padding-bottom: 40px;}
.blog-listing .itc-text	p.date		{color: #9C9C9C}
.blog-listing .image-text-card		{justify-content: flex-start}



/* BLOG POST */


.blog-listing .cols.span-4 {justify-content: center;}

.blog-filter-container							{width:calc(100% - 60px); margin:25px auto 15px; overflow-x: auto; display: flex;}
.blog-filter-container ul.filter				{display: flex; justify-content: flex-start; list-style: none; margin: 1.5em auto 0; padding-bottom: 13px;}
.blog-filter-container ul.filter li				{background-color: #f0f0f0; margin: 0 3px; cursor: pointer; display: flex; flex-shrink: 0; align-items: center; font-size: 13px;}
.blog-filter-container ul.filter li a			{padding: 7px 20px 8px; transition: 0.2s ease-out;}

.blog-filter-container ul.filter li a.active	{background-color: #02acc8; color: #ffffff}
.blog-filter-container ul.filter li a:hover		{background-color: #dddddd;}


.blog-post			{padding: 40px 0}
.blog-header-image	{height: 400px; background-size: cover; background-position: center; margin-bottom: 30px; border-radius: 3px; overflow: hidden;}
.blog-post .inner	{width: 1200px;}
.blog-post p,
.blog-post ul,
.blog-post ol		{font-size: 18px;}

.blog-header		{text-align: left; border-bottom: 1px solid #dddddd; margin-bottom: 30px;}
.blog-header h1		{font-size: 42px; color: #04acc8; margin-bottom: 15px}
.blog-header p.date	{font-size: 14px; color: #9C9C9C; margin:10px 0 20px 0}
.blog-header p		{font-size: 22px; font-weight: 400; margin-bottom: 20px}

.blog-intro p		{font-size: 18px; }


.blog-post .cols.span-2 .col-previous-post	{width: 350px; margin-right: 20px; flex-shrink: 0}




.pp-inner			{}
.pp-inner ul		{margin: 0; list-style: none;}
.pp-inner ul li		{margin: 0}
.pp-inner ul li	a	{border-bottom: 1px solid #dddddd; display: block; text-decoration: none; padding: 10px 0;}
.pp-inner ul li	a:hover	{color: #04acc8}
.pp-inner h2		{margin-top: 0}

/* CONTACT US */
.contact-page			{padding: 40px 0}
.contact-page .inner	{width:1080px; max-width: 100%;}

.contact-page h1	{margin-bottom: 0.5em}
.contact-page h2	{font-size: 23px; font-weight: 500; line-height: 1.2em; border-bottom: 0.5px solid #dddddd; color: #dc5626; padding-bottom: 10px; margin-bottom: 1em}

.contact-page .cols	{display: flex; justify-content: space-between}
.contact-page .col	{width:calc(50% - 40px)}
.contact-page .col:nth-child(2)	{display: flex; flex-direction: column; justify-content: space-between}

p.required-text		{font-weight: 600; font-size: 14px; margin: 2em 0 2em}

.icon-text			{display: flex; margin-bottom: 1.2em; align-items: flex-start;}
.icon-text a		{text-decoration:none}
.icon-text a:hover 	{color:#00ACC8}

.it-icon	{width: 30px;}

.map		{flex:1; margin-top: 10px;}
.map iframe	{width: 100%; height: 100%;}

.form-error					{color:red; margin-bottom:1em;}
.form-field-error			{color:red; font-size:16px; margin:5px 0;}


.form-cell.error select,
.form-cell.error input {background-color: #ffdcdc; border: 2px solid red !important;}


/* BUTTON */
.button	{display: flex; justify-content: center; margin-top: 30px;}

.btn		{border-radius: 3px; font-size: 18px; width:fit-content;  display: inline-block; padding: 16px 32px; background-color: #DC5626; color: #ffffff; font-weight: 600; text-decoration: none; box-shadow: 0 3px 2px rgba(0,0,0,0.2); transition: 0.2s ease-out}
.btn:hover	{transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0); background-color: #3c3c3c}

.btn.primary	{background-color: #00ACC8}
.btn.secondary	{background-color: #DC5626}
.btn.teriary	{background-color: #08C97B}
.btn.tertiary	{background-color: #08C97B}

.btn.btn-min-width	{width: 150px; max-width: 100%; text-align: center}

.btn-container		{display: flex;gap: 1em;justify-content: flex-start;}
.btn-container .l-align		{margin-right:auto;}
.btn-container .r-align		{margin-left:auto;}

.btn.ab-center {position: absolute; bottom: 60px; }


/* FOOTER */
footer	{padding: 40px 0}

.secure-social		{display: flex; justify-content: center; align-items: center; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding: 15px 0; margin-bottom: 40px;}
.secure-social img	{width: 390px; max-width: 100%}

ul.social-list						{display: flex; align-items: center; list-style: none; margin-left: 25px;}
ul.social-list li					{margin: 0 10px 0 0}
ul.social-list li a					{display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; background-color: #00ACC8; border-radius: 40px;}
ul.social-list li svg				{width: auto; height: 20px; max-width: 20px;}
ul.social-list li svg path			{fill:#ffffff}
ul.social-list li:hover a 			{background-color:#DC5626}

.footer-top.cols	{display: flex; justify-content: space-between; margin: auto; width: 100%;}

.footer-top ul				{list-style: none; font-size: 16px;}
.footer-top ul li strong	{font-weight: 600; font-size: 18px;}
.footer-top ul li			{margin-bottom: 10px;}
.footer-top ul li a			{text-decoration: none; color: #7C7C7C}
.footer-top ul li a:hover	{color:#3c3c3c}

.footer-bottom		{text-align: center; margin-top:40px; border-top:1px solid #DDDDDD; padding: 30px 0 0 0}
.footer-bottom img	{width: 398px; max-width: 100%; margin: 20px 0}
.footer-bottom a	{text-decoration:none;}

.footer-bottom.no-top { margin-top: 0; border-top: 0; padding-top: 0; }

/* FORM STYLES */
.form-container			{}
.form-row				{margin-bottom: 20px;}
.form-cell				{}

.form-row.split				{display: flex; justify-content: space-between;}
.form-row.split	.form-cell	{width:calc(50% - 5px); position: relative;}
.form-row.split.three .form-cell	{width:calc(33.333% - 5px);}

.form-row.checkboxes-full ul li .form-cell label div,
.privacy-container													{ font-weight: 700; }

.form-subtitle { text-align: center; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime-local"],
input[type="email"] { font-size: 16px; width: 100%; flex: 1; padding: 15px 15px; border: 1px solid #dddddd; background-color: #ffffff; color: #717171; transition: 0.2s ease-out; border-radius: 3px; margin-top: 5px; }

textarea:focus,
select.select-css:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime-local"]:focus;	{box-shadow: 0 0 0 2px #dddddd}

textarea	{height: 150px;resize:vertical;}

textarea::-webkit-input-placeholder     {color:#717171;}
textarea::-moz-placeholder              {color:#717171;}
textarea:-ms-input-placeholder          {color:#717171;}
textarea:-moz-placeholder               {color:#717171;}

input[type="text"]::-webkit-input-placeholder     {color:#717171;}
input[type="text"]::-moz-placeholder              {color:#717171;}
input[type="text"]:-ms-input-placeholder          {color:#717171;}
input[type="text"]:-moz-placeholder               {color:#717171;}

input[type="password"]::-webkit-input-placeholder     {color:#717171;}
input[type="password"]::-moz-placeholder              {color:#717171;}
input[type="password"]:-ms-input-placeholder          {color:#717171;}
input[type="password"]:-moz-placeholder               {color:#717171;}


input[type="datetime-local"]::-webkit-input-placeholder     {color:#717171;}
input[type="datetime-local"]::-moz-placeholder              {color:#717171;}
input[type="datetime-local"]:-ms-input-placeholder          {color:#717171;}
input[type="datetime-local"]:-moz-placeholder               {color:#717171;}

input[type="email"]::-webkit-input-placeholder     {color:#717171;}
input[type="email"]::-moz-placeholder              {color:#717171;}
input[type="email"]:-ms-input-placeholder          {color:#717171;}
input[type="email"]:-moz-placeholder               {color:#717171;}

.form-container input[type="text"],
.form-container input[type="password"],
.form-container input[type="datetime-local"] {padding: 0.75em 1.4em 0.75em 0.8em; line-height: 1.4em}
.form-container .select-css				{border-color:#dddddd; color: #717171; font-size: 16px; border-radius: 3px;padding: 0.75em 1.4em 0.75em 0.8em;line-height: 1.4em;margin-top: 5px;}
.form-container .form-row				{margin-bottom: 10px;}

.form-container .container:focus-within	{color: #3c3c3c}

/*
.form-container .container:focus-within .checkmark	{background-color: #cccccc}
*/

.form-container .container 				{font-size: 18px; color: #717171; display: flex; margin: 0; padding: 0}
.form-container .container .checkmark	{position: relative; margin-right: 12px; flex-shrink: 0; transform: translateY(-2px)}

.form-container .container .checkmark.cb-outline { border: solid 1px #02acc8; }
.form-container .container .checkmark.cb-outline:after { left: 8px; top: 4px }

.form-container .form-row.submit { margin-bottom: 0; text-align: center }
.form-container .form-row.submit .btn	{width: 100%;}

.form-row.checkboxes-inline			{margin: 20px 0}
.form-row.checkboxes-inline ul		{display: flex; list-style: none; font-size: 14px; justify-content: center}
.form-row.checkboxes-inline ul li	{margin-right: 20px;}

.form-row.checkboxes-full			{margin: 30px 0;}
.form-row.checkboxes-full ul		{list-style: none}
.form-row.checkboxes-full ul li		{margin-bottom:1em; line-height: 1.3em}



.form-container .form-row.checkboxes-full .container	{font-size: 16px;}

/* SELECT CSS */
.select-css	{border:1px solid #dddddd; background-color: #ffffff; border-radius: 3px; color: #3c3c3c; line-height: 1.15em; padding: 15px 15px; background-size: 18px auto; transition: 0.2s ease-out; font-size: 16px;margin-top: 5px;}




/* JIM TEP STYLES FOR FRONT END EDITOR */

#page3 searchcontent div {padding: 5px;}


































/* LEGACY COOKIE BAR */
.cookieBar              {width: 100%; background-color:rgba(0,0,0,0.5); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999;}
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

.tooltip { position: relative; display: inline-block; }

.tooltip .tooltiptext { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; }

.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }

.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }

.nowrap { white-space: nowrap; }

section.product .copyToClipboard

section.product .product-txturl { width: calc(100% - 230px); }

section.product-listing .product-txturl { width: calc(100% - 250px); }

section.product-listing tr.table-sticky th { position: sticky; top: -1px; background-color: #ffffff; z-index: 1; }

.table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; border-collapse: separate; }
.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }
.table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; }
     
.table thead tr.no-top-border th { border-top: 0px solid #ffffff; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.table-striped-column tbody tr td:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }

.sticky { position: sticky; top: -1px; background-color: #ffffff; z-index: 1; }


.radiobutton label { margin-left: 5px; margin-right: 5px; }

.table .checkbox-list td,
.table .checkbox-list td { border-top: 0; }

.table .checkbox-list td input[type="checkbox"] + label { margin-left: 5px; margin-right: 5px; }

.custom-checkbox:after { content: " "; }

.product-listing.loading { pointer-events: none; }

input[type="text"].text-contains { padding: 8px 8px; }

/* SPINNER - loading.io */
.lds-ring { display: inline-block; position: fixed; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #4f6a7d; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #4f6a7d transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }


/* PRODUCT TAGGING */
.product-tagging table.table.product-edit tbody tr td label:first-child { min-width: 150px; display: inline-block; }
.product-tagging table.table.product-edit tbody tr td label:first-child.extra170 { min-width: 170px; display: inline-block; }
.product-tagging table.table.product-edit tbody tr td label:first-child.extra320 { min-width: 320px; display: inline-block; }

section.product.product-tagging textarea { border: 1px solid #dddddd; padding: 15px; }
section.product.product-tagging textarea.w100 { width: 100% }

section.product.product-tagging select.error:focus,
section.product.product-tagging input[type="text"].error:focus,
section.product.product-tagging textarea.error:focus { box-shadow: 0 0 0 2px #ff0000; }

section.product.product-tagging select.error,
section.product.product-tagging input[type="text"].error,
section.product.product-tagging textarea.error { color: #ff0000; border-color: #ff0000; }


.product-tagging span.error { color: #ff0000; line-height: initial; }

/* ACCORDION */
.product-tagging .accordion .accordion-item                             { margin-bottom: 6px; }
.product-tagging .accordion .accordion-item h3                          { font-size: 24px; color: #00365C; background-color: #ECEFF8; position: relative; cursor: pointer; line-height: 1.4em; padding: 10px 40px 10px 20px; }
.product-tagging .accordion .accordion-item h3 span.plus                { width: 21px; height: 21px; position: absolute; right: 15px; display: block; top: 10px; }
.product-tagging .accordion .accordion-item h3 span.plus:before         { width: 1px; height: 100%; background-color: #333333; position: absolute; left: 10px; top: 0; content: ''; }
.product-tagging .accordion .accordion-item h3 span.plus:after          { width: 1px; height: 100%; background-color: #333333; position: absolute; left: 10px; top: 0; content: ''; transform: rotate(90deg); }
.product-tagging .accordion .accordion-item.active h3                   { background-color: #ECEFF8; }
.product-tagging .accordion .accordion-item.active h3 span.plus:after   { }
.product-tagging .accordion .accordion-item.active h3 span.plus:before  { display: none; }
.product-tagging .accordion .accordion-expanded                         { display: none; padding: 20px; background-color: #ffffff; column-count: 6; }
.product-tagging .accordion .accordion-expanded p:last-child            { margin-bottom: 0; }

.product-tagging .accordion .accordion-item .tags   { break-inside: avoid; }
.product-tagging .accordion .accordion-item h4      { font-size: 16px; padding-left: 20px; margin-bottom: 10px; margin-top: 20px; }
.product-tagging .accordion .tagValue-container     { margin-left: 20px; }
.product-tagging .accordion .container              { padding-left: 30px; }
.product-tagging .accordion .accordion-item label   { font-size: 14px; font-weight: 300; }

.product-tagging .accordion .checkmark          { width: 20px; height: 20px; }
.product-tagging .accordion .checkmark::after   { left: 8px; top: 2px; width: 2px; }

/*.delivery-options { margin-top: 30px; margin-bottom: 30px; }*/
.delivery-options .accordion-item { margin-bottom: 6px; }
.delivery-options .accordion-item img { max-width: 250px; width: 100%; }
.delivery-options .accordion-item h3 { font-size: 18px; font-weight: 600; margin-bottom: 5px; }
.delivery-options .accordion-item p { margin-bottom: 10px; }
				  
.delivery-options .accordion-item h3 span.plus:after { }
.delivery-options .accordion-expanded { padding: 20px; background-color: #fff; line-height: 1.3em; /*display: none;*/ line-height: 1.4em; border: 1px solid #d0d0d0; border-top: 0px;}
.delivery-options .accordion-expanded p:last-child { margin-bottom: 0; }

.delivery-options .accordion-item.active h3 { }
.delivery-options .accordion-item.active h3 span { transform: rotate(-180deg) }

.delivery-page .cols .col { padding: 10px; }

@media screen and (max-width: 1175px) {
	.delivery-page .cols.cols-2 { flex-wrap: wrap; flex-direction: column-reverse; }
	.delivery-options .accordion-item img { max-width: unset; }
}




@keyframes lds-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* CHECKOUT */

.delivery-page .where-sending { align-content: center; align-items: center; text-align: center }
.delivery-page .selected-address { max-width: 500px; margin: auto; margin-top: 25px; border: 1px solid #d0d0d0; padding: 30px 30px 15px 30px; }
.delivery-page .selected-address span { text-align: left; display: block; margin-bottom: 0.35em; margin-left: .75em; }
.delivery-page .delivery-options { max-width: 500px; margin: auto; margin-top: 30px; }
.delivery-page .btn-container { text-align: center; margin-top:2em; }

.delivery-page .selectable-option label.selectable .selectable-option-indicator { position: absolute; top: 9px; left: 10px; display: block; width: 18px; height: 18px; background-image: url("/_assets/untick-green.png"); background-size: cover; background-repeat: no-repeat; }
.delivery-page .delivery-options .delivery-option label .price { position: absolute; top: 10px; right: 10px; font-weight: 700; }
.delivery-page .delivery-options .delivery-option.selected label { line-height: 1.2em; }

.selectable-option { margin-bottom: 10px; }
.selectable-option label.selectable { display: block; border: 1px solid #d0d0d0; padding: 10px 80px 10px 40px; font-size: 16px; position: relative; transition: all 0.2s; line-height: 1.5em; }

.selectable-option.accordion-item label.selectable {/*border-bottom: 0px;*/}


/*.delivery-options .delivery-option label { margin-bottom: 5px; }*/
.selectable-option.selected label.selectable .selectable-option-indicator { background-image: url("/_assets/tick-green.png"); }
.selectable-option label.selectable .selectable-option-indicator { position: absolute; top: 9px; left: 10px; display: block; width: 18px; height: 18px; background-image: url("/_assets/untick-green.png"); background-size: cover; background-repeat: no-repeat; }

.link-style				{padding: 10px 20px;margin:10px 5px;background:#00ACC8;color:#fff;display: inline-block;width: fit-content; text-decoration:none;}
.link-style.has-image	{display:inline-flex !important;}
.link-style.has-image img	{width:10px;}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.password-reveal            {position:absolute;top:32px;right:7px;transform:translate(-7px, -50%); display: flex; background: unset; }
.password-reveal:hover img  {opacity:.75;}
.password-reveal img        {width:20px;}




.filter-container { padding: 0px 15px; }

.price-filter label		{ display: inline-block; width: 32%; margin-left: 15px; }
.price-filter select	{ min-width: 50%; }

.pagination { margin-top: 20px; text-align: center; }
.pagination-btn { display: inline-block; padding: 8px 12px; margin: 2px; background-color: #fff; border: 1px solid #02acc8; cursor: pointer; }
.pagination-btn.active { background-color: #02acc8; color: #fff; }
.pagination-btn.disabled { pointer-events: none; opacity: 0.5; }


/* minimise CLS due to slick */
.home-hero-carousel .slide { display: none; }
.home-hero-carousel .slide:first-child { display: block; }
.home-hero-carousel.slick-initialized .slide { display: flex; justify-content: center; }
.home-hero-carousel .hero-link-cover { width: 100%; max-width: unset; }

.product-carousel .slide { display: none; }
.product-carousel .slide:nth-child(n+6) { display: block; }
.product-carousel.slick-initialized .slide { display: block; }

.home-product-listing .product-carousel .col { display: none; }
.home-product-listing .product-carousel .col:nth-child(n+6) { display: block; }
.home-product-listing .product-carousel.slick-initialized .col { display: block; }


/* Styles for the price input container */
.price-filter .price-input-container { width: 100%; padding: 20px; padding-top: 0; }
.price-filter .price-input .price-field { display: flex; margin-bottom: 12px; justify-content: flex-start; }
.price-filter .price-field span { margin-right: 10px; margin-top: 6px; font-size: 14px; line-height: 0.5; }
.price-filter .price-field input { flex: 1; height: 17px; font-size: 14px; text-align: center; border: 0px; background: #fff; max-width: 25px; color: #555; }
.price-filter .price-input { width: 100%; font-size: 19px; color: #555; }

.price-filter .slider-container { width: 100%; padding: 0px; height: 10px; position: relative; background: #e4e4e4; border-radius: 5px; margin: auto; }
.price-filter .slider-container .price-slider { height: 100%; left: 0%; right: 0%; position: absolute; border-radius: 5px; background: #00ACC8; }
.price-filter .range-input { position: relative; }
.price-filter .range-input input { position: absolute; width: calc(100% - 20px); height: 5px; background: none; top: -28px; left: 10px; pointer-events: none; cursor: pointer; -webkit-appearance: none; }

/* Styles for the range thumb in WebKit browsers */
.price-filter input[type="range"]::-webkit-slider-thumb { height: 18px; width: 18px; border-radius: 70%; background: #555; pointer-events: auto; -webkit-appearance: none; }

@media screen and (max-width: 768px) {
	.price-filter .price-input { flex-direction: column; align-items: center; }
	.price-filter .price-field { margin-bottom: 10px; }
}

.spinner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); justify-content: center; align-items: center; z-index: 1000; }
.spinner { border: 16px solid #f3f3f3; border-top: 16px solid #00acc8; border-radius: 50%; width: 60px; height: 60px; animation: spin 1.5s linear infinite; margin: auto; margin-top: 180px; }
.product-listing-page { position: relative; }

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


.spend-and-save {display: none !important;}

.spend-free-delivery { padding: 10px; background-color: rgb(52 216 56 / 31%); width: 100%; font-size: 24px; margin: 20px 0px; padding: 20px; border-radius: 3px; }
.spend-free-delivery h3 { font-weight: 100; }

.category-dropdown						{ position: absolute; background-color: #fff; border: 1px solid #ccc; max-height: 200px; overflow-y: auto; display: none; z-index: 1000; }
.category-dropdown .dropdown-item		{ padding: 10px; cursor: pointer; border: 1px solid #e0e0e0; }
.category-dropdown .dropdown-item:hover { background-color: #e0e0e0; }


.practitionerApproval { background: #ffb9b9; padding: 10px; font-size: 19px; color: #000; margin-bottom: 20px; line-height: 1.3em; }
.product-card-text p.price.practitioner-approval { font-size: 20px; }
.practitionerApproval button { background: unset; text-decoration: underline; font-weight: 600; }
.practitionerApproval.accepted { background: #afffa6; }

.pr-login, .ap-required p, .ap-sent p, .practitionerApproval.accepted { padding: 5px 10px; background-color: #d0f2f6; border-radius: 5px; margin-top: 21px; }

.product-detail .image-listing { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.product-detail .image-listing img { width: 61px; height: 61px; margin: 0; padding: 4px; border: 1px solid #DDDDDD; align-self: center; box-sizing: border-box; object-fit: contain; background-color: #ffffff; cursor: pointer; }
.product-detail .image-listing img.active { border: 1px solid #00C1D5; }
.product-detail .image-listing.slick-initialized { display: block; margin-right: 36px; margin-left: 36px; }
.product-detail .image-listing.slick-initialized .slick-track { display: flex; align-items: center; }
.product-detail .image-listing.slick-initialized .slick-slide { padding: 0 5px; box-sizing: border-box; }
.product-detail .image-listing.slick-initialized .slick-slide img { margin: 0 auto; }
.product-detail .image-listing-wrap { position: relative; }
.product-detail .image-listing-wrap .slick-arrow { width: 24px; height: 24px; border: 0; background: transparent; background-repeat: no-repeat; background-position: center; background-size: 10px auto; font-size: 0; position: absolute; top: 50%; transform: translateY(-50%); }
.product-detail .image-listing-wrap .slick-prev { left: 0; background-image: url(/_uploads/icons-2026/small-slick-left.svg); }
.product-detail .image-listing-wrap .slick-next { right: 0; background-image: url(/_uploads/icons-2026/small-slick-right.svg); }
.product-detail .image-listing-wrap .slick-disabled { opacity: 0.3; }

.product-detail .col-product-detail-text p.stock-count.out-of-stock { color: rgb(220, 86, 38); font-size: 14px; font-weight: 400; }
.product-detail .col-product-detail-text p.stock-count.out-of-stock span { border-color: rgba(220, 86, 38, 0.45); }
.product-detail .col-product-detail-text p.stock-count.out-of-stock span:before { background-color: rgb(220, 86, 38); }

.product-detail #out-of-stock.no-stock-notification { background: transparent; padding: 0; margin: 18px 0 12px; text-align: left; max-width: 448px; width: 100%; }
.product-detail #out-of-stock.no-stock-notification .no-stock-status { margin: 0 0 12px; color: rgb(220, 86, 38); font-size: 14px; font-weight: 500; line-height: 1.35; }
.product-detail #out-of-stock.no-stock-notification .no-stock-form-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; width: 100%; max-width: 448px; }
.product-detail #out-of-stock.no-stock-notification .no-stock-email-wrap { display: block; width: 100%; min-width: 0; }
.product-detail #out-of-stock.no-stock-notification .no-stock-email-input { display: block; box-sizing: border-box; width: 100%; height: 40px; border: 1px solid #00b6cc; border-radius: 3px; padding: 8px 12px; font-size: 16px; margin: 0; position: static; top: auto; }
.product-detail #out-of-stock.no-stock-notification .no-stock-notify-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; min-height: 40px; border: 0; background: rgb(220, 86, 38); color: #fff; border-radius: 3px; font-weight: 700; padding: 0 16px; line-height: 1; white-space: nowrap; margin: 0; }
.product-detail #out-of-stock.no-stock-notification .notify-success { margin-top: 10px; color: #3c3c3c; font-size: 15px; }

.product-detail .last-purchased-banner { display: flex; align-items: center; gap: 10px; background: rgba(0, 193, 213, 0.1); color: #445861; border-radius: 999px; padding: 0 14px; margin: 0 0 16px; width: 100%; max-width: 448px; box-sizing: border-box; font-size: 15px; line-height: 1.2; height: 35px; max-height: 35px; text-decoration: none; overflow: hidden; }
.product-detail .last-purchased-banner.desktop { display: flex; }
.product-detail .last-purchased-banner.mobile { display: none; }
.product-detail .product-detail .col-product-detail-text { min-width: 0; }
.product-detail .last-purchased-banner svg { width: 16px; height: 16px; flex-shrink: 0; }
.product-detail .last-purchased-banner > span { min-width: 0; overflow: hidden; white-space: nowrap; }
.product-detail .last-purchased-banner .last-purchased-link { color: #00b6cc; text-decoration: underline; font-weight: 600; }
.product-detail .last-purchased-banner .last-purchased-tail { display: inline-block; white-space: nowrap; }
.product-detail .last-purchased-banner:hover .last-purchased-link { color: #0098ab; }

@media only screen and (max-width: 1020px) {
	.product-detail .last-purchased-banner { font-size: 14px; }
}

@media only screen and (max-width: 900px) {
	.product-detail .last-purchased-banner { font-size: 15px; width: 100%; max-width: 100%; height: auto; max-height: none; min-height: 35px; border-radius: 16px; }
	.product-detail .last-purchased-banner.desktop { display: none; }
	.product-detail .last-purchased-banner.mobile { display: flex; }
	.product-detail .last-purchased-banner { justify-content: center; }
	.product-detail .last-purchased-banner.mobile > span { text-align: center; white-space: normal; line-height: 1.25; }
	.product-detail .last-purchased-banner.mobile { white-space: normal; padding-top: 6px; padding-bottom: 6px; }
}
/* Ask a question popup */
.product-detail #askQuestionPopup.ask-question-popup { position: fixed; inset: 0; z-index: 10000; background: rgba(0, 0, 0, 0.55); align-items: center !important; justify-content: center !important; padding: 16px; box-sizing: border-box; }
.product-detail #askQuestionPopup .ask-question-popup-content { position: relative; width: min(640px, calc(100vw - 24px)); max-width: 640px; max-height: calc(100vh - 32px); overflow-y: auto; height: auto !important; min-height: 0 !important; left: auto !important; top: auto !important; right: auto !important; transform: none; margin: 0 !important; padding: 28px 24px; box-sizing: border-box; font-size: 16px; }
.product-detail #askQuestionPopup .form-container { margin-top: 0; }
.product-detail #askQuestionPopup .form-container input[type="email"] { padding: 0.75em 1.4em 0.75em 0.8em; line-height: 1.4em; border: 1px solid #dddddd; border-radius: 3px; color: #717171; font-size: 16px; }
.product-detail #askQuestionPopup .form-cell.error textarea, #askQuestionPopup .form-cell.error input { background-color: #ffdcdc; border: 2px solid red; }
.product-detail #askQuestionPopup .form-cell input::placeholder, #askQuestionPopup .form-cell textarea::placeholder { color: #717171; opacity: 1; }
.product-detail #askQuestionPopup #askQuestionQuestion { min-height: 130px; }
.product-detail #askQuestionPopup .ask-question-submit { position: relative; min-width: 150px; display: inline-flex; align-items: center; justify-content: center; }
.product-detail #askQuestionPopup .ask-question-submit .ask-question-spinner { position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border: 2px solid rgba(255, 255, 255, 0.45); border-top-color: #fff; border-radius: 50%; animation: askQuestionSpin 0.8s linear infinite; opacity: 0; pointer-events: none; }
.product-detail #askQuestionPopup .ask-question-submit.is-loading { pointer-events: none; opacity: 0.9; }
.product-detail #askQuestionPopup .ask-question-submit.is-loading .btn-label { opacity: 0; }
.product-detail #askQuestionPopup .ask-question-submit.is-loading .ask-question-spinner { opacity: 1; }
.product-detail #askQuestionPopup .ask-question-thanks { font-size: 18px; line-height: 1.4; color: #3c3c3c; margin-top: 8px; }

@keyframes askQuestionSpin {
	to { transform: rotate(360deg); }
}

@media only screen and (max-width: 767px) {
	.product-detail #askQuestionPopup.ask-question-popup { padding: 12px; }
	.product-detail #askQuestionPopup .ask-question-popup-content { padding: 22px 14px; }
}






/***********/
/* marquee */


/*.marquee-container							{ overflow: hidden; white-space: nowrap; position: relative; width: 100%;   }
.marquee-container .marquee				{ display: inline-block; white-space: nowrap; animation: marquee 30s linear infinite; will-change: transform; display: flex; min-width: 200%; gap: 0; }
.marquee-container .marquee span			{ flex: 1; white-space: nowrap; }
.marquee-container .marquee p				{ font-size: 18px !important; display: inline-block; }
.marquee-container .marquee p strong	{ font-weight: 600 !important;}*/


/**/


.marquee-container { width: 100%; overflow: hidden; white-space: nowrap; position: relative; }
.marquee { width: 100%; height: 33px; }
.marquee-content { white-space: nowrap; position: absolute; right: 0; }

.marquee-content.content-1 { animation: marquee 30s linear infinite; }
.marquee-content.content-2 { animation: marquee2 30s linear infinite; }

.marquee-container .marquee p { font-size: 16px !important; display: inline-block; }
.marquee-container .marquee p strong { font-weight: 600 !important; }
.marquee-container:hover .marquee-content.content-1,
.marquee-container:hover .marquee-content.content-2  { animation-play-state: paused; }

@keyframes marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

@keyframes marquee2 {
	0% { transform: translateX(100%); }
	100% { transform: translateX(0); }
}


/*@keyframes marquee {
  0% {
	transform: translateX(0);
  }
  100% {
	transform: translateX(-50%);
  }
}*/

/***********************/
/* practioner approval */

.practioner-approval-cb-container .checkmark {border: 2px solid #DC5626; width: 22px !important; height: 22px !important; background-color: #ffcebd;}
.practioner-approval-cb-container .container div {color: #DC5626; margin-left: 2px; padding-top: 2px;}



.address-error { font-size: 20px; padding: 10px; background-color: #ffdcdc; cursor: default; margin: 0; }
.address-error.mb { margin-bottom: 20px; }

/* Hide honeypot field*/
.company-hp { position: absolute !important; left: -9999px !important; /* off-screen rather than invisible */ top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; z-index: -1 !important; }


.basket-update { background-color: #ffdcdc; padding: 20px; font-size: 20px; }
.basket-update h2 { margin-bottom: 10px; }




/* PRACTITIONER APPROVAL POPUP */
:root { --tah-teal: #00ACC8; --tah-ice: #cfeff2; --tah-text: #1a1a1a; --tah-muted: #6c6c6c; --tah-shadow: 0 10px 30px rgba(0,0,0,.25); }

/*.tah-approval-open											{ padding: 10px 14px; border: 0; border-radius: 8px; background: var(--tah-teal); color: #fff; cursor: pointer; font-weight: 600; }*/
#tahApprovalOverlay.tah-approval-overlay				{ position: fixed; inset: 0; background: rgba(0,0,0,.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 18px; }
#tahApprovalOverlay.tah-approval-overlay.is-open	{ display: flex; }
#tahApprovalModal.tah-approval-modal					{ width: min(560px,100%); background: #fff; border-radius: 10px; box-shadow: var(--tah-shadow); padding: 18px 18px 16px; position: relative; max-height: 80vh; overflow-y: auto; }
#tahApprovalModal .tah-approval-close					{ position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 10px; border: 0; background: rgba(0,0,0, 0); cursor: pointer; font-size: 35px; line-height: 36px; }
#tahApprovalModal .tah-approval-logo					{ display: flex; justify-content: center; margin-top: 8px; }
#tahApprovalModal .tah-approval-logo img				{ max-width: 250px; height: auto; display: block; }
#tahApprovalModal .tah-approval-brand					{ text-align: center; font-weight: 500; color: var(--tah-teal); margin-top: 8px; letter-spacing: .8px; font-size: 15px; }
#tahApprovalModal .tah-approval-sub						{ text-align: center; color: var(--tah-muted); font-size: 15px; margin-top: 2px; letter-spacing: .6px; }
#tahApprovalModal .tah-approval-instruction			{ text-align: center; color: var(--tah-text); margin: 15px 0 20px; font-size: 15px; }
#tahApprovalModal .tah-approval-label					{ display: block; font-size: 15px; font-weight: 500; color: var(--tah-text); margin: 12px 0 5px; }
#tahApprovalModal .tah-approval-input					{ width: 100%; background: var(--tah-ice); border: 0; border-radius: 2px; padding: 10px 10px; outline: none; font-size: 15px; box-sizing: border-box; }
#tahApprovalModal .tah-approval-input[type="text"] { color: #000; }
#tahApprovalModal .tah-approval-input:focus			{ box-shadow: 0 0 0 2px rgba(0,172,200,.25); }
#tahApprovalModal .tah-approval-q						{ display: flex; gap: 10px; align-items: flex-start; margin: 15px 0 3px; }
#tahApprovalModal .tah-approval-dot						{ width: 10px; height: 10px; border-radius: 50%; background: var(--tah-teal); margin-top: 4px; flex: 0 0 10px; }
#tahApprovalModal .tah-approval-qtext					{ font-size: 15px; font-weight: 500; color: var(--tah-text); line-height: 1.25; }
#tahApprovalModal .tah-approval-textarea				{ width: 100%; background: var(--tah-ice); border: 0; border-radius: 2px; padding: 10px 10px; outline: none; font-size: 15px; resize: vertical; min-height: 110px; box-sizing: border-box; color: #000; }
#tahApprovalModal .tah-approval-textarea:focus		{ box-shadow: 0 0 0 2px rgba(0,172,200,.25); }
#tahApprovalModal .btn-container							{ display: block; text-align: center; }
#tahApprovalModal .tah-approval-submit					{ margin-top: 14px; border: 0; border-radius: 2px; background: var(--tah-teal); color: #fff; padding: 11px 12px; font-weight: 700; cursor: pointer; letter-spacing: .2px; }
#tahApprovalModal .tah-approval-submit[disabled]	{ opacity: .65; cursor: not-allowed; }
#tahApprovalModal .tah-approval-note					{ margin-top: 10px; font-size: 15px; color: var(--tah-muted); min-height: 16px; text-align: center; }
#tahApprovalModal .tah-approval-hp						{ position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

#tahApprovalModal .tah-approval-error																									{ color: #d32f2f; font-size: 15px; margin-top: 3px; padding-bottom: 5px; }
#tahApprovalModal .tah-approval-input.is-error, #tahApprovalModal .tah-approval-textarea.is-error					{ background: #ffe5e5; box-shadow: 0 0 0 2px #d32f2f inset; }
#tahApprovalModal .tah-approval-input.is-error:focus, #tahApprovalModal .tah-approval-textarea.is-error:focus	{ box-shadow: 0 0 0 2px #d32f2f inset; }


.accordion-item.ingredients td { border: 1px solid; padding: 5px; }
.accordion-item.important-info li { margin-left: 35px; }
.accordion-item.important-info ul { margin-top: 5px; }

.description   {border-top: 1px solid #CACACA; padding-top: 22px; margin-top: 25px;}
.description p {color: #666666; font-size: 16px;}

.description-actions       {display: flex; justify-content: space-between}
.description-actions-spacer {min-height: 1px;}
.description-actions p a   {font-size: 14px; color: #00C1D5; text-decoration: underline; display: flex; align-items: center; gap: 5px;}
.description-actions p a span {display: unset}

.accordion-item span,
.description span { display: inline-block; }

.product-cols-bottom {display: flex; gap: 30px; border-top: 1px solid #CACACA; margin-top: 40px;}
.pcb-left            {max-width: 908px; width: 100%; flex-shrink: 1}
.pcb-right           {max-width: 440px; width: 100%; padding-top: 29px; }

.banners             {display: flex; flex-direction: column; gap: 18px;}
.banners a           {font-size: 0}

#out-of-stock { padding: 20px; background-color: #ffcbb9; margin-bottom: 10px; }
#out-of-stock .no-stock-btn-container { display: flex; }
#out-of-stock input[type="text"] { height: 50px; top: -5px; position: relative; width: 100%; }
#out-of-stock input[type="submit"] { height: 50px; }

#out-of-stock ul { list-style: none; display: flex; flex-wrap: wrap; }
#out-of-stock ul li { margin-bottom: 30px; }
#out-of-stock ul li a { padding: 9px; background-color: #dc5626; color: #fff; text-decoration: none; margin-right: 10px; border-radius: 5px; transition: 0.2s ease-out; }
#out-of-stock ul li a:hover { opacity: 0.5; }

.ap-required button { background: none; text-decoration: underline; }

.image-listing { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.image-listing img { width: 61px; height: 61px; margin: 0; padding: 4px; border: 1px solid #DDDDDD; align-self: center; box-sizing: border-box; object-fit: contain; background-color: #ffffff; cursor: pointer; }
.image-listing img.active { border: 1px solid #00C1D5; }

.practioner-approval-cb-container { margin-bottom: 20px; }
.practioner-approval-cb-container .container { font-size: 18px; padding-left: 26px; }
.practioner-approval-cb-container .checkmark { height: 18px; width: 18px; }
.practioner-approval-cb-container .checkmark:after { left: 6px; top: 2px; width: 3px; height: 9px; }


/* RELATED PRODUCT TILE PANEL */
#related-products.listing-panel-slot                                 { padding: 28px 0 0; }
.listing-panel--compact                                              { width: 100%; }

.listing-panel--compact .listing-panel__header                       { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.listing-panel--compact .listing-panel__title                        { margin: 0; font-size: 26px; line-height: 1; font-weight: 700; color: #000000; text-transform: none; }
.listing-panel--compact .listing-panel__arrows                       { display: none; align-items: center; gap: 8px; padding-left: 0; margin-top: 0; }

.listing-panel--compact .listing-panel__track                        { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.listing-panel--compact .listing-panel__track > .listing-tile-col    { width: 50%; margin: 0; padding: 0 8px 16px; box-sizing: border-box; }
.listing-panel--compact .listing-panel__track .slick-list,
.listing-panel--compact .listing-panel__track .slick-track           { display: block; }
.listing-panel--compact .listing-tile-col                            { min-width: 0; }

.listing-panel--compact .listing-tile                                { position: relative; display: flex; flex-direction: column; height: 100%; border: 1px solid #EFEFEF; border-radius: 4px; background: #ffffff; box-shadow: none; overflow: hidden; text-align: left; }
.listing-panel--compact .listing-tile:hover                          { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); }
.listing-panel--compact .listing-tile__badge                         { position: absolute; top: 7px; left: 0; z-index: 3; min-width: 80px; min-height: 25px; padding: 4px 10px 3px; background: #DC5626; color: #ffffff; font-size: 16px; line-height: 1.1; font-weight: 700; text-transform: uppercase; }
.listing-panel--compact .listing-tile__badge span                    { display: block; }

.listing-panel--compact .listing-tile__image-wrap                    { display: flex; align-items: flex-start; justify-content: center; height: 170px; padding: 14px 14px 0; }
.listing-panel--compact .listing-tile__image                         { width: 100%; max-width: 196px; height: 142px; background-position: center top; background-repeat: no-repeat; background-size: contain; }

.listing-panel--compact .listing-tile__body                          { display: flex; flex: 1; flex-direction: column; padding: 14px 14px 16px; }
.listing-panel--compact .listing-tile__copy                          { margin-bottom: 0; }
.listing-panel--compact .listing-tile__brand                         { margin: 0 0 4px; font-size: 14px; line-height: 1; font-weight: 700; color: #000000; }
.listing-panel--compact .listing-tile__name                          { margin: 0; font-size: 16px; line-height: 1.12; font-weight: 400; color: #000000; }

.listing-panel--compact .listing-tile__pricing                       { display: flex; align-items: flex-end; gap: 10px; margin-top: auto; padding-top: 18px; }
.listing-panel--compact .listing-tile__price                         { margin: 0; font-family: Arial, sans-serif; font-size: 22px; line-height: 1; font-weight: 700; color: #00C1D5; }
.listing-panel--compact .listing-tile__price--approval               { margin-top: auto; font-size: 18px; line-height: 1.3; }
.listing-panel--compact .listing-tile__old-price                     { margin: 0; font-family: Arial, sans-serif; font-size: 18px; line-height: 1; font-weight: 400; color: #b5b5b5; text-decoration: line-through; }

.listing-panel--compact .product-card-button.listing-tile__actions																														{ display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; margin-top: 16px; align-self: stretch; position: relative; z-index: 20; }
.listing-panel--compact .product-card-button.listing-tile__actions--status																												{ display: block; }
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap																{ display: block; flex: 0 0 101px; width: 101px; min-width: 101px; max-width: 101px; margin: 0; opacity: 1; visibility: visible; pointer-events: auto; transition: none; }
.listing-panel--compact .product-card-button.listing-tile__actions .quantity-total,
.listing-panel--compact .product-card-button.listing-tile__actions .quantity-total .qty.listing-tile__qty																	{ width: 100%; }
.listing-panel--compact .product-card-button.listing-tile__actions .quantity-total																									{ display: block; width: 101px; max-width: 101px; margin: 0; }
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty								{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; border: 1px solid #00C1D5; border-radius: 4px; background: #ffffff; overflow: hidden; box-sizing: border-box; }
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty button						{ flex: 0 0 33px; width: 33px; height: 38px; padding: 0; margin: 0; border: 0; border-radius: 0; background-color: transparent; background-size: 12px auto; }
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty,
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty *							{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty button.minus				{ background-image: url(/_uploads/_assets/icon-minus.svg); }
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty button.plus				{ background-image: url(/_uploads/_assets/icon-plus.svg); }
.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty input[type="number"]	{ flex: 1 1 auto; width: auto; min-width: 0; height: 38px; margin: 0; padding: 0; border: 0; text-align: center; font-family: Arial, sans-serif; font-size: 14px; line-height: 38px; color: #5f5f5f; background: transparent; }

.listing-panel--compact .product-card-button.listing-tile__actions .btn.listing-tile__add			{ display: inline-flex; flex: 0 0 71px; flex-shrink: 0; align-items: center; justify-content: center; width: 71px; min-width: 71px; max-width: 71px; height: 40px; min-height: 40px; margin: 0; padding: 0; border: 0; border-radius: 4px; background: #00C1D5; color: #ffffff; box-shadow: none; }
.listing-panel--compact .product-card-button.listing-tile__actions .btn.listing-tile__add:hover { background: #00ACC8; color: #ffffff; transform: none; }
.listing-panel--compact .listing-tile__add-icon																	{ display: inline-flex; align-items: center; gap: 6px; color: #ffffff; }
.listing-panel--compact .listing-tile__add-plus																	{ font-size: 22px; line-height: 1; font-weight: 400; transform: translateY(-1px); }
.listing-panel--compact .listing-tile__add svg																	{ display: block; width: 23px; height: 21px; }

.listing-panel--compact .product-card-button.listing-tile__actions--status .btn.listing-tile__status,
.listing-panel--compact .btn.listing-tile__status                    { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; min-height: 40px; margin: 0; padding: 0 12px; border: 0; border-radius: 4px; background: #00C1D5; color: #ffffff; font-size: 16px; line-height: 1.1; text-align: center; text-decoration: none; box-sizing: border-box; }
.listing-panel--compact .listing-tile__status--link:hover            { background: #00ACC8; color: #ffffff; }

.listing-panel--compact .listing-panel__arrows .slick-arrow          { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 0; transform: none; }
.listing-panel--compact .listing-panel__arrows .slick-prev           { margin-right: 0; transform: none; }
.listing-panel--compact .listing-panel__arrows .slick-arrow svg      { display: block; flex-shrink: 0; }
.listing-panel--compact .listing-panel__arrows .slick-disabled       { opacity: 0.35; }


.nav-icon,
nav .close,
.btn.btn-filter,
.col-filter	.btn,
.nav-search-icon,
.col-filter	.close,
.header-site-search .close {display: none}

.mobile-wishlist-link {display: none;}

/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}

@media (max-width: 1450px) 
{
	/* CATEGORY LANDING */
	.listing-hero-container.category-landing-hero-container .listing-hero-text		{width: 40%;}
	.listing-hero-container.category-landing-hero-container .listing-hero-text p	{font-size: 20px;}
}

@media (max-width: 1300px) 
{

	/* PRODUCT DETAIL PAGE */	
	.product-actions	{flex-direction: column-reverse}
	.question-wish-list	{margin-bottom: 20px;}
}

@media (max-width: 1260px) 
{
   /* NAV */
   .nav-2 .parent-item        {font-size: 15px;}
   .nav-2 .parent-item li a   {padding-left: 5px; padding-right: 5px;}
   nav ul                     {font-size: 14px;}
   
   .nav-2 .parent-item li .sub-menu .sub-item a {padding: 3px;}
   
   .delivery-cards   {justify-content: space-between; gap: 10px;}
   
}

@media (max-width: 1200px) 
{
	/* CATEGORY LANDING */
	.listing-hero-container.category-landing-hero-container .listing-hero-text		{width: 35%}
	.listing-hero-container.category-landing-hero-container .listing-hero-text h1	{font-size: 40px;}
	.listing-hero-container.category-landing-hero-container .listing-hero-text p	{font-size: 18px;}
}

@media (max-width: 1175px) 
{
	.cols	{width: calc(100% + 20px); margin-left: -10px;}
	
	.cols .col,
	.cols.span-1 .col,
	.cols.span-2 .col,
	.cols.span-3 .col,
	.cols.span-4 .col,
	.cols.span-5 .col	{padding: 10px}
	
	.product-card		{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.product-card:hover	{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
		
	/* NEWSLETTER SIGN UP */
	.newsletter-sign-up .form-cell	{width: 170px;}
	
	/* LISTING HEADER */
	.listing-hero-container:before	{width: 80%;}
	.listing-hero-text				{width: 100%;}
	.listing-hero-text p			{font-size: 18px;}
	
	/* PRODUCT LISTING */
	.col-listing	{padding-left: 20px;}
	
	/* BASKET */
	.col-basket			{width: auto; flex: 1}
	.cols .col-basket-summary	{width: 375px; padding-left: 30px;}
	
	/* CONTACT */
	.contact-page .col	{width: calc(50% - 20px)}
	
   /* PRODUCT PAGE */
   .delivery-cards p {font-size: 13px;}
   
}

@media (max-width: 1075px) 
{
   /* NAV */
   .nav-2 .parent-item  {font-size: 14px;}
   
    /* NEWSLETTER SIGN UP */
	.newsletter-sign-up .cols					{flex-direction: column}
	.newsletter-sign-up .col					{width: 100%;}
	.newsletter-sign-up .form-cell				{width: auto; flex: 1;}
	.newsletter-sign-up .form-cell:first-child	{margin-left: 0}
	
	/* PRODUCT LISTING */
	.product-listing-page .cols.span-4 .col		{width: 33.33%;}
	
	/* PRODUCT DETAIL */
	.col-product-detail-similar	{width: 200px;}
	
	
}

@media (max-width: 970px) 
{
	
	

	.nav-2			{position: fixed; left: -120%; display: none; flex-direction: column; overflow-y: auto; padding: 50px 0; top: 0; width: 100%; height: 100vh; transition: 0.3s ease-out; z-index: 50}
	.nav-2.open	{left: 0; display:flex;position: relative;}
	.nav-2:has(.parent-item li:hover):after			{display:none;}

	.nav-2 .parent-item				{flex-direction: column; margin-bottom: 150px;}
	.nav-2 .parent-item li			{text-align: left; border-bottom: 1px solid rgba(255,255,255,0.25); position: relative;}
	.nav-2 .parent-item li .sub-menu		{display:none !important;}
	.nav-2 .parent-item li.active .sub-menu		{position:relative;left:unset;column-count:2;transform:unset;display:block !important;}
	.nav-2 .parent-item li ul		{left: unset; transform: unset; position: relative; column-count: 0; text-align: left; padding: 0; box-shadow: none !important;}
	.nav-2 .parent-item li a			{padding:20px 15px; font-weight: 600; width: 90%;}
	.nav-2 .parent-item li ul li a	{padding: 12px 15px; font-weight: 400}
	.nav-2 .parent-item li ul.active	{display: block}

	.nav-2 .parent-item li span					{position: absolute; width: 30px; height: 30px; border-radius: 30px; right: 10px; top: 15px; background-color: #ffffff; cursor: pointer; background-image: url(/_uploads/_assets/icon-chevron-down-blue.svg); background-position: center top 12px; background-repeat: no-repeat; z-index: 10; transition: all .25s;}
	.nav-2 .parent-item li span.active			{transform: rotate(180deg);}
	.nav-2 .parent-item li ul li span			{display: none !important}
	.nav-2 .parent-item li ul li:last-of-type	{border: none}

	.nav-2 .parent-item li:hover				{background: transparent;}
	.nav-2 .parent-item li a:hover			{background-color: rgba(255,255,255,0.05);}
	.nav-2 .parent-item li ul li:hover		{border-radius: 0}
	.nav-2 .parent-item li ul li:hover,
	.nav-2 .parent-item li ul li a:hover		{background-color: rgba(0,0,0,0.25)}

	.nav-2 > .close	{display: none !important;}
	
   header .dk-only   {display: none}
   
   
   /* SEARCH BOX */
	.header-site-search { position: fixed; visibility: hidden; opacity: 0; z-index: 51 }

	/* SEARCH MOBILE */
	.nav-search-icon             { display: block }
	.search-box                  { width: 100%; }
	.header-site-search          { width: 100%; height: 100%; left: 0; top: 0; padding:90px 20px 60px 20px; background-color: rgba(255,255,255,0.75); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); margin-left: 0}
	.header-site-search.active   { opacity: 1; visibility: visible; transform: none; transition: 0.2s ease-in-out }
	.header-site-search .close   { display: block; right: 22px; top: 50px; filter: brightness(0.5)}
   
   .header-site-search .search-box input[type="text"] {background-color: #ffffff; border:1px solid #cccccc;}
   
   .logo {z-index: 20}
   
   header .inner  {position: relative; justify-content: center}
   
   /* HYPE BAR */
   .hype-bar   {background-color: #EFEFEF; position: relative; margin-top: 0}
   .hype       {text-align: center; display: flex !important; justify-content: center}
   .hype p strong {display: inline-block}
   
   .hb-carousel               {padding:5px 0 4px 0}
   .hb-carousel .slick-arrow  {width: 7px; height: 9px; top:50%; transform: translateY(-50%); background-repeat: no-repeat; background-size: cover; background-image: url(/_uploads/icons-2026/small-slick-right.svg); background-color: transparent; border: none; position: absolute; border: none}
   .hb-carousel .slick-next   {right: 0px;}
   .hb-carousel .slick-prev   {left: 0px; background-image: url(/_uploads/icons-2026/small-slick-left.svg);}
   .hype-icon                 {font-size: 0; height: 17px; display: inline-flex; justify-content: center; align-items: center;}
   .hype-icon svg             {height: 100%; width: auto;}
   
	/* HEADER ICONS */
   .header-actions         {position: absolute; left: 20px; width: calc(100% - 40px); justify-content: flex-end; display: flex}  
	.header-actions .icon	{height: 27px; display: flex; justify-content: center; align-items: center}
   .header-actions ul      {gap: 26px;}
   .header-actions ul li	{margin-left: 0;}
   
   .header-actions ul li.mb-move          {position: absolute; left: 45px;}
   .header-actions ul li.mb-move.nav-icon {position: absolute; left: 0px;}
   
   .header-actions ul li a span           {display: none}
   
	.nav-icon							{display: block}
	.header-actions .nav-icon .icon		{width: 20px; height: 24px;}
	.header-actions .nav-icon .hamburger	{width: 20px; height: 16px; display: flex; flex-direction: column; justify-content: space-between;}
	.header-actions .nav-icon .hamburger span {display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #3c3c3c; transition: transform 0.25s ease, opacity 0.2s ease;}
	.header-actions .nav-icon .hamburger.open span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
	.header-actions .nav-icon .hamburger.open span:nth-child(2) {opacity: 0;}
	.header-actions .nav-icon .hamburger.open span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}

	.nav-2 .parent-item li.mobile-wishlist-link {display: block;}
	.nav-2 .parent-item li.mobile-wishlist-link a {width: 100%;}
	
   
	/* HEADER BOTTOM */
	.header-cell a	{font-size: 13px;}
	
	/* GENERAL LISTING */
	.itc-text h3			{font-size: 20px;}
	.itc-text p				{font-size: 16px;}
	.itc-image-container	{height: 20vw;}
	
	/* PRODUCT LISTING HEADER */
	.listing-hero-container	{padding: 20px 0}
	.listing-hero-text p	{font-size: 17px;}
	
	/* PRODUCT LISTING */
	.product-listing-page .product-card-image-container,
	.product-card-image-container	{}
	.product-card-text p.price		{margin-bottom: 0}
	.product-card-button .btn		{}
	
	/* ICON LIST SECTION */
	.ic-icon	{width: 65px; padding: 0; margin-right: 15px;}
	

	.similar-cards				{display: flex; padding: 0 30px}
	.similar-card				{width: 33.333%; flex-shrink: 0}
	.similar-box h3				{font-size: 20px;}
	
	/* BLOG LISTING */
	.blog-listing .itc-image-container	{height: 25vw}
	
	/* BLOG POST */
	.blog-post .cols.span-2 .col-previous-post	{width: 220px;}
	
	/* CATEGORY LANDING */
	.listing-hero-container.category-landing-hero-container .listing-hero-text		{width: 40%}
	.listing-hero-container.category-landing-hero-container .listing-hero-text h1	{font-size: 30px;}
	.listing-hero-container.category-landing-hero-container .listing-hero-text p	{font-size: 16px;}
	.listing-hero-container.category-landing-hero-container:before					{width: 70%;}
	
	/* CONTACT */
	.contact-page .col	{width: 50%}

	/* POPUP ALT */
	.popup-alt .popup-content {width:95%;}
	
	
	
	.no-mobile {display: none !important;}
}

@media (max-width: 900px) 
{
   /* PRODUCT DETAIL */
   .product-detail .cols      {flex-direction: column}
   .col-product-detail-image  {width: 100%}
   .col-product-detail-text   {padding: 0; display: contents}
   .product-details-text-top  {order: 1;}
   .product-details-text-bottom  {order: 3;}
   .col-product-detail-image  {order: 2;}
   .product-details-text-bottom  {width: 100%; padding-top: 20px;}
   .col-product-detail-text h1 span {font-size: 20px;}
   .product-detail .image-listing {gap: 8px;}
   .product-detail .image-listing img {width: 46px; height: 46px; padding: 3px;}
   .image-listing img {width: 46px; height: 46px; padding: 3px;}
   .price-inner {align-items: center; gap: 10px;}
   .price-history {margin-left: auto; white-space: nowrap; flex-shrink: 0;}
   .delivery-cards {flex-direction: column; align-items: center; gap: 8px;}
   .delivery-cards p {width: 100%; justify-content: center; text-align: center;}
   .delivery-cards > img {width: auto; max-width: 253px; align-self: center; flex: 0 0 auto;}
   
   .purchase-option,
   .qty-and-button,
   .btn-points,
   p.klarna-text     {max-width: 100%}
   #product-added-panel.product-added-panel {max-width: 100%; margin-top: 8px;}
   
   .product-cols-bottom {flex-direction: column-reverse; margin-top: 10px; gap: 10px;}
   .pcb-right           {max-width: 100%;}
   .banners             {flex-direction: row;}
   
   
}



@media (max-width: 850px) 
{
	/* PRODUCT LISTING */
	.col-filter			{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index: 999; background-color: #ffffff; padding:60px 20px 80px;}
	.col-listing		{width: 100%; padding-left: 0}
	.col-filter	.close	{background-image:url(/_uploads/_assets/icon-close-dark.svg); right: 20px; top: 20px; display: block;}
	.col-filter-inner	{position: relative; top: auto}
	
	.col-filter	.btn	{position: fixed; width:calc(100% - 40px); left: 20px; right: 20px; bottom: 20px; display: block; z-index: 999999; text-align: center}
	
	.sort-filter .show-container	{display: none}
	.btn.btn-filter					{display: inline-flex}
	.filter-panel	{max-height: unset;}
	
	.listing-header		{flex-direction: column; align-items: flex-start;}
	.sort-filter		{margin-top: 25px; width: 100%; display: flex; justify-content: space-between; border-top:1px solid #dddddd; padding-top: 20px;}

	.brand-pagination-container .pagination-content ul { column-count: 4; }
}

@media (min-width: 850px) {
	.col-filter { display: block !important; }
}

@media (max-width: 800px) {
	
   	/* SECURE SOCIAL */
	.secure-social { flex-direction: column }
	ul.social-list { margin-left: 0; margin-top: 15px; }

	/* HEADER BOTTOM */
	.header-bottom .slick-arrow { margin: 0; position: absolute; border: none; z-index: 3; background-color: transparent; background-image: url(/_uploads/_assets/chevron-next.svg); width: 24px; height: 24px; background-position: center; background-size: 8px auto; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; border-radius: 0 }
	.header-bottom .slick-next { left: auto; right: 5px }
	.header-bottom .slick-prev { left: 5px; right: auto; transform: rotate(180deg) translateY(50%) }
	.header-bottom .inner { padding: 0; display: block; position: relative }
	.header-cell:nth-child(2) { border: none }
	.header-bottom p { font-size: 16px; }

	/* PULLOUT SECTION */
	.pullout-section-text p { font-size: 16px; }

	/* ICON LISTING */
	.icon-list-section .cols.span-3 { flex-direction: column; }
	.icon-list-section .cols.span-3 .col { width: 100%; }

	/* BASKET */
	.basket-page { padding: 20px 0 }
	.basket-image-text { flex-direction: column; padding-right: 0 }
	.basket-item .product-select { padding-left: 0; }
	.basket-qty-price h3 { margin-bottom: 0 }

	/* ABOUT PAGE */
	.image-text-panel .cols { flex-direction: column }
	.image-text-panel.flipped .cols { flex-direction: column }
	.image-text-panel .cols .col { width: 100%; }
	.image-text-panel img { margin: 20px 0 }

	/* BLOG LISTING */
	.blog-listing { padding-top: 20px }

	/* BLOG POST */
	.blog-post { padding-top: 20px; }

	/* PRODUCT DETAIL */
	.col-product-detail-image { width: 40% }


	/* CONTACT */
	.contact-page { padding-top: 20px; }

	/* POPUP ALT */
	.popup-alt .popup-content										{ max-width: 50%; height: auto; }
	.popup-alt .popup-content.image-only						{ height: unset }
	.popup-alt .popup-content.text-image .popup-alt-image { display: none; }
	.popup-alt .popup-content.text-image .popup-alt-content { max-width: 100%; }
}

@media (max-width: 767px) {
   
	/* GENERAL LISTING */
	.general-listing-section .cols.span-4 { flex-wrap: wrap }
	.general-listing-section .cols.span-4 .col { width: 50%; }
	.itc-image-container { height: 26vw }

	/* PRODUCT LISTING HEADER */
	.listing-hero-text { text-align: center; margin: auto; }
	.listing-hero-text h1 { font-size: 32px; }
	.listing-hero-container:after { width: 100%; opacity: 0.07 }
	.listing-hero-container { background: linear-gradient(0deg, rgb(5 189 219) 0%, rgb(4 172 200) 100%); }

	.listing-hero-container.category-landing-hero-container { flex-direction: column; padding: 0; background: #00ACC8; padding-bottom: 25px; margin-bottom: 0; }
	.listing-hero-container.category-landing-hero-container:before { display: none }
	.listing-hero-container.category-landing-hero-container .listing-hero-image { position: relative; left: auto; top: auto; min-height: 13.333vw }
	.listing-hero-container.category-landing-hero-container .listing-hero-text { padding: 20px 0 0 0; width: 100%; }
	.listing-hero-container.category-landing-hero-container .inner { min-height: unset }

   /* PRODUCT DETAILS */
   .product-detail .breadcrumb   {font-size: 10px}
   
   .product-detail .breadcrumb li         {display: none}
   .product-detail .breadcrumb li:after   {content: '...'; display: inline-flex}
   
   .product-detail .breadcrumb li:first-child  {display: block}
   .product-detail .breadcrumb li:last-child   {display: block; margin-left: 10px;}
      
   .product-detail .breadcrumb li:first-child:after,
   .product-detail .breadcrumb li:last-child:after    {display: none}

	/* RELATED PRODUCT TILE PANEL */
	#related-products.listing-panel-slot                              { padding: 18px 0 8px; }
	.listing-panel--compact .listing-panel__header                    { margin-bottom: 14px; }
	.listing-panel--compact .listing-panel__arrows                    { display: flex; }

	.listing-panel--compact .listing-panel__track                     { display: block; margin: 0 -8px; }
	.listing-panel--compact .listing-panel__track > .listing-tile-col { padding: 0 8px; }
	.listing-panel--compact .listing-panel__track .slick-track        { display: flex; }
	.listing-panel--compact .listing-panel__track .slick-slide        { height: auto; padding: 0 8px; box-sizing: border-box; }
	.listing-panel--compact .listing-panel__track .slick-slide > div  { height: 100%; }
	.listing-panel--compact .listing-panel__arrows .slick-arrow       { width: 24px; height: 24px; }

	.listing-panel--compact .listing-tile__image-wrap                 { height: 184px; padding-top: 24px; }
	.listing-panel--compact .listing-tile__image                      { height: 150px; }
	.listing-panel--compact .listing-tile__body                       { padding: 12px 16px 16px; }
	.listing-panel--compact .listing-tile__name                       { font-size: 16px; line-height: 1.15; }

	.listing-panel--compact .product-card-button.listing-tile__actions { gap: 8px; margin-top: 16px; }
	.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap { flex: 0 0 101px; width: 101px; min-width: 101px; max-width: 101px; }
	.listing-panel--compact .product-card-button.listing-tile__actions .quantity-total { width: 101px; max-width: 101px; }
	.listing-panel--compact .product-card-button.listing-tile__actions .btn.listing-tile__add { flex: 0 0 52px; width: 52px; min-width: 52px; max-width: 52px; }
   


	/* FOOTER */
	.footer-bottom p,
	.footer-top ul li strong,
	.footer-top ul { font-size: 14px; }
	.footer-top ul { padding-right: 15px; }

}

@media (max-width: 710px) {

	/* POPUP */
	.popup-background { padding-right: 30px; padding-left: 30px; }
	.popup-content:not(.popup-alt .popup-content) { width: 90%; margin-left: -45%; max-height: calc(100% - 66px); height: 100%; top: 350px; padding: 40px; display: flex; justify-content: center; align-items: center }
	.scroll-content { width: 90%; }

	/* BLOG POST */
	.blog-header { margin-bottom: 15px; }
	.blog-header-image { height: 260px; }
	.blog-post .cols.span-2 { flex-direction: column-reverse }
	.blog-post .cols.span-2 .col-previous-post { width: 100%; }

	.lower-copy { column-count: 1 }
}

@media (max-width: 640px) {
	/* PULLOUT SECTION */
	.pullout-section.flipped .cols { flex-direction: column-reverse }
	.pullout-section .cols { flex-direction: column }
	.pullout-section-text { }
	.pullout-section .col { width: 100%; }

	/* NEWSLETTER SIGN UP */
	.nl-form { flex-direction: column }
	.newsletter-sign-up { padding: 40px 0 }
	.newsletter-sign-up .form-cell { margin: 0 0 8px 0; }
	.newsletter-sign-up .pp-text { margin: auto !important; padding-top: 15px; }

	/* BASKET */
	.basket-section .cols { flex-direction: column }
	.basket-section .col-basket { width: 100%; }
	.basket-image-text h2 { font-size: 18px; }
	.remove { font-size: 12px; }
	.basket-image { border: 1px solid #efefef; margin-bottom: 10px; }
	.cols .col-basket-summary { width: 100%; padding: 10px }
	.basket-item:last-of-type { margin-bottom: 0 }
	.basket-image-text { flex-direction: row; padding-right: 100px; }

	.spend-free-delivery { width: 100%; }

	/* PRODUCT DETAIL */
	.product-detail-top .cols { flex-direction: column; }
	.col-product-detail-image { width: 100%; }
	.col-product-detail-text { padding: 20px 0 0 0; }
	.info-accordion .accordion-item h3 { font-size: 20px; }

	.product-detail { padding-top: 20px; }
	.similar-product-listing h2 { font-size: 26px; }
	.similar-product-listing .product-card-image-container { height: 180px; }

	/* CONTACT */
	.contact-page .cols { flex-direction: column }
	.contact-page .col { width: 100%; }
	.map { height: 100vw; flex: 100vw; }

	.brand-pagination-container .pagination-content ul { column-count: 3; }
}

@media (max-width: 600px) {
	/* PRODUCT LISTING */
	.product-listing-page .cols.span-4 .col { width: 50%; }

	/* POPUP */
	.popup-content:not(.popup-alt .popup-content) { left: 0; top: 0; margin: 0; width: 100%; padding: 40px 20px; min-height: 100vh; align-items: flex-start; background-color: #ffffff; border-radius: 0 }


	/* CATEGORY LANDING */
	.category-landing h2 { font-size: 24px; }
	.cols.span-3 { flex-wrap: wrap }
	.cols.span-3 .col { width: 100% }
	.slick-arrow { width: 37px; height: 37px; }

	.product-listing-page .product-card-image-container, .product-card-image-container { height: 200px; }

	/* POPUP ALT */
	.popup-alt .popup-content					{ max-width: 90%; height: auto; }
	.popup-alt .popup-content.image-only	{ height: unset; }

   /* PRODUCT DETAILS */
   .banners    {flex-direction: column}
   .pcb-right  {padding-top: 15px;}
}

/* PRODUCT DETAIL - ASK A QUESTION POPUP OVERRIDES */
.product-detail #askQuestionPopup.ask-question-popup {align-items: center; justify-content: center;}
.product-detail #askQuestionPopup .ask-question-popup-content {display: block; left: auto; top: auto; margin: 0; min-height: 0; height: auto;}
.product-detail #askQuestionPopup .form-row {display: block;}
.product-detail #askQuestionPopup .form-cell {width: 100%;}
.product-detail #askQuestionPopup .form-cell input, .product-detail #askQuestionPopup .form-cell textarea {width: 100%;}
.product-detail #askQuestionPopup h2 {margin: 0 0 16px;}

@media (max-width: 550px) {

   .header-top {padding: 12px 0 11px;}
   
   .logo {width: 140px;}
   
	.similar-box { border: none; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
	.similar-box h3 { background-color: transparent; padding-top: 20px; }
	.similar-cards-carousel-mb { text-align: center; padding-bottom: 40px }
	.similar-cards-carousel-mb .similar-card img { margin: 0 auto 20px; max-height: 130px; }
	.similar-cards-carousel-mb .slick-dots { font-size: 0; bottom: 10px }
	.similar-card p { font-size: 16px; }

	.nav-2 .parent-item li.active .sub-menu { column-count: 1; }
   
   /* PRODUCT DETAIL PAGE */
   .product-detail                  {padding-top: 0}
   .col-product-detail-text h1      {font-size: 17px;}
   .col-product-detail-text h1 span {font-size: 20px; line-height: 1.2em; margin-top: 5px;}
   .price-inner                     {justify-content: space-between}
   .price-container                 {margin-bottom: 15px;}
   .qty-and-button                  {margin-bottom: 13px;}
   .delivery-cards                  {margin-top: 0}
   .banners                         {flex-direction: column;}
   
   .pdi-container .flasher-new span {font-size: 16px;}

   
}

@media (max-width: 500px) {

   /* GENERAL LISTING */
	.itc-text { padding: 12px; }

	/* ICON LISTING */
	.itc-text p { font-size: 14px; }
	.ic-icon { margin-right: 25px; width: 60px; }

	/* FOOTER */
	.footer-bottom { margin-top: 20px; }
	.footer-top.cols { flex-wrap: wrap }
	.footer-top ul { width: 50%; margin-bottom: 15px; padding: 0 10px; text-align: center; }
	.secure-social img { width: 290px; }
	ul.social-list li a { width: 35px; height: 35px; }

	/* SIGN IN */
	.form-row.split { flex-direction: column }
	.form-row.split .form-cell { width: 100%; margin-bottom: 15px; }
	.form-container .form-cell { margin-bottom: 15px; }
	.form-container .form-row.submit { margin-top: 0 !important }
	.form-row.split.three .form-cell { width: 100%; }
	.form-container .form-row { margin-bottom: 0 }

	.form-row.checkboxes-inline { margin: 10px 0 20px; }

	/* BASKET */
	.basket-image-text h2 { font-size: 17px; }
}

@media (max-width: 460px) {
	.pagination-container { flex-direction: column; align-items: center }
	.pagination-container ul { margin-left: 0; margin-top: 20px; }
	.pagination-container .btn-view-all { width: 100%; text-align: center; display: block; padding: 15px; font-size: 14px; }

	.brand-pagination-container .pagination-content ul { column-count: 2; width: 100%; }
}

@media (max-width: 375px) {
	/* PRODUCT DETAIL */
	.qty-and-button { flex-direction: column; align-items: center }
	.info-accordion { margin-top: 30px }
	.add-to-basket { width: 100%; }
	.qty-and-button .atb.btn { margin: 15px 0 0 0; width: 100%; text-align: center; display: block }
	.qty-basket { width: 100%; }
	.qty-basket .qty { justify-content: space-between }
	.qty-basket .qty button { padding: 22px; flex-shrink: 0 }
}

@media (max-width: 360px) {
	/* HEADER */
	header .inner { flex-direction: column }
	.logo { margin-bottom: 15px; width: 150px }

	/* HEADER BOTTOM */
	.header-bottom p { font-size: 14px; }
	.header-bottom .inner { padding-left: 30px; padding-right: 30px; }

	/* PRODUCT LISTING */
	.product-card-image { left: 5%; top: 5%; width: 90%; height: 90%; }
	.product-listing-page .cols.span-4 .col { width: 100%; }

	.sort-container label { display: none }
	.listing-header .btn.btn-more-info { padding: 5px }
	.listing-header .btn.btn-more-info:before { width: 16px; height: 16px; }
	.col-listing h1 { font-size: 24px; }
	.col-listing h2 { font-size: 24px; }

	/* BASKET */
	.basket-image-text { flex-direction: column; padding-right: 0; }

	/* PAGINATION */
	.pagination-container ul li a { font-size: 14px; width: 28px; height: 28px; }
	.pagination-container ul li:first-child { margin-left: 0 }

	/* BASKET BOX */
	/*	.basket-box			{left:-165px;}*/

}

@media (max-width: 320px) {
	/* IPHONE 5 */
}

@media (max-width: 480px) {

	/* RELATED PRODUCT TILE PANEL */
	.listing-panel--compact .listing-panel__title                     { font-size: 24px; }
	.listing-panel--compact .product-card-button.listing-tile__actions { gap: 6px; }
	.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap { flex: 0 0 44px; width: 44px; min-width: 44px; max-width: 44px; }
	.listing-panel--compact .product-card-button.listing-tile__actions .quantity-total { width: 44px; max-width: 44px; }
	.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty { justify-content: center; }
	.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty button { display: none; }
	.listing-panel--compact .product-card-button.listing-tile__actions .product-select.listing-tile__quantity-wrap .qty.listing-tile__qty input[type="number"] { width: 100%; font-size: 13px; }
	.listing-panel--compact .product-card-button.listing-tile__actions .btn.listing-tile__add { flex: 0 0 58px; width: 58px; min-width: 58px; max-width: 58px; }
}
















.iti {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1.4em;
}
.iti.iti--separate-dial-code:first-of-type {
    margin-top:5px;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input,
[dir=rtl] .iti--allow-dropdown input[type=text],
[dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
[dir=rtl] .iti--separate-dial-code input[type=text],
[dir=rtl] .iti--separate-dial-code input[type=tel] {
  padding-right: 60px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(/_assets/flags.png);
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(/_assets/flags@2x.png);
    }
}

.iti__flag.iti__np {
  background-color: transparent;
}