@font-face{font-family:"Outfit";font-weight:400;src:url("/-fonts/outfit/400.woff2") format("woff2");}
@font-face{font-family:"Outfit";font-weight:600;src:url("/-fonts/outfit/600.woff2") format("woff2");}
@font-face{font-family:"Outfit";font-weight:800;src:url("/-fonts/outfit/800.woff2") format("woff2");}
:root{--width:1344px;--padding:30px;--gutter:20px;--space:20px;interpolate-size:allow-keywords;}
*,::before,::after{box-sizing:border-box;margin:0;}
html{height:100%;scroll-behavior:smooth;line-height:1.5;-webkit-text-size-adjust:none;text-size-adjust:none;overflow-wrap:break-word;--text-scale:16;font-family:"Outfit";font-weight:400;font-size:16px;}
body{height:100%;}
[hidden],.w-hidden{display:none !important;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em;font-weight:inherit;}
:is(h1,h2,h3,h4,h5,h6)>span{display:block;}
table{border-collapse:collapse;}
iframe,img,svg{display:block;width:100%;height:auto;border:0;}
iframe[data-src]{opacity:0;transition:opacity 1s;}
a{color:var(--link);text-decoration:none;transition:color 0.2s;}
a:hover{color:var(--link-hover);}
a:has(img){display:block;}
#w-content{overflow:hidden;}
.w-button,.w-menu-button,.w-menu button{-webkit-appearance:none;appearance:none;display:inline-block;vertical-align:bottom;padding:0;border:none;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:border-color 0.2s,background-color 0.2s,color 0.2s;}
.w-button-centre{text-align:center;}
.w-button-left{text-align:left;}
.w-button-right{text-align:right;}
.w-centre{width:100%;max-width:var(--width);margin:0 auto;}
.w-left{width:100%;margin-right:auto;}
.w-right{width:100%;margin-left:auto;}
.w-lightbox{cursor:pointer;}
.wNotRows,.wNotRows *{box-sizing:content-box;}
.wNotRows img{width:auto;}
.w-text .t0{font-family:"Outfit";font-weight:400;}
.w-text .t1{font-family:"Outfit";font-weight:600;}
.w-text .t0.bon{font-weight:600;}
.w-text .t1.bon{font-weight:800;}
.w-text .bon{font-weight:600;}
h1{--text-scale:72;font-family:"Outfit";font-weight:600;font-size:4.5em;}
h1.w-text{line-height:1;}
h1.w-text .bon{font-weight:800;}
h2{--text-scale:48;font-family:"Outfit";font-weight:600;font-size:3em;}
h2.w-text{line-height:1;}
h2.w-text .bon{font-weight:800;}
h3{--text-scale:42;font-family:"Outfit";font-weight:600;font-size:2.625em;}
h3.w-text{line-height:1;}
h3.w-text .bon{font-weight:800;}
h4{--text-scale:32;font-family:"Outfit";font-weight:600;font-size:2em;}
h4.w-text .bon{font-weight:800;}
h5{--text-scale:24;font-family:"Outfit";font-weight:600;font-size:1.5em;}
h5.w-text .bon{font-weight:800;}
h6{--text-scale:20;font-family:"Outfit";font-weight:400;font-size:1.25em;}
h6.w-text .bon{font-weight:600;}
:is(h4,h5,h6).w-text{line-height:1.25;}
.w-text{--s:var(--text-scale);}
.s10{--s:10;}
.s11{--s:11;}
.s12{--s:12;}
.s13{--s:13;}
.s14{--s:14;}
.s15{--s:15;}
.s16{--s:16;}
.s18{--s:18;}
.s20{--s:20;}
.s22{--s:22;}
.s24{--s:24;}
.s26{--s:26;}
.s28{--s:28;}
.s30{--s:30;}
.s32{--s:32;}
.s34{--s:34;}
.s36{--s:36;}
.s42{--s:42;}
.s48{--s:48;}
.s54{--s:54;}
.s60{--s:60;}
.s66{--s:66;}
.s72{--s:72;}
.w-text span{font-size:calc(var(--s) / var(--text-scale) * 1em);}
.w-text-dark{--link:#868ab4;--link-hover:#31376f;color:#0f1441;}
.w-text-light{--link:#868ab4;--link-hover:#fff;color:#fff;}
.w-section-style-white{--link:#868ab4;--link-hover:#0f1441;background:#fff;color:#0f1441;}
.w-section-style-whiteIcon{--link:#868ab4;--link-hover:#0f1441;background:#fff;color:#0f1441;}
.w-section-style-lgrey{--link:#868ab4;--link-hover:#0f1441;background:#ecedf4;color:#0f1441;}
.w-section-style-mgrey{--link:#868ab4;--link-hover:#fff;background:#868ab4;color:#fff;}
.w-section-style-dgrey{--link:#0f1441;--link-hover:#fff;background:#31376f;color:#fff;}
.w-section-style-dgreyIcon{--link:#0f1441;--link-hover:#fff;background:#31376f;color:#fff;}
.w-section-style-black{--link:#868ab4;--link-hover:#fff;background:#0f1441;color:#fff;}
.w-section-style-blackIcon{--link:#868ab4;--link-hover:#fff;background:#0f1441;color:#fff;}
.w-section-style-fullWidth{--link:#868ab4;--link-hover:#0f1441;background:#fff;color:#0f1441;}
:where(.w-section-style-fullWidth)>div:where(.w-centre){padding:0px;}
.w-button,:where(.w-button-style-main) button.w-button,.w-button.w-button-style-main{background-color:#868ab4;color:#fff;font-family:"Outfit";font-weight:400;font-size:16px;padding:15px 30px;border-radius:30px;}
.w-button:hover,:where(.w-button-style-main) button.w-button:hover,.w-button.w-button-style-main:hover{background-color:#868ab4;color:#fff;}
:where(.w-button-style-accent) button.w-button,.w-button.w-button-style-accent{background-color:#0f1441;color:#fff;font-family:"Outfit";font-weight:400;font-size:16px;padding:15px 30px;border-radius:30px;}
:where(.w-button-style-accent) button.w-button:hover,.w-button.w-button-style-accent:hover{background-color:#0f1441;color:#fff;}
:where(.w-button-style-white) button.w-button,.w-button.w-button-style-white{background-color:#fff;color:#0f1441;font-family:"Outfit";font-weight:400;font-size:16px;padding:15px 30px;border-radius:30px;}
:where(.w-button-style-white) button.w-button:hover,.w-button.w-button-style-white:hover{background-color:#ecedf4;color:#0f1441;}
:where(.w-button-style-lgrey) button.w-button,.w-button.w-button-style-lgrey{background-color:#ecedf4;color:#0f1441;font-family:"Outfit";font-weight:400;font-size:16px;padding:15px 30px;border-radius:30px;}
:where(.w-button-style-lgrey) button.w-button:hover,.w-button.w-button-style-lgrey:hover{background-color:#ecedf4;color:#0f1441;}
.w-width-20{max-width:20px;}
.w-width-32{max-width:32px;}
.w-width-40{max-width:40px;}
.w-width-48{max-width:48px;}
.w-width-60{max-width:60px;}
.w-width-64{max-width:64px;}
.w-width-80{max-width:80px;}
.w-width-96{max-width:96px;}
.w-width-100{max-width:100px;}
.w-width-112{max-width:112px;}
.w-width-120{max-width:120px;}
.w-width-128{max-width:128px;}
.w-width-140{max-width:140px;}
.w-width-144{max-width:144px;}
.w-width-160{max-width:160px;}
.w-width-180{max-width:180px;}
.w-width-200{max-width:200px;}
.w-width-300{max-width:300px;}
.w-width-400{max-width:400px;}
.w-width-500{max-width:500px;}
.w-width-600{max-width:600px;}
.w-width-700{max-width:700px;}
.w-width-800{max-width:800px;}
.w-width-900{max-width:900px;}
.w-width-1000{max-width:1000px;}
.w-width-1100{max-width:1100px;}
.w-width-1200{max-width:1200px;}
.w-width-1300{max-width:1300px;}
.w-width-1400{max-width:1400px;}
.w-width-1500{max-width:1500px;}
input:not([type=file]),textarea,select{display:inline-block;margin:0;padding:0.25em 0.5em;border:1px solid #ddd;border-radius:4px;outline:none;background:#fff no-repeat center center;color:#000;font-family:inherit;font-size:1em;font-weight:inherit;line-height:1.5;}
input[type=number]{appearance:textfield;text-align:right;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;}
input::placeholder{color:#999;font-style:italic;}
textarea{resize:vertical;}
select{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26'%3E%3Cpath d='m 9,12 6,6 6,-6 -2,-2 -4,4 -4,-4 z'/%3E%3C/svg%3E");background-position:right;}
.w-checkbox,.w-radio{display:block;position:relative;padding-left:32px;}
.w-checkbox>input,.w-radio>input{appearance:none;display:block;position:absolute;top:calc(0.75em - 11px);left:0;width:22px;height:22px;}
.w-radio>input{border-radius:50%;}
.w-checkbox>input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23222' d='M0,8 5,13 14,4 12,2 5,9 2,6z'/%3E%3C/svg%3E");}
.w-radio>input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle fill='%23222' cx='5' cy='5' r='5'/%3E%3C/svg%3E");}
.w-spinner{display:inline-block;position:relative;}
.w-spinner>input{width:calc(20px + 2.5em + var(--w) * 0.6em);padding:0.25em calc(12px + 0.75em);text-align:center;}
.w-spinner>input[size="1"]{--w:1;}
.w-spinner>input[size="2"]{--w:2;}
.w-spinner>input[size="3"]{--w:3;}
.w-spinner>input[size="4"]{--w:4;}
.w-spinner>input[size="5"]{--w:5;}
.w-spinner>input[size="6"]{--w:6;}
.w-spinner>input[size="7"]{--w:7;}
.w-spinner>input[size="8"]{--w:8;}
.w-spinner>span{display:block;position:absolute;inset:0 auto;width:calc(10px + 0.75em);cursor:pointer;}
.w-spinner>span:nth-child(2){left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='m0,4h10v2h-10z'/%3E%3C/svg%3E") no-repeat right;}
.w-spinner>span:nth-child(3){right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='m0,4h4v-4h2v4h4v2h-4v4h-2v-4h-4z'/%3E%3C/svg%3E") no-repeat left;}
.w-pagination{display:flex;justify-content:end;gap:0.25em;padding:0;text-align:center;}
.w-pagination>li{display:block;min-width:1.5em;border:1px solid transparent;transition:border 0.2s;}
.w-pagination>li>:is(a,span){display:block;min-width:1em;padding:0 0.25em;}
.w-pagination>li:has(:is(a,span)):is(:hover,[aria-current]):not(:is(:first-child,:last-child)){border-color:rgb(from currentColor r g b / 0.2);}
#top .w-target{margin-top:0;}
html:not(.w-shop-logged-in) :is(.w-basket-account,.w-basket-log-out){display:none;}
.w-shop-logged-in :is(.w-basket-create-account,.w-basket-log-in){display:none;}
.w-basket-items::after{content:attr(data-basket-items) " items";}
.w-basket-items[data-basket-items="0"]::after{content:"No items";}
.w-basket-items[data-basket-items="1"]::after{content:"1 item";}
.w-width-250{max-width:250px;}
.w-padding-bae507e5{padding:20px 10px;}
.w-padding-74c8ed87{padding:80px 30px;}
.w-padding-d1e9e22e{padding:5px 30px;}
.w-padding-03bb5c4f{padding:30px;}
.w-padding-59a301e9{padding:0px 0px 20px;}
.w-padding-6acf610a{padding:3px;}
.w-padding-7d30bf12{padding:2px;}
.w-padding-494cea6e{padding:40px;}
.w-blog{display:grid;grid-template-columns:1fr auto;gap:var(--space);}
.w-blog>:not(h1,.w-blog-back){grid-column:span 2;}
.w-blog-back>a>span::before{content:"◄ ";}
.w-blog-grid,.w-feed{--c:1;display:grid;grid-template-columns:repeat(var(--c),1fr);gap:var(--space);}
:is(.w-blog-grid,.w-feed)>a{display:flex;outline:1px solid rgba(0,0,0,0.2);color:inherit;}
:is(.w-blog-grid,.w-feed)>a>article{display:flex;flex-direction:column;gap:var(--space);}
:is(.w-blog-grid,.w-feed)>a>article>div+div{padding:0 var(--space);}
:is(.w-blog-grid,.w-feed)>a>article>div:last-child{margin:auto 0 var(--space);}
.w-blog-read{padding-bottom:var(--space);}
.w-blogmenu>ul{padding:10px 0 0 1em;}
.w-blogpost{display:grid;grid-template-columns:1fr;grid-auto-flow:dense;gap:var(--space);}
.w-blogpost>:where(div,h2,form){grid-column:1/-1;}
.w-blogpost .w-blog-back{grid-column:-2/-1;justify-self:end;}
.w-blogpost-metadata{grid-column:1/2;}
.w-blogpost-share{line-height:32px;text-align:center;}
.w-blogpost-share svg{display:inline;}
.w-colourblock{--w:0px;padding:calc(var(--padding) - var(--w));border:var(--w) solid var(--b);}
.w-comments .w-pagination{margin:0;}
.wCommentsComment>div:first-child{font-weight:700;}
.wCommentsDivider{border-top:1px dotted #888;}
.w-content{--s:60;display:grid;row-gap:var(--space);}
.w-content>div{min-width:0;}
.w-content-split{grid-template-columns:repeat(60,1fr);margin:0 calc(var(--gutter) / -2);}
.w-content-split>div{grid-column-end:span var(--s);margin:0 calc(var(--gutter) / 2);}
.w-content-align-centre>div{display:grid;align-content:center;}
.w-content-align-bottom>div{display:grid;align-content:end;}
.w-content-dividers>div+div{position:relative;}
.w-content-dividers>div+div::after{content:'';position:absolute;inset:0 auto 0 calc((var(--gutter) + var(--w)) / -2);border-left:var(--w) solid var(--b);}
.w-content:not(.w-content-sections)>div>*+*{margin-top:var(--space);}
.w-content>div>:is(*+.w-space,.w-space+*){margin-top:0;}
.w-iconwithcontent{display:flex;align-items:start;gap:20px;}
.w-iconwithcontent>:first-child{flex-shrink:0;}
.w-iconwithcontent>:last-child{flex-grow:1;align-self:center;}
.w-content div.w-spacer{margin-top:0;}
#w-cookies-notice{position:fixed;inset:auto 0 0;z-index:500;padding:clamp(20px,3vw,40px) 20px;background:rgba(0,0,0,0.9);color:#fff;font:clamp(16px,2.5vw,18px)/1.25em sans-serif;text-align:center;}
#w-cookies-notice>a{color:#fff;text-decoration:underline;}
#w-cookies-notice>div{display:flex;gap:20px;justify-content:center;}
#w-cookies-accept,#w-cookies-notice>div>:is(a,span){display:block;width:130px;border-radius:4px;background:#555;color:#fff;font:14px/32px sans-serif;cursor:pointer;}
#w-cookies-accept{width:280px;margin:20px auto;background:#383;font:18px/40px sans-serif;}
.w-divider{--b:#888;--s:solid;--w:1px;border-top:var(--w) var(--s) var(--b);}
.w-border-dashed{--s:dashed;}
.w-border-dotted{--s:dotted;}
.w-edit{font-family:sans-serif;font-size:13px;text-align:right;}
.w-edit>a{color:inherit !important;}
.w-edit>a>span{color:#868ab4;}
.w-edit>svg{display:inline-block;width:22px;height:22px;margin:0 0 0 8px;vertical-align:bottom;cursor:pointer;fill:#868ab4;}
.w-flex{--h:0;--v:0;--g:0;--b:0%;display:flex;justify-content:center;margin-right:calc(-1 * var(--h));}
.w-flex-space-20{--v:20px;}
.w-flex-grow-1{--g:1;}
.w-flex-grow-5{--g:5;}
.w-flex-grow-6{--g:6;}
.w-flex>*{flex:var(--g) 0 var(--b);margin-right:var(--h);}
.w-flex>*+*{margin-top:var(--v);}
.w-flex-order-2{order:2;}
.w-notice,.w-error{padding:0.25em 0.5em;border:1px solid #070;border-radius:4px;background:#090;color:#fff;text-shadow:0 0 2px #000;}
.w-error{border-color:#800;background:#b00;}
.w-form{display:grid;gap:var(--space);}
.w-form-trap{display:none;}
.w-label-20{--label:20px;}
.w-label-40{--label:40px;}
.w-label-60{--label:60px;}
.w-label-80{--label:80px;}
.w-label-100{--label:100px;}
.w-label-120{--label:120px;}
.w-label-140{--label:140px;}
.w-label-160{--label:160px;}
.w-label-180{--label:180px;}
.w-label-200{--label:200px;}
.w-label{display:grid;grid-template-columns:var(--label) 1fr;}
.w-label-rows>span,.w-label-indented>span:first-child{grid-column:1/3;}
.w-label-indented>span+span{grid-column:2/3;}
.w-label>span:first-child{padding-bottom:0.25em;}
.w-label-columns:has(:is(input:where([type=text],[type=date],[type=email],[type=number],[type=password],[type=tel],[type=url]),textarea,select))>span:first-child{padding-top:calc(0.25em + 1px);}
.w-label-required::after{content:" *";font-weight:bold;}
.w-label :is(input:where([type=text],[type=date],[type=email],[type=number],[type=password],[type=tel],[type=url]),textarea,select){width:100%;}
.w-radio+.w-radio,.w-checkbox+.w-checkbox{margin-top:calc(var(--space) / 2);}
.w-grid{display:grid;}
.w-grid-31a1f0e7{grid-template:"iconL contentR" auto / 20px 1fr;}
.w-grid-a84a9587{grid-template:"contentL iconR" auto / 1fr 20px;}
.w-gap-10{gap:10px;}
.w-gap-4-8{gap:4px 8px;}
.w-gap-40{gap:40px;}
.w-gap-12{gap:12px;}
.w-grid.w-vertical-centre{align-items:center;}
.w-grid-area-account{grid-area:account;}
.w-grid-area-textTop{grid-area:textTop;}
.w-grid-area-basket{grid-area:basket;}
.w-grid-area-topBarButton1{grid-area:topBarButton1;}
.w-grid-area-tIcon1{grid-area:tIcon1;}
.w-grid-area-logo{grid-area:logo;}
.w-grid-area-hIcon1{grid-area:hIcon1;}
.w-grid-area-hIcon2{grid-area:hIcon2;}
.w-grid-area-hIcon3{grid-area:hIcon3;}
.w-grid-area-hIcon4{grid-area:hIcon4;}
.w-grid-area-headerButton1{grid-area:headerButton1;}
.w-grid-area-nav{grid-area:nav;}
.w-grid-area-text{grid-area:text;}
.w-grid-area-edit{grid-area:edit;}
.w-grid-area-menu{grid-area:menu;}
.w-grid-area-tags{grid-area:tags;}
.w-grid-area-months{grid-area:months;}
.w-grid-area-content{grid-area:content;}
.w-grid-area-iconL{grid-area:iconL;}
.w-grid-area-contentR{grid-area:contentR;}
.w-grid-area-iconR{grid-area:iconR;}
.w-grid-area-contentL{grid-area:contentL;}
.w-menu{display:flex;flex-wrap:wrap;padding:0;touch-action:manipulation;}
[aria-expanded="true"]+.w-menu{transform:translate(0,0);}
.w-menu ul{display:none;position:absolute;z-index:100;top:100%;left:0;width:max-content;padding:0;}
.w-menu ul ul{top:0;left:100%;}
.w-menu>li>ul.w-menu-reverse{left:auto;right:0;}
.w-menu ul ul.w-menu-reverse,.w-menu ul ul.w-menu-reverse ul{left:auto;right:100%;}
.w-menu [aria-expanded="true"]+ul{display:block;}
.w-menu-closed+ul{height:0;opacity:0;}
.w-menu-open+ul{height:var(--height);opacity:1;}
.w-menu-transition+ul{overflow:hidden;transition:height 0.4s,opacity 0.4s,transform 0.4s;}
.w-menu li{display:grid;grid-template-columns:1fr auto;position:relative;}
.w-menu li>:is(a,span){color:inherit;}
.w-menu li>:nth-last-child(3){padding-right:0;}
.w-menu li>button{display:flex;align-items:stretch;background:transparent;color:inherit;transition:none;}
.w-menu li>button>span{width:12px;background:currentcolor;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m4,0 6,6-6,6-2,-2 4,-4-4,-4z"/></svg>')no-repeat center center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m4,0 6,6-6,6-2,-2 4,-4-4,-4z"/></svg>')no-repeat center center;transition:transform 0.4s;pointer-events:none;}
.w-menu>li>button>span{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');}
.w-menu-c496ed90>li>:is(a,span,button),.w-menu-c496ed90 ul{background:#0000;color:#0f1441;}
.w-menu-c496ed90 ul{background:#fff;font-family:Outfit;font-weight:400;font-size:16px;}
.w-menu-c496ed90{font-family:Outfit;font-weight:600;font-size:16px;}
.w-menu-c496ed90 li>:is(a,span,button){padding:10px 15px;}
.w-menu.w-menu-c496ed90 li>button{padding-left:10px;}
.w-menu-c496ed90 :is(.w-menu-ancestor,.w-menu-ancestor+button){background-color:#0000;color:#868ab4;}
.w-menu-c496ed90 :is([aria-current],[aria-current]+button){background-color:#0000;color:#868ab4;}
.w-menu-c496ed90 li:not(.w-menu-close,.w-menu-include):hover>:is(a,span,button){background-color:#0000;color:#868ab4;}
.w-menu-c496ed90 ul :is(.w-menu-ancestor,.w-menu-ancestor+button){background-color:#0000;color:#868ab4;}
.w-menu-c496ed90 ul :is([aria-current],[aria-current]+button){background-color:#0000;color:#868ab4;}
.w-menu-c496ed90 ul li:not(.w-menu-close,.w-menu-include):hover>:is(a,span,button){background-color:#0000;color:#868ab4;}
.w-menu-c496ed90-button>span{display:block;width:50px;height:50px;background:#0f1441;-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><rect x="0" y="2" width="32" height="4"/><rect x="0" y="14" width="32" height="4"/><rect x="0" y="26" width="32" height="4"/></svg>') no-repeat center center;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><rect x="0" y="2" width="32" height="4"/><rect x="0" y="14" width="32" height="4"/><rect x="0" y="26" width="32" height="4"/></svg>') no-repeat center center;}
.w-menu-c496ed90-button[aria-expanded="true"]:after{content:"";display:block;position:fixed;z-index:100;inset:0;}
.w-menu-c496ed90>li.w-menu-close{padding-bottom:15px;}
.w-menu-c496ed90>li.w-menu-close>button>span{height:32px;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="m7.5 4.5 8.5 8.5 8.5-8.5 3 3-8.5 8.5 8.5 8.5-3 3-8.5-8.5-8.5 8.5-3-3 8.5-8.5-8.5-8.5z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="m7.5 4.5 8.5 8.5 8.5-8.5 3 3-8.5 8.5 8.5 8.5-3 3-8.5-8.5-8.5 8.5-3-3 8.5-8.5-8.5-8.5z"/></svg>');}
.w-menu-5fc587d3>li>:is(a,span,button),.w-menu-5fc587d3 ul{background:#0000;color:#0f1441;}
.w-menu-5fc587d3 ul{background:#fff;font-family:Outfit;font-weight:400;font-size:16px;}
.w-menu-5fc587d3{font-family:Outfit;font-weight:600;font-size:16px;}
.w-menu-5fc587d3 li>:is(a,span,button){padding:0px 15px;}
.w-menu-5fc587d3 ul>li>:is(a,span,button){padding:10px 15px;}
.w-menu.w-menu-5fc587d3 li>button{padding-left:10px;}
.w-menu-5fc587d3 :is(.w-menu-ancestor,.w-menu-ancestor+button){background-color:#0000;color:#868ab4;}
.w-menu-5fc587d3 :is([aria-current],[aria-current]+button){background-color:#0000;color:#868ab4;}
.w-menu-5fc587d3 li:not(.w-menu-close,.w-menu-include):hover>:is(a,span,button){background-color:#0000;color:#868ab4;}
.w-menu-5fc587d3 ul :is(.w-menu-ancestor,.w-menu-ancestor+button){background-color:#0000;color:#868ab4;}
.w-menu-5fc587d3 ul :is([aria-current],[aria-current]+button){background-color:#0000;color:#868ab4;}
.w-menu-5fc587d3 ul li:not(.w-menu-close,.w-menu-include):hover>:is(a,span,button){background-color:#0000;color:#868ab4;}
.w-searchresults>h1{margin:0 0 20px;}
.w-searchresults>div{margin:0 0 20px;}
.w-searchresults>div>div>a{padding:0 0 10px;font-size:1.25em;}
.w-searchresults-with-images>div{--w:160px;display:grid;grid-template-columns:var(--w) 1fr;gap:20px;}
.w-searchresults-image>img{width:auto;max-width:var(--w);max-height:var(--w);margin:0 auto;}
.w-share-icons{white-space:nowrap;}
.w-share-icons>span{margin:0 4px;}
.w-icon{display:inline-block;}
.w-icon> svg{width:32px;height:32px;vertical-align:top;cursor:pointer;}
.w-showhide>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;}
.w-showhide>summary::-webkit-details-marker{display:none;}
.w-showhide>summary>span{display:block;}
.w-space{--s:0;height:calc(var(--s) * max(4px, var(--space)));}
.w-space-2x{--s:2;}
.w-space-3x{--s:3;}
.w-space-4x{--s:4;}
.w-space-5x{--s:5;}
.w-space-6x{--s:6;}
.w-space-7x{--s:7;}
.w-space-8x{--s:8;}
.w-space-9x{--s:9;}
.w-space-10x{--s:10;}
.w-sticky>div{top:0;z-index:100;width:100%;}
.w-sticky-fixed>div{position:fixed;}
.w-text>:is(div,span){min-height:1lh;white-space:pre-wrap;}
.w-text>:is(div,span):empty::after{content:"​";}
.w-text>.ac{text-align:center;}
.w-text>.ar{text-align:right;}
.w-text>.aj{text-align:justify;white-space:normal;}
.w-text>.dl{display:list-item;}
.w-text>:is(.ac,.ar).dl{list-style-position:inside;}
.w-text>.dn{position:relative;counter-increment:dn1;}
.w-text>.dn.i18{counter-increment:dn2;}
.w-text>.dn.i36{counter-increment:dn3;}
.w-text>.dn.i54{counter-increment:dn4;}
.w-text>.dn.i72{counter-increment:dn5;}
.w-text>.dn.i90{counter-increment:dn6;}
.w-text>:not(.dl):not(.dn){counter-reset:dn1 dn2 dn3 dn4 dn5 dn6;}
.w-text>:is(.dl,.dn):not(:is(.i18,.i36,.i54,.i72,.i90)){counter-reset:dn2 dn3 dn4 dn5 dn6;}
.w-text>:is(.dl,.dn).i18{counter-reset:dn3 dn4 dn5 dn6;}
.w-text>:is(.dl,.dn).i36{counter-reset:dn4 dn5 dn6;}
.w-text>:is(.dl,.dn).i54{counter-reset:dn5 dn6;}
.w-text>:is(.dl,.dn).i72{counter-reset:dn6;}
.w-text>.dn::before{content:counter(dn1) '.';position:absolute;right:calc(100% + 0.5em);}
.w-text>.dn.i18::before{content:counter(dn2) '.';}
.w-text>.dn.i36::before{content:counter(dn3) '.';}
.w-text>.dn.i54::before{content:counter(dn4) '.';}
.w-text>.dn.i72::before{content:counter(dn5) '.';}
.w-text>.dn.i90::before{content:counter(dn6) '.';}
.w-text>:is(.dl,.dn,.i18){margin-left:1.5em;}
.w-text>:is(.dl.i18,.dn.i18,.i36){margin-left:3.0em;}
.w-text>:is(.dl.i36,.dn.i36,.i54){margin-left:4.5em;}
.w-text>:is(.dl.i54,.dn.i54,.i72){margin-left:6.0em;}
.w-text>:is(.dl.i72,.dn.i72,.i90){margin-left:7.5em;}
.w-text>:is(.dl.i90,.dn.i90){margin-left:9.0em;}
.w-text>.h75{line-height:0.75;}
.w-text>.h100{line-height:1;}
.w-text>.h125{line-height:1.25;}
.w-text>.h150{line-height:1.5;}
.w-text>.h175{line-height:1.75;}
.w-text>.h200{line-height:2;}
.w-text>.h250{line-height:2.5;}
.w-text>.h300{line-height:3;}
.w-text>.lm10{letter-spacing:-0.1em;}
.w-text>.lm5{letter-spacing:-0.05em;}
.w-text>.l5{letter-spacing:0.05em;}
.w-text>.l10{letter-spacing:0.1em;}
.w-text>.l15{letter-spacing:0.15em;}
.w-text>.l20{letter-spacing:0.2em;}
.w-text .du{text-decoration:underline;}
.w-text .ds{text-decoration:line-through;}
.w-text .do{text-decoration:overline;}
.w-text .ion{font-style:italic;}
.w-gutter-0{--gutter:0px;}
.w-gutter-4{--gutter:4px;}
.w-gutter-8{--gutter:8px;}
.w-gutter-12{--gutter:12px;}
.w-gutter-16{--gutter:16px;}
.w-gutter-20{--gutter:20px;}
.w-gutter-24{--gutter:24px;}
.w-gutter-28{--gutter:28px;}
.w-gutter-32{--gutter:32px;}
.w-gutter-36{--gutter:36px;}
.w-gutter-40{--gutter:40px;}
.w-gutter-44{--gutter:44px;}
.w-gutter-48{--gutter:48px;}
.w-gutter-52{--gutter:52px;}
.w-gutter-56{--gutter:56px;}
.w-gutter-60{--gutter:60px;}
.w-gutter-64{--gutter:64px;}
.w-gutter-68{--gutter:68px;}
.w-gutter-72{--gutter:72px;}
.w-gutter-76{--gutter:76px;}
.w-gutter-80{--gutter:80px;}
.w-space-0{--space:0px;}
.w-space-4{--space:4px;}
.w-space-8{--space:8px;}
.w-space-12{--space:12px;}
.w-space-16{--space:16px;}
.w-space-20{--space:20px;}
.w-space-24{--space:24px;}
.w-space-28{--space:28px;}
.w-space-32{--space:32px;}
.w-space-36{--space:36px;}
.w-space-40{--space:40px;}
.w-border-width-1{--w:1px;}
.w-border-width-2{--w:2px;}
.w-border-width-3{--w:3px;}
.w-border-width-4{--w:4px;}
.w-border-width-5{--w:5px;}
.w-border-width-6{--w:6px;}
.w-border-width-7{--w:7px;}
.w-border-width-8{--w:8px;}
.w-border-width-9{--w:9px;}
.w-border-width-10{--w:10px;}
.w-border-width-11{--w:11px;}
.w-border-width-12{--w:12px;}
.w-border-width-13{--w:13px;}
.w-border-width-14{--w:14px;}
.w-border-width-15{--w:15px;}
.w-border-width-16{--w:16px;}
.w-border-width-17{--w:17px;}
.w-border-width-18{--w:18px;}
.w-border-width-19{--w:19px;}
.w-border-width-20{--w:20px;}
.w-padding{padding:var(--padding);}
.w-padding-0{--padding:0px;}
.w-padding-1{--padding:1px;}
.w-padding-2{--padding:2px;}
.w-padding-3{--padding:3px;}
.w-padding-4{--padding:4px;}
.w-padding-5{--padding:5px;}
.w-padding-6{--padding:6px;}
.w-padding-7{--padding:7px;}
.w-padding-8{--padding:8px;}
.w-padding-9{--padding:9px;}
.w-padding-10{--padding:10px;}
.w-padding-11{--padding:11px;}
.w-padding-12{--padding:12px;}
.w-padding-13{--padding:13px;}
.w-padding-14{--padding:14px;}
.w-padding-15{--padding:15px;}
.w-padding-16{--padding:16px;}
.w-padding-17{--padding:17px;}
.w-padding-18{--padding:18px;}
.w-padding-19{--padding:19px;}
.w-padding-20{--padding:20px;}
.w-padding-30{--padding:30px;}
.w-text .f1{color:#000000;}
.w-text .f2{color:#333333;}
.w-text .f3{color:#666666;}
.w-text .f4{color:#999999;}
.w-text .f5{color:#cccccc;}
.w-text .f6{color:#ffffff;}
.w-text .f9{color:#f1f0f8;}
.w-text .f15{color:#0f1441;}
.w-text .f16{color:#31376f;}
.w-text .f17{color:#444da5;}
.w-text .f18{color:#ecedf4;}
.w-text .f19{color:#868ab4;}
.w-text *>.h1,.w-background-1{background:#000000;}
.w-text *>.h2,.w-background-2{background:#333333;}
.w-text *>.h3,.w-background-3{background:#666666;}
.w-text *>.h4,.w-background-4{background:#999999;}
.w-text *>.h5,.w-background-5{background:#cccccc;}
.w-text *>.h6,.w-background-6{background:#ffffff;}
.w-text *>.h9,.w-background-9{background:#f1f0f8;}
.w-text *>.h15,.w-background-15{background:#0f1441;}
.w-text *>.h16,.w-background-16{background:#31376f;}
.w-text *>.h17,.w-background-17{background:#444da5;}
.w-text *>.h18,.w-background-18{background:#ecedf4;}
.w-text *>.h19,.w-background-19{background:#868ab4;}
.w-border-1{--b:#000000;}
.w-border-2{--b:#333333;}
.w-border-3{--b:#666666;}
.w-border-4{--b:#999999;}
.w-border-5{--b:#cccccc;}
.w-border-6{--b:#ffffff;}
.w-border-9{--b:#f1f0f8;}
.w-border-15{--b:#0f1441;}
.w-border-16{--b:#31376f;}
.w-border-17{--b:#444da5;}
.w-border-18{--b:#ecedf4;}
.w-border-19{--b:#868ab4;}

@media screen and (max-width:447px){
.w-hide-xs{display:none;}
h1{font-size:1.75em;}
h2{font-size:1.625em;}
h3{font-size:1.5em;}
h4{font-size:1.375em;}
h5{font-size:1.125em;}
:where(.w-section>div){padding:60px 30px;}
.w-padding-4223b7ef{padding:8px 10px;}
.w-padding-ed4128c7{padding:10px;}
.w-blog-grid-2-xs{--c:2;}
.w-blog-grid-3-xs{--c:3;}
.w-blog-grid-4-xs{--c:4;}
.w-span-1-xs{--s:1;}
.w-span-2-xs{--s:2;}
.w-span-3-xs{--s:3;}
.w-span-4-xs{--s:4;}
.w-span-5-xs{--s:5;}
.w-span-6-xs{--s:6;}
.w-span-7-xs{--s:7;}
.w-span-8-xs{--s:8;}
.w-span-9-xs{--s:9;}
.w-span-10-xs{--s:10;}
.w-span-11-xs{--s:11;}
.w-span-12-xs{--s:12;}
.w-span-13-xs{--s:13;}
.w-span-14-xs{--s:14;}
.w-span-15-xs{--s:15;}
.w-span-16-xs{--s:16;}
.w-span-17-xs{--s:17;}
.w-span-18-xs{--s:18;}
.w-span-19-xs{--s:19;}
.w-span-20-xs{--s:20;}
.w-span-21-xs{--s:21;}
.w-span-22-xs{--s:22;}
.w-span-23-xs{--s:23;}
.w-span-24-xs{--s:24;}
.w-span-25-xs{--s:25;}
.w-span-26-xs{--s:26;}
.w-span-27-xs{--s:27;}
.w-span-28-xs{--s:28;}
.w-span-29-xs{--s:29;}
.w-span-30-xs{--s:30;}
.w-span-31-xs{--s:31;}
.w-span-32-xs{--s:32;}
.w-span-33-xs{--s:33;}
.w-span-34-xs{--s:34;}
.w-span-35-xs{--s:35;}
.w-span-36-xs{--s:36;}
.w-span-37-xs{--s:37;}
.w-span-38-xs{--s:38;}
.w-span-39-xs{--s:39;}
.w-span-40-xs{--s:40;}
.w-span-41-xs{--s:41;}
.w-span-42-xs{--s:42;}
.w-span-43-xs{--s:43;}
.w-span-44-xs{--s:44;}
.w-span-45-xs{--s:45;}
.w-span-46-xs{--s:46;}
.w-span-47-xs{--s:47;}
.w-span-48-xs{--s:48;}
.w-span-49-xs{--s:49;}
.w-span-50-xs{--s:50;}
.w-span-51-xs{--s:51;}
.w-span-52-xs{--s:52;}
.w-span-53-xs{--s:53;}
.w-span-54-xs{--s:54;}
.w-span-55-xs{--s:55;}
.w-span-56-xs{--s:56;}
.w-span-57-xs{--s:57;}
.w-span-58-xs{--s:58;}
.w-span-59-xs{--s:59;}
.w-span-60-xs{--s:60;}
div+div.w-first-xs::after{content:none;}
.w-flex-grow-1-xs{--g:1;}
.w-flex-rows-xs{--h:0;display:block;}
.w-flex:not(.w-flex-rows-xs){--v:0;}
.w-label-rows-xs .w-label>span{grid-column:1/3;}
.w-label-rows-xs .w-label>span:first-child{padding-top:0;}
.w-grid-7e801b1a-xs{grid-template:"tIcon1 topBarButton1 account basket ." auto / 14px 1fr 28px 28px 10px;}
.w-grid-aaf5b9a6-xs{grid-template:"logo hIcon1 hIcon2 hIcon3 hIcon4 nav" auto / 1fr 28px 28px 28px 28px 50px;}
.w-grid-da77561a-xs{grid-template:". text ." auto ". edit ." auto / 1fr 200px 1fr;}
.w-grid-a042152f-xs{grid-template:"content" auto "menu" auto / 1fr;}
.w-grid-0505cebf-xs{grid-template:"tags months" auto / 1fr 1fr;}
}

@media screen and (min-width:448px) and (max-width:671px){
.w-hide-s{display:none;}
h1{font-size:1.75em;}
h2{font-size:1.625em;}
h3{font-size:1.5em;}
h4{font-size:1.375em;}
h5{font-size:1.125em;}
:where(.w-section>div){padding:60px 30px;}
.w-padding-4223b7ef{padding:8px 10px;}
.w-padding-ed4128c7{padding:10px;}
.w-blog-grid-2-s{--c:2;}
.w-blog-grid-3-s{--c:3;}
.w-blog-grid-4-s{--c:4;}
.w-span-1-s{--s:1;}
.w-span-2-s{--s:2;}
.w-span-3-s{--s:3;}
.w-span-4-s{--s:4;}
.w-span-5-s{--s:5;}
.w-span-6-s{--s:6;}
.w-span-7-s{--s:7;}
.w-span-8-s{--s:8;}
.w-span-9-s{--s:9;}
.w-span-10-s{--s:10;}
.w-span-11-s{--s:11;}
.w-span-12-s{--s:12;}
.w-span-13-s{--s:13;}
.w-span-14-s{--s:14;}
.w-span-15-s{--s:15;}
.w-span-16-s{--s:16;}
.w-span-17-s{--s:17;}
.w-span-18-s{--s:18;}
.w-span-19-s{--s:19;}
.w-span-20-s{--s:20;}
.w-span-21-s{--s:21;}
.w-span-22-s{--s:22;}
.w-span-23-s{--s:23;}
.w-span-24-s{--s:24;}
.w-span-25-s{--s:25;}
.w-span-26-s{--s:26;}
.w-span-27-s{--s:27;}
.w-span-28-s{--s:28;}
.w-span-29-s{--s:29;}
.w-span-30-s{--s:30;}
.w-span-31-s{--s:31;}
.w-span-32-s{--s:32;}
.w-span-33-s{--s:33;}
.w-span-34-s{--s:34;}
.w-span-35-s{--s:35;}
.w-span-36-s{--s:36;}
.w-span-37-s{--s:37;}
.w-span-38-s{--s:38;}
.w-span-39-s{--s:39;}
.w-span-40-s{--s:40;}
.w-span-41-s{--s:41;}
.w-span-42-s{--s:42;}
.w-span-43-s{--s:43;}
.w-span-44-s{--s:44;}
.w-span-45-s{--s:45;}
.w-span-46-s{--s:46;}
.w-span-47-s{--s:47;}
.w-span-48-s{--s:48;}
.w-span-49-s{--s:49;}
.w-span-50-s{--s:50;}
.w-span-51-s{--s:51;}
.w-span-52-s{--s:52;}
.w-span-53-s{--s:53;}
.w-span-54-s{--s:54;}
.w-span-55-s{--s:55;}
.w-span-56-s{--s:56;}
.w-span-57-s{--s:57;}
.w-span-58-s{--s:58;}
.w-span-59-s{--s:59;}
.w-span-60-s{--s:60;}
div+div.w-first-s::after{content:none;}
.w-flex-grow-1-s{--g:1;}
.w-flex-rows-s{--h:0;display:block;}
.w-flex:not(.w-flex-rows-s){--v:0;}
.w-label-rows-s .w-label>span{grid-column:1/3;}
.w-label-rows-s .w-label>span:first-child{padding-top:0;}
.w-grid-7e801b1a-s{grid-template:"tIcon1 topBarButton1 account basket ." auto / 14px 1fr 28px 28px 10px;}
.w-grid-aaf5b9a6-s{grid-template:"logo hIcon1 hIcon2 hIcon3 hIcon4 nav" auto / 1fr 28px 28px 28px 28px 50px;}
.w-grid-da77561a-s{grid-template:". text ." auto ". edit ." auto / 1fr 200px 1fr;}
.w-grid-a042152f-s{grid-template:"content" auto "menu" auto / 1fr;}
.w-grid-0505cebf-s{grid-template:"tags months" auto / 1fr 1fr;}
}

@media screen and (min-width:672px) and (max-width:895px){
.w-hide-m{display:none;}
h1{font-size:1.75em;}
h2{font-size:1.625em;}
h3{font-size:1.5em;}
h4{font-size:1.375em;}
h5{font-size:1.125em;}
:where(.w-section>div){padding:60px 30px;}
.w-padding-4223b7ef{padding:8px 10px;}
.w-padding-ed4128c7{padding:10px;}
.w-blog-grid-2-m{--c:2;}
.w-blog-grid-3-m{--c:3;}
.w-blog-grid-4-m{--c:4;}
.w-span-1-m{--s:1;}
.w-span-2-m{--s:2;}
.w-span-3-m{--s:3;}
.w-span-4-m{--s:4;}
.w-span-5-m{--s:5;}
.w-span-6-m{--s:6;}
.w-span-7-m{--s:7;}
.w-span-8-m{--s:8;}
.w-span-9-m{--s:9;}
.w-span-10-m{--s:10;}
.w-span-11-m{--s:11;}
.w-span-12-m{--s:12;}
.w-span-13-m{--s:13;}
.w-span-14-m{--s:14;}
.w-span-15-m{--s:15;}
.w-span-16-m{--s:16;}
.w-span-17-m{--s:17;}
.w-span-18-m{--s:18;}
.w-span-19-m{--s:19;}
.w-span-20-m{--s:20;}
.w-span-21-m{--s:21;}
.w-span-22-m{--s:22;}
.w-span-23-m{--s:23;}
.w-span-24-m{--s:24;}
.w-span-25-m{--s:25;}
.w-span-26-m{--s:26;}
.w-span-27-m{--s:27;}
.w-span-28-m{--s:28;}
.w-span-29-m{--s:29;}
.w-span-30-m{--s:30;}
.w-span-31-m{--s:31;}
.w-span-32-m{--s:32;}
.w-span-33-m{--s:33;}
.w-span-34-m{--s:34;}
.w-span-35-m{--s:35;}
.w-span-36-m{--s:36;}
.w-span-37-m{--s:37;}
.w-span-38-m{--s:38;}
.w-span-39-m{--s:39;}
.w-span-40-m{--s:40;}
.w-span-41-m{--s:41;}
.w-span-42-m{--s:42;}
.w-span-43-m{--s:43;}
.w-span-44-m{--s:44;}
.w-span-45-m{--s:45;}
.w-span-46-m{--s:46;}
.w-span-47-m{--s:47;}
.w-span-48-m{--s:48;}
.w-span-49-m{--s:49;}
.w-span-50-m{--s:50;}
.w-span-51-m{--s:51;}
.w-span-52-m{--s:52;}
.w-span-53-m{--s:53;}
.w-span-54-m{--s:54;}
.w-span-55-m{--s:55;}
.w-span-56-m{--s:56;}
.w-span-57-m{--s:57;}
.w-span-58-m{--s:58;}
.w-span-59-m{--s:59;}
.w-span-60-m{--s:60;}
div+div.w-first-m::after{content:none;}
.w-flex-grow-1-m{--g:1;}
.w-flex-rows-m{--h:0;display:block;}
.w-flex:not(.w-flex-rows-m){--v:0;}
.w-label-rows-m .w-label>span{grid-column:1/3;}
.w-label-rows-m .w-label>span:first-child{padding-top:0;}
.w-grid-7e801b1a-m{grid-template:"tIcon1 topBarButton1 account basket ." auto / 14px 1fr 28px 28px 10px;}
.w-grid-aaf5b9a6-m{grid-template:"logo hIcon1 hIcon2 hIcon3 hIcon4 nav" auto / 1fr 28px 28px 28px 28px 50px;}
.w-grid-da77561a-m{grid-template:". text ." auto ". edit ." auto / 1fr 200px 1fr;}
.w-grid-a042152f-m{grid-template:"content" auto "menu" auto / 1fr;}
.w-grid-0505cebf-m{grid-template:"tags months" auto / 1fr 1fr;}
}

@media screen and (min-width:896px) and (max-width:1119px){
.w-hide-l{display:none;}
:where(.w-section>div){padding:90px 30px;}
:where(.w-section)>div:where(.w-left){padding:90px 30px 90px 90px;}
:where(.w-section)>div:where(.w-right){padding:90px 90px 90px 30px;}
.w-padding-4223b7ef{padding:8px 30px;}
.w-padding-ed4128c7{padding:20px 30px;}
.w-blog-grid-2-l{--c:2;}
.w-blog-grid-3-l{--c:3;}
.w-blog-grid-4-l{--c:4;}
.w-span-1-l{--s:1;}
.w-span-2-l{--s:2;}
.w-span-3-l{--s:3;}
.w-span-4-l{--s:4;}
.w-span-5-l{--s:5;}
.w-span-6-l{--s:6;}
.w-span-7-l{--s:7;}
.w-span-8-l{--s:8;}
.w-span-9-l{--s:9;}
.w-span-10-l{--s:10;}
.w-span-11-l{--s:11;}
.w-span-12-l{--s:12;}
.w-span-13-l{--s:13;}
.w-span-14-l{--s:14;}
.w-span-15-l{--s:15;}
.w-span-16-l{--s:16;}
.w-span-17-l{--s:17;}
.w-span-18-l{--s:18;}
.w-span-19-l{--s:19;}
.w-span-20-l{--s:20;}
.w-span-21-l{--s:21;}
.w-span-22-l{--s:22;}
.w-span-23-l{--s:23;}
.w-span-24-l{--s:24;}
.w-span-25-l{--s:25;}
.w-span-26-l{--s:26;}
.w-span-27-l{--s:27;}
.w-span-28-l{--s:28;}
.w-span-29-l{--s:29;}
.w-span-30-l{--s:30;}
.w-span-31-l{--s:31;}
.w-span-32-l{--s:32;}
.w-span-33-l{--s:33;}
.w-span-34-l{--s:34;}
.w-span-35-l{--s:35;}
.w-span-36-l{--s:36;}
.w-span-37-l{--s:37;}
.w-span-38-l{--s:38;}
.w-span-39-l{--s:39;}
.w-span-40-l{--s:40;}
.w-span-41-l{--s:41;}
.w-span-42-l{--s:42;}
.w-span-43-l{--s:43;}
.w-span-44-l{--s:44;}
.w-span-45-l{--s:45;}
.w-span-46-l{--s:46;}
.w-span-47-l{--s:47;}
.w-span-48-l{--s:48;}
.w-span-49-l{--s:49;}
.w-span-50-l{--s:50;}
.w-span-51-l{--s:51;}
.w-span-52-l{--s:52;}
.w-span-53-l{--s:53;}
.w-span-54-l{--s:54;}
.w-span-55-l{--s:55;}
.w-span-56-l{--s:56;}
.w-span-57-l{--s:57;}
.w-span-58-l{--s:58;}
.w-span-59-l{--s:59;}
.w-span-60-l{--s:60;}
div+div.w-first-l::after{content:none;}
.w-flex-grow-1-l{--g:1;}
.w-flex-rows-l{--h:0;display:block;}
.w-flex:not(.w-flex-rows-l){--v:0;}
.w-label-rows-l .w-label>span{grid-column:1/3;}
.w-label-rows-l .w-label>span:first-child{padding-top:0;}
.w-grid-a8f1606f-l{grid-template:"textTop tIcon1 topBarButton1 account basket" auto / 165px 14px 1fr 230px 28px;}
.w-grid-93cd9f74-l{grid-template:"logo nav hIcon1 hIcon2 hIcon3 hIcon4 headerButton1" auto / 250px 1fr 28px 28px 28px 28px 140px;}
.w-grid-cdf47e70-l{grid-template:"text . edit" auto / 130px 1fr 300px;}
.w-grid-c224066c-l{grid-template:"menu content" auto / 200px 1fr;}
.w-grid-39a58c44-l{grid-template:"tags" auto "months" auto / 1fr;}
}

@media screen and (min-width:1120px){
.w-hide-xl{display:none;}
:where(.w-section>div){padding:120px 30px;}
:where(.w-section)>div:where(.w-left){padding:120px 30px 120px 120px;}
:where(.w-section)>div:where(.w-right){padding:120px 120px 120px 30px;}
.w-padding-4223b7ef{padding:8px 30px;}
.w-padding-ed4128c7{padding:20px 30px;}
.w-blog-grid-2-xl{--c:2;}
.w-blog-grid-3-xl{--c:3;}
.w-blog-grid-4-xl{--c:4;}
.w-span-1-xl{--s:1;}
.w-span-2-xl{--s:2;}
.w-span-3-xl{--s:3;}
.w-span-4-xl{--s:4;}
.w-span-5-xl{--s:5;}
.w-span-6-xl{--s:6;}
.w-span-7-xl{--s:7;}
.w-span-8-xl{--s:8;}
.w-span-9-xl{--s:9;}
.w-span-10-xl{--s:10;}
.w-span-11-xl{--s:11;}
.w-span-12-xl{--s:12;}
.w-span-13-xl{--s:13;}
.w-span-14-xl{--s:14;}
.w-span-15-xl{--s:15;}
.w-span-16-xl{--s:16;}
.w-span-17-xl{--s:17;}
.w-span-18-xl{--s:18;}
.w-span-19-xl{--s:19;}
.w-span-20-xl{--s:20;}
.w-span-21-xl{--s:21;}
.w-span-22-xl{--s:22;}
.w-span-23-xl{--s:23;}
.w-span-24-xl{--s:24;}
.w-span-25-xl{--s:25;}
.w-span-26-xl{--s:26;}
.w-span-27-xl{--s:27;}
.w-span-28-xl{--s:28;}
.w-span-29-xl{--s:29;}
.w-span-30-xl{--s:30;}
.w-span-31-xl{--s:31;}
.w-span-32-xl{--s:32;}
.w-span-33-xl{--s:33;}
.w-span-34-xl{--s:34;}
.w-span-35-xl{--s:35;}
.w-span-36-xl{--s:36;}
.w-span-37-xl{--s:37;}
.w-span-38-xl{--s:38;}
.w-span-39-xl{--s:39;}
.w-span-40-xl{--s:40;}
.w-span-41-xl{--s:41;}
.w-span-42-xl{--s:42;}
.w-span-43-xl{--s:43;}
.w-span-44-xl{--s:44;}
.w-span-45-xl{--s:45;}
.w-span-46-xl{--s:46;}
.w-span-47-xl{--s:47;}
.w-span-48-xl{--s:48;}
.w-span-49-xl{--s:49;}
.w-span-50-xl{--s:50;}
.w-span-51-xl{--s:51;}
.w-span-52-xl{--s:52;}
.w-span-53-xl{--s:53;}
.w-span-54-xl{--s:54;}
.w-span-55-xl{--s:55;}
.w-span-56-xl{--s:56;}
.w-span-57-xl{--s:57;}
.w-span-58-xl{--s:58;}
.w-span-59-xl{--s:59;}
.w-span-60-xl{--s:60;}
div+div.w-first-xl::after{content:none;}
.w-flex-grow-1-xl{--g:1;}
.w-flex-rows-xl{--h:0;display:block;}
.w-flex:not(.w-flex-rows-xl){--v:0;}
.w-label-rows-xl .w-label>span{grid-column:1/3;}
.w-label-rows-xl .w-label>span:first-child{padding-top:0;}
.w-grid-a8f1606f-xl{grid-template:"textTop tIcon1 topBarButton1 account basket" auto / 165px 14px 1fr 230px 28px;}
.w-grid-93cd9f74-xl{grid-template:"logo nav hIcon1 hIcon2 hIcon3 hIcon4 headerButton1" auto / 250px 1fr 28px 28px 28px 28px 140px;}
.w-grid-cdf47e70-xl{grid-template:"text . edit" auto / 130px 1fr 300px;}
.w-grid-c224066c-xl{grid-template:"menu content" auto / 200px 1fr;}
.w-grid-39a58c44-xl{grid-template:"tags" auto "months" auto / 1fr;}
}

@media screen and (max-width:895px){
.w-blocks>div:has(>[data-background-active]){min-height:300px;}
.w-menu-c496ed90{display:block;position:fixed;z-index:100;top:0;bottom:0;right:0;width:100vw;max-width:280px;padding:15px;overflow-y:auto;overscroll-behavior:contain;transform:translate(100%,0);background:#fff;}
.w-menu-c496ed90>li>:is(a,span,button){background:transparent;}
.w-menu-c496ed90 ul{grid-column:span 2;position:static;width:auto;}
.w-menu-c496ed90 li>button>span{width:32px;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="m0,4 6,6 6,-6-2,-2-4,4-4,-4z"/></svg>');}
.w-menu-c496ed90 :not(.w-menu-close)>[aria-expanded="true"]:not(.w-menu-closed)>span{transform:scaleY(-1);}
.w-menu-c496ed90 .w-menu-hide-button{display:none;}
}

@media screen and (min-width:896px){
.w-blocks{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
:where(.w-left,.w-right){max-width:calc(var(--width) / 2);}
.w-blogpost{grid-template-columns:1fr auto;}
.w-menu-c496ed90 .w-menu-hide-full{display:none;}
}

@media screen and (max-width:671px){
.w-searchresults-with-images>div{--w:80px;}
}
#w-modal {
  display: grid;
  place-content: center;
  position: fixed;
  z-index: 200;
  inset: 0;
  padding: 20px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.2s linear;
}

#w-modal.w-modal-show {
  opacity: 1;
}

@starting-style {
  #w-modal.w-modal-show {
    opacity: 0;
  }
}

#w-modal > div {
  width: auto;
  max-width: 480px;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transform: scale(0.8);
  transition: transform 0.2s ease-in;
}

#w-modal.w-modal-show > div {
  transform: scale(1);
  transition: transform 0.2s ease-out;
}

@starting-style {
  #w-modal.w-modal-show > div {
    transform: scale(0.8);
  }
}

#w-modal > div > div:first-child {
  max-width: calc(100vw - 80px);
  max-height: calc(100vh - 250px);
  overflow: auto;
}

#w-modal > div > div:not(:has(*)) {
  white-space: pre-line;
}

#w-modal > div > div:last-child {
  text-align: center;
}

#w-modal button {
  margin: 20px 10px 0;
}

.w-modal-error {
  padding: 56px 0 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48ZyBmaWxsPSJ0cmFuc3BhcmVudCIgc3Ryb2tlPSIjZjAwIiBzdHJva2Utd2lkdGg9IjQiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjE4Ii8%2BPHBhdGggZD0iTSAyMCwxMCB2IDEyIi8%2BPHBhdGggZD0iTSAyMCwyNiB2IDQiLz48L2c%2BPC9zdmc%2B') no-repeat top;
}

.w-modal-error > ul {
  float: none;
  margin: 0;
  padding: 10px 0 0 20px;
}

.w-modal-error > ul > li {
  margin: 0;
  padding: 0;
}
/* styling shared between shop pages ******************************************/

.s-grid {
  display: grid;
  gap: 20px 40px;
}

.s-grid.s-centre {
  justify-items: center;
}

:not(.s-grid).s-centre {
  justify-self: center;
}

.s-grid p {
  margin: 0;
}

.s-grid .w-pagination {
  margin-bottom: 0;
}


.wColumn{
  clear : none;
}

:is(.s-grid,.webeditShopComponent) h1 {
  font-size: 1.5em;
  line-height: 1.5;
}

:is(.s-grid,.webeditShopComponent) h2 {
  font-size: 1.25em;
}

:is(.s-grid,.webeditShopComponent) th {
  font-weight: inherit;
  text-align: left;
}

:is(.s-grid,.webeditShopComponent) :is(th,td) {
  vertical-align: top;
}

:is(.s-grid,.webeditShopComponent) input[type=number] {
  width: 3.5em;
}

.webeditShopHelp{
  margin : 0 0 1.5em;
}

.webeditShopButtonRight{
  text-align : right;
}

.webeditShopFormField input,
.webeditShopFormField select{
  width : 16em;
}

.sTrap,
.sHidden{
  display : none !important;
}

.sRequired{
  color : red;
}

.s-grid .w-form {
  width: 100%;
  max-width: 360px;
}

.w-form-fields{display:flex !important;float:none !important;}
.w-form-fields>label+label{margin-left:20px;}
.w-field{display:block;position:relative;}
.w-field>span:first-child{float:left;position:relative;z-index:1;margin:-10px 5px;padding:0 5px;border-radius:4px;background:#fff;color:#666;font-size:14px;line-height:20px;}
.w-field>input,.w-field>textarea{width:100%;height:auto !important;padding:8px 9px 5px !important;}

/* error messages *************************************************************/

.sNotice,
.sError{
  padding       : 0.25em 0.5em;
  border-radius : 4px;
  color         : #fff;
  text-shadow   : 0 0 2px #000;
}

:not(.s-grid) > :is(.sNotice, .sError) {
  margin-bottom: 20px;
}

.sNotice{
  border-color : #070;
  background   : #090;
}

.sError{
  border-color : #800;
  background   : #b00;
}

.sError a{
  color : #fff !important;
}

.sError ul{
  margin  : 0;
  padding : 0 0 0 1em;
}

.sError li{
  margin  : 0;
  padding : 0;
}

.s-component-error{
  padding     : 6px 8px 6px 40px;
  background  : #333 url('../_webedit/uploaded-files/../shop/images/warning-white.svg') no-repeat 8px 6px;
  color       : #fff;
  font        : 400 16px/24px UI,sans-serif;
  text-shadow : 0 0 2px #000;
}

/* buttons ********************************************************************/

.sButton span{
  padding     : 0;
  line-height : 1.5;
}

.sButton span span{
  display     : block;
  padding     : 4px 8px 4px 30px;
  background  : no-repeat 6px center;
  white-space : nowrap;
}

.sButton[disabled]{
  cursor : not-allowed;
}

.sButton[disabled] span span{
  color : #999;
}

.sButtonLeftArrow  span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/left.svg'); }
.sButtonRightArrow span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/right.svg'); }
.sButtonRefresh    span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/refresh.svg'); }
.sButtonPlus       span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/plus.svg'); }
.sButtonTick       span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/tick.svg'); }
.sButtonCross      span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/cross.svg'); }
.sButtonHeart      span span{ background-image : url('../_webedit/uploaded-files/../shop/images/buttons/heart.svg'); }

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

.s-buttons > :last-child {
  width: auto;
  margin: 0 0 0 auto;
}

/* markdown *******************************************************************/

.s-markdown :is(h1,h2,h3,h4,h5,h6,hr,blockquote,ol,p,pre,table,ul){
  float   : none;
  margin  : 20px 0 0;
  padding : 0;
}

.s-markdown > :first-child{
  margin : 0;
}

.s-markdown blockquote{
  padding : 0 20px;
}

.s-markdown h3{
  font-size : 1.2em;
}

.s-markdown h4{
  font-size : 1.15em;
}

.s-markdown h5{
  font-size : 1.1em;
}

.s-markdown h6{
  font-size : 1.05em;
}

.s-markdown :is(ol,ul){
  padding-left : 20px;
}

.s-markdown :is(ol,ul) :is(ol,ul){
  margin : 0;
}

.s-markdown table{
  margin-top : 14px;
}

.s-markdown :is(td,th){
  padding : 6px 10px;
}

.s-markdown th{
  font-weight : bold;
}

.s-markdown td{
  border-top : 1px solid #ddd;
}

.s-markdown tbody tr:nth-child(odd) td{
  background : #f5f5f5;
}

/* formatted tables ***********************************************************/

.sFormatted th,
.sFormatted td{
  padding : 4px 8px;
  border  : 1px solid #ddd;
}

.sFormatted tr:first-child th{
  border-top : 1px solid #ccc;
}

.sFormatted th:first-child{
  border-left : 1px solid #ccc;
}

.sFormatted th:last-child{
  border-right : 1px solid #ccc;
}

.sFormatted th{
  background  : #ccc;
  text-shadow : 0 0 2px white;
}

.sFormatted td{
  background : #fff;
}

.sFormatted tr:nth-child(odd) td{
  background : #eee;
}

.sFormatted tr:hover td{
  background : #ddd;
}

td.sNumber {
  text-align: right;
}

/* invoices *******************************************************************/

.s-invoice {
  gap: 40px;
}

@media screen and (min-width:640px) {
  .s-invoice {
    grid-template-columns: 1fr 1fr;
  }
}

.s-invoice h2 {
  margin-bottom: 20px;
}

.s-invoice td + td {
  padding-left: 0.75em;
}

.sInvoiceItems tr + tr > td {
  padding-top: 20px;
}

.sInvoiceItems button {
  margin-top: 20px;
}

.s-invoice ul {
  margin: 0;
  padding: 0 0 0 1em;
}

.s-invoice li {
  margin: 0;
  padding: 0;
}

/* category pages *************************************************************/

.sCategoryDescription > div{
  margin : 0;
}

.sCategoriesHeader,
.sProductsHeader{
  padding     : 0;
  font-size   : 1.25em;
  font-weight : normal;
  line-height : 1em;
}

ul.s-categories-grid,
ul.s-products-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: start;
  margin: 0;
  padding: 0;
}

.s-categories-grid li,
.s-products-grid li {
  flex: 0 1 400px;
  display: grid;
  gap: 20px;
  justify-items: center;
  margin: 0 20px 40px;
  padding: 0;
  text-align: center;
}

.s-categories-grid .s-categories-image,
.s-products-grid .s-products-image,
.s-products-grid .s-products-lightbox {
  position: relative;
  width: 100%;
  max-width: 400px;
  aspect-ratio: 400 / 500;
}

.s-categories-grid .s-categories-image img,
.s-products-grid .s-products-image img,
.s-products-grid .s-products-lightbox img {
  position: absolute;
  inset: 0;
  margin: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.s-categories-grid a,
.s-products-grid a{
  text-decoration: none;
}

div.s-products-controls {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  font-size: 14px;
}

html:not(.s-products-scripts) div.s-products-controls{
  display : none;
}

div.s-products-controls > div{
  width  : auto;
  margin : 0;
}

.s-products-listing{
  opacity    : 1;
  transition : opacity 0.5s ease-in-out;
}

.s-products-colours > div {
  margin-bottom: -10px;
  font-size: 0.875em;
  line-height: 1;
}

.s-products-colours-swatches{
  display         : flex;
  flex-wrap       : wrap;
  justify-content : center;
  margin          : -5px 0;
  padding         : 0;
}

.s-products-colours-swatches > li {
  display: block;
  flex: 0 1 0;
  margin: 5px;
  border-radius: 2px;
}

.s-products-colours-swatches > li:after{
  content       : '';
  display       : block;
  width         : 18px;
  height        : 18px;
  border        : 1px solid rgba(0,0,0,0.1);
  border-radius : 2px;
}

.s-products-price > span{
  display : block;
}

.s-products-quantity-buy-button{
  display         : flex;
  gap             : 10px;
  justify-content : center;
}

.s-products-quantity-buy-button label > span:first-child{
  display : none;
}

.webeditShopEmptyCategory{
  margin:0.5em 0;
}

/* product pages **************************************************************/

.s-product {
  container-type: inline-size;
  gap: 40px;
}

.s-product ~ h2 {
  margin-top: 20px;
}

div.sProductImagesAndDetails {
  --images-width: 300px;
  --details-rows: 1;
  display: grid;
  grid-template-columns: var(--images-width) 1fr;
  grid-template-rows: repeat(calc(var(--details-rows) - 1), auto) 1fr;
  gap: 20px 20px;
}

.sProductImagesAndDetails:has(.sProductThumbnailsOnSide) {
  --images-width: 420px;
}

.sProductImagesAndDetails:has(>:nth-child(3)){--details-rows:2}
.sProductImagesAndDetails:has(>:nth-child(4)){--details-rows:3}
.sProductImagesAndDetails:has(>:nth-child(5)){--details-rows:4}
.sProductImagesAndDetails:has(>:nth-child(6)){--details-rows:5}
.sProductImagesAndDetails:has(>:nth-child(7)){--details-rows:6}

.sProductImagesAndDetails > * {
  grid-column: 2 / span 1;
}

div.sProductImages {
  grid-column: 1 / span 1;
  grid-row-end: span var(--details-rows);
  display: flex;
  flex-flow: row;
  gap: 20px;
  -webkit-user-select: none;
  user-select: none;
}

div.sProductThumbnails{
  position    : relative;
  width : 100px;
  overflow    : hidden;
  white-space : nowrap;
}

.sProductThumbnails > div{
  position   : absolute;
  top        : 0;
  left       : 0;
  margin     : 0;
  transition : top 0.2s,bottom 0.2s,left 0.2s,right 0.2s;
}

div.sProductThumbnailsBefore,
div.sProductThumbnailsAfter{
  width      : 100%;
  height     : 32px;
  background : rgba(255,255,255,0.8) no-repeat center center;
  cursor     : pointer;
}

div.sProductThumbnailsBefore{
  top : -32px;
  background-image : url('../_webedit/uploaded-files/../shop/images/scrolling/up.svg');
}

div.sProductThumbnailsAfter{
  top : auto;
  bottom : -32px;
  background-image : url('../_webedit/uploaded-files/../shop/images/scrolling/down.svg');
}

.sProductThumbnails > div > div{
  margin  : 0;
  cursor  : pointer;
}

.sProductThumbnails > div > div + div{
  margin-top : 20px;
}

div.sProductImage{
  position: relative;
  width: 100%;
  max-width: 300px;
}

.sProductImage > div{
  position   : relative;
  z-index    : 1;
  margin     : 0;
  text-align : center;
  transition : opacity 0.2s linear;
}

.sProductImage > div + div{
  position : absolute;
  top      : 0;
  left     : 0;
  z-index  : 0;
  opacity  : 0;
}

.sProductThumbnails > div > div > img,
.sProductImage > div > img{
  display        : inline-block;
  float          : none;
  width          : auto;
  max-width      : 100%;
  vertical-align : bottom;
}

.sProductComponentBuyButton div.sProductImagesAndDetails {
  grid-template-columns: 1fr;
}

.sProductComponentBuyButton .sProductImagesAndDetails > * {
  grid-column: 1 / span 1 !important;
}

.sProductComponentBuyButton .sProductImages {
  grid-row-end: span 1 !important;
  justify-self: center;
  width: auto;
}

@container (max-width:840px) {
  div.sProductImagesAndDetails {
    grid-template-columns: 1fr;
  }

  .sProductImagesAndDetails > * {
    grid-column: 1 / span 1 !important;
  }

  .sProductImages {
    grid-row-end: span 1 !important;
    justify-self: center;
    width: auto;
  }

  .s-product-name, .s-product-code, .s-product-price {
    grid-row-start: 1;
  }

  .sProductImagesAndDetails:has(.s-product-name) :is(.s-product-code, .s-product-price) {
    grid-row-start: 2;
  }

  .sProductImagesAndDetails:has(.s-product-name):has(.s-product-code) .s-product-price {
    grid-row-start: 3;
  }
}

/* fallback for browsers without container query support */
@media screen and (max-width:900px) {
  div.sProductImagesAndDetails {
    grid-template-columns: 1fr;
  }

  .sProductImagesAndDetails > * {
    grid-column: 1 / span 1 !important;
  }

  .sProductImages {
    grid-row-end: span 1 !important;
    justify-self: center;
    width: auto;
  }

  .s-product-name, .s-product-code, .s-product-price {
    grid-row-start: 1;
  }

  .sProductImagesAndDetails:has(.s-product-name) :is(.s-product-code, .s-product-price) {
    grid-row-start: 2;
  }

  .sProductImagesAndDetails:has(.s-product-name):has(.s-product-code) .s-product-price {
    grid-row-start: 3;
  }
}

h1.sProductName,
div.sProductName{
  font-size   : 1.5em;
  line-height : 1.5;
}

div.sProductCode {
  margin-top: -20px;
}

.s-product-price {
  font-size : 1.25em;
}

.s-product-price > :first-child > span{
  display : block;
}

.sProductPreviousPrice,
.s-price-previous{
  text-decoration : line-through;
}

.s-product-price-breaks > div{
  margin      : 0 0 10px;
}

.s-product-price-breaks > table{
  margin : 0;
}

.s-product-price-breaks td:first-child{
  padding    : 0 1em 0 0;
  text-align : right;
}

.s-product-price-breaks td > span{
  display : block;
}

.sProductDescription div,
.sProductSummary div{
  margin : 0;
}

table.s-product-variants {
  justify-self: start;
  margin: 0 0 -20px;
}

.s-product-variants th{
  padding : 2px 20px 20px 0;
}

.s-product-variants td{
  padding : 0 0 20px;
}

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

  table.s-product-variants,
  .s-product-variants tr,
  .s-product-variants td{
    display : block;
  }

  .s-product-variants th{
    padding-bottom : 10px;
  }

}

.s-product-variants div{
  float  : none;
  margin : 0 0 0.5em;
}

.s-product-variants div:last-child{
  margin : 0;
}

.s-product-variants select{
  width : 100%;
}

.s-product-variants input[type=text],
.s-product-variants textarea{
  width     : 100%;
  min-width : 16em;
}

.s-product-variants textarea{
  height : 7em;
}

.s-product-variants input[type="radio"]{
  width          : 30px;
  height         : 26px;
  margin         : 0;
  padding        : 0;
  opacity        : 0;
  vertical-align : top;
}

.s-product-variants label > span:first-child,
.s-product-variants input:checked ~ label > span:first-child:after{
  display        : inline-block;
  border-radius  : 2em;
  background     : linear-gradient(#f0f0f0,#e8e8e8);
  vertical-align : bottom;
  box-shadow     : inset 0 1px 0 rgba(255,255,255,0.5);
}

.s-product-variants label > span:first-child{
  margin         : -1px 0.5em -1px -30px;
  transition     : border-color 0.25s;
}

.s-product-variant-single{
  padding-top : 2px;
}

.sProductVariantRadio label > span:first-child{
  width               : calc(1.5em + 2px);
  height              : calc(1.5em + 2px);
  border              : 1px solid #e0e0e0;
  border-bottom-color : #d0d0d0;
}

.sProductVariantColour label > span:first-child{
  width  : calc(1.5em + 4px);
  height : calc(1.5em + 4px);
}

.s-product-variant-swatch{
  display        : inline-block;
  width          : calc(1.75em + 2px);
  height         : calc(1.75em + 2px);
  margin         : 0 0.5em 0 0;
  border-radius  : 4px;
  vertical-align : bottom;
}

.sProductVariantColourDark{
  box-shadow : 0 0 2px #fff !important;
}

span.sProductVariantColourLight{
  box-shadow : 0 0 2px rgba(0,0,0,0.5) !important;
}

.sProductVariantRadio input:checked ~ label > span:first-child{
  border     : 1px solid #d0d0d0;
  background : linear-gradient(#e8e8e8,#e0e0e0);
  box-shadow : inset 0 2px 2px rgba(0,0,0,0.0625),0 1px 0 rgba(255,255,255,0.5);
}

.sProductVariantRadio input:focus ~ label > span:first-child{
  margin : -2px calc(0.5em - 1px) -2px -31px;
  border : 2px solid #d0d0d0;
}

.sProductVariantRadio input:checked ~ label > span:first-child:after{
  content             : '';
  width               : 1em;
  height              : 1em;
  margin              : 0.25em;
  border              : 1px solid #d0d0d0;
  border-bottom-color : #c0c0c0;
}

.sProductVariantColour input:checked ~ label > span:first-child:after{
  content    : '';
  width      : 1em;
  height     : 1em;
  margin     : calc(0.25em + 2px);
  background : #fff;
  box-shadow : 0 0 2px rgba(0,0,0,0.5);
}

.sProductQuantity:after{
  content : attr(data-unit-plural);
}

.sProductQuantityOne:after{
  content : attr(data-unit);
}

.sProductUnavailable{
  font-size : 1.25em;
}

.sProductShareButtons > span{
  margin : 0 4px 0 0;
}

.sProductComponentBuyButton .sProductName,
.sProductComponentBuyButton .sProductPrice,
.sProductComponentBuyButton .s-product-price-breaks,
.sProductComponentBuyButton .s-product-variants td[colspan],
.sProductComponentBuyButton .sProductAddToBasket,
.sProductComponentBuyButton .sProductAddToWishlist,
.sProductComponentBuyButton .sProductUnavailable{
  text-align : center;
}

.sProductComponentBuyButton .s-product-price-breaks table,
.sProductComponentBuyButton .s-product-variants{
  margin : 0 auto;
}

.s-product-description [role="tablist"]{
  display   : flex;
  flex-wrap : wrap;
}

.s-product-description [role="tab"]{
  flex                : 0 1 auto;
  width               : auto;
  margin              : 0 -1px -1px 0;
  padding             : 6px 10px;
  border              : 1px solid #ddd;
  background          : #f5f5f5;
  font-size           : 1em;
  user-select         : none;
  -webkit-user-select : none;
}

.s-product-description [role="tab"][aria-selected="true"]{
  position            : relative;
  border-bottom-color : #fff;
  background          : #fff;
}

.s-product-description [role="tab"][aria-selected="false"]{
  cursor : pointer;
}

.s-product-description [role="tabpanel"]{
  padding-top : 10px;
  border-top  : 1px solid #ddd;
}

/* log-in pages ***************************************************************/

.sLogInMessage{
  max-width: 360px;
}

.sLogInCreateAccountHelp{
  margin: -10px 0 0 !important;
  padding-left: 32px;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.6;
}

.sLogInPassword{
  padding-left : 32px;
}

label:has(:checked) + label + .sLogInPassword {
  display: none;
}

.sLogIn .w-radio + .w-radio{
  margin-top : -10px;
}

.sLogInForgottenPassword{
  float         : right;
  position      : relative;
  z-index       : 1;
  margin        : -10px 5px;
  padding       : 0 5px;
  border-radius : 4px;
  background    : #fff;
  font-size     : 14px;
  line-height   : 20px;
}

#sAccountExists ul {
  padding: 0 0 0 1.5em;
}

/* wishlist page **************************************************************/

div.s-wishlist-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0;
}

.s-wishlist-header > h1{
  flex   : 1 0 auto;
  width  : auto;
}

div.s-wishlist-share-buttons{
  flex  : 0 0 auto;
  width : auto;
}

.s-wishlist-share-buttons > span{
  margin : 0 0 0 4px;
}

.s-wishlist-item {
  grid-template-columns: 128px 1fr max-content;
  align-items: start;
}

.s-wishlist-item + .s-wishlist-item {
  margin-top: 20px;
}

.s-wishlist-item .s-grid {
  gap: 10px;
}

.s-wishlist-item-name{
  font-size : 1.25em;
}

.s-wishlist-items ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.s-wishlist-item-unavailable{
  padding    : 0 0 0 24px;
  background : url('../_webedit/uploaded-files/../shop/images/warning-small.png') no-repeat 0 0.25em;
}

.s-wishlist-item-price{
  font-size  : 1.25em;
  text-align : right;
}

.s-wishlist-item-quantity{
  text-align : right;
}

.s-wishlist-item button {
  width: 100%;
}

@media screen and (max-width:639px) {
  .s-wishlist-item {
    grid-template-columns: 128px max-content 1fr;
  }

  .s-wishlist-item > :nth-child(1) {
    grid-row-end: span 2;
  }

  .s-wishlist-item > :nth-child(2) {
    grid-column-end: span 2;
  }

  .s-wishlist-item-price,
  .s-wishlist-item-quantity {
    text-align: left;
  }
}

@media screen and (max-width:479px) {
  .s-wishlist-item {
    grid-template-columns: 64px max-content 1fr;
    gap: 20px;
  }
}

/* basket page ****************************************************************/

.sBasket th{
  font-weight : 700;
}

.sBasket th,
.sBasket td{
  padding : 0 0 20px;
}

.sBasket th + th,
.sBasket td + td{
  padding : 0 0 20px 20px;
}

.sBasket th:last-child,
.sBasket td:last-child,
#sBasketTotals th{
  text-align : right;
}

#sBasketItems input{
  height       : 1.75em;
  margin-right : 0.25em;
}

.s-basket-item-image{
  width : 128px;
}

.s-basket-item-image > img {
  width : 100%;
}

.s-basket-item-details{
  max-width : 320px;
}

div.s-basket-item-description{
  float  : none;
  clear  : none;
  margin : 0 0 10px;
}

.sBasketRemove{
  display       : block;
  float         : right;
  width         : 1.5em;
  height        : 1.5em;
  margin        : 0.25em 0 0.25em 1em;
  border-radius : 0.75em;
  background    : #f00;
  color         : #fff;
  font-size     : 0.75em;
  text-align    : center;
  cursor        : pointer;
}

.sBasketRemove:after{
  content : '✖';
}

.sBasket ul{
  float     : none;
  clear     : none;
  margin    : 0 0 10px 0;
  padding   : 0 0 0 20px;
  font-size : 0.875em;
}

.sBasketWishlist{
  display : block;
  margin  : 0 0 10px 0;
}

.sBasketUnavailable{
  display    : block;
  margin     : 0 0 10px 0;
  padding    : 0 0 0 24px;
  background : url('../_webedit/uploaded-files/../shop/images/warning-small.png') no-repeat 0 0.25em;
}

#sBasketItems td + td + td span:first-child{
  display : none;
}

.s-basket-discount .sBasketRemove{
  display        : inline-block;
  float          : none;
  vertical-align : top;
}

#sBasketTotals select{
  max-width : 15em;
}

@media screen and (max-width:699px){
  .sBasket table{
    display   : block;
    max-width : 468px;
  }

  #sBasketItems tr:first-child{
    display : none;
  }

  #sBasketItems,
  #sBasketItems tr{
    display : block;
    clear   : left;
  }

  .s-basket-item{
    box-sizing : border-box;
    float      : left;
    width      : 100%;
    margin     : 0 0 10px;
    padding    : 0 0 0 128px;
  }

  .s-basket-item > td{
    display : block;
  }

  .s-basket-item-image{
    float  : left;
    margin : 0 0 0 -128px;
  }

  .s-basket-item-details{
    max-width      : none;
    padding-bottom : 0 !important;
  }

  .s-basket-item-quantity{
    float : left;
  }

  .s-basket-item-total{
    float : right;
  }

  #sBasketItems td + td + td span:first-child{
    display : inline;
  }

  #sBasketItems input{
    margin-left : 0.5em;
  }

  #sBasketItems + tbody{
    display : table;
    clear   : both;
    width   : 100%;
  }
}

@media screen and (max-width:509px){
  .sBasket table{
    max-width : 364px;
    font-size : 0.875em;
  }

  .s-basket-item{
    padding : 0 0 0 64px;
  }

  .s-basket-item-image{
    width  : 64px;
    margin : 0 0 0 -64px;
  }
}

/* styling for the 'add to basket' modal **************************************/

.s-modal-basket-item{
  padding : 20px 0 0;
  display : flex;
}

.s-modal-basket-image{
  flex   : 0 0 128px;
  margin : 0 20px 0 0;
}

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

  .s-modal-basket-image{
    flex : 0 0 64px;
  }

}

.s-modal-basket-image > img{
  width : 100%;
}

.s-modal-basket-name{
  margin      : 0 0 10px;
  font-size   : 1.25em;
  line-height : 1em;
  font-weight : 700;
}

.s-modal-basket-variants{
  float     : none;
  margin    : 0;
  padding   : 0 0 10px 20px;
  font-size : 0.875em;
}

.s-modal-basket-variants > li{
  margin  : 0;
  padding : 0;
}

.s-modal-basket-quantity,
.s-modal-basket-price{
  white-space : nowrap;
}

.s-modal-basket-quantity{
  padding : 0 20px 0 0;
}

/* styling for the account page ***********************************************/

#sAccount > :is(h1, h1 + form) {
  grid-area: 1 / 1 / 2 / 2;
}

#sAccount > h1 + form {
  justify-self: right;
}

#sAccount > table{
  float : left;
  clear : left;
  width : 100%;
}

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

  #sAccount > table
  #sAccount tbody{
    display : block;
  }

  #sAccount tr:first-child{
    display : none;
  }

  #sAccount tr{
    display : table;
    width   : 100%;
    margin  : 0 0 1.5em;
  }

  #sAccount td{
    display    : table-row;
    text-align : left !important;
  }

  #sAccount tr:hover td{
    background : #fff;
  }

  #sAccount td:before{
    content     : attr(data-table-header);
    display     : table-cell;
    background  : #ccc;
    padding     : 4px 8px;
    border      : 1px solid #ddd;
    border-left : 1px solid #ccc;
    text-shadow : 0 0 2px white;
    white-space : nowrap;
  }

  #sAccount td:first-child:before{
    border-top : 1px solid #ccc;
  }

  #sAccount td:last-child:before{
    border-bottom : 1px solid #ccc;
  }

  #sAccount td > span{
    display : table-cell;
    width   : 100%;
    padding : 4px 8px;
    border  : 1px solid #ddd;
  }

  #sAccount td:nth-child(odd) > span{
    background : #eee;
  }

  #sAccount td > span:hover{
    background : #ddd;
  }

}

/* styling for the account password page **************************************/

.webeditShopAccountPasswordForm td{
  padding: 5px;
}

/* styling for the account/addresses page *************************************/

.s-account-addresses-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
}

.s-account-addresses-list > div {
  width: auto;
}

.s-account-addresses-buttons {
  display: flex;
  gap: 20px;
}

/* styling for the address book process page **********************************/

.s-account-address-book-process td {
  padding: 5px;
}

/* styling for the account/order page *****************************************/

.sAccountOrderHistory td:nth-child(1),
.sAccountOrderHistory td:nth-child(2),
.sAccountOrderHistory th:nth-child(1),
.sAccountOrderHistory th:nth-child(2){
  white-space : nowrap;
}

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

  .sAccountOrderHistory > table
  .sAccountOrderHistory tbody{
    display : block;
  }

  .sAccountOrderHistory tr:first-child{
    display : none;
  }

  .sAccountOrderHistory tr{
    display : table;
    width   : 100%;
    margin  : 0 0 1.5em;
  }

  .sAccountOrderHistory td{
    display : table-row;
  }

  .sAccountOrderHistory tr:hover td{
    background : #fff;
  }

  .sAccountOrderHistory td:before{
    content     : attr(data-table-header);
    display     : table-cell;
    background  : #ccc;
    padding     : 4px 8px;
    border      : 1px solid #ddd;
    border-left : 1px solid #ccc;
    text-shadow : 0 0 2px white;
  }

  .sAccountOrderHistory td:first-child:before{
    border-top : 1px solid #ccc;
  }

  .sAccountOrderHistory td:last-child:before{
    border-bottom : 1px solid #ccc;
  }

  .sAccountOrderHistory td > span{
    display : table-cell;
    width   : 100%;
    padding : 4px 8px;
    border  : 1px solid #ddd;
  }

  .sAccountOrderHistory td:nth-child(odd) > span{
    background : #eee;
  }

  .sAccountOrderHistory td > span:hover{
    background : #ddd;
  }

}

/* addresses page *************************************************************/

.s-addresses {
  margin-bottom: 20px;
}

:has(input) + .s-addresses-new > table {
  margin: 10px 0 0 27px;
}

:has(input:checked) + .s-addresses-new > table {
  display: block !important;
}

.s-addresses-new td {
  padding: 5px;
}

.s-address-state:not(:has(~ tr .webeditCountryHasStates:checked)) {
  visibility: collapse;
}

/* comments page **************************************************************/

.s-comments > :where(h1:not(:first-child), .s-buttons) {
  margin-top: 20px;
}

.s-comments textarea {
  width: 100%;
}

/* payment button *************************************************************/

.s-payment-button{
  text-align : center;
}

/* payment form ***************************************************************/

div.s-payment-form,
form.s-payment-form {
  float: none;
  width: 100%;
  max-width: 280px;
  margin: 20px auto 0;
}

.s-payment-form > h2 {
  margin: 0 0 20px;
  text-align: center;
}

.s-payment-form > button {
  width: 100%;
  margin-top: 20px;
}

.s-payment-form > button > span{
  position: relative;
}

.s-payment-form > button > span > span{
  transition : opacity 0.5s linear;
}

.s-payment-form > button > span > span:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  opacity: 0;
}

button.s-payment-form-busy > span > span:first-child{
  opacity : 0;
}

button.s-payment-form-busy > span > span:last-child{
  opacity : 1;
}

.s-payment-form svg {
  width: auto;
}

button.s-payment-form-error > span{
  border-color : #f00;
  background   : #f00;
  color        : #fff;
  box-shadow   : none;
  cursor       : default;
}

/* calculator - Payl8r ********************************************************/

#pl-calculator-price{
  display : none;
}

div#pl-calculator-light-app {
  width: 100% !important;
}

.payl8r-main-logo{
  display : inline;
  float   : none;
  width   : 60px;
}

#pl-calculator-light-app #show-modal{
  text-decoration : none;
  cursor          : pointer;
}

#pl-calc-modal *{
  float : none;
}

/* payment form - Stripe ******************************************************/

div.s-payment-stripe-form{
  max-width : 370px;
}

#s-payment-stripe-form-card{
  height        : 36px;
  padding       : 0 10px;
  border        : 1px solid #ddd;
  border-radius : 4px;
  background    : #fff;
}

#s-payment-stripe-form-card.StripeElement--invalid{
  border-color : #f00;
}

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

  .s-payment-stripe-form > button > span{
    padding   : 4px 8px;
    font-size : 15px;
  }

}

/* payment form - Viva Wallet *************************************************/

.s-payment-vivawallet-form label > span{
  display : block;
  margin  : 0 0 5px;
}

.s-payment-vivawallet-form input{
  width : 100%;
}

.s-payment-vivawallet-form input[data-vp="cvv"]{
  width : 50px;
}

.s-payment-vivawallet-form input[data-vp="month"]{
  width : 40px;
}

.s-payment-vivawallet-form input[data-vp="year"]{
  width : 60px;
}

div.s-payment-vivawallet-security{
  display         : none;
  align-items     : center;
  justify-content : center;
  flex-direction  : column;
  position        : fixed;
  z-index         : 200;
  top             : 0;
  bottom          : 0;
  left            : 0;
  right           : 0;
  margin          : 0;
  padding         : 20px;
  background      : rgba(0,0,0,0.5);
}

div.s-payment-vivawallet-security-show{
  display : flex;
}

.s-payment-vivawallet-security > div{
  width         : calc(100vw - 40px);
  max-width     : 480px;
  height        : calc(100vh - 40px);
  max-height    : 600px;
  margin        : 0;
  padding       : 20px;
  border-radius : 10px;
  background    : #fff;
  color         : #000;
  box-shadow    : 0 4px 8px rgba(0,0,0,0.2);
}

.s-payment-vivawallet-security > div > div{
  width  : 100%;
  height : 100%;
  margin : 0;
}



:root {
  --main: #868ab4;
  --accent: #0F1441;
  --white: #fff;
  --lgrey: #ECEDF4;
  --mgrey: #868ab4;
  --dgrey: #31376F;
  --black: #0F1441;
}

::marker {
  color: var(--main);
}

#w-cookies-notice {
  background: var(--main);
  border-top: 1px solid #35383e;
}

#w-cookies-accept,
#w-cookies-notice > div > :is(a, span) {
  background: var(--black);
}

#w-cookies-accept {
  background: var(--black);
  transition: background 0.2s;
}

#w-cookies-accept:hover {
  background: var(--accent);
}

.w-section-style-fullWidth > .w-centre:first-child {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

/* =============================================================================
 * Nav
 * ========================================================================== */

.header-content{
  background: white;
  transition: 0.5s;
}

.w-sticky-fixed .header-content{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.shopbar-content{
  background: var(--mgrey);
  color: white;
}

.w-menu { justify-content: flex-end;}

.footerNav{
  background: var(--lgrey);
}

.footerNav .w-menu{
  justify-content: center;
}

/* =============================================================================
 * Banner
 * ========================================================================== */

.banner-content{
  min-height: calc(0.6 * min(100vh, 177vw));
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url("../_webedit/uploaded-files/iconW.png");
  background-repeat: no-repeat;
  background-position: bottom -80px right -20px;
  background-size: auto 125%;
}

@media screen and (min-width:896px){
  .w-layout-home .banner-content {
    min-height: calc(0.9 * min(100vh, 177vw));
  }
}

.w-layout-home .banner-content {
  justify-content: flex-end;
}

/* =============================================================================
 * Rollover/s
 * ========================================================================== */

/* Dark rollover with content-------------------------------------------------*/ 

.dark-rollover-content-all{
  overflow: hidden;
}

.dark-rollover-content a{
  color: white !important;
}

.dark-rollover-content { 
  background: rgba(0,0,0,.4); 
  color: #fff; 
  transition: 0.5s; 
  min-height:400px;
  display: grid;
  align-content: flex-end;
  @media screen and (max-width:895px){
    min-height:320px;
  }
} 
 
#top .dark-rollover-content:hover { 
 background: rgba(0,0,0,.7);
} 

/* =============================================================================
 * Misc
 * ========================================================================== */
.w-section-style-mgrey ::marker {
  color: var(--accent);
}
/* =============================================================================
 * Footer
 * ========================================================================== */

.itseeze-footer {
	background: #212121;
	color:#fff;
	@media screen and (max-width:895px){
		.w-edit,.w-text {
			text-align: center;
		}
	}
}
#top .button-group > div > div {
	display: flex;
	justify-content: center;
  gap: 10px;
  > div {
  	margin-top:0 !Important;
  }

  @media screen and (max-width:447px){
  	flex-direction: column;
  }
}

#top .button-group-left > div > div {
	display: flex;
	justify-content: flex-start;
  gap: 10px;
  > div {
  	margin-top:0 !Important;
  }

  @media screen and (max-width:447px){
  	flex-direction: column;
  }
}

#top .button-group-right > div > div {
	display: flex;
	justify-content: flex-end;
  gap: 10px;
  > div {
  	margin-top:0 !Important;
  }

  @media screen and (max-width:447px){
  	flex-direction: column;
  }
}

@media screen and (min-width:896px){
  .extraPadBlock > .w-colourblock{
    padding: 40px !important;
  }
}

@media screen and (min-width:896px){
  #top .verticallyShiftingContent > div {
    margin-top: -260px !important;
    position: relative;
    z-index: 99 !important;
  }
}

@media screen and (max-width:895px){
  #top .verticallyShiftingContent > div {
    margin-top: -200px !important;
    position: relative;
    z-index: 99 !important;
  }
}

#top .verticallyShiftingContent2 > div {
  margin-bottom: -140px !important;
  position: relative;
  z-index: 99 !important;
}

#top .verticallyShiftingContent3 > div {
  margin-top: -140px !important;
  position: relative;
  z-index: 99 !important;
}

.social-icon-group > .w-content > div {
  display: flex;
  justify-content: flex-start;
  > div {
    margin: 0 !important;

  }
}

.social-icon-group-centre > .w-content > div {
  display: flex;
  justify-content: center;
  > div {
    margin: 0 !important;

  }
}


.w-blog h2,
.w-blogpost h2,
.w-blog h1,
.w-blogpost h1,
.w-blogmenu h2{
  font-size: 24px !important;
}

/* Video sections ------------------------------------------------------------*/

#top .videoSection{
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.videoSection > .videoSectionMultimedia + .w-colourblock {
  transition: 0.5s;
  min-height: 100px;
}

#top .videoSection > .videoSectionMultimedia {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 1s;
}

#top .videoSection > .videoSectionMultimedia.playing:not(.resizing) {
  opacity: 1;
}

#top .videoSection > .videoSectionMultimedia + .w-colourblock {
  display: grid;
  align-content: center;
}

.wEdit .videoSection > .w-help:has(+ .videoSectionMultimedia, + .w-colourblock){
  background: #000;
  color: #fff;
  padding: 0 8px;
  line-height: 36px;
}

.wEdit .videoSection > .w-help:has(+ .videoSectionMultimedia){
  border-radius: 6px 6px 0 0;
}

.w-button{
  position: relative;
  text-transform: uppercase;
}

.w-button:hover {
  transition: 0.5s;
}

.w-button:hover {
  padding: 15px calc(30px + 7px) 15px calc(30px - 7px);
}

.w-button:after,
.w-button-style-main:after,
.w-button-style-accent:after{
  position: absolute;
  content: "";
  background: url("../_webedit/uploaded-files/arrowW.webp");
  background-position: center center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  width: 14px;
  height: 100%;
  top: 0.5px;
  right: 0.8em;
  opacity: 0;
  transition: 0.6s !important;
}

.w-button:hover:after,
.w-button-style-main:hover:after,
.w-button-style-accent:hover:after{
  opacity: 1;
}

.w-button-style-white:after,
.w-button-style-lgrey:after{
  position: absolute;
  content: "";
  background: url("../_webedit/uploaded-files/arrowB.webp");
  background-position: center center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  width: 14px;
  height: 100%;
  top: 0.5px;
  right: 0.8em;
  opacity: 0;
  transition: 0.6s !important;
}

.w-button-style-white:hover:after,
.w-button-style-lgrey:hover:after{
  opacity: 1;
}

.w-content-split > div[data-background-active=true] {
  border-radius: 30px;
}

.w-section-style-whiteIcon{
  background-image: url("../_webedit/uploaded-files/iconB.png");
  background-repeat: no-repeat;
  background-position: bottom -80px left -20px;
  background-size: 40% auto;
}

.w-section-style-blackIcon{
  background-image: url("../_webedit/uploaded-files/iconW.png");
  background-repeat: no-repeat;
  background-position: bottom -80px right -20px;
  background-size: 40% auto;
}

.w-section-style-dgreyIcon{
  background-image: url("../_webedit/uploaded-files/iconW.png");
  background-repeat: no-repeat;
  background-position: bottom -80px right -20px;
  background-size: 40% auto;
}

.roundedImg{
  border-radius: 30px;
}

.customRollAll{
  border-radius: 30px;
  overflow: hidden !important;
}


.customRollAll .customRoll{
  background: rgba(0, 28, 39, 0.8);
}

#top .customRollAll .customRoll{
  opacity: 0;
  transition: 0.5s;
}

#top .customRollAll:hover .customRoll{
  opacity: 1;
}

.customRoll a, 
.customRoll{
  color: white !important;
}



.equalHeightContentOver > .w-colourblock{
  width: 100%;
}

.equalHeightContentOver > .w-colourblock{
  position: relative;
  border-radius: 30px !important;
  overflow: hidden !important;
}

.equalHeightBackgroundRightOver,
.equalHeightBackgroundLeftOver{
  border-radius: 30px;
  overflow: hidden !important;
}

@media screen and (min-width:896px){
  .equalHeightContentOver{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 90 !important;
  }

  .equalHeightContentOver > .w-colourblock{
     padding: 80px !important;
     margin-top: 80px;
     margin-bottom: 80px;
  }

  .equalHeightBackgroundRightOver{
    margin-left: -180px;
    z-index: 80;
    position: relative;
  }

  .equalHeightBackgroundLeftOver{
    margin-right: -180px;
    z-index: 80;
    position: relative;
  }
}

@media screen and (max-width:895px){
  .equalHeightContentOver > .w-colourblock{
     padding: 30px !important;
  }
}

@media screen and (max-width:895px){
  .equalHeightBackgroundLeftOver, .equalHeightBackgroundRightOver {
    min-height: 450px;
  }
 }


.w-basket-create-account,
.w-basket-log-in,
.w-basket-account,
.w-basket-log-out{
  display: inline-block;
  height: 28px;
  vertical-align: bottom;
  margin-left: 10px;
  color: inherit;
  line-height: 28px;
}

.w-basket-items a,
.w-basket-basket a {
  color: var(--black);
}

.w-basket-items,
.w-basket-basket {
  display: inline-block;
  height: 32px;
  vertical-align: bottom;
  margin-left: 10px;
  color: inherit;
  line-height: 20px;
}

.w-basket-create-account,
.w-basket-account {
  padding-left: 38px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxzd2l0Y2g%2BPGc%2BPHBhdGggZD0iTTI3LjUgMzRoLTE5Yy0xLjMgMC0yLjYtLjctMy4zLTEuOC0uOC0xLjEtLjktMi41LS40LTMuOCAyLTUuMSA3LjMtOC41IDEzLjItOC41czExLjIgMy40IDEzLjIgOC41Yy41IDEuMi40IDIuNy0uNCAzLjgtLjcgMS4xLTIgMS44LTMuMyAxLjh6TTE4IDE4Yy00LjQgMC04LTMuNi04LThzMy42LTggOC04IDggMy42IDggOC0zLjYgOC04IDh6IiBmaWxsPSIjMjgyNzM3IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg%2BPC9nPjwvc3dpdGNoPjwvZz48L3N2Zz4%3D') no-repeat left;
  background-size: contain;
}


.w-basket-log-in,
.w-basket-log-out {
  padding-left: 11px;
  position: relative;
}

.w-basket-log-in::after,
.w-basket-log-out::after {
  content: '';
  position: absolute;
  top: 6px;
  bottom: 4px;
  left: 0px;
  width: 1px;
  background: currentColor;
}

.w-basket-items {
  width: 32px;
  padding-top: 10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI%2BPGc%2BPHBhdGggZD0iTTE0LjUxOSAxMy41aC0yLjY1N2EzLjUgMy41IDAgMCAwLTMuNDkxIDMuMjUxbC0xLjcxNCAyNGEzLjUgMy41IDAgMCAwIDMuNDkxIDMuNzQ5aDI3LjcwNGEzLjUwMiAzLjUwMiAwIDAgMCAzLjQ5MS0zLjc0OWwtMS43MTQtMjRhMy41IDMuNSAwIDAgMC0zLjQ5MS0zLjI1MUgzMy41VjEzQTkuNSA5LjUgMCAwIDAgMjQgMy41Yy01LjA1NSAwLTkuNzI3IDQuMDI2LTkuNSA5LjVsLjAxOS41em0xNS45ODEgMFYxM2E2LjUgNi41IDAgMSAwLTEzIDB2LjV6IiBmaWxsPSIjMjgyNzM3IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg%2BPC9nPjwvc3ZnPg%3D%3D') no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 18px;
}

.w-basket-items::after {
  content: '0';
}

.w-basket-items[data-basket-items]::after {
  content: attr(data-basket-items);
}

@media screen and (max-width:895px){
  .w-basket-create-account,
  .w-basket-log-in,
  .w-basket-log-out,
  .w-basket-basket {
    display: none;
  }

  .w-basket-account {
    display: inline-block !important;
    width: 20px;
    overflow: hidden;
  }
}