@font-face {
    font-family: 'citrfontbold';
    src: url('/font/metropolis-extrabold-webfont.woff2') format('woff2'),
    url('/font/metropolis-extrabold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* -- global  -- */
.wrapper { background: #fff;}
.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"], .smiley-loading-anim > span {font-family: futura-pt, sans-serif !important;}
.container { background: transparent}
.innerWidth {max-width: 1660px;margin: auto; float: none;}
.innerWidthText {max-width: 900px;margin: auto; float: none;}
.innerWidthText p {margin: 32px 0 ;}
html, body {font-weight: 400;font-style: normal;color: #000;background: #f2f2f2;font-family: futura-pt, sans-serif;}
.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: #030303;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .current, .bannerTitle, .NodeLevel0>a, .mainFont, .ctaTitle, .boldfont {font-family: futura-pt, sans-serif;font-weight: 800;font-style: normal;}
.NodeLevel0>a {letter-spacing: inherit;line-height: 100%;font-weight: 400;font-size: 14px;font-weight: 700;}
.NodeLevel0 > a:before, .NodeLevel0 > a:after {height: 1px;background: #8c8c8c;}
.fixed, .NodeLevel0>.CSSFacetNavModules, .fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;}
.ctaIcon {color: #000000;}
.maxInnerTitle { max-width: 900px; margin: auto; float: none; }
@media screen and (max-width : 320px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 100%;padding: 0 8px;}}
@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 : 1440px) and (max-width : 1920px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 1920px}}
@media screen and (min-width : 1920px){.fixed, .NodeLevel0>.CSSFacetNavModules  {max-width: 1920px}}
.backgroundDark {background: #212121 !important}
.background1, .background1 .container {background: #212121 !important; color:#fff;}
.background2, .background2 .container {background: #f1f3f4 !important;}
.background1Split { position:relative;}
.background1Split:before {background: #212121;content:"";height:50%;position:absolute;width: 100%;}
.background1SplitLight iframe { position:relative; z-index:10}
.background1SplitLight { position:relative;}
.background1SplitLight:before {background: #f1f3f4;content:"";height:50%;position:absolute;width: 100%;}
.bginvert {background: #f1f3f4;}
.bginvert:before {background: #ffffff;}



.button {background: #e8710a;color:#fff;}
.bgGrey {background: #f9f5f5}
@media screen and (max-width: 1023.99px) and (min-width: 768px){
	.ctrPadTop16 {padding: 16px 0;}
}
.container > .ctrPad32, .fixed > .ctrPad32  { padding: 32px 0;}
@media screen and (max-width : 1930px){
    .container > .ctrPad32, .fixed > .ctrPad32  { padding: 32px}
}
@media screen and (max-width : 1440px){
    .container > .ctrPad32, .fixed > .ctrPad32  { padding: 16px}
}
@media screen and (max-width: 767.9px){
	.ctrPadTop16 {padding: 16px 0;}
	.gutter32 >div { padding:0}
}

.BlogFormatting p {margin: 21px auto;float: none;}
.BlogFormatting img {height: auto;}



/* -- header basket  -- */
.wrapper { float:none}
.logo {max-width: 225px;}
.navIcons {border-bottom: none; padding:0 16px}
.masthead .topBar { display:none}
.topBar {background: #3a3a3a;padding: 0 16px;}
.masthead, .masthead .container, .ctrNavigation > .CSSFacetNavModules {position: fixede;}
.masthead {padding: 0;margin: auto;background: #212121;position: -webkit-sticky;position: sticky;top: 0;float: none;z-index: 10;}
.masthead input {background: #fafafa;}
.logoContainer {/* padding:0; */width: 225px;}
.navIcons [class*="icon-"] {text-align: center;font-size: 14px;}
.navIcons [class*="icon-"]:active {color: #000000;}
.navIcons [class*="icon-"]:hover { color:#f8ec01}
.loginCtr a { color:#b4d0fe}
body{padding-top: 0px !important;}
@media screen and (max-width: 1023px) {
	.logoContainer {padding-left: 16px;width: 150px;}
	.navIcons *[class*="icon-"] {text-align: center;}
	.navIcons {padding:0}
	body{padding-top: 0 !important;}
}
.NodeLevel1 > a {
    font-size: 16px;
    text-transform: uppercase;
    opacity: 1;
    width: 100%;
    font-weight: 800;
}
.NodeLevel0[data-nodename*='Sale'] > a  {color: #EC0028;}
.NodeLevel0[data-nodename*='Sale'] > a.active  {color: #EC0028 !important;} 
@media screen and (min-width : 1441px) and (max-width : 1920px){.navIcons {padding: 0;}}
@media screen and (min-width : 1920.1px){.navIcons {
    padding: 0px;
}}
@media screen and (max-width: 1023px) and (min-width: 768px){
    .logo {min-height: 40px;top: 2px;}
    body {padding-top: 0px !important;}
}
@media screen and (max-width: 1024px){
	.NodeLevel0 > a {background: #fafafa;border-bottom: none;border-top: 1px solid #4b4b4b;}
}
.basketPip {background: #000000;right: 10px;}
@media screen and (max-width:1024px)
{
	.basketPip {right: 50%;}
}


/* header Call to action bar */
.topBanner > a {font-size: 13px;text-align: center;padding: 10px;width: 100%;float: left;text-transform: uppercase;font-weight: 700;}
.topBanner .bsubtitle {margin: 0 0 0 8px;color: inherit;opacity: 0.7;}
.topBanner .blink {margin: 0 0 0 8px;border-bottom: 1px dotted;}
.topBanner [class*="theme"] .btitle:before {margin-right:8px;font: normal normal normal 12px/1 FontAwesome;color: #FFF;font-size: initial;position: relative;top: 2px;}
.topBanner [class*="theme"] span {color: #fff;}
.topBanner .theme0 {background: #498cbc ;}
.topBanner .theme0 .btitle:before {content: "\f005"; color: #e3c01d; }
.topBanner .theme0 .blink {color: #e3c01d;}
.topBanner .theme1 {background: #9E1C1C;}
.topBanner .theme1 .btitle:before {content: "\f0e7"; color: #e3c01d; }
.topBanner .theme1 .blink {color: #e3c01d;}
.topBanner .theme2 {background: #179e21;}
.topBanner .theme2 .btitle:before {content: "\f1bb"; color: #e3c01d}
.topBanner .theme2 .blink {color: #e3c01d;}
.topBanner .theme3 {background: #cc3333;}
.topBanner .theme3 .btitle:before {content: "\f004"; color: #e3c01d}
.topBanner .theme3 .blink {color: #e3c01d;}
.topBanner .theme4 {background: #1d8ab1;}
.topBanner .theme4 .btitle:before {content: "\f0d1"; color: #e3c01d}
.topBanner .theme4 .blink {color: #e3c01d;}
.topBanner .theme5 {background: #212223;}
.topBanner .theme5 .btitle:before {content: "\f005"; color: #e3c01d}
.topBanner .theme5 .blink {color: #2db8e9;}



/* -- 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;}
.TopSubBanner {position: relative;background: #2e2e2e;}
.TopSubBanner  .container{ background:none}
.NodeLevel1>a {font-size: 16px;letter-spacing: 0;opacity: 1;width: 100%;display: block;margin-bottom: 16px;text-transform: initial;border-bottom: 1px solid #c1c1c126;font-size: 14px;}
.NodeLevel2 > a {position:relative;overflow: inherit;display: block;float: left;margin: 0 0 4px 0;line-height: 150% !important;opacity: 1;color: #b7b7b7 !important;text-transform: capitalize;font-weight: 400;}
.NodeLevel2 > a:before {background: #f8ec01;}
.NodeLevel0[data-nodename*='Sale'] .NodeLevel2 > a:before {background: #EC0028;}
.NodeLevel2 > a:hover {opacity:1;color: #ffffff !important;}
.NodeLevel0 > .CSSFacetNavModules.active {position: fixed;text-align: center;justify-content: center;background: #f3f3f3;}
.NodeLevel0 > a.active {color: #f8ec01 !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%;}
    .ctrNavigation {top: 55px !important;}
}


/* Invert Cover*/
.masthead .container, .masthead .NodeLevel0>.CSSFacetNavModules, .ctrNavigation, .NodeLevel0 > a {background: #212121;color: white;text-transform: uppercase;}
@media screen and (max-width: 767px) {.NodeLevel0>a {color: #FFF;border-bottom: 1px solid #363636;}}
@media screen and (min-width : 768px) and (max-width : 1023.99px) {.NodeLevel0>a {color: #FFF;}}
.social a {background-color: #212121 !important;}
.navIcons { border-bottom:none}
.fafbackground { background: #fff}
.srchCtr.tbcnt .searchBoxForm, .srchCtr.tbcnt .searchBoxForm:focus {color: #ffffff;background: #212121;}
.NodeLevel0>a.active:before, .NodeLevel0>a.active:after, .basketPip {background: #f8ec01;}
#basket, .basketPip { color: #000}
#basket > div:last-of-type{ background:#efefef}
@media screen and (max-width: 1023px) {
	.NodeLevel0 > .CSSFacetNavModules.active {position: relative;top: 0 !important;padding-bottom: 130px;}
	.ctrNavigation > .CSSFacetNavModules { height:auto}
}
@media screen and (min-width : 1441px) and (max-width : 1920px){
	.NodeLevel0>a {line-height: 100%;}
}
@media screen and (min-width : 1920px){
	.NodeLevel0>a {line-height: 100%;}
	.NodeLevel1>a, .NodeLevel2>a {font-size: 14px;}
}


/* -- forms buttons  -- */
button, .button, .dark .button, .dark button, .col-1 .dropdownA2B .a2bButtonGo {
    box-shadow: 0 3px 0 0 rgba(22, 29, 37, 0.1);
    color: #fff;
    }
button:hover, .button:hover, .a2bButtonGo:hover {
    box-shadow: 0 3px 0 0 rgba(22, 29, 37, 0.1);
    color: #fef207;
    background: #000000;
    }
.but {padding: 16px 32px;border: 1px solid #06090d;color: #05070d;text-transform: uppercase;font-size: 14px;letter-spacing: 2px;background: transparent;font-family: 'citrfontbold';display: inline-block;}
.but:hover {border: 1px solid #060a0d;background: #000;color: #ffffff;}
.butInvert {padding: 16px 32px;border: 1px solid #ffffff;color: #ffffff;text-transform: uppercase;font-size: 14px;letter-spacing: 2px;background: transparent;font-family: 'citrfontbold';display: inline-block;}
.butInvert:hover {border: 1px solid #ffffff;background: #ffffff;color: #000;}
.but.small, .butInvert.small {padding: 8px 16px; font-size:12px; letter-spacing:1px} 


button.ghost-button, a.ghost-button {background: #ffffff;border: 1px solid #d6d3d3;color: #333;}
button.ghost-button:hover, a.ghost-button:hover {color: white;background: #999;border: 1px solid #999;}
.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 {}
.CCartBut > div:first-of-type > a {
	font-size    :11px
}
#ctl01_panLoggedIn .ghost-button {color: #212121;}
.open-slide-menu .NodeLevel0>a:hover {}
@media screen and (max-width: 1023px) {
    .open-slide-menu .NodeLevel0>a:not(.active) {opacity: 1}
    .NodeLevel0>a.active {background: #000000;color: #fff !important;}
    .NodeLevel0>a.active:before, .NodeLevel0>a.active:after { background:white}
}

/* CSS Document */
form[action*="facet"] #body-wrapper-overlay ~ *, form[action*="facet"]  #body-wrapper-overlay + div .container, form[action*="collection="]  #body-wrapper-overlay + div .container, .fafbackground { background: #FFFFFF}
.wrapper #FafKnockoutResults .FAFFilters, .FAFResults, .FAF  { background: #FFFFFF !important}
form[action*="facet"]  #body-wrapper-overlay + div .fixed, form[action*="collection="]  #body-wrapper-overlay + div .fixed  { max-width:100%}


/* -- 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 {background: #f2f2f2;}
.footer .container {max-width: 1440px;margin: 0 auto;width: auto;float: none;}
.footer > div {opacity:0.8}
.footer a:hover, .footer a:hover p  {color: #8bc0e9;}
.cards {color: #2e2e2e;background: #f2f2f2;opacity: 1;}
.footer .mainFont { font-size:larger; }
.social a{background-color: #ffffff00 !important;}
.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;}
.social a.facebook {background-color: #3b5998 !important;}
.social a.twitter {background-color: #1da1f2 !important;}
.social a.instagram {background-color: #c32aa3 !important;}
.social a.pinterest {background-color: #bd081c !important;}
.social a.youtube {background-color: #ff0000 !important;}
.social a{filter: invert(1);opacity: 1;}
.social.social a {background-color: transparent !important;}
.footerNewsletter  {color: #212329;margin: auto;float: inherit;text-align: center;padding: 32px 32px 64px 32px;}
.footerLogo img {max-width: 145px;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;}
.footerRow:last-of-type {border-top: none;margin: 32px 0 32px;}
.tp-widget-wrapper {
    max-width: 285px;
}



/* -- Live Chat  -- */
.livechatPOP {position:fixed;display: flex;bottom:16px;grid-gap: 8px;left: 16px;z-index: 9;-webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);-moz-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);border-radius:4px;background:#2f353e;color:white;padding:8px 16px;font-size:12px;cursor:pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-animation-name:tinDownOut;-moz-animation-name:tinDownOut;-o-animation-name:tinDownOut;animation-name:tinDownOut;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: 3;-moz-animation-iteration-count: 3;-o-animation-iteration-count: 3;animation-iteration-count: 3;-webkit-animation-delay: 2s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;}
.livechatPOP:hover {background:#1993d6;}
.livechatPOP span {margin:0;padding: 0;line-height: 150%;}
.backUpLink {position:fixed;width:40px;height:40px;bottom:16px;left:16px;z-index: 9;-webkit-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.05);-moz-box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.25);border-radius:4px;background:#2f353e;color:white;line-height: 40px;text-align: center;font-size:12px;cursor:pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;display:none;}
.backUpLink:hover {background:#1993d6;}



/* -- Logo Overides  -- */
.highlight {position:relative;margin: 32px 0;}
.highlight:after {content: '';position: absolute;top: 50%;left: 0;border-top: 1px solid #00000040;width: 100%;transform: translateY(-50%);z-index: 0;}
.highlight span {text-transform:uppercase;font-size: 16px;background: #ffffff;z-index :1;position: relative;padding: 0 32px;font-weight: 900;display: inline-block;}
.highlight.invert:after {border-top: 1px solid #a8acbe;}
.highlight.invert span {background: #212121;color: #fff;}
@media screen and (max-width: 767px){
	.highlight span {font-size: 10px;padding: 0 8px;}
}



.invert, .invert .container {background: #212121;}
.invert * { color: #ffffff;}
.invert img[src*='svg'] { filter:invert(1)}



/* ----- 'Brands' Link in dropdown   ----- */
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1){width: 38%;}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) .NodeLevel2 > a { font-size:larger}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2){ width:62%}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .CSSFacetNavModules {-moz-column-count: 5;-moz-column-gap: 5;-webkit-column-count: 5;-webkit-column-gap: 5;column-count: 5;}
.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .NodeLevel2 > a { font-size:smaller}
.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: 767px){
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .NodeLevel2 > a {
    margin: 0 0 1.5em 0;
}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1), .NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2){ width:100%}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .CSSFacetNavModules {-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) {width:30%;}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2){width:70%;}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(1) .CSSFacetNavModules {-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
	.NodeLevel1[data-nodename*='Brands'] .NodeLevel2:nth-child(2) .CSSFacetNavModules {-moz-column-count: 3;-moz-column-gap: 3;-webkit-column-count: 3;-webkit-column-gap: 3;column-count: 3;}
} 

/* ----- Dropdown add to baketet styling   ----- */
.add-to-cart-area-dropdown option[data-qtyinstock='0'] {color:red;background: #f9f1f1;}
.add-to-cart-area-dropdown option[data-status="special order available"] {color:#386673;background: #eefcff;}
.add-to-cart-area-dropdown option[data-status="new season, coming soon. pre-order now."] {color:#386673;background: #eefcff;}


/* ----- Repeaters   ----- */
.flexsliderMP ul {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 1em;}
@media screen and (max-width: 1440px){
    .flexsliderMP ul {display: grid;padding: 1em;grid-template-columns: repeat(3, 1fr);grid-gap: 1em;}
}
@media screen and (max-width: 768px){
    .flexsliderMP ul {display: grid;padding: 1em;grid-template-columns: repeat(2, 1fr);grid-gap: 1em;}
}
.item-repeater-info-name {font-weight: bold;max-width: 300px;margin: auto;}
.hmRepeater > div a.item-repeater-info {text-align: center;}
.hmRepeater > div .item-repeater-info-name {font-size: smaller;padding-bottom: 8px;}
.hmRepeater > div ul.slides > li .standardPrice-repeater {color: #bbbbbb;font-family: 'citrfontreg';display: inline-block;margin: 0 0 0 8px;padding: 0 0 0 8px;border-left: 1px solid #dadada; text-decoration:line-through;}
.hmRepeater > div ul.slides > li .nowPrice-repeater {font-weight: bold;}
.hmRepeater > div [id*="lblDiscounttext"]  {color:#e83e3e; font-weight: bold;margin: 0 0 0 8px;padding: 0 0 0 8px;border-left: 1px solid #dadada;}
.hmRepeater > div [id*="lblDiscounttext"] > span, .hmRepeater > div [id*="lblDiscounttext"] > font  {color:#e83e3e;}
.hmRepeater > div ul.slides > li .percentOff-repeater {margin-right: 4px;}
.hmRepeater > div ul.slides > li .standardPrice-repeater,
.hmRepeater > div ul.slides > li .nowPrice-repeater,
.hmRepeater > div [id*="lblDiscounttext"] {font-size: 14px !important;}
.hmRepeater > div .pricingRepeater {border-bottom: 1px solid #6060606b;margin: 8px 0 8px 0;padding: 0 0 8px 0;display: inline-block;}


/* ----- 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.3;}
.flex-prev:hover, .flex-next:hover { opacity:1}
.flex-prev { left:0;}
.flex-prev:before {content:"\e094";font-size:12px;position: relative;top: -2px;}
.flex-next { right:0}
.flex-next:before {content:"\e095";font-size:12px;position: relative;top: -2px;}
#flexsliderCTA {position:relative;}
#flexsliderCTA li {position:relative;display: none;opacity: 0;transition: opacity 1s; /* Transition should take 0.3s */-webkit-transition: opacity 1s;}
#flexsliderCTA.loaded li {opacity: 1;}
#flexsliderCTA .flex-direction-nav { display: inline;}
.CNCCTA {text-transform:uppercase;height: auto;padding: 0px !important;border-bottom: none;background: #3a3a3a;width: 100%;justify-content: flex-end;/* max-width: 475px; */color: #fff;}
.CNCCTA a:hover, .CNCCTA p:hover {color: #f8ec01;}
.CNCCTA a:after {content:"\2022";padding: 0 8px;color: #cbc331;}
.CNCCTA a:last-of-type:after, .CNCCTA li a:after {display:none}
.slider {height: 33px;max-width: 255px;}
.ctaDesktop  { width:100%}
#flexsliderCTA .CNCCTA a {flex:1; display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.CNCCTA li {text-align: center;overflow: hidden;}
.CNCCTA li a {display:flex;justify-content: left;align-content: flex-start;align-items: flex-start;color: #ffffff;PADDING: 8px;}
.CNCCTA li img {margin: 0 8px 0 0;filter: invert(1) sepia(1) saturate(120) hue-rotate(357deg);}
.full { flex-grow: 1; max-width: 100%;}
@media screen and (max-width: 1024px) {
	.ctaMobile {
    flex-grow: 1;
}
}

/* ----- BHF Footer   ----- */
.bhf p { color:#000 !important}
.bhf a span { webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #000; border: 1px solid #000; padding: 4px 8px; font-size: 10px; letter-spacing: 1px; margin-top: 8px; text-transform: uppercase; width: auto; display: inline-block;}
.bhf a:hover span { background: #000; color: #fff;}

#jg-widget-leisurelakesbikes2021-87 {display: -webkit-inline-box; justify-content: center;}
#jg-widget-leisurelakesbikes2021-87 > div {  min-width: 100%;}


/* ----- salesfire-search   ----- */
#salesfire-search > div {inset: 86px 0px 0px !important}


.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;}
.lazyload.main {height: calc(100vh - 56px);object-fit: cover;}
.overlay .topBanner { position: absolute; top: 56px; width: 100%;}
.btn{    right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; min-width: 2.5rem; line-height: 2.375rem; background-color: rgba(36,34,34,.6); border-color: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.btn-tooltip {position:absolute;left: 2.25rem;bottom: 2.25rem;z-index: 1;}  
.text-button {width: 0; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) 0s,width .3s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) 0s,width .3s cubic-bezier(.215,.61,.355,1) .2s;}


/* ----- yotpo-hide   ----- */
.yotpo.testimonials { display: none;}

/* ----- Wordpress Blog  ----- */
.blogWP {display: grid;grid-gap: 1em;padding: 0 0 0 0; grid-template-columns: repeat(4, 1fr);}
.blogWP img {width:100%;object-fit: contain;}
.blogWP .hmBlog:first-of-type {grid-column: span 2;grid-row: span 4;height: 100%;display: inline-flex;flex-direction: column;}
.blogWP .hmBlog:first-of-type a {grid-column: span 2;grid-row: span 4;height: 100%;display: inline-flex;flex-direction: column;}
.blogWP .hmBlog:nth-child(2) a, .blogWP .hmBlog:nth-child(3) a {flex-direction: column;}
.blogWP .hmBlog:nth-child(2) img, .blogWP .hmBlog:nth-child(3) img {max-width: 100%;max-height: 140px;object-fit: cover;}
.blogWP .hmBlog:first-of-type img {max-width: 100%; top: 0;max-height: initial;}
.blogWP .hmBlog:first-of-type h2 {font-size: 20px !important;}
.blogWP .hmBlog:first-of-type p { font-size:16px}
.blogWP .hmBlog:first-of-type div { height: auto;}
.blogWP .hmBlog {border-bottom: 1px solid #505050;}
.blogWP .hmBlog a {position:relative;display: flex;padding-bottom: 16px;grid-gap: 16px;flex-direction: row;align-items: flex-start;align-content: flex-start;}
.blogWP .hmBlog:hover h2 {text-decoration: underline;}
.blogWP img {max-width: 40%;}
.blogWP .hmBlog div { height:65px; overflow:hidden}
.blogWP h2 {padding:0;margin:0;font-family: inherit;font-size: 14px;line-height: 130%;font-weight: 700;padding-bottom: 4px;font-size: smaller !important; color:#fff}
.blogWP span p.date {padding: 0;margin: 0;font-size: 11px;color: #ffffff47;}
.blogWP p {color: #ffffff87;font-size:13px;overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
.blogWP p:empty{ display:none}
@media screen and (min-width : 0px) and (max-width : 1023.9px)
{
  .blogWP {grid-template-columns: repeat(1, 1fr);padding-bottom: 56px;}
  .blogWP .hmBlog:first-of-type {grid-column: span 1;grid-row: span 1;}   
}


/* ----- Wordpress Blog  ----- */
.blogWPList {display: grid;grid-gap: 1em;padding: 0 0 0 0;grid-template-columns: repeat(5, 1fr);}
.blogWPList img {width:100%;object-fit: contain;}
.blogWPList .hmBloghmBlog {height: 100%;display: inline-flex;flex-direction: column;}
.blogWPList .hmBloghmBlog a {grid-column: span 2;grid-row: span 4;height: 100%;display: inline-flex;flex-direction: column;}
-blogWPList .hmBloghmBlog img {max-width: 100%; top: 0;max-height: initial;}
.blogWPList .hmBloghmBlog h2 {font-size: 20px !important;}
.blogWPList .hmBloghmBlog p { font-size:16px}
.blogWPList .hmBloghmBlog div { height: auto;}
.blogWPList .hmBloghmBlog {border-bottom: 1px solid #505050;}
.blogWPList .hmBlog a {position:relative;display: flex;padding-bottom: 16px;grid-gap: 16px;flex-direction: column;align-items: flex-start;align-content: flex-start;}
.blogWPList .hmBlog:hover h2 {text-decoration: underline;}
.blogWPList img {max-width: 100%;}
.blogWPList .hmBlog div { overflow:hidden}
.blogWPList .hmBlog div::after {content: "APPLY NOW";background: #212121;color: #fff;padding: 8px 32px;float: left;border-radius: 4px;}
.blogWPList h2 {padding:0;margin:0;font-family: inherit;font-size: 14px;line-height: 130%;font-weight: 700;padding-bottom: 4px;font-size: 18px;color: #212121;}
.blogWPList span p.date {padding: 0;margin: 0;font-size: 11px;color: #ffffff47;}
.blogWPList p {color: #000000bd;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
.blogWPList p:empty{ display:none}
@media screen and (min-width : 0px) and (max-width : 1023.9px)
{
  .blogWPList {grid-template-columns: repeat(1, 1fr);padding-bottom: 56px;}
  .blogWPList .hmBlog:first-of-type {grid-column: span 1;grid-row: span 1;}   
}

#loader{grid-column: span 3;}
.preloading #loader{ display: block; position: relative; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 32px; width: 32px; clip: rect(0, 32px, 32px, 16px); -webkit-animation: loader-1-2 1.2s linar infinite; anmation: loader-1-2 s cubicbezier(06, 0.64, 049, 0.48) infinit;}
.preloading #loader::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 32px; width: 32px; clip: rect(0, 32px, 32px, 16px); border: 3px solid #212121; border-radius: 50%;}
.preloading.found #loader { display:none}
.preloading.error #loader {display:none}
@-webkit-keyframes loader-1-2 {
	0%   { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-1-2 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}




.modular-footer-citruslime---tagline:after {
    content: "XLR8 Sports Limited, trading as Leisure Lakes Bikes, is an appointed representative of Product Partnerships Limited which is authorised and regulated by the Financial Conduct Authority. Product Partnerships Limited's FCA registration number is 626349 and its address is Suite D2 Joseph's Well, Hanover Walk, Leeds LS3 1AB. Product Partnerships Limited's permitted business is to act as a Principal for a network of Appointed Representatives who arrange regulated credit facilities for customers who are purchasing goods from them. \A XLR8 Sports Limited acts as a credit broker not a lender. We can only introduce V12 Retail Finance Ltd (FRN: 679653) who may be able to offer you finance facilities for your purchase. We do not receive any commission for introducing customers to a finance provider. You may be able to obtain finance for your purchase from other lenders and you are encouraged to seek alternative quotations. If you would like to know how we handle complaints, please ask for a copy of our complaints handling process. You can also find information about referring a complaint to the Financial Ombudsman Service (FOS) at financial-ombudsman.org.uk We also offer unregulated credit agreements through Klarna (pay in 3) and Clearpay. Please note that these credit agreements are not regulated by the FCA. Please use these products responsibly and ensure you can make repayments on time. Finance is subject to status. T&Cs and eligibility apply. Failure to make repayments on time may negatively impact you. ";
    padding: 32px 32px 92px 32px;
    max-width: 1290px;
    display: block;
    margin: auto;
}