/* -- global  -- */
:root {
    --gradient-default: linear-gradient(70deg,#5C0F99,#3449B8 60%,#1799E1);
    --gradient-light: linear-gradient(73.28deg,#ae61ea -1.94%,#526eff 58.96%,#46bcff 102.64%);
    --gradient-gold: linear-gradient(91.63deg,#ba9052 16.11%,#d6b783);
    --gradient-orange: linear-gradient(45deg,#FF4D00,#F3ED00);
    --gradient-yellow: linear-gradient(45deg,#FF4D00 -50%,#F3ED00 20%,#D2FF00 80%,#41B675);
    --gradient-radial-grey: radial-gradient(95.09% 96.13% at 66.09% 32.57%,#f9f9f9 37.67%,#bfc7d2 100%);
}

.container {background: #ffffff;}
.containerWhite {background: #fff;}
.innerWidth {max-width: 1440px;margin: auto;}
.masthead .container {background: #46484e;color: #fff;font-family: futura-pt, sans-serif;}
.link {-webkit-background-clip: text;color: transparent;background-image: var(--gradient-default);}

html, body {background: #ffffff;font-family: 'citrfontreg'; color: #444}
.NodeLevel0 > a.active:before, .NodeLevel0 > a.active:after, .noUi-connect, .noUi-tooltip, .basketPip, a.flex-active, .noUi-tooltip, .noUi-connect, .facetSelectedff.checked, .wsPrice, a.flex-active, .social a {background: #d02b47;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .current, .bannerTitle, .NodeLevel0>a>span, .NodeLevel0>a, .mainFont, .ctaTitle, .boldfont {font-family: futura-pt-bold, sans-serif;}
h1, h2, .h1, .h2 {}
.NodeLevel0>a {letter-spacing: inherit;font-family: futura-pt, sans-serif;line-height: 100%;padding: 0;}
.NodeLevel0 > a:before, .NodeLevel0 > a:after {height: auto;}
.fixed, .NodeLevel0>.CSSFacetNavModules, .fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}
.ctaIcon {color: #d02b47;}
.fixed, .NodeLevel0>.CSSFacetNavModules  {.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;color: #333;}}
@media screen and (max-width : 320px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%}}
@media screen and (min-width : 321px) and (max-width : 414px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 415px) and (max-width : 767px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 768px) and (max-width : 1024px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 1025px) and (max-width : 1440px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 1441px) and (max-width : 1920px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}
@media screen and (min-width : 1920.1px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}}

.topBannerStrip, .topBannerStrip .container, .topBannerStrip .grid {
    /* background: #E9222F !important; */
    font-size: 13px;
}



/* -- header basket  -- */
.logo {}
#basket .removeborder-bottom { background:#f4f4f4}
#ContinueLink { background:#fff}
.navIcons {border-bottom: none;padding: 0;grid-gap: 18px;}
.masthead input {background: #ffffff;border: 1px solid #dbdbdb !important;}
.logoContainer {
    padding: 0 16px 0 16px;
}
.navIcons [class*="icon-"] {text-align: center;color: #231f20;filter: invert(1);}
.navIcons [class*="icon-"]:active {color: #d02b47;}
.loginCtr a { color:#b4d0fe}
@media screen and (max-width: 1023px) {
	.logoContainer {padding-left: 16px;}
	.navIcons *[class*="icon-"] {text-align: center;}
	.navIcons {padding:0;grid-gap: 0px;}
}
.NodeLevel0[data-nodename*='Sale'] > a  {color: #f96060;}
.NodeLevel0[data-nodename*='Sale'] > a.active  {color: #fd768d !important;}
.NodeLevel0[data-nodename*='Christmas'] > a  {color: #8fd77c;}
.NodeLevel0[data-nodename*='Christmas'] > a.active  {color: #318c1a !important;}
.NodeLevel1 > .CSSFacetNavModules a {
    background: transparent;
}
.NodeLevel0 > a.active:before { display:none}
@media screen and (max-width: 1023px) and (min-width: 768px){
    .logo {min-height: 40px;top: 2px;}
    body {padding-top: 48px}
}
@media screen and (max-width: 1024px){
	.NodeLevel0 > a {background: #fafafa;/* border-bottom: none; *//* border-top: 1px solid #e9e9e9; */padding: 16px;color: #333;}
}
.basketPip {background: #d02b47;right: 10px;filter: invert(1);}
@media screen and (max-width:1024px)
{
	.basketPip {right: 50%;}
}
.NodeLevel0[data-nodename*='Clothing'] .NodeLevel1:nth-child(1) .CSSFacetNavModules {
    -moz-column-count: 2;
    -moz-column-gap: 2;
    -webkit-column-count: 2;
    -webkit-column-gap: 2;
    column-count: 2;
}


/* ----- 'Brands' Link in dropdown   ----- */
body {padding-top: 75px;}
.NodeLevel0 > .CSSFacetNavModules, .ctrNavigation {top: 75px !important;}
.navIcons, .navIcons > div, .navIcons > a, .navIcons *[class*="icon-"], .logoContainer, .logo {height: 75px;line-height: 75px;}
.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(1) .NodeLevel2 > a {
}
.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(1) .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(2) .CSSFacetNavModules {-moz-column-count: 4;-moz-column-gap: 4;-webkit-column-count: 4;-webkit-column-gap: 4;column-count: 4;}
.NodeLevel0[data-nodename*='Accessories'] .NodeLevel1 .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
.NodeLevel0[data-nodename*='Parts'] .NodeLevel1 .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
.NodeLevel0[data-nodename*='Accessories'] .NodeLevel1:nth-child(1) .CSSFacetNavModules {column-count: 3;}
.NodeLevel0[data-nodename*='Parts'] .NodeLevel1:nth-child(1) .CSSFacetNavModules {column-count: 3;}
.NodeLevel0[data-nodename*='Parts'] .NodeLevel1:nth-child(2) .CSSFacetNavModules {column-count: 1;}
.NodeLevel0[data-nodename*='Our Stores'] .NodeLevel1:nth-child(1) .CSSFacetNavModules {column-count: 2;}
.NodeLevel0[data-nodename*='Sale'] .NodeLevel1:nth-child(2) .CSSFacetNavModules {column-count: 2;}

.NodeLevel1 > .CSSFacetNavModules > div {padding:0 32px 0 0;}
.allBrandLink {border-top: 1px solid #ababab4a; margin-top: 16px;}
.allBrandLink a {margin-top: 16px;position: relative;overflow: hidden;display: inline-block;line-height: 150% !important;}
.allBrandLink a:before {content: '';position: absolute;left: -100%;bottom: 0;width: 100%;height: 1px;background: #9d9d9d;-webkit-transform: none;transform: none;will-change: transform;transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1);transition: transform .6s cubic-bezier(.19,1,.22,1);}
.allBrandLink a:hover:before {-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
@media screen and (max-width: 1024px){
	.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(2) .NodeLevel2 > a {/* margin: 0 0 1.5em 0; */}
	.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(1), .NodeLevel0[data-nodename*='Brands'] .NodeLevel1:nth-child(2){ width:100%}
	.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(2) .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
    .NodeLevel0[data-nodename*='Accessories'] .NodeLevel1:nth-child(1) .CSSFacetNavModules,
    .NodeLevel0[data-nodename*='Parts'] .NodeLevel1:nth-child(1) .CSSFacetNavModules,
    .NodeLevel0[data-nodename*='Parts'] .NodeLevel1:nth-child(3) .CSSFacetNavModules{column-count: 1;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(1) .CSSFacetNavModules {-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
	.NodeLevel0[data-nodename*='Bikes'] .NodeLevel1:nth-child(2) .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
}





/* -- header Dropdown nav  -- */
/* .NodeLevel0 > .CSSFacetNavModules, .ctrNavigation {top: 55px !important;}
.navIcons, .navIcons > div, .navIcons > a, .navIcons *[class*="icon-"], .logoContainer, .logo {height: 55px;line-height: 55px;}
 */.NodeLevel1 {width: auto;float: none;display: inline-block;vertical-align: top;padding: 16px;}
.NodeLevel1 > .CSSFacetNavModules {-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
.masthead .fixed, .TopSubBanner .fixed {padding: 0;/* border-bottom: 1px solid #ebebeb; */}
.TopSubBanner {position: relative;background: #2e2e2e;}
.TopSubBanner  .container{ background:none}
.NodeLevel1>a {font-size: 16px !important;font-weight: bolder;letter-spacing: 0;opacity: 1;width: 100%;display: block;margin-bottom: 16px;text-transform: initial;border-bottom: 1px solid #93939326;}
.NodeLevel2 > a {position:relative;overflow: inherit;display: block;float: left;margin: 0 0 4px 0;line-height: 150% !important;opacity: 1;text-transform: capitalize;font-weight: 400;font-size: 18px;}
.NodeLevel2 > a:before {background: #d02b47;}

.NodeLevel0[data-nodename*='Sale'] .NodeLevel2 > a:before {background: #EC0028;}
.NodeLevel2 > a:hover {opacity:1;color: #000000 !important;}
.NodeLevel0 > .CSSFacetNavModules.active {position: fixed;text-align: center;justify-content: center;background: #ffffff;grid-gap: 32px;border-top: 1px solid #efefef;}
.NodeLevel0 > a.active {color: #ffffff !important;}
.NodeLevel2[data-nodename="Shop All"] a {font-style:italic;border-bottom: 1px solid #ffffff42;opacity: 0.7;overflow: initial;}
@media screen and (max-width: 1024px){
    .NodeLevel1 {width: 100%;padding: 0px;}
    .ctrNavigation {top: 75px !important;}
}.ctaGridHeader .container * {background: #2e2e2e;color: #fff;margin: 0;}
.ctaHeader p { padding:0; margin:0; display:inline-block}
.ctaHeader a:before{display:inline-block;font-family:feather;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscalel;font-size:smaller;margin-right: 8px;color: #bcb2b2;position: relative;bottom: 2px;}
.ctaHeader a:nth-child(1):before{ content:"\e085";}
.ctaHeader a:nth-child(2):before{ content:"\e058";}
.ctaHeader a:nth-child(3):before{ content:"\e093";}
.menu-icons-header .icon-menu {order: 5;}
.ctaHeader { text-align:center}
.ctaHeader a {display:inline-block;margin: 12px !important;}
.TPHeader {background: transparent; position:relative}
.TPHeader .overlay {position:absolute;width: 100%;height: 100%;max-width: 220px;margin: auto;left: auto;z-index: 1;background: transparent;}

.overlay {}
.TPHeader img {width:100%;max-width: 100px;margin: 0 16px;}
@media screen and (max-width: 1023px) {
	.NodeLevel0 > .CSSFacetNavModules.active {position: relative;top: 0px !important;}
	.NodeLevel2 > a, .NodeLevel0 > a.active {font-size: 14px;background: #818181;}
}
@media screen and (min-width : 1441px) and (max-width : 1920px){
	.NodeLevel0>a {font-size: 16px;}
}
@media screen and (min-width : 1920px){
	.NodeLevel0>a {font-size: 16px;}
}


/* -- forms buttons  -- */
button, .button, .dark .button, .dark button, .col-1 .dropdownA2B .a2bButtonGo {
    background-color: #d02b47;
    background: #d02b47;
    background: -moz-linear-gradient(top, #d02b47 0%, #d02b47 65%, #ab1a33 100%);
    background: -webkit-linear-gradient(top, #d02b47 0%,#d02b47 65%,#ab1a33 100%);
    background: linear-gradient(to bottom, #d02b47 0%,#d02b47 65%,#ab1a33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
    box-shadow: 0 3px 0 0 rgba(22, 29, 37, 0.1);
    color: #fff;
    }
button:hover, .button:hover, .a2bButtonGo:hover {
    background-color: #d02b47;
    background: #d02b47;
    background: -moz-linear-gradient(top, #d02b47 0%, #d02b47 65%, #ab1a33 100%);
    background: -webkit-linear-gradient(top, #d02b47 0%,#d02b47 65%,#ab1a33 100%);
    background: linear-gradient(to top, #d02b47 0%,#d02b47 65%,#ab1a33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
    box-shadow: 0 3px 0 0 rgba(22, 29, 37, 0.1);
    color: #fff;
    }
button.ghost-button, a.ghost-button {background: transparent;border: 1px solid #d6d3d3;color: #333;background: white;}
button.ghost-button:hover, a.ghost-button:hover {color: white;background: #999 !important;border: 1px solid #999;}
.footer .ghost-button:hover {color: white !important;}

.NodeLevel0>a.active, .NodeLevel0 > a.active > span:after, .footer a:hover, .footer a:hover p, a, .checkList li:before {color: initial;}.NodeLevel0 > a.active:before, .NodeLevel0 > a.active:after, .noUi-connect, .noUi-tooltip, .basketPip, a.flex-active, .noUi-tooltip, .noUi-connect, .facetSelectedff.checked, .wsPrice, a.flex-active, .social a {}
.open-slide-menu .NodeLevel0>a:not(.active) {opacity: 0.5;}
.NodeLevel0 > a:hover::after, .NodeLevel0 > a.active:after {
    width: 100%;
}
.NodeLevel0 > a::after {
    bottom: -5px;
    top: auto;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 0;
    background: #bf1009 !important;
    height: 1px;
}
.open-slide-menu .NodeLevel0>a:not(.active):after {background: #aaaaaa !important;}
@media screen and (max-width: 1023px) {
	.open-slide-menu .NodeLevel0>a:not(.active) {opacity: 1}
}

/* -- accordian  -- */
.accordianHeader > span.fa-unsorted:before, .accordianHeader > span.fa-unsorted:after {height: 3px;border-radius: 3px;}
.active .accordianHeader > span.fa-unsorted:before, .active .accordianHeader > span.fa-unsorted:after {background: #3e5b3e;}



/* -- Footer  -- */
.footer{border-top: 1px solid #efefef; padding-top:16px}
.footer, .footer .container {background: #ffffff !important;}
.footer a:hover, .footer a:hover p  { color:#5e94ed}
.cards {background: #1e1e1e;color: #939393;opacity: 1;}
.footer .mainFont { font-size:larger; }
.social a:hover{filter: invert(0);}
input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {border: 1px solid #585858;}
.disabled, :disabled, .a2bButtonInactive {opacity: 0.3;cursor: not-allowed !important;background: #bcbcbc !important;color: #fff !important;}
.footer img {max-width: 100%;height: 100%;}
.gutter64 {margin: 0 -32px;}
.gutter64 >li, .gutter64 >a, .gutter64 >div, .gutter64 >span, .gutter64 > img {padding: 0 32px;}
.TPfooter {/* max-width: 305px; */position: relative;}
#cart-paymenticons { display:inline-flex;}
.footerRow:last-of-type {
    border-top: none;
    margin: 32px 0 32px;
}
.footerRow > div {flex-basis: 20%;}
.footerRow > div:last-of-type {flex-basis: 40%;}
.footerRow > div:first-child {flex-basis: 40%;}
@media screen and (max-width: 767px)
{
    .TPfooter {margin: auto !important;}
    .trustpilot-widget {
    left: 8px;
}
	.footer .mainFont:after {margin: 16px auto}
	.footerBrands a { width:50%}
}
.footerNewsletter  {color: #212329;margin: auto;float: inherit;}
.footerLogo img {
    max-width: 145px;
    /* transform: translateX(-50%) translateY(-50%); */
    background: #2d2e33;
    height: auto;
}
#footerEmail { background:#fff}
.citrusDate {margin: 0;}
@media screen and (max-width: 767px)
{
	.footer .mainFont:after {margin: 16px auto}
    .footerBrands a { width:50%}
    .footer .zflex-sb { display: inline; width: 100%;}
    .footer .zflex-sb > div { margin: 0 0 64px 0;}
}
.fafbackground {background: #ffffff;}
.footerNewsletterCTA {text-align: center;padding:0 3% 0 0;max-width: 560px;min-width: 350px;}
.footerNewsletter {position:relative;flex-grow: 1;flex-wrap: wrap;color:#fff;background: #333333;}
.footerNewsletter .footerNewsletter {border-radius: 6px;}

@media screen and (max-width: 425px)
{
    .footerNewsletterCTA {padding: 0% 3% 6%;max-width: 380px;}
}

.footerNewsletter h3 {font-size: 1.5em;}
.footerNewsletter h3{
    font-style: normal;
    margin-bottom: 16px;
    clear: both;
    color: #ffffff;
    font-size: medium;
    letter-spacing: inherit;
    margin: 0;
    /* background: #d02b47; */
    text-align: center;
    font-size: 20px;
    margin: 0 0 6px 0;
    padding: 3%;
    background: #d02b47;
}
.footerNewsletter small { opacity:0.7}
.footerNewsletter p{margin: 0;padding:0;display: block;color: #ffffff;min-width: 240px;}
input[type="text"]{-webkit-appearance:none;overflow: hidden;font-size: initial;}
.footerNewsletter.combined {
    align-items: center;
}
.newsletter-footer-submit {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 46px !important;
    height: 47px;
    padding: 0 19px;
    background: #d02b47;
    border-radius: 0 6px 6px 0;
}
.newsletter-footer-submit:after {
	content: "Sign up";
	font-size: 12px;
}
.fs-hlgt {font-size:xx-large;color: #2a2a2a!important;padding-top: 16px;font-weight: 700;}
.footerTel { margin: 16px 0}
.footer .external:before {
    font: normal normal normal 14px/1 feather;
    content: "\e068";
    margin-right: 8px;
}


.newsletterFail {background:#ff5858;color:white !important;padding: 8px;}
.newsletterSuccess {background: #82B43C;color:white !important; padding: 8px;}
.newsletterSuccess:after {content:" Please wait up to 24 hours to receive your welcome email with discount code"}
.chatbutton {/* background: #0f995f; *//* padding: 8px 16px; */border-radius: 4px;color: #333 !important;width: auto;flex-wrap: wrap;font-family: 'citrfontbold';font-size: larger;display: inline-flex !important;justify-content: flex-start;margin-top: 16px !important;margin-bottom: 16px !important;}
.chatbutton img {margin: 0 8px 0 0;}
.chatbutton small {width:100%}
@media screen and (max-width: 767px)
{
	.chatbutton {justify-content: center;}
}

/* -- Logo Overides  -- */
.logo {max-width: 100%;min-width: 100%;margin: auto;filter: invert(1);}
@media screen and (max-width: 1024px){.logo {max-width: 155px;min-width: 55px;} .logoContainer {width: 150px;}}
@media screen and (min-width : 768px) and (max-width : 1024px){.logo {/* max-width: 150px; *//* min-width: 150px; */} .logoContainer {
    border-right: none;
}}
@media screen and (min-width : 1025px) and (max-width : 1441px){.logoContainer {padding: 0 16px 0 16px;}}
@media screen and (max-width: 1913px) and (min-width: 1441px){.logoContainer {width: 125px;}}
@media screen and (min-width : 1913px){.logoContainer {width: 225px;}}


/* -- Custom icons  -- */
.custIco {display:inline-flex;grid-gap: 1em;flex-wrap: wrap;margin-top: 32px;}
.custIco div { padding:12px; border:1px solid #b3b3b3; flex-grow:1; flex-basis:225px}
.custIco img {  padding:0 16px 0 0}
.custIco span {  font-size:11px; padding:0 16px 0 0}


/* ----- Flexslider   ----- */
.topBar .zflex-sb > div:first-of-type {text-align: left;}
.topBar .zflex-sb > div:last-of-type { text-align: right;}
.flex-control-nav { display: none;}
.flex-control-nav a { font-size: 10px;}
.flex-prev, .flex-next {position:absolute;top:0;font-size:0px;display: inline-block;font-family: feather;font-style: normal;opacity: 0.5 !important;transform: translateY(-50%);top: 50% !important;/* width: 61px !important; *//* height: 61px !important; *//* line-height: 61px !important; */margin: auto !important;}
.flex-prev:hover, .flex-next:hover { opacity:1}
.flex-prev {left: 0;}
.flex-prev:before {content:"\e094";font-size:12px;position: relative;top: -2px;width: auto !important;height: auto !important;line-height: 61px !important;background: none !important;color: #fff !important;}
.flex-next {right: 0;}
.flex-next:before {content:"\e095";font-size:12px;position: relative;top: -2px;font-size: 12px;position: relative;top: -2px;width: auto !important;height: auto !important;line-height: 61px !important;background: none !important;color: #fff !important;}
#flexsliderCTA {position:relative;width: 100%;margin: 0;}
#flexsliderCTA .flex-direction-nav {display: inline;z-index: 10;position: revert;}
.CNCCTA {text-transform:uppercase;height: auto;padding: 12px !important;border-bottom: none;background: #000000;width: 100%;justify-content: center;grid-gap: 44px;}
#flexsliderCTA .CNCCTA a {flex:1; display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
#flexsliderCTA .zflex-v { gap:8px}

.CNCCTA li {text-align: center;overflow: hidden;}
.CNCCTA li a {color: #fff;}
.CNCCTA li img {margin: 0 8px 0 0;filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg);}
.full { flex-grow: 1; max-width: 100%;}
@media screen and (max-width: 1024px) {
	.CNCCTA { max-width:100%}
	.CNCCTA > a { display:none}
	.CNCCTA > a:nth-child(1) { display:inline-block}
}


/* ----- Checkout button   ----- */
.CCartBut > div:last-of-type > a {
    background-color: #0f995f;
    background: #0f995f;
    background: -moz-linear-gradient(top, #0f995f 0%, #0f995f 65%, #14b472 100%);
    background: -webkit-linear-gradient(top, #0f995f 0%,#0f995f 65%,#14b472 100%);
    background: linear-gradient(to bottom, #0f995f 0%,#0f995f 65%,#14b472 100%);
}
.CCartBut > div:last-of-type > a:hover {
    background: -moz-linear-gradient(top, #0f995f 0%, #0f995f 65%, #14b472 100%);
    background: -webkit-linear-gradient(top, #0f995f 0%,#0f995f 65%,#14b472 100%);
    background: linear-gradient(to top, #0f995f 0%,#0f995f 65%,#14b472 100%);
}

/* Strabuy overide */
.smiley-loading-anim img {
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(324deg) brightness(95%) contrast(80%);
}
.sbuy-offers, .sb-ends-soon:before, .sbv2-page---appto:before, body.new-basket .basket-items div[class*="new-basket-starbuy"] .basket-items-column-img:after, #CCart-dev > a[data-starbuy="true"] > .mini-basket-img:after{
    background: #bb1531 !important;
}
.smiley-loading-anim > span, .sbuy-offers-link , .smiley-loading-anim > span, .sbv2-page---appto, .sbv2-page-bg:after, .coStarbuys, .basketstarbuyouter:after{
    color: #bb1531 !important;
}
.sbv2-page-bg, .basketstarbuyouter {
	background: #f0e8e9 !important;
} 

.Heading {display: flex;flex-direction: column;align-items: flex-start;width: 100%;in-bottom: 32px;}
.Heading h2 { font-size:2em;font-family: futura-pt, sans-serif;;font-weight: 800;}
.Heading p {    /* max-width: 33.333333%; */ }


.imgOverlay {width: 100%;position: relative;display: block;border-radius: 10px;overflow: hidden;min-height: 50vh;}
.textOverlay {
    
    flex-flow: column nowrap;
    justify-content: center;z-index: 1;color: #fff;position: absolute;
    top: 50%;  
    left: 25%; 
    transform: translate(-50%, -50%);}
.textOverlay a {background: #fff;display: inline-block;padding: 11px 16px;border-radius: 5px;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;}
.imgOverlay img {position: absolute;left: 0;top: 0;object-fit: cover;width: 100%;height: 100%;}




#fc_frame.custom_fc_frame {
	z-index: 1;
}







.banners {/* display: -webkit-inline-flex; */display: -ms-inline-flexbox;/* display: inline-flex; *//* flex-direction: column; */grid-gap: 0.5em;width: 100%;position: relative;}
.banners > div {position:relative;}
.banners img {width: 100%;height: 100%;display: block;object-fit: cover;position: absolute;}
.bannerTxtCtrGrid {background: linear-gradient(to bottom, rgba(13,14,18,0) 0%,rgba(13,14,18,0) 50%,rgba(13,14,18,0.60) 100%)}
.bannerTitleGrid.bannerTitleGrid {padding: 0 !important;font-size: clamp(1rem, 1.3vw, 1.3vw);}
.bannerViewGrid {/* border-radius: 100px; *//* background: #fff; *//* color: #000 !important; *//* box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%); */text-transform: uppercase;font-size: small;color: #ffffff;border: 1px solid #ffffffa1;padding: 4px 8px;letter-spacing: 1px;}
.bannerDescGrid.bannerDescGrid {font-size: clamp(1rem, 0.7vw, 0.7vw);opacity: 0.9;}

@media screen and (max-width: 1024px) {
	.bannerTxtCtrGrid {padding: 0 0 18px 0 !important;gap: 8px;}
    .bannerTxtCtrGrid > span {padding: 8px 16px !important;line-height: 100%;}
	.bannerTxtCtrGrid > .bannerTitleGrid {padding: 0px 16px !important;/* font-size: x-large !important; */}
    .bannerViewGrid {font-size:10px}
}

@media screen and (max-width: 600px) {
	.bannerDescGrid {display:none;}
    .bannerTitleGrid { font-size: 16px;}
}

/* Starbuys overrides */
:root {
    --starbuyColourOne: #f9f8f8;
    --starbuyColourTwo: #fbe9eb;
    --starbuyColourThree: #ce364a;
}


/* Banner Fix overrides */
.banners>div {
    width: 100%;
    display: grid !important;
}

@media screen and (max-width: 1023px){
    .NodeLevel0 > .CSSFacetNavModules.active {padding: 8px 16px 250px 16px !important;}
}

.changeline h3 {
    border-top: none;
    margin: 0 0 32px 0;
}

.changeline .ALP-sizes {
    border-bottom: 1px solid #999999;
    margin: 0px 0 16px 0;
    padding: 0px 0 16px 0;
}

.centraliseText .bannerTxtCtrGrid {
    background: none;
    justify-content: center;
}                                        

.MainBanner > div > a:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
}

@media screen and (max-width: 1023px){
    .MainBanner > div > a:nth-child(1) {
	    grid-column: auto;
	    grid-row: auto;
	}
}

.noDesc .bannerDescGrid {display:none;}
.noLink .bannerViewGrid { display:none}
.gradientCenter .bannerTxtCtrGrid {justify-content: center;background: radial-gradient(circle, rgba(13,14,18,0.60) 0%, rgba(0,0,0,0) 100%);}
.gradientNone .bannerTxtCtrGrid {justify-content: center;background: none}
.services .bannerTitleGrid {/* display:none; */}
.services a:nth-child(1) .bannerDescGrid:after, .services a:nth-child(2) .bannerDescGrid:after  {
	content: "";
	background-size: contain;
	margin: 0;
	display: block;
	height: 50px;
	width: 100%;
	margin-top: 8px;
	min-width: 230px;
	background-size: contain !important;
}
.services a:nth-child(1) .bannerDescGrid:after  {background: url(/images/service-ctw.png) center center no-repeat;height: 50px;}
.services a:nth-child(2) .bannerTxtCtrGrid  { color:#000}
.services a:nth-child(2) .bannerDescGrid:after  {background: url(/images/service-klarna.png) center center no-repeat;margin-top: 0;height: 50px;}



.centraliseBanner .bannerTxtCtrGrid {justify-content: center;padding: 0 !important;}
.leftBanner .bannerTxtCtrGrid {justify-content: center;}

.smallbanner1 .bannerTxtCtrGrid{width: 50%;padding: 0px !important;}
.smallbanner1 a:nth-child(2) .bannerTxtCtrGrid{width: 50%;right:0;padding: 0px !important;}

.serviceBanners  {}
.serviceBanners a {height: 100px !important;}
.serviceBanners a:hover .bannerTxtCtrGrid {background: #95142af0;padding: 0 !important;justify-content: center;align-items: baseline;transition: 0.1s all ease-in-out;}
.serviceBanners .bannerTxtCtrGrid {background: #000000d6;padding: 0 !important;justify-content: center;align-items: baseline;}
.serviceBanners .bannerDescGrid {display:flex;padding-left: 150px !important;font-size: 0 !important;padding: 0 !important;}
.serviceBanners .bannerDescGrid:before {content:"";width: 100px;height: 100%;background: var(--mf3);z-index: 3;position: absolute;left: 0;top: 0;}
.serviceBanners .bannerDescGrid:after {content: "\e116";width: 100px;height: 100px;z-index: 9;position: absolute;left: 0;top: 0;color:#fff;font-family: feather;font-size: 26px !important;line-height: 100px;}
.serviceBanners a:nth-child(1) .bannerDescGrid:after {content: "\e012"} 
.serviceBanners a:nth-child(2) .bannerDescGrid:after {content: "\e072"} 
.serviceBanners .bannerTitleGrid {font-size: clamp(1rem, 1vw, 1rem) !important;padding: 0 0 0 clamp(9rem, 1vw, 1rem) !important;display: flex;align-content: center;align-items: center;}
.serviceBanners .bannerTitleGrid:after{content: "\e095";color: var(--mf3);margin-left: 14px;font-family: feather;font-size: 12px;transition: 0.1s all ease-in-out;}
.serviceBanners a:hover .bannerTitleGrid:after{margin-left: 20px;}
.serviceBanners .photo { filter: saturate(25%);}

@media screen and (max-width: 1023px){
	.serviceBanners a {height: 75px !important;}
    .serviceBanners .bannerDescGrid:before {content:"";width: 50px;height: 100%;background: var(--mf3);z-index: 3;position: absolute;left: 0;top: 0;}
	.serviceBanners .bannerDescGrid:after {content: "\e116";width: 50px;height: 100px;z-index: 9;position: absolute;left: 0;top: 0;color:#fff;font-family: feather;font-size: 17px !important;line-height: 75px;}
	.serviceBanners .bannerTitleGrid {padding: 0 0 0 clamp(6rem, 1vw, 1rem) !important;text-align: left;}


}


.brandLogo .bannerTxtCtrGrid { display:none}
.brandLogo .photo { background:transparent}
.brandLogo a {
    max-width: 150px;
    width: 100%;
    margin: 0 auto;
    transition: all 0.5s;
}

.brandLogo img {
	object-fit: contain; 
	opacity: 0.7;
    transition: all 0.5s;
    filter: saturate(0%);}

.brandLogo img:hover {
	opacity: 1;
    filter: saturate(100%);
}