/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********* F R A M W O R K ********* */
/* *********************************** */
/* *********************************** */
div.wrapper { width: 100%; float: left }
div.wrapper:after { content: ""; display: table; clear: both }
div.grid { width: 100%; margin: 0 auto; padding: 0 }
div.grid:after {content: "";display: table;clear: both;}
div.container { float: left; width: 100%; margin: 0;}
div.container:after { content: "";display: table;clear: both;}
[class*='col-'] {padding: 0;float: left;}
.col-1 { width: 100% !important}
.col-2 { width: 50% !important}
.col-3 { width: 33.33% !important}
.col-4 { width: 25% !important}
.col-5 { width: 20% !important}
.col-6 { width: 16.66% !important }
/* -- No col-7's, they're filthy -- */
.col-8 { width: 12.50% !important}
.col-9 { width: 11.11% !important}
.col-10 { width: 10% !important}
/* -- No col-11's, they too are disgusting -- */
.col-12 { width: 8.33% !important}
.col-90p { width: 90% }
.col-80p { width: 80% }
.col-75p { width: 75% }
.col-70p { width: 70% }
.col-66p { width: 66.66% }
.col-60p { width: 60% }
/* -- You don't need a col-50, we have col-5 for that -- */
.col-40p { width: 40% }
.col-30p { width: 30% }
.col-25p { width: 25% }
.col-20p { width: 20% }
.col-10p { width: 10% }
/* -- Col-268 is used for products and blogs, it is the best fixed-width under all circumstances -- */
.col-268 { width: 268px; margin: 16px; float: none; display: inline-block }
/* -- Centralise Repeater Items in Container by adding this class to the parent -- */
.centralise { text-align: center }
/* -- This style enables the jQuery to target and address the element height -- */
div.imgCtr, div.imgCtr75, div.imgCtr50, div.imgCtr25 { padding: 0; width: 100% }
/* -- Padding and Margin Options -- */
.ctrPad16 { padding: 16px !important}
.ctrPad8 { padding: 8px !important}
.ctrPad4 { padding: 4px !important}
.ctrMrg16 { margin: 16px !important}
.ctrMrg8 { margin: 8px !important}
.ctrMrg4 { margin: 4px !important}
/* -- Flexible repeaters -- */
.item-repeater-container {display:flex;flex-flow: row wrap;}
.item-repeater-outer {width:25%; display:inline-flex; flex-basis:25%; min-width:25%}
.item-repeater-inner {width:100%;position:relative;}
.item-repeater-inner .flipme {background-size:contain !important;}/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********** Q U E R I E S ********** */
/* *********** M O B I L E *********** */
/* *********************************** */
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
/* Zesty Responsiveness */
.col-2 { width: 100% !important }
.col-3 { width: 100% !important }
.col-4 { width: 100% !important }
.col-5 { width: 100% !important }
.col-6 { width: 100% !important }
.col-8 { width: 12.50% !important }
.col-9 { width: 11.11% !important }
.col-10 { width: 10% !important }
.col-12 { width: 8.33% !important }
.col-90p { width: 100% !important}
.col-80p { width: 100% !important }
.col-75p { width: 100% !important }
.col-70p { width: 100% !important }
.col-66p { width: 100% !important }
.col-60p { width: 100% !important }
.col-40p { width: 100% !important }
.col-30p { width: 100% !important}
.col-25p { width: 100% !important }
.col-20p { width: 100% !important }
.col-10p { width: 100% !important }
.ctrPad16 {padding: 8px !important;}
.desktop {display:none !important;}
.mobile {display: initial !important;}
.ctrPad32 { padding:16px !important}
/* General HTML */
html, body {font-size: 14px;}
.columnFlow {-moz-column-count: 1!important;-moz-column-gap: 16px!important;-webkit-column-count: 1!important;-webkit-column-gap: 16px!important;column-count: 1!important;}
.divider {width: 100% !important;border-bottom: 1px solid #C8C8C8 !important;}
h1, .h1 {font-size: 29px !important;}
h2, .h2 {font-size: 18px !important}
h3, .h3 {font-size: 16px !important}
h4, .h4 {font-size: 14px !important}
/* Header */
.hideStandardTopElements, div#CartList-dev a span[id*="lblCount"], .tlogo, .homeLnkCtr, .tailoredMsg {display: none !important;}
.logo {display:inherit !important;}
.mobileHomeLink {display:block !important;}
#CustomerRewardsDisplay1-dev {}
.tMenuLinks {float:none; width:100%;text-align: center;}
.tMenuLinks a {height:64px; color:#555; font-size:1em;overflow:hidden; display: inline-block; vertical-align: bottom;width: 25%;}
.tMenuLinks a span.tLinktext {display:none;}
.tMenuLinks a span.tLinktextM {display:block;width:64px; height:64px;}
.menuOptions {border-left: none !important;}
.topNavMenuContainer .toggleNavCtr, .topNavMenuContainer .toggleSearchCtr, .topNavMenuContainer .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {margin-left: 0px !important;width: 50px !important;}
.navIcons>div, .navIcons>a {height: 47px !important;width: 47px !important;line-height: 47px !important;font-size: 14px !important;min-width: 47px !important;}
.navOption {;margin: 0 !important;}
div.srchCtr input {border: 1px solid #ffffff !important;height: 50px !important;line-height: 30px !important;}
.searchButton, div.srchCtr a.searchButton {margin: 1px !important;line-height: 60px !important;padding: 0 8px;}
div.srchCtr {padding:0 !important;}
div.basketCtr > div {width: 100% !important;}
div.srchCtr #TopBanner1_clSearch1_containerSearch {max-width: 100% !important;}
.logoContainer {flex-grow: 1;-webkit-flex-grow: 1;height:47px !important;}
.navIcons {}
body {padding-top: 50px;}
.srchCtr.tbcntOpen {}
.loginCtr.tbcntOpen {top: 62px;}
div.basketCtr {width: calc(100% - 32px) !important;left: 16px;}
div.srchCtr .open {}
.toggleNavCtr:before {display:none;}
.toggleNavCtr {padding:0 !important}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0px !important}
#basketPip {font-size: 8px !important;width: 15px !important;height: 15px !important;line-height: 15px !important;right: 5px !important;bottom: 25px !important;}
.cta li { text-align: center !important}
.cta a span{ display:inline-block}
.cta a div{display:none !important }
.primaryNav {display:inline-block !important;vertical-align: text-bottom;position: relative;border-top: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;}
.NodeLevel0 > a >span:after {display: none}
.Message {}
.CNCCTA {font-size: x-small !important;height: 28px !important;}
.logo {max-width: 105px !important;height: 47px !important;margin: auto !important;}
[class*='NodeLevel'] { box-sizing: border-box }
.NodeLevel0 {float: left;width: 100%;text-align: left;flex-basis: 100%;min-width: 100%;max-width: 100%;border-bottom: 1px dotted rgba(60, 60, 60, 0.43);color: #000;}
.NodeLevel0>div {display:block;width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.NodeLevel1 {background: none;float:left;width: 50% !important;padding: 0 8px 16px 0; }
.NodeLevel1:nth-child(odd) { clear:left}
.NodeLevel1:nth-child(even) {padding: 0 0 16px 8px;}
.NodeLevel1:last-child {padding-right:0;}
.NodeLevel2 {background: none;padding: 0 0 0 0;display: block;float: left;width: 100%;}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0 32px}
.NodeLevel0 > a >span {display: block;width: 100%;margin: 0;color: initial;color: #333 !important;padding: 8px 0;}
.NodeLevel1 > a {padding-top: 8px !important;display: inline-block;margin: 0px;padding: 0 16px 8px 0;font-weight: normal;color: initial;line-height: 125%;}
.NodeLevel2 > a {display: inline-block;color: #999;margin: 0;font-size: smaller;padding: 0 0 12px 0;line-height: 130%;}
.NodeLevel1 > a:hover, .NodeLevel2 > a:hover {}
#newsletterPOPUP.zflex-v {align-content: flex-start;align-items: flex-start;padding: 16px !important;}
.newsletterPOPUPinner {background-position: right center !important;vertical-align: top !important;width: 100% !important;}
.newsletterPOPUPinner .newsletterPOPUP-info {width:100% !important;}
.newsletterPOPUP-info h2 {margin:0 !important; padding-right:40px !important;}
.newsletterPOPUP-info p {font-size:13px;margin: 8px 0;}
.newsletterPOPUP-info #newsletter-popup-new-text {padding: 0 16px 8px 16px; font-size:13px !important;}
.newsletterPOPUP-form {margin-top:8px !important; padding-top:16px !important; padding-bottom:8px !important;}
.newsletterPOPUP-form input {padding:4px !important;}
/* Footer */
.footerLinks {margin:0;text-align: left;}
.footerLinks a {margin: 7px;}
.footerLinks h3 {/* margin: 8px; */}
.newsletter-footer, .newsletter-footer-submit {font-size:1em;line-height: 33px;}
.customerSupport a {font-size:1em;text-align:right;}
.customerSupport a:first-of-type {border-bottom:1px dotted #bf4a35;}
.customerSupport a span {float:left;}
div.cards .col-2 {height:28px; margin-bottom: 16px; text-align:center}
div.cards .col-2:first-of-type {border-bottom: 1px solid #2d2d2d;padding-bottom: 16px;height: auto;}
div.cards span {line-height:28px;text-align:center;}
div.cards div.fa-cc-visa, div.cards div.fa-cc-mastercard, div.cards div.fa-credit-card, div.cards div.fa-cc-paypal {float:none !important}
.footerTerms, .footerCitr {text-align: left !important;}
.footerTerms {}
dl dt {width: 50% !important;text-align: right;padding-right: 12px !important;}
.footerCitr { margin-bottom:75px}
.footerLinks a {float: none !important;margin: 4px 16px 4px 0 !important;}
.tpilotBox {flex-wrap:wrap;}
.NodeLevel1 { display: inline-block !important}
/* Homepage */
.bannerTitle {font-size: 14px; text-align:left}
.hmSlider .flex-control-nav, .bannerDesc {display:none;}
div.bannerTxtCtr:hover .bannerDesc { display: none;}
div.bannerTxt {bottom:16px;}
.bannerDesc:before {display:none;}
.hmBrands > div {width: 50% !important;}
.mobhalfwidth div[class*="col-"] {width:50% !important;}
.mobhalfwidth div[class*="col-"] .bannerTitle, .mobhalfwidth div[class*="col-"] .bannerTitle p {font-size:18px !important; font-weight:bold; font-family: 'roboto_condensedbold';}
.mobhalfwidth div[class*="col-"] .bannerDesc {padding: 8px 24px !important;}
.bannerContainer .col-3 > .col-1, .bannerContainer .col-4 {width: 50% !important;}
.cta2, .bannerDesc2 { }
.bannerContainer2 .ctrPad8 { padding: 4px!important;}
.bannerTitle2 {padding-bottom: 0 !important;}
.bannerTxt2 { padding:8px !important}
.theme1 .bannerTitle2, .theme1 .bannerDesc2 {text-align:center;font-size: large !important;}
.banner4 > div > a {width: calc(100% - 16px) !important;float: left;margin: 8px;}
div.basketCtr {width: calc(100% - 32px) !important;left: 16px;}
div.srchCtr .open {}
.toggleNavCtr:before {display:none;}
.toggleNavCtr {padding:0 !important}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) { padding: 0px !important}
#basketPip {font-size: 8px !important;width: 15px !important;height: 15px !important;line-height: 15px !important;right: 5px !important;bottom: 25px !important;}
.cta li { text-align: center !important}
.cta a span{ display:inline-block}
.cta a div{display:none !important }
.primaryNav {display:inline-block !important;vertical-align: text-bottom;position: relative;border-top: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;}
.NodeLevel0 > a >span:after {display: none}
.Message {}
.CNCCTA {font-size: x-small !important;height: 28x !important;}
/* --- CSS images */
.css-image-ipad, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
.css-image-mobile {display:block;}
/* Map Switcher */
.hmMapTabs {text-align: center;}
.hmMapTabs a {display:block;}
.hmMapTabs a:after {content:normal;}
.hmMapTabs h3 {float:none; margin-bottom:8px}
.quickMessageReturns, .quickMessageShipping, .quickMessageTime {width:100% !important;display:block;border-bottom: 1px solid rgba(255,255,255,0.15)}
.startShopping ul li a {margin-bottom:3px;}
/* Contact Form */
.contactForm .button {width:100%;}
.contactLocation {text-align:left;}
.contactMap.hmMapContainer, .contactMap .hmMap {height:900px;}
/* Shipping Page */
.shippingMobileOnly {display:block;}
/* Blog */
.blogRightColumn {padding:0px;}
.large-article-box { position: relative; }
.large-article-header h1 {font-size:22px; margin:0 0 0.5em 0;}
.large-article-header p {/* float:none; *//* margin:0.5em 0 */}
.blogSearch #blogSearchButton {top: 3px; right: 3px;}
.shareAreaBlog, .blogRightSearch, .blogRightCloud, .blogRightRecent {margin:0; font-size:0.8em}
.large-article-content h2, .large-article-content h3, .large-article-content h4, .large-article-content h5 {}
.large-article-content p { font-size:small}
.blogContainer > div { width:100%!important;}
.large-article-content {padding: 16px !important;}
/* Star Buys Page */
.taOuter {padding:0 !important;}
.taTitleContainer h1 {font-size:1.5em;}
.taTitleContainer h2 {font-size:1em;}
.taTitleContainer h1 span {display:block;}
.taMultiItemRepeaterImageContainer {border-bottom:1px solid #e1e1e1; border-right:none;}
.taMultiItemRepeaterContentContainer {}
.taclAttributeGrid {padding: 0.5em 0;}
.taname {line-height: 24px !important;padding: 16px 0 !important;}
/* Shopping Cart */
.ccartcontrol tr .ContentTableHeader {font-size:1em;}
.ContentTableHeaderNone a {margin-bottom:1em;width:100%;text-align:center}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .ContentTableHeader:nth-child(6) {display:none;}
.ccartcontrol tr .Content:nth-child(4), .ccartcontrol tr .Content:nth-child(6) {display:none;}
.voucherBox {margin:1em 0 0 0;padding:0;}
.metaPack ul li .metaPackMessage span {color: black;display:block}
.metaPack ul li .metaPackSelect {top:17px}
.updateQty {float:none;}
.updateQty span {margin:0.5em 0}
.updateQty span, .updateQty a {width:100%; text-align:center}
.orderTotal a {display:none;}
.orderTotal table {float:none;width: 100% !important;}
.Order-Total-text {display:none;}
.orderTotal tr:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(4) {display:block; width: 100% !important;margin: 0 !Important;text-align: center !important;}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {text-align:left;}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {margin: 0;font-size: 1em;}
.mesageCC p, .messageCPlus p, .messageUK p, .messageWorld p {display: inline-block;margin-left: 0.5em;}
.currencyShoppingCart ul li {width: 50%;margin: 0 0 0.5em 0 !important;float: left !important;}
.bottomBasketButton a {text-align:center; width:100%;}
/* Product Page */
.productPageTop { display:inherit; flex-wrap:wrap;}
#storelookupresults {width:100% !important;display: block !important;float: left;padding: 16px !important; max-width:100vw;}
#prodInfoLeft {border-right:none;width:100% !important;}
#firstdetails {text-align: center;}
.accordianBox {padding:16px}
.detailBrowseSimilar {padding:16px;}
.detailBrowseSimilar h2 {display:block;margin: 0 16px 16px 16px; border-bottom: 1px solid white;padding: 0 0 16px 0;}
.detailBrowseSimilar .pdlp li {font-size:1em;display:block;}
.detailBrowseSimilar .pdlp li a {height: 24px; line-height: 24px;}
span.starsLarge {display:none;}
.reviewContainerCopyField div textarea {min-width: 100%;}
div.faqAvatarCtr div.avatarImg {float: none;}
div.faqAvatarCtr div.avatarHdr {margin-left: 0;}
#prodInfoLeft {border-right:none;}
.flexsliderMIVThumbnails {display:none;}
.flexsliderMIV .flex-direction-nav {border-bottom: 1px solid #e1e1e1;}
.detailReviewFAQ>.col-2:nth-of-type(1) {border-bottom: 1px solid #e1e1e1; border-right:none; margin:0 0 16px 0; min-height:auto}
.flexsliderReviews .flex-control-nav {display:block !important;}
div.mobileImage { display: block }
div.addMobile { display: block }
div.addDesktop { display: none; padding:0px !important }
.clAttributeGridContainer {}
/*div.hideFinanceOnMobile { display: none }*/
div.filter a:hover { background: none; color: #fff }
div.reviewComment { height: auto !important; overflow: visible !important }
.bigImg div.col-1 {padding:32px !important;}
div.mainDescAvatarCtr div.avatarHdr span.desktopSignature { display: none !important }
div.mainDescAvatarCtr div.avatarHdr span.mobileSignature { display: block !important }
div.mainDescAvatarCtr div.avatarMotto { display: none !important }
.TopContainer {flex-wrap: wrap;justify-content: center;padding: 16px 0px !important;}
.brandImgContainer { display:none}
.namePriceContainer {justify-content: center;padding: 0 !important;}
.namePriceContainer h1 {text-align:center;margin: 0;}
.reviewContainer {justify-content: center;margin: 0;}
.priceBlock { justify-content:center}
#MIVPanel .col-3 {width:50% !important;}
#storelookupresults .col-1 {padding: 0 0 4px 0;margin: 0 0 8px 0 !important;}
#storelookupresults .col-1 h4 {font-size: 12px !important;margin:0 0 4px 0;}
.cncStore .col-2:first-child {width:50% !important}
.cncStore .col-2:last-child {width:50% !important}
.cncStore .col-2 span, .cncGMap {font-size:11px !important;}
.cncFooterTxt {margin-bottom:32px;}
.mainImages{ padding: 0px !important}
.noPaddingTop { padding: 0px !important; margin-top:8px}
/* Finance */
/*div.financeRecommendation { display: block; width: 100%; padding: 16px; background: lavenderblush; color: tomato }*/
#finance.ctrPad16 {padding: 0 !important;}
.financeAmount .col-2 {width: 50% !important;}
/* Sitemap */
.siteMap>ul>li {width:100%;}
/* Brand Page */
.brandLanding a {display:block;}
.brandPageLogo {display:none;}
/* Fancy Box */
#fancybox-content {top: 0 !important;-webkit-transform: translateY(0) !important;-ms-transform: translateY(0) !important;transform: translateY(0) !important;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis: 50%;min-width: 50%;width: 50%;}
/*.item-repeater-outer {flex-basis:100%; min-width:100%;width:100%;}*/
.standardBSitems .item-bs {flex-basis:100%; min-width:100%;width:100%;}
.item-repeater-info { padding:8px !important}
/* -- locations */
.sc th, .sc tr, .sc td {padding: 8px !important;}
.sc tr:nth-of-type(2n) {background: #FFF !important;}
.sc tr {background: #FFF !important; border-bottom:1px solid #ccc}
/* -- Flex banners */
.bannerHeight .flipme {height: 50vh !important;}
.landingPage .flipme {height: 100vh !important;}
.bannerTxt img { height:50px}
.CSSnavBanner a > div {height: 40vh !important;}
.topLarge {margin-top:0px !important}
/* Unity Specific FAF Code */
.FAFFiltersOpen {display: -webkit-box !important;display: -moz-box !important;display: -ms-flexbox !important;display: -webkit-flex !important;display: block !important;}
/* QuickLook */
#dev-QuickLook-img { display:none}
#ImageLargePath-dev img {height: 100%;width: initial;}
#title-dev {font-size:1em;}
#ShortDescription-dev {font-size:0.75em}
.standardBSitems .item-bs {flex-basis:100%; min-width:100%;width:100%;}
#ShortDescription-dev { display:none}
#attribute-quicklook-dev {background:initial;padding: 16px !important;margin:0;background: #fff;}
#attribute-quicklook-dev .qv-stock, #attribute-quicklook-dev .qv-add, #attribute-quicklook-dev .qv-price { display:none}
.qv-add-container {padding: 0;display: inline !important;}
#attribute-quicklook-dev:before {content: "Availability";padding: 0 0 16px 0;display: inline-block; color: #000000; text-transform: uppercase; letter-spacing: 3px; display: inline-block;}
#attribute-quicklook-dev .qv-name { padding:0; display:inline-block;min-width: initial;margin: 0 7px 7px 0;background: #acd373;padding: 7px 14px; border-radius:3px;color: #fff;letter-spacing: 1px;text-transform: uppercase;}
#attribute-quicklook-dev .qv-name:before { font-family: 'FontAwesome'; content: '\f00d'; font-size: 15px !important; margin-right:10px;content: '\f00c';}
.out-of-stock .qv-name {background: #DEDEDE !important;color: #666 !important;}
.out-of-stock .qv-name:before { font-family: 'FontAwesome';content: '\f00d' !important; font-size: 15px !important;margin-right:10px;color: #E26F6F;}
#dev-QuickLook-img { order:3}
#title-dev { font-size:24px}
.quickview, #dev-QuickLook-content {width:100% !important;}
/* -- delivery */
costa { display:none}
.accordianBox { padding:0px}
.delivery .zflex-v { flex-wrap: wrap !important}
.delivery .col-2 { width: 100% !important}
.bikeonly .col-3 { width: 100% !important}
/*Star Buys*/
.taContainerSmall {width:calc(100% - 32px) !important;margin:0 16px 16px 16px !important;}
/* CPB */
.cpb .attName {text-indent: 8px;}
.cpb .attName, .cpb .attPrice {font-size:11px !important;}
/* --- CSS images */
[class*='hmBanner'] > div > a {padding: 0;/* float: left; */}
[class*='hmBanner'] > div > a {/* padding: 2px */}
.hmBanner1 > div > a, .hmBanner2 > div > a { width:100% !important }
.hmBanner4 > div > a, .hmBanner6 > div > a { width:50% !important }
.cta1 { width: 100%}
.hmBanner4 .bannerDesc2 {display:none !important}
.hmBanner4 .bannerTitle2 { padding-bottom: 0px}
.bannerTxt2 { padding:3% !important}
.NodeLeve1New > a {padding: 0 0 16px 0;border-bottom: none !important;border-top: 1px dotted #878B94;float: left;padding: 16px 0 !important;margin: 0 !important;font-size: 20px;margin: 0;font-family: 'roboto_condensedbold', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023px)
{
.col-75p, .col-70p, .col-30p {/* width:100% */}
.col-facetItem { width: 33.33% !important; flex-basis:33.33%; min-width:33.33%;width:33.33%;}
.desktop {display:none !important;}
.mobile {display:initial !important;}
/* ----- ZESTY RESPONSIVE MENU ----- */
.complexNavMenu .NodeLevel0 > a, .complexNavMenu .NodeLeve1New > a {padding: 0 5px !important;font-size: 14px !important;height: 40px !important;line-height: 40px !important;}
.logo {min-width: 78px !important;height: 40px !important;top: 7px !important;}
.topNavMenuContainer, .ctrNavigation, .ctrNavigation>div { justify-content:center !important}
.subContent { display:none !important}
.submenuMain { padding:7px}
.menuOptions a { font-size:10px}
/* Header */
.logoContainer {flex-grow:1;-webkit-flex-grow: 1;}
div.srchCtr {padding: 0 16px !important;height: auto !Important;}
.cta a span{ display:inline-block}
.cta a div{display:none !important }
.navIcons>div, .navIcons>a {}
[class*='NodeLevel'] { box-sizing: border-box }
.NodeLevel0 {float: left;width: 100%;text-align: left;flex-basis: 100%;min-width: 100%;max-width: 100%;border-bottom: 1px dotted rgba(60, 60, 60, 0.43);}
.NodeLevel0>div {display:block;width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.NodeLevel1 {background: none;float:left;width: 33.33% !important;/* padding: 0 8px 16px 0; */clear: none !important;}
.NodeLevel1:nth-child(odd) {clear:left;}
.NodeLevel1 {background: none;float:left;width: 50%;padding: 0 8px 16px 0; }
.NodeLevel1:nth-child(even) {/* padding: 0 0 16px 8px; */}
.NodeLevel1:last-child {padding-right:0;}
.NodeLevel2 {background: none;padding: 0 0 0 0;display: block;float: left;width: 100%;}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) {}
.NodeLevel0 > a >span {display: block;width: 100%;margin: 0;color: initial;color: #333 !important;padding: 00;}
.NodeLevel1 > a {display: inline-block;margin: 0px;padding: 0 16px 8px 0;font-weight: normal;color: initial;line-height: 125%;}
.NodeLevel2 > a {display: inline-block;color: #999;margin: 0;font-size: smaller;padding: 0 0 12px 0;line-height: 130%;}
.NodeLevel1 > a:hover, .NodeLevel2 > a:hover {}
.NodeLevel0 > a {width: 100% !important;padding: 12px 0 12px 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
.NodeLevel0 > a:after {content: "\f0dd";font: normal normal normal 14px/1 FontAwesome;float: right;}
.NodeLevel0 > a.active:after {content: "\f0de";transform: translateY(30%);}
.icon-search {border-left:none !important;}
.srchCtr {padding: 0 16px !important;height: auto !Important;}
.navIcons>div, .navIcons>a {width: 75px;line-height: 75px;font-size: 22px;}
.NodeLevel0 {}
.navCtr {margin: 118px 0 0 0 !important;width: 100%;}
.MobileNav .level-2-navigation-option {top: 162px !important;}
.navIcons>div, .navIcons>a {height: 75px !important;width: 75px !important;line-height: 75px !important;font-size: 18px !important;}
.logo {max-width: 150px !important;height: 75px !important;}
.srchCtr.tbcntOpen,.loginCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(-100%);-moz-transform: translatex(0) translatey(-100%);-o-transform: translatex(0) translatey(-100%);-ms-transform: translatex(0) translatey(-100%);filter: alpha(opacity=0)-webkit-transition: all .8s ease-out;}
body {padding-top: 75px;}
#newsletterPOPUP.zflex-v {align-content: flex-start;align-items: flex-start;padding: 16px !important;}
.newsletterPOPUPinner {background-position: right center !important;vertical-align: top !important;width: 100% !important;}
.newsletterPOPUPinner .newsletterPOPUP-info {width:65% !important;}
.cta a span{ display:inline-block !important }
.cta a div{display:none !important }
.srchCtr.tbcntOpen,.loginCtr.tbcntOpen {-webkit-transform: translatex(0) translatey(118px) !important;-moz-transform: translatex(0) translatey(118px) !important;-o-transform: translatex(0) translatey(118px) !important;-ms-transform: translatex(0) translatey(118px) !important;}
.CNCCTA {font-size: x-small !important;}
.Message a {
margin-left: 8px !important;}
.level-1-navigation {}
.navIcons>div, .navIcons>a {height: 47px !important;width: 47px !important;line-height: 47px !important;font-size: 14px !important;min-width: 47px !important;}
/* -- Homepage general -----*/
.hmBrands > div { width: 33.33% }
.bannerTitle {font-size: 14px;}
.hmBanner .bannerTitle {font-size: 30px!important;}
.hmBanner .subbannerTitle {font-size: 18px!important;}
.hmBanner75 .bannerTitle {font-size: 14px!important;}
.hmBanner75 .bannerDesc {display: none;}
.bannerContainer .col-3, .bannerContainer .col-66p { width: 100% !important}
.bannerContainer .col-3 > .col-1 { width: 50% !important}
.cta2, .bannerDesc2 { .cta2, .bannerDesc2}
.bannerContainer .ctrPad8 { padding: 4px!important;}
.bannerTitle {padding-bottom:none}
.columnFlow {-moz-column-count: 1!important;-moz-column-gap: 16px!important;-webkit-column-count: 1!important;-webkit-column-gap: 16px!important;column-count: 1!important;}
.theme1 .bannerTitle, .theme1 .bannerDesc {text-align:center;font-size: x-large !important;}
.banner4 > div > a {width: calc(100% - 16px) !important;}
.brandImgContainer { display:none}
#prodInfoLeft, #prodInfoRight {border-right:none;width:100% !important;}
.TopContainer { padding:0px !important}
/* --- Banner 1 override */
.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
.banner4 > div > a {width: calc(50% - 16px) !important;float: left;margin: 8px;}
/* --- CSS images */
.css-image-mobile, .css-image-laptops, .css-image-desktops {display:none;background: none !important;}
.css-image-ipad {display:block;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:50%; min-width:50%;width:50%;}
.standardBSitems .item-bs {flex-basis:50%; min-width:50%;width:50%;}
.namePriceContainer h1 { font-size:20px}
/* Product Page */
.priceBlock {/* justify-content:center */}
.namePriceContainer {width:100%;}
#storelookupresults:before {position: fixed;bottom: 16px;left: 16px;width: calc(100% - 32px);display: block;height:32px;background: rgba(0,0,0,0.65);content: 'Scroll/Swipe down for more stores ...';line-height: 32px;text-align: center;color:white;}
.cncFooterTxt {margin-bottom:32px;}
/* -- Flex banners */
.bannerHeight .flipme {height: 45vh !important;}
.landingPage .flipme {height: 65vh !important;}
.bannerTxt img { height:75px}
/* -- BLOG ----- */
.blogContainer > div { width:50%!important;}
.overflow > div { width:50% !important;}
/* -- delivery */
costa { display:none}
.accordianBox { padding:0px}
.delivery .zflex-v { flex-wrap: wrap !important}
.delivery .col-20p { width: 33.33% !important}
.delivery .col-2 { width: 100% !important}
.bikeonly .col-3 { width: 100% !important}
.deliveryUk .col-6 { width:33.33% !important}
/* -- Customer Rewards Page ----- */
.crPageExplain .col-3, .crPageExplain .col-2 {width:100% !important;}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439px)
{
.mobile {display:none !important;}
/* Zesty Responsiveness */
.col-facetItem { width: 25% !important; flex-basis:25%; min-width:25%;width:25%;}
/* ----- ZESTY RESPONSIVE MENU ----- */
.complexNavMenu .NodeLevel0 > a {padding: 0 8px !important;font-size: 15px !important;}
.complexNavMenu .NodeLeve1New > a {padding: 0 8px !important;font-size: 15px !important;}
/* Header */
.ctrNavigationDesktop .NodeLevel0 {font-size: initial;padding: 0 12px !important;}
.NodeLevel0 >a >span {color: initial;}
.NodeLevel0 > a >span {font-size:smaller;line-height: 100%;}
body {padding-top: 75px;}
.logo {max-width: 210px !important;min-width: 100px !important;margin: 0 !important;}
.submenuMain { padding:7px}
.navIcons>div, .navIcons>a {height: 47px !important;width: 47px !important;line-height: 47px !important;font-size: 14px !important;min-width: 47px !important;}
/* --- CSS images */
.hmBanner4 > div > a { width:50% !important }
.hmBanner6 > div > a { width:33.33% !important }
.cta1 { width: 100%}
.hmBanner4 .bannerDesc2 {display:none !important}
.hmBanner4 .bannerTitle2 { padding-bottom: 0px}
.hmBanner1 .imgCtr75 {height: calc(100vh - 250px);}
.banner4 > div > a {width: calc(50% - 16px) !important;margin:8px !important}
/* --- Banner 1 override */
.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
.banner4 > div > a {width: calc(25% - 16px) !important;float: left;margin: 8px;}
/* -- Homepage general -----*/
.hmBrands > div { width: 16.66% }
.bannerTitle {font-size: 16px;}
.hmBanner .bannerTitle {font-size: 36px!important;}
.hmBanner .subbannerTitle {font-size: 20px!important;}
.hmBanner .bannerDesc {padding: 16px 36px;font-size: 16px;}
.hmBanner75 .bannerTitle {font-size: 14px!important;}
.hmBanner75 .bannerDesc {padding: 8px 21px;font-size: 10px;}
/* --- CSS images */
.css-image-mobile, .css-image-ipad, .css-image-desktops {display:none;background: none !important;}
.css-image-laptops {display:block;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:33.33%; min-width:33.33%;width:33.33%;}
.standardBSitems .item-bs {flex-basis:33.33%; min-width:33.33%;width:33.33%;}
/* Product Page */
.namePriceContainer { text-align:left}
.cncFooterTxt {margin-bottom:32px;}
/* -- Flex banners */
.landingPage .flipme {height: 65vh !important;}
.bannerTxt img { height:75px}
/* -- BLOG ----- */
.blogContainer > div { width:25%!important;}
.overflow > div:nth-last-of-type(2),.overflow > div:nth-last-of-type(3) { display:none}
/* -- Customer Rewards Page ----- */
.crPageExplain .col-3, .crPageExplain .col-2 {min-width:50% !important;flex-grow:1}
/* -- delivery */
.bikeonly .col-3 { width: 100% !important}
.deliveryUk .col-6 { width:33.33% !important}
}
/* Desktops ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1919px)
{
.mobile {display:none !important;}
/* Zesty Responsiveness */
.col-facetItem {width: 20% !important; flex-basis:20%; min-width:20%;width:20%;}
/* Header */
.NodeLevel0 {padding: 0 16px !important;font-size: initial;}
body {padding-top: 75px;}
.ctrNavigationDesktop .NodeLevel0>div {top: 118px !important;}
.cta a span{display:none !important}
.cta a div{ display:inline-block}
.navIcons>div, .navIcons>a {font-size: 20px !important;}
.logo {max-width: 210px !important;min-width: 135px !important; margin: 0 !important;}
.logoContainer {width: 225px !important;flex-grow: 0 !important;-webkit-flex-grow: 0 !important;}
/* ----- ZESTY RESPONSIVE MENU ----- */
.complexNavMenu .NodeLevel0 > a {padding: 0 16px !important;font-size: 18px !important;}
.logo {min-width: 225px !important;}
//* --- Banner 1 override */
.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
.banner4 > div > a {width: calc(25% - 16px) !important;float: left;margin: 8px;}
/* -- Homepage general -----*/
.hmBrands > div { width: 16.66% }
.bannerTitle {font-size: 18px;}
.hmBanner .bannerTitle {font-size: 36px!important;}
.hmBanner .subbannerTitle {font-size: 20px!important;}
.hmBanner .bannerDesc {padding: 16px 56px;font-size: 20px;}
.hmBanner75 .bannerTitle {font-size: 18px!important;}
.hmBanner75 .bannerDesc {padding: 8px 21px;font-size: 12px;}
/* --- CSS images */
.css-image-mobile, .css-image-ipad, .css-image-desktops {display:none;background: none !important;}
.css-image-laptops {display:block;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
.standardBSitems .item-bs {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
.item-repeater-outer:last-of-type {/* display:none */}
/* -- BLOG ----- */
.blogContainer.overflow > div { width:20%!important;}
.overflow > div:nth-last-of-type(2) { display:none}
/* -- Products -- */
.cncFooterTxt {margin-bottom:32px;}
}
/* 4K ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1920px)
{
.mobile {display:none !important;}
/* Zesty Responsiveness */
.col-facetItem {width: 20% !important; flex-basis:20%; min-width:20%;width:20%;}
/* Header */
.NodeLevel0 {padding: 0 16px !important;font-size: larger;}
body {padding-top: 75px;}
.ctrNavigationDesktop .NodeLevel0>div {top: 118px !important;}
.cta a span{display:none !important}
.cta a div{ display:inline-block}
.navIcons>div, .navIcons>a {font-size: 20px !important;}
.logo {max-width: 210px !important;min-width: 135px !important; margin: 0 !important;}
.logoContainer {width: 225px !important;flex-grow: 0 !important;-webkit-flex-grow: 0 !important;}
/* ----- ZESTY RESPONSIVE MENU ----- */
.complexNavMenu .NodeLevel0 > a {padding: 0 18px !important;font-size: 24px !important;}
.logo {min-width: 225px !important;/* height: 135px !important; */top: -20px;}
/* --- Banner 1 override */
.hmBanner1 .imgCtr75 {height: calc(100vh - 400px);}
.banner4 > div > a {width: calc(25% - 16px) !important;float: left;margin: 8px;}
/* -- Homepage general -----*/
.hmBrands > div { width: 16.66% }
.bannerTitle {font-size: 18px;}
.hmBanner .bannerTitle {font-size: 30px!important;}
.hmBanner .subbannerTitle {font-size: 20px!important;}
.hmBanner .bannerDesc {padding: 16px 56px;font-size: 20px;}
.hmBanner75 .bannerTitle {font-size: 18px!important;}
.hmBanner75 .bannerDesc {padding: 8px 21px;font-size: 12px;}
/* --- CSS images */
.css-image-mobile, .css-image-ipad, .css-image-desktops {display:none;background: none !important;}
.css-image-laptops {display:block;}
/* -- Product Repeaters */
.item-repeater-outer {flex-basis:16.66%; min-width:16.66%;width:16.66%;}
.standardBSitems .item-bs {flex-basis:16.66%; min-width:20%;width:16.66%;}
/* -- BLOG ----- */
.blogContainer.overflow > div { width:20%!important;}
.overflow > div:nth-last-of-type(2) { display:none}
}
/* Image Media Queries */
@media screen and (max-width : 320px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-320 {display:block !important;}
}
@media screen and (min-width : 321px) and (max-width : 414px)
{
.css-image-320, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-414 {display:block !important;}
}
@media screen and (min-width : 415px) and (max-width : 767px)
{
.css-image-414, .css-image-320, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-767 {display:block !important;}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
.css-image-414, .css-image-767, .css-image-320, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1024 {display:block !important;}
}
@media screen and (min-width : 1025px) and (max-width : 1440px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-320, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1440 {display:block !important;}
}
@media screen and (min-width : 1441px) and (max-width : 1800px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-320, .css-image-4k {display:none !important; background: none !important;}
.css-image-1800 {display:block !important;}
}
@media screen and (min-width : 1801px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-320 {display:none !important;/* background: none !important; */}
.css-image-4k {display:block !important;}
}/* General HTML */
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a, a:hover, a:focus {
outline: none;
text-decoration: none;
}
input[type="text"] {
-webkit-appearance: none;
overflow: hidden;
border-radius: 0;
background: rgba(255, 255, 255, 0);
color: cornflowerblue !important;
font-size: initial;
}
a img {
border: none
}
select::-ms-expand {
display: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
.loading {
display: none
}
.flex-container {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}
.flipmeContain {
background-size: contain !important;
}
.imgCtr, .imgCtr25, .imgCtr50, .imgCtr75, .imgCtr75a, .imgCtrHome {
position: relative;
float: left;
width: 100%;
}
.imgCtr:after, .imgCtr25:after, .imgCtr50:after, .imgCtr75:after, .imgCtr75a:after, .imgCtrHome:after {
content: "";
display: block;
width: 100%;
}
.imgCtr:after {
padding-bottom: 100%;
}
.imgCtr25:after {
padding-bottom: 25%;
}
.imgCtr50:after {
padding-bottom: 50%;
}
.imgCtr75:after {
padding-bottom: 75%;
}
.imgCtr75a:after {
padding-bottom: calc(75% + 4px);
}
.imgCtrHome:after {
padding-bottom: 40%;
}
/* Integrated Fonts */
@font-face {
font-family: 'FontAwesome';
src: url('/font/fontawesome-webfont.eot?v=4.3.0');
src: url('/font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/font/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0)
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul > li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before, .fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before, .fa-users:before {
content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before, .fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158"
}
.fa-won:before, .fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-genderless:before, .fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
@font-face {
font-family: 'FontAwesome';
src: url('/font/fontawesome-webfont.eot?v=4.3.0');
src: url('/font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/font/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0)
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul > li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before, .fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before, .fa-users:before {
content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before, .fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158"
}
.fa-won:before, .fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-genderless:before, .fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
/* --- End of Font Awesome --- */
[class*=" icon-"], [class^=icon-], [data-icon]: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: grayscale
}
@font-face {
font-family: feather;
src: url(/font/feather-webfont.eot);
src: url(/font/feather-webfont.eot?#iefix) format("embedded-opentype"),url(/font/feather-webfont.woff) format("woff"),url(/font/feather-webfont.ttf) format("truetype"),url(/font/feather-webfont.svg#feather) format("svg");
font-weight: 400;
font-style: normal
}
[data-icon]:before {
content: attr(data-icon)
}
.icon-eye:before {
content: "\e000"
}
.icon-paper-clip:before {
content: "\e001"
}
.icon-mail:before {
content: "\e002"
}
.icon-toggle:before {
content: "\e003"
}
.icon-layout:before {
content: "\e004"
}
.icon-link:before {
content: "\e005"
}
.icon-bell:before {
content: "\e006"
}
.icon-lock:before {
content: "\e007"
}
.icon-unlock:before {
content: "\e008"
}
.icon-ribbon:before {
content: "\e009"
}
.icon-image:before {
content: "\e010"
}
.icon-signal:before {
content: "\e011"
}
.icon-target:before {
content: "\e012"
}
.icon-clipboard:before {
content: "\e013"
}
.icon-clock:before {
content: "\e014"
}
.icon-watch:before {
content: "\e015"
}
.icon-air-play:before {
content: "\e016"
}
.icon-camera:before {
content: "\e017"
}
.icon-video:before {
content: "\e018"
}
.icon-disc:before {
content: "\e019"
}
.icon-printer:before {
content: "\e020"
}
.icon-monitor:before {
content: "\e021"
}
.icon-server:before {
content: "\e022"
}
.icon-cog:before {
content: "\e023"
}
.icon-heart:before {
content: "\e024"
}
.icon-paragraph:before {
content: "\e025"
}
.icon-align-justify:before {
content: "\e026"
}
.icon-align-left:before {
content: "\e027"
}
.icon-align-center:before {
content: "\e028"
}
.icon-align-right:before {
content: "\e029"
}
.icon-book:before {
content: "\e030"
}
.icon-layers:before {
content: "\e031"
}
.icon-stack:before {
content: "\e032"
}
.icon-stack-2:before {
content: "\e033"
}
.icon-paper:before {
content: "\e034"
}
.icon-paper-stack:before {
content: "\e035"
}
.icon-search:before {
content: "\e036"
}
.icon-zoom-in:before {
content: "\e037"
}
.icon-zoom-out:before {
content: "\e038"
}
.icon-reply:before {
content: "\e039"
}
.icon-circle-plus:before {
content: "\e040"
}
.icon-circle-minus:before {
content: "\e041"
}
.icon-circle-check:before {
content: "\e042"
}
.icon-circle-cross:before {
content: "\e043"
}
.icon-square-plus:before {
content: "\e044"
}
.icon-square-minus:before {
content: "\e045"
}
.icon-square-check:before {
content: "\e046"
}
.icon-square-cross:before {
content: "\e047"
}
.icon-microphone:before {
content: "\e048"
}
.icon-record:before {
content: "\e049"
}
.icon-skip-back:before {
content: "\e050"
}
.icon-rewind:before {
content: "\e051"
}
.icon-play:before {
content: "\e052"
}
.icon-pause:before {
content: "\e053"
}
.icon-stop:before {
content: "\e054"
}
.icon-fast-forward:before {
content: "\e055"
}
.icon-skip-forward:before {
content: "\e056"
}
.icon-shuffle:before {
content: "\e057"
}
.icon-repeat:before {
content: "\e058"
}
.icon-folder:before {
content: "\e059"
}
.icon-umbrella:before {
content: "\e060"
}
.icon-moon:before {
content: "\e061"
}
.icon-thermometer:before {
content: "\e062"
}
.icon-drop:before {
content: "\e063"
}
.icon-sun:before {
content: "\e064"
}
.icon-cloud:before {
content: "\e065"
}
.icon-cloud-upload:before {
content: "\e066"
}
.icon-cloud-download:before {
content: "\e067"
}
.icon-upload:before {
content: "\e068"
}
.icon-download:before {
content: "\e069"
}
.icon-location:before {
content: "\e070"
}
.icon-location-2:before {
content: "\e071"
}
.icon-map:before {
content: "\e072"
}
.icon-battery:before {
content: "\e073"
}
.icon-head:before {
content: "\e074"
}
.icon-briefcase:before {
content: "\e075"
}
.icon-speech-bubble:before {
content: "\e076"
}
.icon-anchor:before {
content: "\e077"
}
.icon-globe:before {
content: "\e078"
}
.icon-box:before {
content: "\e079"
}
.icon-reload:before {
content: "\e080"
}
.icon-share:before {
content: "\e081"
}
.icon-marquee:before {
content: "\e082"
}
.icon-marquee-plus:before {
content: "\e083"
}
.icon-marquee-minus:before {
content: "\e084"
}
.icon-tag:before {
content: "\e085"
}
.icon-power:before {
content: "\e086"
}
.icon-command:before {
content: "\e087"
}
.icon-alt:before {
content: "\e088"
}
.icon-esc:before {
content: "\e089"
}
.icon-bar-graph:before {
content: "\e090"
}
.icon-bar-graph-2:before {
content: "\e091"
}
.icon-pie-graph:before {
content: "\e092"
}
.icon-star:before {
content: "\e093"
}
.icon-arrow-left:before {
content: "\e094"
}
.icon-arrow-right:before {
content: "\e095"
}
.icon-arrow-up:before {
content: "\e096"
}
.icon-arrow-down:before {
content: "\e097"
}
.icon-volume:before {
content: "\e098"
}
.icon-mute:before {
content: "\e099"
}
.icon-content-right:before {
content: "\e100"
}
.icon-content-left:before {
content: "\e101"
}
.icon-grid:before {
content: "\e102"
}
.icon-grid-2:before {
content: "\e103"
}
.icon-columns:before {
content: "\e104"
}
.icon-loader:before {
content: "\e105"
}
.icon-bag:before {
content: "\e106"
}
.icon-ban:before {
content: "\e107"
}
.icon-flag:before {
content: "\e108"
}
.icon-trash:before {
content: "\e109"
}
.icon-expand:before {
content: "\e110"
}
.icon-contract:before {
content: "\e111"
}
.icon-maximize:before {
content: "\e112"
}
.icon-minimize:before {
content: "\e113"
}
.icon-plus:before {
content: "\e114"
}
.icon-minus:before {
content: "\e115"
}
.icon-check:before {
content: "\e116"
}
.icon-cross:before {
content: "\e117"
}
.icon-move:before {
content: "\e118"
}
.icon-delete:before {
content: "\e119"
}
.icon-menu:before {
content: "\e120"
}
.icon-archive:before {
content: "\e121"
}
.icon-inbox:before {
content: "\e122"
}
.icon-outbox:before {
content: "\e123"
}
.icon-file:before {
content: "\e124"
}
.icon-file-add:before {
content: "\e125"
}
.icon-file-subtract:before {
content: "\e126"
}
.icon-help:before {
content: "\e127"
}
.icon-open:before {
content: "\e128"
}
.icon-ellipsis:before {
content: "\e129"
}
/* -- typography */
.cblock {
height: 100px;
}
.code {
font-size: small;
color: #999;
display: block;
margin: 7px 0
}
.article-title {
border-top: 1px solid rgba(0,0,0,0.12);
margin-bottom: 1.5em !important;
overflow: hidden;
padding-top: 1.5em;
margin: 1.5em 0 !important;
}
.fontawesome div {
float: left;
width: 200px;
margin-top: 22px;
}
.fontawesome div a {
display: block;
color: #222222;
line-height: 42px;
height: 42px;
padding-left: 10px;
border-radius: 4px;
text-decoration: none
}
.fontawesome div a .fa {
width: 32px;
font-size: 14px;
display: inline-block;
text-align: right;
margin-right: 10px;
}
.fontawesome div a:hover {
background-color: #000;
color: #ffffff;
text-decoration: none;
}
.fontawesome div a:hover .fa {
font-size: 28px;
vertical-align: -6px;
}
.fontawesome div > span:first-of-type {
display: inline-block;
color: #222222;
line-height: 42px;
height: 42px;
padding-left: 10px;
border-radius: 4px;
text-decoration: none;
margin-right: 18px;
font-size: x-large;
}
.fontawesome div > span:nth-child(2) {
display: block
}
.fontawesome div > span {
font-size: smaller
}
.colList div {
margin-bottom: 7px;
}
.regular > li a {
display: block;
margin-bottom: 6px;
border-radius: 5px;
padding: 12px;
line-height: 1.6em;
color: #484848
}
.regular > li a:hover {
background: #f2f2f2
}
.regular > li.selected a {
background: #ccebf3
}
.fwb {
font-weight: 600
}
.disc {
list-style: disc;
padding-left: 15px;
}
/* Transitions */
.transition, .button, .flex-viewport, .flexslider, .flex-direction-nav {
-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;
}
/* FlexSlider */
.flex-container a:active, .flexslider a:active {
outline: none;
border: 0;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.flex-viewport {
max-height: 2000px;
min-height: 24px;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px
}
html[xmlns] .slides {
display: block;
padding: 0;
margin: 0;
}
* html .slides {
height: 1%;
}
.flexslider {
width: 100%;
position: relative;
zoom: 1;
margin: 0;
padding: 0;
}
.flexslider ul {
padding: 0;
margin: 0;
}
.flexslider .slides > li {
position: relative;
list-style: none;
-webkit-backface-visibility: hidden;
}
.no-js .slides > li:first-child {
display: block;
}
.flexslider .slides img {
max-width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.flex-container {
width: 100%;
zoom: 1;
position: relative;
}
.flex-caption {
background: none;
zoom: 1;
position: absolute;
bottom: 0px;
color: #666;
font-size: 0;
line-height: 50px;
width: 100%;
box-sizing: border-box;
padding: 0.75em;
}
.flex-caption span {
text-decoration: none;
color: #000;
font-weight: normal;
margin: 0;
padding: 7px 14px;
background: rgba(255, 255, 255, 0.9);
display: inline-block;
line-height: 150%;
float: left;
}
.flex-caption span:first-child {
clear: both
}
.hmBannerSmallContainer a:hover > .flex-caption > span {
background: #00aeef;
color: #ffffff;
}
.bannerTextsmall {
font-size: 10px;
display: none
}
span.Description {
line-height: 100%;
text-decoration: none;
font-size: 11px;
color: #333;
font-weight: normal;
margin: 0;
padding: 0;
padding: 7px 7px 7px 14px;
background: rgba(255, 255, 255, 0.8);
float: left;
clear: both
}
span.link {
text-decoration: none;
color: #00aeef;
font-weight: normal;
margin: 0;
padding: 3px 7px;
line-height: 150%;
float: none;
margin-left: 7px;
background: none;
}
.flexslider .slides > li a:hover p.flex-caption span.link {
background: #00aeef;
color: #FFF
}
.flexslider .slides > li a:hover p.flex-caption strong {
color: #333;
}
.flex-direction-nav li {
list-style: none
}
.flex-direction-nav li a {
width: 36px;
height: 36px;
margin: -13px 0 0;
display: block;
position: absolute;
top: 49%;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
-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;
overflow: hidden;
}
.flex-direction-nav li a:before {
font-family: 'FontAwesome';
display: block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
color: #484848;
background: rgba(255,255,255,0.95);
border-radius: 100%;
text-indent: 0px;
font-size: 24px;
}
.flex-direction-nav > li > a.flex-next {
right: 0;
z-index: 2;
}
.flex-direction-nav > li > a.flex-next:before {
content: '\f105';
}
.flex-direction-nav li .flex-prev {
left: 0;
z-index: 2;
}
.flex-direction-nav > li > a.flex-prev:before {
content: '\f104';
}
.flexslider:hover .flex-next {
opacity: 0.8;
right: 28px;
}
.flexslider:hover .flex-prev {
opacity: 0.8;
left: 28px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav li .flex-disabled {
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
display: none
}
.flex-control-nav { /* position: absolute; */
bottom: 7px;
text-align: center;
z-index: 2;
}
.flex-control-nav li {
margin: 0 3px;
display: inline-block;
zoom: 1;
}
.flex-control-nav li a {
width: 9px;
height: 9px;
display: block;
background: #666;
background: rgba(188,178,169,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.flex-control-nav li a.active {
background: #6280A8;
background: rgba(98,128,168,0.8);
}
.flex-control-nav li a:hover {
background: #333;
background: rgba(170,160,149,0.7);
}
.flex-control-nav li a.flex-active {
background: #000;
background: rgba(170,160,149,0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
/* END - FlexSlider */
/* fancybox */
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(/layout/fancybox/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
z-index: 1100;
display: none;
min-width: 100%;
}
#fancybox-tmp {
border: 0;
overflow: auto;
display: none;
margin: 0;
padding: 0;
}
#fancybox-wrap {
position: fixed;
top: 0 !important;
left: 0 !important;
z-index: 1101;
outline: none;
display: none;
padding: 0px;
width: 100% !important;
height: 100% !important;
}
#fancybox-outer {
position: relative;
width: 100%;
min-height: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
overflow-y: auto;
}
#fancybox-content {
height: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
top: 0;
margin: 0 auto;
width: 100% !important;
padding: 16px;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: 28px;
right: 28px;
cursor: pointer;
z-index: 1103;
padding: 23px;
display: none;
background: rgba(0, 0, 0, 0.8);
}
#fancybox-close:before {
content: '\f00d';
font-size: 24px !important;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
margin: 0;
padding: 14px;
}
#fancybox-img {
max-width: 100%;
height: 100%;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
margin: 0 auto;
padding: 0;
display: block;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0;
height: 100%;
width: 100%;
cursor: pointer;
outline: none;
background: transparent url(/layout/fancybox/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
left: 16px;
}
#fancybox-right-ico {
right: 16px;
left: auto;
}
#fancybox-left-ico:before, #fancybox-right-ico:before, #fancybox-close:before {
font-size: 50px;
font-family: 'FontAwesome';
display: block;
text-align: center;
color: #FFF;
}
#fancybox-left-ico:before {
content: '\f104';
}
#fancybox-right-ico:before {
content: '\f105';
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible;
}
/* Customer Rewards Page */
.crPageHeader {
}
.crPageHeader h1 {
margin: 8px 0;
}
.crPageHeader h2 {
margin: 0;
color: #8dc63f
}
.crPageExplain {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
.crPageExplain .col-3, .crPageExplain .col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: stretch;
}
.crPageExplain .col-3 .col-1, .crPageExplain .col-2 .col-1 {
background: #e1e1e1;
}
.crHelpMe {
background: #f3d3d3 !important
}
.crHelpMe h4, .crHelpMe h3, .crHelpMe a {
color: #f5373c !important
}
.crPagePointsDisplay {
background: #e5f0d6 !important
}
.crPagePointsDisplay h4, .crPagePointsDisplay h3, .crPagePointsDisplay a {
color: #8dc63f !important
}
.crPagePointsDisplay .crPointsBalance, .crPagePointsDisplay .crPointsValue {
font-size: 32px;
}
.crPageInfo {
margin: 16px 0 0 0
}
.crPageInfo .warning {
color: dodgerblue;
background: none;
border-left: 0;
border-bottom: 1px solid dodgerblue;
padding-bottom: 4px;
}
.crPageInfo a {
display: inline-block;
padding: 4px 16px;
margin: 0 8px 8px 8px;
border-radius: 4px;
background: none;
border: 1px solid #31353E;
color: #31353E;
-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;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
}
.crPageInfo a:hover {
color: white;
background: #8dc63f;
border: 1px solid #8dc63f;
}
.crLinkForm {
position: relative;
display: inline-block
}
.crLinkFormPassword {
float: left;
}
.crLinkFormPassword > input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 34px;
border-left: 1px solid #31353E;
border-top: 1px solid #31353E;
border-bottom: 1px solid #31353E;
border-right: 0;
padding: 0 8px;
font-size: 14px;
font-family: inherit;
-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;
}
.crLinkFormButton {
float: right;
}
.crLinkFormButton > a {
margin: 0;
border-radius: 0;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 34px;
line-height: 34px;
padding: 0 16px;
}
.crLinkFormButton:hover + .crLinkFormPassword > input {
border-left: 1px solid #8dc63f;
border-top: 1px solid #8dc63f;
border-bottom: 1px solid #8dc63f;
border-right: 0;
}
.hdrRewardsTitle {
float: left;
margin-right: 4px;
}
.crNotLoggedIn, .crAccNotActive, .crNoAccFound, .crLnkAccounts, .crViewOffers {
color: #8dc63f !important;
border-bottom: 1px solid #d4d4d4;
}
.crNotLoggedIn:hover, .crAccNotActive:hover, .crNoAccFound:hover, .crLnkAccounts:hover, .crViewOffers:hover {
color: #7fd805;
border-bottom: 1px solid #7fd805
}
.detail-custmerRewardsBasket {
position: absolute;
right: 0;
top: 3px;
padding: 0
}
.detail-custmerRewardsBasket span.icon {
display: block;
width: 21px;
height: 21px;
float: left
}
.detail-custmerRewardsBasket div {
float: right
}
.CRpointBasket {
text-transform: capitalize;
font-size: 12px;
font-weight: bold;
color: #33333;
margin-right: 5px;
margin: 0;
padding: 0;
float: left;
text-indent: 0px;
margin: 0px 0 3px 0px;
}
.CRpointBasket b {
color: #4f9a11;
}
.CRcopyBasket {
text-transform: capitalize;
font-size: 12px;
margin: 0px 0px 0px 3px;
float: left
}
.crShoppingCart {
}
.crShoppingCartHeader {
font-size: 24px;
color: #6C884D;
font-style: normal;
text-decoration: none;
background: url(layout/rewards/reward-small.png) no-repeat;
background-position: 0px 3px;
text-align: left;
padding: 0px 1em 1em 2em;
margin-bottom: 0.5em;
}
.crShoppingCartCopy, .crShoppingCartPoints {
color: #769355;
position: relative;
width: 100%;
line-height: 150%;
}
.crShoppingCartPoints {
}
.crShoppingCartPoints > input { /* position:absolute; */ /* right: 0; */ /* top: -43px; */
padding-top: 18px;
display: block;
}
#CustomerRewardsApplyPoints_panPointsApplied {
font-size: 8.5pt;
color: #769355;
font-weight: bold;
font-style: normal;
text-decoration: none;
background: #ebf6d9;
text-align: left;
border-bottom: 1px solid #acd373;
border-top: 1px solid #acd373;
padding: 14px 45px 14px 14px;
position: relative;
width: 100%;
margin-top: 7px;
}
#CustomerRewardsApplyPoints_panPointsApplied > input {
position: absolute;
right: 14px;
top: 6px
}
/* Customer Rewards Promotions */
ul.crCurrentPromo {
display: block;
width: 980px;
list-style: none;
padding: 0px;
margin: 0px 14px 14px 0px;
background: #f6f9e8;
float: left;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 14px solid #f6f9e8
}
ul.crCurrentPromo li {
font-size: 10px;
color: #666;
padding: 0px;
margin: 0px 0px 7px 0px;
float: left;
display: block;
width: 100%
}
ul.crCurrentPromo li.crName {
font: 21px/150%;
color: #718a10;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #9ba76a
}
ul.crCurrentPromo li.crNote {
display: block;
width: 42px;
border-right: 1px solid #9ba76a
}
ul.crCurrentPromo li.crDescription {
font: 12px/150%;
color: #718a10;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #9ba76a
}
ul.crCurrentPromo li.crStartDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crCurrentPromo li.crEndDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crCurrentPromo li.crValue {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crCurrentPromo li.crType {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo {
display: block;
width: 980px;
list-style: none;
padding: 0px;
margin: 0px 14px 14px 0px;
background: #fafafa;
float: left;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 14px solid #fafafa
}
ul.crFuturePromo li {
font-size: 10px;
color: #666;
padding: 0px;
margin: 0px 0px 7px 0px;
float: left;
display: block;
width: 100%
}
ul.crFuturePromo li.crName {
font: 21px/150%;
color: #666;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #e5e5e5
}
ul.crFuturePromo li.crNote {
display: block;
width: 42px;
border-right: 1px solid #e5e5e5
}
ul.crFuturePromo li.crDescription {
font: 12px/150%;
color: #666;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #e5e5e5
}
ul.crFuturePromo li.crStartDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo li.crEndDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo li.crValue {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo li.crType {
text-indent: 7px;
width: 196px;
font-weight: bold
}
/* -- Sitemap */
.siteMap > ul {
margin: 0;
padding: 0;
}
.siteMap > ul > li {
width: 50%;
padding: 16px;
float: left;
list-style: none;
}
.siteMap a {
border: none;
color: #000 !important
}
.siteMap > ul > li > a {
font-size: 1.5em;
border-bottom: 1px solid #000;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
display: block;
width: 100%;
}
.brandLanding {
}
.brandLanding a {
display: inline-block;
margin: 1em 0.5em;
text-decoration: none;
}
.brandPageLogo, .brandPageLink {
display: block;
}
.brandPageLogo {
outline: 1px solid #f7f7f7;
width: 140px;
height: 140px;
}
.brandPageLink {
line-height: 1.5em;
margin: 0.5em 0 0 0;
}
/* accordion */
.accordionContent {
display: none;
background-position: 75px -23px !important;
width: 100%;
float: left;
}
.accordion {
outline: 1px solid #dddddd;
display: block;
clear: both
}
.accordion > div {
border-bottom: 1px solid #ddd;
}
.accordion > div:nth-last-child(1) {
border-bottom: none
}
.accordionSelection, .accordionStyle {
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
margin: 0;
line-height: 150%;
}
.accordionSelection {
background: url(layout/dropdown-side.png) no-repeat 30px 51% #fff;
padding: 21px 28px 21px 66px;
display: block;
text-decoration: none;
}
.accordionSelection:hover strong {
color: #000333;
text-decoration: underline
}
.accordionSelection.active {
background: url(layout/dropdown.png) no-repeat 26px 50% #fff;
cursor: default
}
.accordionSelection.active:hover strong {
color: #000333;
text-decoration: none;
}
.accordionContent.active {
background: #fff !important
}
.accordionSelection img {
display: inline-block;
opacity: 0.5;
vertical-align: text-top;
margin-right: 2px;
}
.accordionSelection.active img {
opacity: 1
}
.accordionStyle {
padding: 0 56px;
height: 1%;
overflow: hidden;
display: block;
}
.accordionStyle div {
display: block
}
/* Starbuys -------------------------------------------------------------------------------------------*/
.taContainerSmall {
background: #FFFFFF;
padding: 0px !important;
}
.taContentContainerSmall {
text-align: left;
}
.taTitle {
width: 100%;
border-bottom: 1px solid #E9D9EA;
text-transform: uppercase;
font-size: smaller !important;
letter-spacing: 2px;
}
.taImg {
position: relative;
overflow: hidden;
position: relative;
overflow: hidden;
}
.taImg span {
position: absolute;
background: #BD80BD;
left: -8px;
top: -40px;
padding: 48px 22px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.taImg span:after {
content: "\f02b";
font: 14px FontAwesome;
color: #FFFFFF;
position: absolute;
left: 22px;
top: 44px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.taImg img {
float: left;
width: 100% !important;
margin-bottom: 16px;
}
.taTogeather, .taSeperately {
padding: 0;
list-style: none;
}
.taTogeather li, .taSeperately li {
margin: 16px 0px;
}
.taTogeather {
color: #a664a8;
line-height: 180%;
}
.taTogeather span, .taSeperately span {
line-height: 150%;
width: 63%;
display: inline-block;
vertical-align: text-top;
padding: 0;
margin: 0;
}
.taTogeather span:nth-child(2), .taSeperately span:nth-child(2) {
padding: 0 16px;
width: 34%;
}
.taSeperately {
font-size: smaller;
line-height: 150%;
line-height: 225%; /* padding: 0 16px; */
}
.taContentContainerSmall h2 {
margin: 16px 0;
}
.taContentContainerSmall h3 {
color: #a664a8;
font-size: 18px;
padding: 0 0 16px 0;
margin: 0;
text-align: left;
}
.taPromoTitleMultiItem {
padding: 0 0 16px 0;
margin: 0 0 16px 0;
color: rgba(255, 255, 255, 0.49);
}
.taPromoTitleMultiItem span {
color: rgb(9, 9, 11);
line-height: 200%;
}
.taPromoTextMultiItem, .taPromoTextMultiItem p {
margin: 0;
padding: 32px 0;
color: #BC8BBE;
margin: 0 auto;
}
.taAddMessage {
display: block;
clear: both;
}
#prodInfoLeft {
border-right: none;
}
.flexsliderMIVThumbnails {
display: none;
}
.flexsliderMIV .flex-direction-nav {
border-bottom: 1px solid #e1e1e1;
display: none;
}
.detailReviewFAQ > .col-2:nth-of-type(1) {
border-bottom: 1px solid #e1e1e1;
border-right: none;
margin: 0 0 16px 0;
min-height: auto
}
.flexsliderReviews .flex-control-nav {
display: block !important;
}
#StarbuysPopup {
background: rgba(0, 0, 0, 0);
color: white;
width: 100%;
height: 100%;
float: left;
}
#StarbuysPopup .col-2 {
color: white;
}
.StarbuysPopupTop p {
color: #999
}
.StarbuysPopupTop span:after {
content: "\f02b";
font: normal normal normal 18px/1 FontAwesome;
color: #BD80BD;
}
.StarbuysPopupTop h2 {
color: white;
font-size: 1.5em;
}
.StarbuysPopupTop h2 span {
color: #dddbf0
}
.StarbuysPopupBottom {
float: left;
width: 100%;
}
.StarbuysPopupBottom p {
height: 51px;
line-height: 51px;
color: white;
margin: 0;
font-size: 0.75em;
}
.StarbuysPopupBottom p a {
color: #999;
border-bottom: 1px solid #999;
padding-bottom: 8px;
}
.StarbuysPopupBottom .button {
background: none !important;
background-color: #BD80BD !important;
color: #fff;
}
.StarbuysPopupBottom .button:hover {
background: #A553A5 !important;
color: #FFFFFF !important;
}
/* -- Star Buys Promotion Page -- */
.taTitleContainer {
background: #BD80BD;
color: #fff;
margin-bottom: 18px;
}
.taTitleContainer h1, .taTitleContainer h2, .taTitleContainer h3 {
color: #fff;
font-weight: normal;
margin: 0;
}
.taTitleContainer h1 span {
color: #ccccff
}
.taTitleContainer a {
color: #ccccff;
text-decoration: none;
}
.taContainer {
}
.taNoButton {
margin-bottom: 4px;
display: inline-block
}
.taBorderBottom {
border-bottom: 1px solid #BD80BD
}
.taGreyBackground {
background: #f4f5f6
}
.taStrapline {
display: block;
color: #7873b0;
}
.sbButton {
border-color: #7873b0;
color: #7873b0;
border-style: solid;
border-width: 1px;
margin: 1em 0
}
.sbButton:hover {
background: #7873b0;
color: #fff;
}
.taNoButton {
text-decoration: none;
font-size: 0.8em;
border-bottom: 1px solid #C7C7C7;
padding-bottom: 7px;
}
.taBskt, .taMultiItemTextContainer h2, #lblCatPercent {
color: #7873b0;
}
.taMultiItemContainer, .taSingleItemContainer {
position: relative
}
.taMultiItemImageContainer {
}
.taMultiItemImageContainer img {
max-width: 100%
}
.taMultiItemTextContainer {
}
.taRepeatContainerOuter {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
.taRepeatContainerOuter > .col-3 {
flex-basis: 33.33%
}
.taMultiItemRepeater {
vertical-align: top;
margin: 0
}
.taMultiItemRepeaterContent {
}
.taMultiItemRepeaterContent .taImg img {
padding: 0 !important
}
.taMultiItemRepeaterImageContainer {
background-size: cover !important;
border-right: 1px solid #e1e1e1
}
.taMultiItemRepeaterContentContainer {
padding: 1em
}
.taMoreInfo {
}
.taMultiItemAttributes {
}
.taMultiItemProducts {
float: right;
}
.taclAttributeGridContainer {
}
.taclAttributeGrid {
padding: 0;
margin: 0 0 8px 0;
width: 100%;
float: left;
display: flex;
flex-wrap: wrap;
}
.taclAttributeGrid li {
list-style: none;
display: block;
height: 48px;
line-height: 48px;
background: #f4f4f4;
}
.taname {
height: auto !important;
background: #fafafa;
padding: 0 16px;
flex-grow: 1;
width: 50%;
}
.taprice {
background: #f4f4f4;
padding: 0 16px;
width: 50%;
}
.tastock {
padding: 0 16px;
}
.tastock .OutofStockCSS {
height: 48px;
}
.taadd {
flex-grow: 1;
float: left;
}
.taadd img {
width: 100%;
height: 48px;
display: block;
cursor: pointer;
background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;
background-position: center center;
}
/* -- currency */
.div-currency-mini {
margin: 0 0 7px 0 !important;
width: 100%;
padding: 0;
float: left;
}
.div-currency-mini, .div-currency-mini ul, .div-currency-mini li {
padding: 0;
margin: 0;
list-style: none;
}
.div-currency-mini .currencyConverted {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
color: #3e7ca3;
}
.div-currency-mini .currencyCode {
display: none;
}
.div-currency-mini .valueContainer {
width: 120px;
}
.div-currency-mini .isoFlag {
margin: 0 5px 0 0;
}
.currency a {
float: left;
width: 100%;
margin-bottom: 7px;
font-size: 12px;
color: #496D9D;
background: url(/layout/shoppingbasket/flags-sm.jpg) no-repeat;
padding-left: 60px;
background-position: 5px
}
.CurrenciesContainer {
display: none;
}
#CurrenciesList {
display: inline;
margin: 0;
}
#CurrenciesList li {
float: left;
list-style: none;
border-bottom: 1px solid #dddddd;
padding-bottom: 7px;
margin-bottom: 7px;
list-style: none;
width: 100%;
font-size: 12px;
text-align: left;
}
#CurrenciesList li:nth-last-child(1) {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 10px;
text-align: center
}
#CurrenciesList li > span:first-child {
width: 45%;
float: left;
text-align: right;
padding-right: 7px;
}
.div-currency {
width: 100%;
background: #fff;
float: left;
margin: 0;
padding: 0;
height: 1%;
overflow: hidden;
margin: 7px 0;
padding: 14px 0;
}
.div-currency ul {
list-style: none;
padding: 0px;
margin: 0px;
text-align: center;
}
.div-currency ul li {
display: inline-block;
width: 105px;
}
.isoFlag {
display: inline-block;
width: 32px;
margin-right: 5px;
vertical-align: text-top;
padding: 0;
height: 19px;
vertical-align: middle;
}
.valueContainer {
display: block;
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.currencyConverted {
font-size: 8.5pt;
font-weight: bold;
display: block;
padding: 0;
margin: 0px;
line-height: 100%;
text-align: left;
font-family: arial;
}
.currencyCode {
font-size: 6.5pt;
color: #999;
display: inline-block;
padding: 0px;
margin: 2px 0px 0px 0px;
line-height: 100%;
float: left
}
.CurrenciesContainer {
width: 100%;
height: 32px;
background: #fff;
display: block;
margin: 14px 0px 14px 133px
}
.CurrenciesContainer ul {
list-style: none;
padding: 0px;
margin: 0px
}
.CurrenciesContainer ul li {
display: block;
width: 100px;
height: 32px;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left
}
.currencyBox {
display: block;
width: 100%;
height: 106px;
border-bottom: 1px solid #e5e5e5
}
.currencyHdr {
display: block;
width: 100%;
height: 25px;
font-size: 12pt;
font-weight: bold;
text-align: center
}
.indicate {
display: block;
width: 100%;
height: 35px;
font-size: 8.5pt;
font-weight: normal;
text-align: center;
color: #666;
margin-top: 7px;
}
.currencyShoppingCart {
width: 100%;
float: left;
margin: 0;
padding: 0;
height: 1%;
overflow: hidden;
}
.currencyShoppingCart ul {
padding: 0;
margin: 0;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: row;
}
.currencyShoppingCart ul li {
float: none;
display: inline-block;
list-style: none;
margin: 0.5em 0em;
width: 33.33%;
}
.indicateShoppingCart {
display: block;
width: 100%;
font-size: 8.5pt;
font-weight: normal;
color: #666;
margin: 0;
clear: both;
float: left
}
/* -- Fixed width of 268px - Product Repeaters, Better Search Items, etc -- */
div.repeater {
width: 268px;
margin: 16px;
overflow: hidden;
display: inline-block !important;
float: none;
text-align: left;
vertical-align: top;
position: relative;
}
div.repeater .itemImage {
width: 268px;
height: 268px;
background-size: contain !important;
}
div.repeater .itemImage a {
width: 268px;
height: 268px
}
div.repeater .itemInfo {
width: 268px;
height: 130px;
}
div.repeater .itemInfo a {
display: block;
width: 268px;
height: 130px;
background: #fafafa;
font-size: 0.9em;
color: #707070;
text-decoration: none
}
div.repeater .productName {
padding: 0 0 8px 0;
display: block;
width: 100%;
}
.nowPrice-repeater {
font-family: 'roboto';
color: #707070;
display: inline-block;
}
.standardPrice-repeater {
font-family: 'roboto';
color: #707070;
text-decoration: line-through;
display: inline-block;
margin: 0 8px 0 0;
}
.percentOff-repeater {
font-family: 'roboto';
color: tomato;
display: inline-block;
margin: 0
}
/* Remarketing */
.banners > div {
display: inline-block;
margin-right: 28px;
vertical-align: middle;
}
.bannersContiner {
background: #efefef
}
.bannersBrands { /* float:left */
}
.banners small {
font-size: 10px;
color: #999
}
.bannersAll {
margin: 0;
padding: 28px;
float: left;
width: 50%
}
.bannersAll li {
float: left;
list-style: none;
width: 100%;
padding: 7px;
border-bottom: 1px solid #efefef
}
.bannersAll li:hover {
background: #f5f5f5
}
.bannersAll li:nth-child(2) {
border-bottom: 1px solid #ccc
}
.bannersAll li div {
float: left;
}
.bannersAll li div:nth-child(1) {
font-weight: bold;
width: 25%
}
.bannersAll li div:nth-child(2) {
width: 55%
}
.bannersAll li div:nth-child(3) {
width: 20%
}
.bannersTable {
padding: 21px;
}
.bannersTable table tr td {
padding: 7px;
}
.bannersTable table th {
border-bottom: 1px solid #ccc;
font-weight: normal;
padding: 7px;
}
.bannersTable table tr td {
border-bottom: 1px solid #efefef;
}
.bannersTable table tr td:nth-child(2), .bannersTable table tr th:nth-child(2) {
width: 60%
}
.bannersTable table small {
font-size: 10px;
color: #999;
padding: 7px 0 0 0;
float: left;
}
.google, .webgains {
border: 1px solid #E2E2D9;
display: inline-block;
position: relative;
margin: 28px 14px 0;
padding: 27px;
}
.google a, .webgains a {
display: inline-block;
position: relative;
}
.google img, .webgains img {
width: 200px;
outline: 1px solid #E2E2DD;
}
.google span, .webgains span {
display: block;
padding: 7px;
background: #fff; /* border: 1px solid #E2E2D9; */
}
.webgains {
display: inline-block;
}
.bannmessage {
position: absolute;
background: #FFFFFF;
padding: 0px 14px;
left: 14px;
top: -14px;
}
#brand1, #brand2, #brand3, #brand4, #brand5 {
}
.socialBanners > div {
display: inline-block;
vertical-align: middle;
margin: 28px;
}
.overlay {
background: rgba(47,53,62,.9);
padding: 7px 14px;
position: absolute;
left: 0;
top: 0
}
.overlay p, .overlay a {
color: #fff
}
.campaignBox {
border: 1px solid #E2E2D9;
display: inline-block;
position: relative;
margin: 28px 14px 0;
padding: 27px;
}
.google span, .webgains span {
display: block;
padding: 7px;
background: #fff; /* border: 1px solid #E2E2D9; */
}
/* Preferences center */
intro {
padding: 16px
}
.intro h1 {
font-size: 2em
}
.field {
border: none;
outline: none;
margin: 0;
width: 100%;
border: none;
padding: 10px 0;
clear: both;
float: left;
height: 51px;
font-size: initial;
border-bottom: 1px solid #D0D0D0;
color: cornflowerblue !important;
}
.password {
background: #eff8ff;
margin: 32px 0 0 0;
float: left;
width: 100%;
}
.segment {
background: whitesmoke
}
div.elementCtr {
width: 50%;
display: block;
float: left;
padding: 16px;
vertical-align: top
}
div.elementCtr.fw {
width: 100%;
}
div.titleCtr {
width: 100%;
display: block;
float: left;
margin: 0 0 8px 0
}
div.title {
display: inline-block;
text-align: left;
float: left;
}
div.required {
width: 48px;
display: inline-block;
float: right;
text-align: right;
color: tomato;
font-size: 0.6em
}
div.notRequired {
width: 48px;
display: inline-block;
float: right;
text-align: right;
color: #55acee;
font-size: 0.6em
}
div.managePasswordHdr {
width: 100%;
display: block;
float: left;
padding: 16px;
background: #55acee
}
div.managePasswordHdr h2 {
color: white;
font-size: 2em;
padding: 0;
margin: 0
}
div.managePasswordHdr p {
color: white
}
#pref_oldPasswordPanel {
padding: 0;
margin: 0;
width: 100%;
vertical-align: top;
display: block;
float: left
}
h2.extraDetails {
color: #55acee;
font-size: 2em;
padding: 0;
margin: 32px 0 16px 0;
}
.prefCentreWrapper {
width: 100%;
float: left;
}
div.birthdayCtr {
width: 100%;
display: inline-block
}
div.day {
width: 64px;
height: 48px;
margin: 0 11px 0 0;
display: inline-block
}
div.month {
width: 208px;
height: 48px;
display: inline-block
}
.dayField {
width: 64px;
height: 48px;
font-size: 1em;
padding: 0 0 0 8px
}
.mthField {
width: 208px;
height: 48px;
font-size: 1em;
padding: 0 0 0 8px
}
div.feetInchesCtr {
width: 100%;
display: inline-block
}
div.feetCtr {
width: 104px;
height: 48px;
margin: 0;
display: inline-block;
float: left;
text-align: left
}
div.feetField {
width: 48px;
height: 48px;
margin: 0;
display: inline-block;
float: left
}
div.feetTxt {
width: 40px;
height: 48px;
display: inline-block;
font-size: 0.6em;
color: #666;
background: #fafafa;
float: left;
line-height: 48px;
text-align: center;
border: 1px solid #a9a9a9;
border-left: none
}
.feet {
width: 48px;
height: 48px;
display: inline-block;
font-size: 1em;
text-align: center
}
div.inchesCtr {
width: 184px;
height: 48px;
margin: 0;
display: inline-block;
float: left;
text-align: left
}
div.inchesField {
width: 124px;
height: 48px;
display: inline-block;
float: left
}
div.inchesTxt {
width: 60px;
height: 48px;
display: inline-block;
font-size: 0.6em;
color: #666;
background: #fafafa;
float: left;
line-height: 48px;
text-align: center;
border: 1px solid #a9a9a9;
border-left: none
}
.inches {
width: 124px;
height: 48px;
display: inline-block;
font-size: 1em;
text-align: center
}
div.segmentCtr {
width: 100%;
height: 76px;
display: inline-block;
padding: 16px
}
div.segmentInfo {
float: left;
text-align: left
}
div.segmentTitle {
font-size: 1.2em;
margin: 0 0 8px 0;
color: #666
}
div.segmentDesc {
font-size: 0.8em;
color: #666
}
div.segmentDropDown {
float: right;
text-align: left
}
div.brandCtr {
display: inline-block;
width: 136px;
height: 168px;
vertical-align: top
}
div.brandCtr div {
background-size: contain !important;
background-repeat: no-repeat !important;
}
div#pref_brandTilePanel {
width: 100%;
padding: 16px
}
div#pref_brandTilePanel a {
display: inline-block;
vertical-align: top;
height: 173px;
width: 136px;
margin: 16px 16px 16px 0;
}
div#pref_brandTilePanel a.Selected {
display: inline-block;
vertical-align: top;
height: 173px;
width: 136px;
margin: 16px;
border-bottom: 5px solid #55acee
}
div.brandName {
height: 32px;
background: whitesmoke;
color: #333;
font-size: 0.8em;
line-height: 32px
}
.submitBtn {
display: inline-block;
width: 128px;
height: 128px;
border-radius: 128px;
text-align: center;
line-height: 128px;
background: #acd373;
text-decoration: none;
color: white;
margin: 32px 0;
font-size: 1.6em
}
/* -- Customer product builder --*/
.cpb-standardSpecPrice {
background: orange;
height: 64px;
line-height: 64px;
padding: 0 16px;
float: left;
width: 100%;
}
.cpb-standardSpecPrice .now {
font-size: 1.5em;
margin-left: 0.5em;
}
div[id*="ProductCustom1_panAttributes"] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-contents: stretch;
}
.cpb {
width: 33.33%;
flex-basis: 33.33%;
padding: 32px;
border-left: 1px solid #c6c9cd;
border-bottom: 1px solid #c6c9cd;
}
.cpb-Header {
float: left;
width: 100%;
display: block;
clear: both;
height: 45px;
}
.cpb-Header strong {
display: block;
margin: 16px 0 8px 0
}
.attBlock {
height: 64px;
background: none;
margin-bottom: 16px;
display: flex;
flex-direction: row;
clear: both;
}
.attBlock > div:nth-of-type(2) {
margin: 0 !important;
background: none !important;
height: 64px !important;
line-height: 64px;
text-align: center;
flex-grow: 0 !important;
width: auto !Important;
}
.attBlock > div {
height: 64px !important;
line-height: 64px;
font-size: 14px;
flex-grow: 0;
}
.attName {
float: left;
flex-grow: 2 !important;
width: 180px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.attImage {
float: left;
text-align: center;
max-width: 64px;
flex-grow: 0 !important;
}
.attImage img {
border: 0 !important;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
margin: 0 8px 0 0
}
.attMoreInfo a img {
display: none;
}
.attMoreInfo a:before {
content: '\f05a';
font-family: 'FontAwesome';
margin: 0 8px 0 0;
font-size: 16px;
color: #454545;
}
.attPrice {
float: right;
text-align: right;
padding: 0 16px;
}
.attSelected {
float: right;
background: none !important;
text-align: center;
max-width: 64px;
width: 64px;
flex-grow: 0 !important;
}
.attSelected input {
display: inline-block;
vertical-align: middle;
}
#cpb-summary {
}
#cpb-summary li {
border-top: 1px solid #49515d;
padding: 8px 0;
list-style: none;
}
#cpb-summary li:first-of-type {
border-top: none;
}
#cpb-summary li span {
color: white;
}
#cpb-summary li .cpb-selectedOption {
display: inline-block;
min-width: 176px;
}
#cpb-summary li .cpb-chosenAtt {
display: inline-block;
}
.cpb-summaryAttLabel {
color: orange;
font-size: 1.5em;
padding-bottom: 8px;
border-bottom: 1px solid orange;
line-height: 150%;
}
.cpb-summaryAttLabel font {
color: orange !important
}
.cpb-finalPrice {
color: orange;
font-size: 1.5em;
padding-top: 8px;
border-top: 1px solid orange;
line-height: 150%;
}
.cpb-details .col-1 {
margin: 16px 0
}
.cpb-purchaseItem {
background: #e1e1e1;
margin: 0 0 16px 0 !important;
}
.cpb-buttonAdd {
}
.cpb-buttonAdd a {
width: 100%;
display: block;
height: 64px;
background: #a2c76c;
text-align: center
}
.cpb-buttonAdd a img {
}
.cpb-allImageContainer .flex-direction-nav:after {
top: -1px;
position: relative;
}
/* Customer Rewards Page */
.crPageHeader {
}
.crPageHeader h1 {
margin: 8px 0;
}
.crPageHeader h2 {
margin: 0;
color: #8dc63f
}
.crPageExplain {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
.crPageExplain .col-3, .crPageExplain .col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: stretch;
}
.crPageExplain .col-3 .col-1, .crPageExplain .col-2 .col-1 {
background: #e1e1e1;
}
.crHelpMe {
background: #f3d3d3 !important
}
.crHelpMe h4, .crHelpMe h3, .crHelpMe a {
color: #f5373c !important
}
.crPagePointsDisplay {
background: #e5f0d6 !important
}
.crPagePointsDisplay h4, .crPagePointsDisplay h3, .crPagePointsDisplay a {
color: #8dc63f !important
}
.crPagePointsDisplay .crPointsBalance, .crPagePointsDisplay .crPointsValue {
font-size: 32px;
}
.crPageInfo {
margin: 16px 0 0 0
}
.crPageInfo .warning {
color: dodgerblue;
background: none;
border-left: 0;
border-bottom: 1px solid dodgerblue;
padding-bottom: 4px;
}
.crPageInfo a {
display: inline-block;
padding: 4px 16px;
margin: 0 8px 8px 8px;
border-radius: 4px;
background: none;
border: 1px solid #31353E;
color: #31353E;
-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;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
}
.crPageInfo a:hover {
color: white;
background: #8dc63f;
border: 1px solid #8dc63f;
}
.crLinkForm {
position: relative;
display: inline-block
}
.crLinkFormPassword {
float: left;
}
.crLinkFormPassword > input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 34px;
border-left: 1px solid #31353E;
border-top: 1px solid #31353E;
border-bottom: 1px solid #31353E;
border-right: 0;
padding: 0 8px;
font-size: 14px;
font-family: inherit;
-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;
}
.crLinkFormButton {
float: right;
}
.crLinkFormButton > a {
margin: 0;
border-radius: 0;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 34px;
line-height: 34px;
padding: 0 16px;
}
.crLinkFormButton:hover + .crLinkFormPassword > input {
border-left: 1px solid #8dc63f;
border-top: 1px solid #8dc63f;
border-bottom: 1px solid #8dc63f;
border-right: 0;
}
.hdrRewardsTitle {
float: left;
margin-right: 4px;
}
.crNotLoggedIn, .crAccNotActive, .crNoAccFound, .crLnkAccounts, .crViewOffers {
color: #8dc63f !important;
border-bottom: 1px solid #d4d4d4;
}
.crNotLoggedIn:hover, .crAccNotActive:hover, .crNoAccFound:hover, .crLnkAccounts:hover, .crViewOffers:hover {
color: #7fd805;
border-bottom: 1px solid #7fd805
}
.detail-custmerRewardsBasket {
position: absolute;
right: 0;
top: 3px;
padding: 0
}
.detail-custmerRewardsBasket span.icon {
display: block;
width: 21px;
height: 21px;
float: left
}
.detail-custmerRewardsBasket div {
float: right
}
.CRpointBasket {
text-transform: capitalize;
font-size: 12px;
font-weight: bold;
color: #33333;
margin-right: 5px;
margin: 0;
padding: 0;
float: left;
text-indent: 0px;
margin: 0px 0 3px 0px;
}
.CRpointBasket b {
color: #4f9a11;
}
.CRcopyBasket {
text-transform: capitalize;
font-size: 12px;
margin: 0px 0px 0px 3px;
float: left
}
.crShoppingCart {
}
.crShoppingCartHeader {
font-size: 24px;
color: #6C884D;
font-style: normal;
text-decoration: none;
background: url(layout/rewards/reward-small.png) no-repeat;
background-position: 0px 3px;
text-align: left;
padding: 0px 1em 1em 2em;
margin-bottom: 0.5em;
}
.crShoppingCartCopy, .crShoppingCartPoints {
color: #769355;
position: relative;
width: 100%;
line-height: 150%;
}
.crShoppingCartPoints {
}
.crShoppingCartPoints > input { /* position:absolute; */ /* right: 0; */ /* top: -43px; */
padding-top: 18px;
display: block;
}
#CustomerRewardsApplyPoints_panPointsApplied {
font-size: 8.5pt;
color: #769355;
font-weight: bold;
font-style: normal;
text-decoration: none;
background: #ebf6d9;
text-align: left;
border-bottom: 1px solid #acd373;
border-top: 1px solid #acd373;
padding: 14px 45px 14px 14px;
position: relative;
width: 100%;
margin-top: 7px;
}
#CustomerRewardsApplyPoints_panPointsApplied > input {
position: absolute;
right: 14px;
top: 6px
}
/* Customer Rewards Promotions */
ul.crCurrentPromo {
display: block;
width: 980px;
list-style: none;
padding: 0px;
margin: 0px 14px 14px 0px;
background: #f6f9e8;
float: left;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 14px solid #f6f9e8
}
ul.crCurrentPromo li {
font-size: 10px;
color: #666;
padding: 0px;
margin: 0px 0px 7px 0px;
float: left;
display: block;
width: 100%
}
ul.crCurrentPromo li.crName {
font: 21px/150%;
color: #718a10;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #9ba76a
}
ul.crCurrentPromo li.crNote {
display: block;
width: 42px;
border-right: 1px solid #9ba76a
}
ul.crCurrentPromo li.crDescription {
font: 12px/150%;
color: #718a10;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #9ba76a
}
ul.crCurrentPromo li.crStartDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crCurrentPromo li.crEndDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crCurrentPromo li.crValue {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crCurrentPromo li.crType {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo {
display: block;
width: 980px;
list-style: none;
padding: 0px;
margin: 0px 14px 14px 0px;
background: #fafafa;
float: left;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 14px solid #fafafa
}
ul.crFuturePromo li {
font-size: 10px;
color: #666;
padding: 0px;
margin: 0px 0px 7px 0px;
float: left;
display: block;
width: 100%
}
ul.crFuturePromo li.crName {
font: 21px/150%;
color: #666;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #e5e5e5
}
ul.crFuturePromo li.crNote {
display: block;
width: 42px;
border-right: 1px solid #e5e5e5
}
ul.crFuturePromo li.crDescription {
font: 12px/150%;
color: #666;
display: block;
text-align: left;
padding-bottom: 14px;
margin-bottom: 18px;
border-bottom: 1px solid #e5e5e5
}
ul.crFuturePromo li.crStartDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo li.crEndDate {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo li.crValue {
text-indent: 7px;
width: 196px;
font-weight: bold
}
ul.crFuturePromo li.crType {
text-indent: 7px;
width: 196px;
font-weight: bold
}
/* -- Sitemap */
.siteMap > ul {
margin: 0;
padding: 0;
}
.siteMap > ul > li {
width: 50%;
padding: 16px;
float: left;
list-style: none;
}
.siteMap a {
border: none;
color: #000 !important
}
.siteMap > ul > li > a {
font-size: 1.5em;
border-bottom: 1px solid #000;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
display: block;
width: 100%;
}
.brandLanding {
}
.brandLanding a {
display: inline-block;
margin: 1em 0.5em;
text-decoration: none;
}
.brandPageLogo, .brandPageLink {
display: block;
}
.brandPageLogo {
outline: 1px solid #f7f7f7;
width: 140px;
height: 140px;
}
.brandPageLink {
line-height: 1.5em;
margin: 0.5em 0 0 0;
}
/* accordion */
.accordionContent {
display: none;
background-position: 75px -23px !important;
width: 100%;
float: left;
}
.accordion {
outline: 1px solid #dddddd;
display: block;
clear: both
}
.accordion > div {
border-bottom: 1px solid #ddd;
}
.accordion > div:nth-last-child(1) {
border-bottom: none
}
.accordionSelection, .accordionStyle {
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
margin: 0;
line-height: 150%;
}
.accordionSelection {
background: url(layout/dropdown-side.png) no-repeat 30px 51% #fff;
padding: 21px 28px 21px 66px;
display: block;
text-decoration: none;
}
.accordionSelection:hover strong {
color: #000333;
text-decoration: underline
}
.accordionSelection.active {
background: url(layout/dropdown.png) no-repeat 26px 50% #fff;
cursor: default
}
.accordionSelection.active:hover strong {
color: #000333;
text-decoration: none;
}
.accordionContent.active {
background: #fff !important
}
.accordionSelection img {
display: inline-block;
opacity: 0.5;
vertical-align: text-top;
margin-right: 2px;
}
.accordionSelection.active img {
opacity: 1
}
.accordionStyle {
padding: 0 56px;
height: 1%;
overflow: hidden;
display: block;
}
.accordionStyle div {
display: block
}
/* Starbuys -------------------------------------------------------------------------------------------*/
.taContainerSmall {
background: #FFFFFF;
padding: 0px !important;
}
.taContentContainerSmall {
text-align: left;
}
.taTitle {
width: 100%;
border-bottom: 1px solid #E9D9EA;
text-transform: uppercase;
font-size: smaller !important;
letter-spacing: 2px;
}
.taImg {
position: relative;
overflow: hidden;
position: relative;
overflow: hidden;
}
.taImg span {
position: absolute;
background: #BD80BD;
left: -8px;
top: -40px;
padding: 48px 22px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.taImg span:after {
content: "\f02b";
font: 14px FontAwesome;
color: #FFFFFF;
position: absolute;
left: 22px;
top: 44px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.taImg img {
float: left;
width: 100% !important;
margin-bottom: 16px;
}
.taTogeather, .taSeperately {
padding: 0;
list-style: none;
}
.taTogeather li, .taSeperately li {
margin: 16px 0px;
}
.taTogeather {
color: #a664a8;
line-height: 180%;
}
.taTogeather span, .taSeperately span {
line-height: 150%;
width: 63%;
display: inline-block;
vertical-align: text-top;
padding: 0;
margin: 0;
}
.taTogeather span:nth-child(2), .taSeperately span:nth-child(2) {
padding: 0 16px;
width: 34%;
}
.taSeperately {
font-size: smaller;
line-height: 150%;
line-height: 225%; /* padding: 0 16px; */
}
.taContentContainerSmall h2 {
margin: 16px 0;
}
.taContentContainerSmall h3 {
color: #a664a8;
font-size: 18px;
padding: 0 0 16px 0;
margin: 0;
text-align: left;
}
.taPromoTitleMultiItem {
padding: 0 0 16px 0;
margin: 0 0 16px 0;
color: rgba(255, 255, 255, 0.49);
}
.taPromoTitleMultiItem span {
color: rgb(9, 9, 11);
line-height: 200%;
}
.taPromoTextMultiItem, .taPromoTextMultiItem p {
margin: 0;
padding: 32px 0;
color: #BC8BBE;
margin: 0 auto;
}
.taAddMessage {
display: block;
clear: both;
}
#prodInfoLeft {
border-right: none;
}
.flexsliderMIVThumbnails {
display: none;
}
.flexsliderMIV .flex-direction-nav {
border-bottom: 1px solid #e1e1e1;
display: none;
}
.detailReviewFAQ > .col-2:nth-of-type(1) {
border-bottom: 1px solid #e1e1e1;
border-right: none;
margin: 0 0 16px 0;
min-height: auto
}
.flexsliderReviews .flex-control-nav {
display: block !important;
}
#StarbuysPopup {
background: rgba(0, 0, 0, 0);
color: white;
width: 100%;
height: 100%;
float: left;
}
#StarbuysPopup .col-2 {
color: white;
}
.StarbuysPopupTop p {
color: #999
}
.StarbuysPopupTop span:after {
content: "\f02b";
font: normal normal normal 18px/1 FontAwesome;
color: #BD80BD;
}
.StarbuysPopupTop h2 {
color: white;
font-size: 1.5em;
}
.StarbuysPopupTop h2 span {
color: #dddbf0
}
.StarbuysPopupBottom {
float: left;
width: 100%;
}
.StarbuysPopupBottom p {
height: 51px;
line-height: 51px;
color: white;
margin: 0;
font-size: 0.75em;
}
.StarbuysPopupBottom p a {
color: #999;
border-bottom: 1px solid #999;
padding-bottom: 8px;
}
.StarbuysPopupBottom .button {
background: none !important;
background-color: #BD80BD !important;
color: #fff;
}
.StarbuysPopupBottom .button:hover {
background: #A553A5 !important;
color: #FFFFFF !important;
}
/* -- Star Buys Promotion Page -- */
.taTitleContainer {
background: #BD80BD;
color: #fff;
margin-bottom: 18px;
}
.taTitleContainer h1, .taTitleContainer h2, .taTitleContainer h3 {
color: #fff;
font-weight: normal;
margin: 0;
}
.taTitleContainer h1 span {
color: #ccccff
}
.taTitleContainer a {
color: #ccccff;
text-decoration: none;
}
.taContainer {
}
.taNoButton {
margin-bottom: 4px;
display: inline-block
}
.taBorderBottom {
border-bottom: 1px solid #BD80BD
}
.taGreyBackground {
background: #f4f5f6
}
.taStrapline {
display: block;
color: #7873b0;
}
.sbButton {
border-color: #7873b0;
color: #7873b0;
border-style: solid;
border-width: 1px;
margin: 1em 0
}
.sbButton:hover {
background: #7873b0;
color: #fff;
}
.taNoButton {
text-decoration: none;
font-size: 0.8em;
border-bottom: 1px solid #C7C7C7;
padding-bottom: 7px;
}
.taBskt, .taMultiItemTextContainer h2, #lblCatPercent {
color: #7873b0;
}
.taMultiItemContainer, .taSingleItemContainer {
position: relative
}
.taMultiItemImageContainer {
}
.taMultiItemImageContainer img {
max-width: 100%
}
.taMultiItemTextContainer {
}
.taRepeatContainerOuter {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
}
.taRepeatContainerOuter > .col-3 {
flex-basis: 33.33%
}
.taMultiItemRepeater {
vertical-align: top;
margin: 0
}
.taMultiItemRepeaterContent {
}
.taMultiItemRepeaterContent .taImg img {
padding: 0 !important
}
.taMultiItemRepeaterImageContainer {
background-size: cover !important;
border-right: 1px solid #e1e1e1
}
.taMultiItemRepeaterContentContainer {
padding: 1em
}
.taMoreInfo {
}
.taMultiItemAttributes {
}
.taMultiItemProducts {
float: right;
}
.taclAttributeGridContainer {
}
.taclAttributeGrid {
padding: 0;
margin: 0 0 8px 0;
width: 100%;
float: left;
display: flex;
flex-wrap: wrap;
}
.taclAttributeGrid li {
list-style: none;
display: block;
height: 48px;
line-height: 48px;
background: #f4f4f4;
}
.taname {
height: auto !important;
background: #fafafa;
padding: 0 16px;
flex-grow: 1;
width: 50%;
}
.taprice {
background: #f4f4f4;
padding: 0 16px;
width: 50%;
}
.tastock {
padding: 0 16px;
}
.tastock .OutofStockCSS {
height: 48px;
}
.taadd {
flex-grow: 1;
float: left;
}
.taadd img {
width: 100%;
height: 48px;
display: block;
cursor: pointer;
background: url(/layout/addtobasket.png) top left no-repeat #a2c76c;
background-position: center center;
}
/* -- currency */
.div-currency-mini {
margin: 0 0 7px 0 !important;
width: 100%;
padding: 0;
float: left;
}
.div-currency-mini, .div-currency-mini ul, .div-currency-mini li {
padding: 0;
margin: 0;
list-style: none;
}
.div-currency-mini .currencyConverted {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
color: #3e7ca3;
}
.div-currency-mini .currencyCode {
display: none;
}
.div-currency-mini .valueContainer {
width: 120px;
}
.div-currency-mini .isoFlag {
margin: 0 5px 0 0;
}
.currency a {
float: left;
width: 100%;
margin-bottom: 7px;
font-size: 12px;
color: #496D9D;
background: url(/layout/shoppingbasket/flags-sm.jpg) no-repeat;
padding-left: 60px;
background-position: 5px
}
.CurrenciesContainer {
display: none;
}
#CurrenciesList {
display: inline;
margin: 0;
}
#CurrenciesList li {
float: left;
list-style: none;
border-bottom: 1px solid #dddddd;
padding-bottom: 7px;
margin-bottom: 7px;
list-style: none;
width: 100%;
font-size: 12px;
text-align: left;
}
#CurrenciesList li:nth-last-child(1) {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 10px;
text-align: center
}
#CurrenciesList li > span:first-child {
width: 45%;
float: left;
text-align: right;
padding-right: 7px;
}
.div-currency {
width: 100%;
background: #fff;
float: left;
margin: 0;
padding: 0;
height: 1%;
overflow: hidden;
margin: 7px 0;
padding: 14px 0;
}
.div-currency ul {
list-style: none;
padding: 0px;
margin: 0px;
text-align: center;
}
.div-currency ul li {
display: inline-block;
width: 105px;
}
.isoFlag {
display: inline-block;
width: 32px;
margin-right: 5px;
vertical-align: text-top;
padding: 0;
height: 19px;
vertical-align: middle;
}
.valueContainer {
display: block;
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.currencyConverted {
font-size: 8.5pt;
font-weight: bold;
display: block;
padding: 0;
margin: 0px;
line-height: 100%;
text-align: left;
font-family: arial;
}
.currencyCode {
font-size: 6.5pt;
color: #999;
display: inline-block;
padding: 0px;
margin: 2px 0px 0px 0px;
line-height: 100%;
float: left
}
.CurrenciesContainer {
width: 100%;
height: 32px;
background: #fff;
display: block;
margin: 14px 0px 14px 133px
}
.CurrenciesContainer ul {
list-style: none;
padding: 0px;
margin: 0px
}
.CurrenciesContainer ul li {
display: block;
width: 100px;
height: 32px;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left
}
.currencyBox {
display: block;
width: 100%;
height: 106px;
border-bottom: 1px solid #e5e5e5
}
.currencyHdr {
display: block;
width: 100%;
height: 25px;
font-size: 12pt;
font-weight: bold;
text-align: center
}
.indicate {
display: block;
width: 100%;
height: 35px;
font-size: 8.5pt;
font-weight: normal;
text-align: center;
color: #666;
margin-top: 7px;
}
.currencyShoppingCart {
width: 100%;
float: left;
margin: 0;
padding: 0;
height: 1%;
overflow: hidden;
}
.currencyShoppingCart ul {
padding: 0;
margin: 0;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: row;
}
.currencyShoppingCart ul li {
float: none;
display: inline-block;
list-style: none;
margin: 0.5em 0em;
width: 33.33%;
}
.indicateShoppingCart {
display: block;
width: 100%;
font-size: 8.5pt;
font-weight: normal;
color: #666;
margin: 0;
clear: both;
float: left
}
/* -- Fixed width of 268px - Product Repeaters, Better Search Items, etc -- */
div.repeater {
width: 268px;
margin: 16px;
overflow: hidden;
display: inline-block !important;
float: none;
text-align: left;
vertical-align: top;
position: relative;
}
div.repeater .itemImage {
width: 268px;
height: 268px;
background-size: contain !important;
}
div.repeater .itemImage a {
width: 268px;
height: 268px
}
div.repeater .itemInfo {
width: 268px;
height: 130px;
}
div.repeater .itemInfo a {
display: block;
width: 268px;
height: 130px;
background: #fafafa;
font-size: 0.9em;
color: #707070;
text-decoration: none
}
div.repeater .productName {
padding: 0 0 8px 0;
display: block;
width: 100%;
}
.nowPrice-repeater {
font-family: 'roboto';
color: #707070;
display: inline-block;
}
.standardPrice-repeater {
font-family: 'roboto';
color: #707070;
text-decoration: line-through;
display: inline-block;
margin: 0 8px 0 0;
}
.percentOff-repeater {
font-family: 'roboto';
color: tomato;
display: inline-block;
margin: 0
}
/* Remarketing */
.banners > div {
display: inline-block;
margin-right: 28px;
vertical-align: middle;
}
.bannersContiner {
background: #efefef
}
.bannersBrands { /* float:left */
}
.banners small {
font-size: 10px;
color: #999
}
.bannersAll {
margin: 0;
padding: 28px;
float: left;
width: 50%
}
.bannersAll li {
float: left;
list-style: none;
width: 100%;
padding: 7px;
border-bottom: 1px solid #efefef
}
.bannersAll li:hover {
background: #f5f5f5
}
.bannersAll li:nth-child(2) {
border-bottom: 1px solid #ccc
}
.bannersAll li div {
float: left;
}
.bannersAll li div:nth-child(1) {
font-weight: bold;
width: 25%
}
.bannersAll li div:nth-child(2) {
width: 55%
}
.bannersAll li div:nth-child(3) {
width: 20%
}
.bannersTable {
padding: 21px;
}
.bannersTable table tr td {
padding: 7px;
}
.bannersTable table th {
border-bottom: 1px solid #ccc;
font-weight: normal;
padding: 7px;
}
.bannersTable table tr td {
border-bottom: 1px solid #efefef;
}
.bannersTable table tr td:nth-child(2), .bannersTable table tr th:nth-child(2) {
width: 60%
}
.bannersTable table small {
font-size: 10px;
color: #999;
padding: 7px 0 0 0;
float: left;
}
.google, .webgains {
border: 1px solid #E2E2D9;
display: inline-block;
position: relative;
margin: 28px 14px 0;
padding: 27px;
}
.google a, .webgains a {
display: inline-block;
position: relative;
}
.google img, .webgains img {
width: 200px;
outline: 1px solid #E2E2DD;
}
.google span, .webgains span {
display: block;
padding: 7px;
background: #fff; /* border: 1px solid #E2E2D9; */
}
.webgains {
display: inline-block;
}
.bannmessage {
position: absolute;
background: #FFFFFF;
padding: 0px 14px;
left: 14px;
top: -14px;
}
#brand1, #brand2, #brand3, #brand4, #brand5 {
}
.socialBanners > div {
display: inline-block;
vertical-align: middle;
margin: 28px;
}
.overlay {
background: rgba(47,53,62,.9);
padding: 7px 14px;
position: absolute;
left: 0;
top: 0
}
.overlay p, .overlay a {
color: #fff
}
.campaignBox {
border: 1px solid #E2E2D9;
display: inline-block;
position: relative;
margin: 28px 14px 0;
padding: 27px;
}
.google span, .webgains span {
display: block;
padding: 7px;
background: #fff; /* border: 1px solid #E2E2D9; */
}
/* Preferences center */
intro {
padding: 16px
}
.intro h1 {
font-size: 2em
}
.field {
border: none;
outline: none;
margin: 0;
width: 100%;
border: none;
padding: 10px 0;
clear: both;
float: left;
height: 51px;
font-size: initial;
border-bottom: 1px solid #D0D0D0;
color: cornflowerblue !important;
}
.password {
background: #eff8ff;
margin: 32px 0 0 0;
float: left;
width: 100%;
}
.segment {
background: whitesmoke
}
div.elementCtr {
width: 50%;
display: block;
float: left;
padding: 16px;
vertical-align: top
}
div.elementCtr.fw {
width: 100%;
}
div.titleCtr {
width: 100%;
display: block;
float: left;
margin: 0 0 8px 0
}
div.title {
display: inline-block;
text-align: left;
float: left;
}
div.required {
width: 48px;
display: inline-block;
float: right;
text-align: right;
color: tomato;
font-size: 0.6em
}
div.notRequired {
width: 48px;
display: inline-block;
float: right;
text-align: right;
color: #55acee;
font-size: 0.6em
}
div.managePasswordHdr {
width: 100%;
display: block;
float: left;
padding: 16px;
background: #55acee
}
div.managePasswordHdr h2 {
color: white;
font-size: 2em;
padding: 0;
margin: 0
}
div.managePasswordHdr p {
color: white
}
#pref_oldPasswordPanel {
padding: 0;
margin: 0;
width: 100%;
vertical-align: top;
display: block;
float: left
}
h2.extraDetails {
color: #55acee;
font-size: 2em;
padding: 0;
margin: 32px 0 16px 0;
}
.prefCentreWrapper {
width: 100%;
float: left;
}
div.birthdayCtr {
width: 100%;
display: inline-block
}
div.day {
width: 64px;
height: 48px;
margin: 0 11px 0 0;
display: inline-block
}
div.month {
width: 208px;
height: 48px;
display: inline-block
}
.dayField {
width: 64px;
height: 48px;
font-size: 1em;
padding: 0 0 0 8px
}
.mthField {
width: 208px;
height: 48px;
font-size: 1em;
padding: 0 0 0 8px
}
div.feetInchesCtr {
width: 100%;
display: inline-block
}
div.feetCtr {
width: 104px;
height: 48px;
margin: 0;
display: inline-block;
float: left;
text-align: left
}
div.feetField {
width: 48px;
height: 48px;
margin: 0;
display: inline-block;
float: left
}
div.feetTxt {
width: 40px;
height: 48px;
display: inline-block;
font-size: 0.6em;
color: #666;
background: #fafafa;
float: left;
line-height: 48px;
text-align: center;
border: 1px solid #a9a9a9;
border-left: none
}
.feet {
width: 48px;
height: 48px;
display: inline-block;
font-size: 1em;
text-align: center
}
div.inchesCtr {
width: 184px;
height: 48px;
margin: 0;
display: inline-block;
float: left;
text-align: left
}
div.inchesField {
width: 124px;
height: 48px;
display: inline-block;
float: left
}
div.inchesTxt {
width: 60px;
height: 48px;
display: inline-block;
font-size: 0.6em;
color: #666;
background: #fafafa;
float: left;
line-height: 48px;
text-align: center;
border: 1px solid #a9a9a9;
border-left: none
}
.inches {
width: 124px;
height: 48px;
display: inline-block;
font-size: 1em;
text-align: center
}
div.segmentCtr {
width: 100%;
height: 76px;
display: inline-block;
padding: 16px
}
div.segmentInfo {
float: left;
text-align: left
}
div.segmentTitle {
font-size: 1.2em;
margin: 0 0 8px 0;
color: #666
}
div.segmentDesc {
font-size: 0.8em;
color: #666
}
div.segmentDropDown {
float: right;
text-align: left
}
div.brandCtr {
display: inline-block;
width: 136px;
height: 168px;
vertical-align: top
}
div.brandCtr div {
background-size: contain !important;
background-repeat: no-repeat !important;
}
div#pref_brandTilePanel {
width: 100%;
padding: 16px
}
div#pref_brandTilePanel a {
display: inline-block;
vertical-align: top;
height: 173px;
width: 136px;
margin: 16px 16px 16px 0;
}
div#pref_brandTilePanel a.Selected {
display: inline-block;
vertical-align: top;
height: 173px;
width: 136px;
margin: 16px;
border-bottom: 5px solid #55acee
}
div.brandName {
height: 32px;
background: whitesmoke;
color: #333;
font-size: 0.8em;
line-height: 32px
}
.submitBtn {
display: inline-block;
width: 128px;
height: 128px;
border-radius: 128px;
text-align: center;
line-height: 128px;
background: #acd373;
text-decoration: none;
color: white;
margin: 32px 0;
font-size: 1.6em
}
/* -- Customer product builder --*/
.cpb-standardSpecPrice {
background: orange;
height: 64px;
line-height: 64px;
padding: 0 16px;
float: left;
width: 100%;
}
.cpb-standardSpecPrice .now {
font-size: 1.5em;
margin-left: 0.5em;
}
div[id*="ProductCustom1_panAttributes"] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-contents: stretch;
}
.cpb {
width: 33.33%;
flex-basis: 33.33%;
padding: 32px;
border-left: 1px solid #c6c9cd;
border-bottom: 1px solid #c6c9cd;
}
.cpb-Header {
float: left;
width: 100%;
display: block;
clear: both;
height: 45px;
}
.cpb-Header strong {
display: block;
margin: 16px 0 8px 0
}
.attBlock {
height: 64px;
background: none;
margin-bottom: 16px;
display: flex;
flex-direction: row;
clear: both;
}
.attBlock > div:nth-of-type(2) {
margin: 0 !important;
background: none !important;
height: 64px !important;
line-height: 64px;
text-align: center;
flex-grow: 0 !important;
width: auto !Important;
}
.attBlock > div {
height: 64px !important;
line-height: 64px;
font-size: 14px;
flex-grow: 0;
}
.attName {
float: left;
flex-grow: 2 !important;
width: 180px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.attImage {
float: left;
text-align: center;
max-width: 64px;
flex-grow: 0 !important;
}
.attImage img {
border: 0 !important;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
margin: 0 8px 0 0
}
.attMoreInfo a img {
display: none;
}
.attMoreInfo a:before {
content: '\f05a';
font-family: 'FontAwesome';
margin: 0 8px 0 0;
font-size: 16px;
color: #454545;
}
.attPrice {
float: right;
text-align: right;
padding: 0 16px;
}
.attSelected {
float: right;
background: none !important;
text-align: center;
max-width: 64px;
width: 64px;
flex-grow: 0 !important;
}
.attSelected input {
display: inline-block;
vertical-align: middle;
}
#cpb-summary {
}
#cpb-summary li {
border-top: 1px solid #49515d;
padding: 8px 0;
list-style: none;
}
#cpb-summary li:first-of-type {
border-top: none;
}
#cpb-summary li span {
color: white;
}
#cpb-summary li .cpb-selectedOption {
display: inline-block;
min-width: 176px;
}
#cpb-summary li .cpb-chosenAtt {
display: inline-block;
}
.cpb-summaryAttLabel {
color: orange;
font-size: 1.5em;
padding-bottom: 8px;
border-bottom: 1px solid orange;
line-height: 150%;
}
.cpb-summaryAttLabel font {
color: orange !important
}
.cpb-finalPrice {
color: orange;
font-size: 1.5em;
padding-top: 8px;
border-top: 1px solid orange;
line-height: 150%;
}
.cpb-details .col-1 {
margin: 16px 0
}
.cpb-purchaseItem {
background: #e1e1e1;
margin: 0 0 16px 0 !important;
}
.cpb-buttonAdd {
}
.cpb-buttonAdd a {
width: 100%;
display: block;
height: 64px;
background: #a2c76c;
text-align: center
}
.cpb-buttonAdd a img {
}
.cpb-allImageContainer .flex-direction-nav {
display: none;
}
/* New Courier Integrated Shipping Chart */
.courierchart, .courierchart ul, .courierchart li {
margin: 0;
padding: 0;
list-style: none;
}
.courierchart > li {
display: none;
}
.courierchart > li.country-GB, .courierchart > li.postcoderegion {
display: block;
}
.regionheader {
font-family: 'robotobold';
font-size: 24px;
display: none;
}
.courierchart .loctitle {
background: #ebebeb;
border: 1px solid #ddd;
font-family: 'roboto';
margin: 16px 0;
font-size: 18px;
}
.couriercountries > li {
margin-bottom: 24px;
border-top: 0px !important;
border-bottom: 0px !important;
display: block;
list-style: none;
}
.courierservicewrap {
font-size: 0;
padding-bottom: 24px !important;
}
.courierservice {
border-radius: 4px;
border: 1px solid #ebebeb;
background: #f2f3f4;
width: calc(25% - 8px);
font-size: 12px;
vertical-align: top;
margin-bottom: 8px !important;
list-style: none;
}
.courierservice:nth-of-type(4n+1) {
margin-right: 8px;
}
.courierservice:nth-of-type(4n+2) {
margin-left: 2px;
margin-right: 6px;
}
.courierservice:nth-of-type(4n+3) {
margin-left: 6px;
margin-right: 2px;
}
.courierservice:nth-of-type(4n+4) {
margin-left: 8px;
}
.courierservice li {
display: block;
list-style: none;
}
.courierserviceheader {
font-family: 'robotobold';
}
.courierserviceheader, .courierservicecharge {
padding: 0 0 8px 0;
margin: 0 0 8px 0;
border-bottom: 1px solid #ebebeb;
}
.courierprice {
color: #2e61a0;
margin: 0 0 8px 0;
}
/* FLAGS : New Courier Integrated Shipping Chart */
li[class*="country-"] .loctitle:before, li[data-iso*="iso-"] .loctitle:before {
display: block;
float: left;
width: 16px;
height: 11px;
content: '';
margin: 7px 12px 0 0;
}
.country-GB .loctitle:before, li.postcoderegion .loctitle:before {
background: url('/layout/flags/4x3/gb.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-UA .loctitle:before {
background: url('/layout/flags/4x3/ua.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SK .loctitle:before {
background: url('/layout/flags/4x3/sk.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MT .loctitle:before {
background: url('/layout/flags/4x3/mt.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LT .loctitle:before {
background: url('/layout/flags/4x3/lt.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LI .loctitle:before {
background: url('/layout/flags/4x3/li.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IS .loctitle:before {
background: url('/layout/flags/4x3/is.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-HU .loctitle:before {
background: url('/layout/flags/4x3/hu.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GR .loctitle:before {
background: url('/layout/flags/4x3/gr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GI .loctitle:before {
background: url('/layout/flags/4x3/gi.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-EE .loctitle:before {
background: url('/layout/flags/4x3/ee.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CZ .loctitle:before {
background: url('/layout/flags/4x3/cz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CY .loctitle:before {
background: url('/layout/flags/4x3/cy.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-HR .loctitle:before {
background: url('/layout/flags/4x3/hr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BA .loctitle:before {
background: url('/layout/flags/4x3/ba.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BY .loctitle:before {
background: url('/layout/flags/4x3/by.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AT .loctitle:before {
background: url('/layout/flags/4x3/at.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ES .loctitle:before {
background: url('/layout/flags/4x3/es.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NL .loctitle:before {
background: url('/layout/flags/4x3/nl.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-FR .loctitle:before {
background: url('/layout/flags/4x3/fr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TR .loctitle:before {
background: url('/layout/flags/4x3/tr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PT .loctitle:before {
background: url('/layout/flags/4x3/pt.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LU .loctitle:before {
background: url('/layout/flags/4x3/lu.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-DK .loctitle:before {
background: url('/layout/flags/4x3/dk.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BE .loctitle:before {
background: url('/layout/flags/4x3/be.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CH .loctitle:before {
background: url('/layout/flags/4x3/ch.png') no-repeat #fff !important;
background-size: contain !important;
width: 11px !important;
margin-right: 17px;
}
.country-SE .loctitle:before {
background: url('/layout/flags/4x3/se.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-FI .loctitle:before {
background: url('/layout/flags/4x3/fi.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AU .loctitle:before {
background: url('/layout/flags/4x3/au.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NZ .loctitle:before {
background: url('/layout/flags/4x3/nz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-US .loctitle:before {
background: url('/layout/flags/4x3/us.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CA .loctitle:before {
background: url('/layout/flags/4x3/ca.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AF .loctitle:before {
background: url('/layout/flags/4x3/af.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AX .loctitle:before {
background: url('/layout/flags/4x3/ax.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AL .loctitle:before {
background: url('/layout/flags/4x3/al.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-DZ .loctitle:before {
background: url('/layout/flags/4x3/dz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AS .loctitle:before {
background: url('/layout/flags/4x3/as.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AD .loctitle:before {
background: url('/layout/flags/4x3/ad.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AO .loctitle:before {
background: url('/layout/flags/4x3/ao.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AI .loctitle:before {
background: url('/layout/flags/4x3/ai.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AQ .loctitle:before {
background: url('/layout/flags/4x3/aq.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AG .loctitle:before {
background: url('/layout/flags/4x3/ag.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AR .loctitle:before {
background: url('/layout/flags/4x3/ar.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AM .loctitle:before {
background: url('/layout/flags/4x3/am.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AW .loctitle:before {
background: url('/layout/flags/4x3/aw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AZ .loctitle:before {
background: url('/layout/flags/4x3/az.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BS .loctitle:before {
background: url('/layout/flags/4x3/bs.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BH .loctitle:before {
background: url('/layout/flags/4x3/bh.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BD .loctitle:before {
background: url('/layout/flags/4x3/bd.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BB .loctitle:before {
background: url('/layout/flags/4x3/bb.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BZ .loctitle:before {
background: url('/layout/flags/4x3/bz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BJ .loctitle:before {
background: url('/layout/flags/4x3/bj.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BM .loctitle:before {
background: url('/layout/flags/4x3/bm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BT .loctitle:before {
background: url('/layout/flags/4x3/bt.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BO .loctitle:before {
background: url('/layout/flags/4x3/bo.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BW .loctitle:before {
background: url('/layout/flags/4x3/bw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BV .loctitle:before {
background: url('/layout/flags/4x3/bv.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BR .loctitle:before {
background: url('/layout/flags/4x3/br.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IO .loctitle:before {
background: url('/layout/flags/4x3/io.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BN .loctitle:before {
background: url('/layout/flags/4x3/bn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BG .loctitle:before {
background: url('/layout/flags/4x3/bg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BF .loctitle:before {
background: url('/layout/flags/4x3/bf.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-BI .loctitle:before {
background: url('/layout/flags/4x3/bi.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KH .loctitle:before {
background: url('/layout/flags/4x3/kh.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CM .loctitle:before {
background: url('/layout/flags/4x3/cm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CV .loctitle:before {
background: url('/layout/flags/4x3/cv.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KY .loctitle:before {
background: url('/layout/flags/4x3/ky.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CF .loctitle:before {
background: url('/layout/flags/4x3/cf.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TD .loctitle:before {
background: url('/layout/flags/4x3/td.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CL .loctitle:before {
background: url('/layout/flags/4x3/cl.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CN .loctitle:before {
background: url('/layout/flags/4x3/cn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CX .loctitle:before {
background: url('/layout/flags/4x3/cx.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CC .loctitle:before {
background: url('/layout/flags/4x3/cc.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CO .loctitle:before {
background: url('/layout/flags/4x3/co.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KM .loctitle:before {
background: url('/layout/flags/4x3/km.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CG .loctitle:before {
background: url('/layout/flags/4x3/cg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CD .loctitle:before {
background: url('/layout/flags/4x3/cd.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CK .loctitle:before {
background: url('/layout/flags/4x3/ck.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CR .loctitle:before {
background: url('/layout/flags/4x3/cr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CI .loctitle:before {
background: url('/layout/flags/4x3/ci.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CU .loctitle:before {
background: url('/layout/flags/4x3/cu.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-DJ .loctitle:before {
background: url('/layout/flags/4x3/dj.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-DM .loctitle:before {
background: url('/layout/flags/4x3/dm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-DO .loctitle:before {
background: url('/layout/flags/4x3/do.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-EC .loctitle:before {
background: url('/layout/flags/4x3/ec.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-EG .loctitle:before {
background: url('/layout/flags/4x3/eg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SV .loctitle:before {
background: url('/layout/flags/4x3/sv.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GQ .loctitle:before {
background: url('/layout/flags/4x3/gq.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ER .loctitle:before {
background: url('/layout/flags/4x3/er.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ET .loctitle:before {
background: url('/layout/flags/4x3/et.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-FO .loctitle:before {
background: url('/layout/flags/4x3/fo.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-FJ .loctitle:before {
background: url('/layout/flags/4x3/fj.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GF .loctitle:before {
background: url('/layout/flags/4x3/gf.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PF .loctitle:before {
background: url('/layout/flags/4x3/pf.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TF .loctitle:before {
background: url('/layout/flags/4x3/tf.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GA .loctitle:before {
background: url('/layout/flags/4x3/ga.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GM .loctitle:before {
background: url('/layout/flags/4x3/gm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GE .loctitle:before {
background: url('/layout/flags/4x3/ge.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GH .loctitle:before {
background: url('/layout/flags/4x3/gh.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GD .loctitle:before {
background: url('/layout/flags/4x3/gd.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GP .loctitle:before {
background: url('/layout/flags/4x3/gp.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GU .loctitle:before {
background: url('/layout/flags/4x3/gu.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GT .loctitle:before {
background: url('/layout/flags/4x3/gt.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GN .loctitle:before {
background: url('/layout/flags/4x3/gn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GW .loctitle:before {
background: url('/layout/flags/4x3/gw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GY .loctitle:before {
background: url('/layout/flags/4x3/gy.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-HT .loctitle:before {
background: url('/layout/flags/4x3/ht.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-HM .loctitle:before {
background: url('/layout/flags/4x3/hm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-HN .loctitle:before {
background: url('/layout/flags/4x3/hn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-HK .loctitle:before {
background: url('/layout/flags/4x3/hk.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IN .loctitle:before {
background: url('/layout/flags/4x3/in.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ID .loctitle:before {
background: url('/layout/flags/4x3/id.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IR .loctitle:before {
background: url('/layout/flags/4x3/ir.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IQ .loctitle:before {
background: url('/layout/flags/4x3/iq.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IE .loctitle:before {
background: url('/layout/flags/4x3/ie.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IL .loctitle:before {
background: url('/layout/flags/4x3/il.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-IT .loctitle:before {
background: url('/layout/flags/4x3/it.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-JM .loctitle:before {
background: url('/layout/flags/4x3/jm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-JP .loctitle:before {
background: url('/layout/flags/4x3/jp.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-JO .loctitle:before {
background: url('/layout/flags/4x3/jo.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KZ .loctitle:before {
background: url('/layout/flags/4x3/kz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KE .loctitle:before {
background: url('/layout/flags/4x3/ke.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KI .loctitle:before {
background: url('/layout/flags/4x3/ki.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KP .loctitle:before {
background: url('/layout/flags/4x3/kp.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KR .loctitle:before {
background: url('/layout/flags/4x3/kr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KW .loctitle:before {
background: url('/layout/flags/4x3/kw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KG .loctitle:before {
background: url('/layout/flags/4x3/kg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LA .loctitle:before {
background: url('/layout/flags/4x3/la.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LV .loctitle:before {
background: url('/layout/flags/4x3/lv.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LB .loctitle:before {
background: url('/layout/flags/4x3/lb.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LS .loctitle:before {
background: url('/layout/flags/4x3/ls.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LR .loctitle:before {
background: url('/layout/flags/4x3/lr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LY .loctitle:before {
background: url('/layout/flags/4x3/ly.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MO .loctitle:before {
background: url('/layout/flags/4x3/mo.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MK .loctitle:before {
background: url('/layout/flags/4x3/mk.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MG .loctitle:before {
background: url('/layout/flags/4x3/mg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MW .loctitle:before {
background: url('/layout/flags/4x3/mw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MY .loctitle:before {
background: url('/layout/flags/4x3/my.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MV .loctitle:before {
background: url('/layout/flags/4x3/mv.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ML .loctitle:before {
background: url('/layout/flags/4x3/ml.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MH .loctitle:before {
background: url('/layout/flags/4x3/mh.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MQ .loctitle:before {
background: url('/layout/flags/4x3/mq.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MR .loctitle:before {
background: url('/layout/flags/4x3/mr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MU .loctitle:before {
background: url('/layout/flags/4x3/mu.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-YT .loctitle:before {
background: url('/layout/flags/4x3/yt.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MX .loctitle:before {
background: url('/layout/flags/4x3/mx.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-FM .loctitle:before {
background: url('/layout/flags/4x3/fm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MD .loctitle:before {
background: url('/layout/flags/4x3/md.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MC .loctitle:before {
background: url('/layout/flags/4x3/mc.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MN .loctitle:before {
background: url('/layout/flags/4x3/mn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MS .loctitle:before {
background: url('/layout/flags/4x3/ms.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MA .loctitle:before {
background: url('/layout/flags/4x3/ma.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MZ .loctitle:before {
background: url('/layout/flags/4x3/mz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MM .loctitle:before {
background: url('/layout/flags/4x3/mm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NA .loctitle:before {
background: url('/layout/flags/4x3/na.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NR .loctitle:before {
background: url('/layout/flags/4x3/nr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NP .loctitle:before {
background: url('/layout/flags/4x3/np.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AN .loctitle:before {
background: url('/layout/flags/4x3/an.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NC .loctitle:before {
background: url('/layout/flags/4x3/nc.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NI .loctitle:before {
background: url('/layout/flags/4x3/ni.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NE .loctitle:before {
background: url('/layout/flags/4x3/ne.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NG .loctitle:before {
background: url('/layout/flags/4x3/ng.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NU .loctitle:before {
background: url('/layout/flags/4x3/nu.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NF .loctitle:before {
background: url('/layout/flags/4x3/nf.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-MP .loctitle:before {
background: url('/layout/flags/4x3/mp.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-NO .loctitle:before {
background: url('/layout/flags/4x3/no.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-OM .loctitle:before {
background: url('/layout/flags/4x3/om.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PK .loctitle:before {
background: url('/layout/flags/4x3/pk.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PW .loctitle:before {
background: url('/layout/flags/4x3/pw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PS .loctitle:before {
background: url('/layout/flags/4x3/ps.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PA .loctitle:before {
background: url('/layout/flags/4x3/pa.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PG .loctitle:before {
background: url('/layout/flags/4x3/pg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PY .loctitle:before {
background: url('/layout/flags/4x3/py.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PE .loctitle:before {
background: url('/layout/flags/4x3/pe.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PH .loctitle:before {
background: url('/layout/flags/4x3/ph.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PN .loctitle:before {
background: url('/layout/flags/4x3/pn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PL .loctitle:before {
background: url('/layout/flags/4x3/pl.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PR .loctitle:before {
background: url('/layout/flags/4x3/pr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-QA .loctitle:before {
background: url('/layout/flags/4x3/qa.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-RE .loctitle:before {
background: url('/layout/flags/4x3/re.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-RO .loctitle:before {
background: url('/layout/flags/4x3/ro.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-RU .loctitle:before {
background: url('/layout/flags/4x3/ru.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-RW .loctitle:before {
background: url('/layout/flags/4x3/rw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SH .loctitle:before {
background: url('/layout/flags/4x3/sh.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-KN .loctitle:before {
background: url('/layout/flags/4x3/kn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LC .loctitle:before {
background: url('/layout/flags/4x3/lc.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-PM .loctitle:before {
background: url('/layout/flags/4x3/pm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-VC .loctitle:before {
background: url('/layout/flags/4x3/vc.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-WS .loctitle:before {
background: url('/layout/flags/4x3/ws.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SM .loctitle:before {
background: url('/layout/flags/4x3/sm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ST .loctitle:before {
background: url('/layout/flags/4x3/st.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SA .loctitle:before {
background: url('/layout/flags/4x3/sa.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SN .loctitle:before {
background: url('/layout/flags/4x3/sn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-CS .loctitle:before {
background: url('/layout/flags/4x3/cs.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SC .loctitle:before {
background: url('/layout/flags/4x3/sc.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SL .loctitle:before {
background: url('/layout/flags/4x3/sl.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SG .loctitle:before {
background: url('/layout/flags/4x3/sg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SI .loctitle:before {
background: url('/layout/flags/4x3/si.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SB .loctitle:before {
background: url('/layout/flags/4x3/sb.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SO .loctitle:before {
background: url('/layout/flags/4x3/so.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ZA .loctitle:before {
background: url('/layout/flags/4x3/za.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-GS .loctitle:before {
background: url('/layout/flags/4x3/gs.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-LK .loctitle:before {
background: url('/layout/flags/4x3/lk.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SD .loctitle:before {
background: url('/layout/flags/4x3/sd.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SR .loctitle:before {
background: url('/layout/flags/4x3/sr.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SJ .loctitle:before {
background: url('/layout/flags/4x3/sj.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SZ .loctitle:before {
background: url('/layout/flags/4x3/sz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-SY .loctitle:before {
background: url('/layout/flags/4x3/sy.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TW .loctitle:before {
background: url('/layout/flags/4x3/tw.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TJ .loctitle:before {
background: url('/layout/flags/4x3/tj.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TZ .loctitle:before {
background: url('/layout/flags/4x3/tz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TH .loctitle:before {
background: url('/layout/flags/4x3/th.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TL .loctitle:before {
background: url('/layout/flags/4x3/tl.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TG .loctitle:before {
background: url('/layout/flags/4x3/tg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TK .loctitle:before {
background: url('/layout/flags/4x3/tk.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TO .loctitle:before {
background: url('/layout/flags/4x3/to.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TT .loctitle:before {
background: url('/layout/flags/4x3/tt.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TN .loctitle:before {
background: url('/layout/flags/4x3/tn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TM .loctitle:before {
background: url('/layout/flags/4x3/tm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TC .loctitle:before {
background: url('/layout/flags/4x3/tc.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-TV .loctitle:before {
background: url('/layout/flags/4x3/tv.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-UG .loctitle:before {
background: url('/layout/flags/4x3/ug.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-AE .loctitle:before {
background: url('/layout/flags/4x3/ae.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-UM .loctitle:before {
background: url('/layout/flags/4x3/um.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-UY .loctitle:before {
background: url('/layout/flags/4x3/uy.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-UZ .loctitle:before {
background: url('/layout/flags/4x3/uz.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-VU .loctitle:before {
background: url('/layout/flags/4x3/vu.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-VA .loctitle:before {
background: url('/layout/flags/4x3/va.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-VE .loctitle:before {
background: url('/layout/flags/4x3/ve.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-VN .loctitle:before {
background: url('/layout/flags/4x3/vn.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-VG .loctitle:before {
background: url('/layout/flags/4x3/vg.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-VI .loctitle:before {
background: url('/layout/flags/4x3/vi.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-WF .loctitle:before {
background: url('/layout/flags/4x3/wf.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-EH .loctitle:before {
background: url('/layout/flags/4x3/eh.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-YE .loctitle:before {
background: url('/layout/flags/4x3/ye.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ZM .loctitle:before {
background: url('/layout/flags/4x3/zm.png') no-repeat #fff !important;
background-size: contain !important;
}
.country-ZW .loctitle:before {
background: url('/layout/flags/4x3/zw.png') no-repeat #fff !important;
background-size: contain !important;
}
/* Courier Search */
.courierCountrySearch {
float: left;
border: 1px solid #ebebeb;
line-height: 48px;
position: relative;
font-size: 12px;
}
.courierCountrySearch > li, .courierCountrySearch > span {
display: block;
float: left;
list-style: none;
padding: 0 16px;
}
.courierCountrySearch li {
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
background: #f2f3f4;
}
.courierCountrySearch li[class*="country-"] .loctitle:before, .courierCountrySearch li[data-iso*="iso-"] .loctitle:before {
margin: 19px 12px 0 0;
}
.courierCountrySearch span {
font-size: 12px;
}
.courierCountrySearch span.loctitle {
text-transform: capitalize;
}
.courierCountrySearch-select {
background: #2e61a0;
color: white;
cursor: pointer;
}
.courierCountrySelection {
background: rgba(0,0,0,0.65);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100000;
}
.courierCountrySelection-inner {
background: white;
width: 425px;
max-width: 100%;
position: relative;
float: left;
}
.courierCountrySelection-head {
background: #ddd;
line-height: 24px;
}
.courierCountrySelection-close {
float: right;
font-size: 24px;
cursor: pointer;
}
.courierCountrySelection-search {
border-bottom: 1px solid #ebebeb;
position: relative;
}
.courierCountrySelection-search input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: block;
width: 100%;
line-height: 48px;
border: 1px solid #999;
outline: none !important;
padding: 0 64px 0 16px;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;
}
.courierCountrySelection-search .emptysearch {
position: absolute;
top: 17px;
right: 17px;
display: block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
cursor: pointer;
cursor: pointer;
}
.courierCountrySelection-body {
max-height: 60vh;
overflow-y: auto;
}
.courierCountrySelection-body li {
list-style: none;
display: block;
border-bottom: 1px solid #ebebeb;
cursor: pointer;
-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;
}
.courierCountrySelection-body li.hideLocationCourier {
display: none;
}
.courierCountrySelection-body li:hover {
background: #f4f5f7;
}
/* Find + Filter */
.FAF {
width: 100%;
position: relative;
display: box;
display: flex;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: center;
box-align: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
background: #fff;
float: left;
}
.FAFResults {
background: #fff;
-webkit-transition: width .3s;
-moz-transition: width .3s;
transition: width .3s;
flex-grow: 1;
padding: 0;
}
.FAFResults .breadcrumbs {
text-align: center;
top: -1px;
position: relative;
}
.FAFFilters {
display: none;
left: 0;
-moz-transition: 0 .3s box-shadow .3s;
overflow-x: hidden !important;
vertical-align: top;
position: relative;
margin-right: 32px;
}
.FAFFilters.filter-is-visible {
display: inline-block;
}
.FAFFiltersReorder {
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.FacetDefinitions {
display: flex;
-webkit-flex: 0 1 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.sidebar {
font-family: monospace;
}
.productContainer {
display: flex;
-webkit-flex: 0 1 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: auto;
}
.mainContent {
font-family: monospace;
}
input.reorderFacetItems {
display: inline-block !important;
padding: 0 0 3px !important;
margin: 8px !important;
background: none !important;
border: none !important;
color: #9E9E9E !important;
border-bottom: 1px solid #dadada !important;
font-weight: normal !important;
letter-spacing: 0 !important;
height: 100% !important;
line-height: normal !important;
font-family: inherit !important;
font-size: .8em !important;
border-radius: 0 !important;
color: #666 !important;
background: #fafafa;
width: auto;
clear: none;
}
input.reorderFacetItems:hover {
}
input.facetTypeSearch {
background: #FFFFFF;
font-family: roboto;
font-size: .8em;
border: 1pimgCtrx solid #E0E0E0;
color: cornflowerblue !important;
}
input.facetTypeSearch:hover, input.facetTypeSearch:focus, input.facetTypeSearch:active {
border: 1px solid #B3B3B3;
outline: none;
color: #000;
box-shadow: none;
}
input.facetTypeSearch:focus::-webkit-input-placeholder {
color: transparent;
}
input.facetTypeSearch:focus:-moz-placeholder {
color: transparent;
}
/* FF 4-18 */
input.facetTypeSearch:focus::-moz-placeholder {
color: transparent;
}
/* FF 19+ */
.FFmobile input.facetTypeSearch {
background: #f5f5f5;
font-size: 16px;
border: none;
color: #212121 !important;
border-bottom: 1px solid #c1c1c1;
padding: 0 0 16px !important;
}
.FAFoptions a {
display: block;
float: left;
margin: 0 16px 0 0 !important;
background: #f4f4f4 !important;
border: 1px solid #ccc !important;
color: #9E9E9E !important;
font-weight: normal !important;
text-transform: none !important;
letter-spacing: 0 !important;
height: 100% !important;
line-height: normal !important;
font-family: inherit !important;
font-size: .9em !important;
border-radius: 4px !important;
color: #666 !important;
padding: 8px 16px;
}
.FAFoptions a div {
margin-right: 8px;
}
.reorder {
display: none;
}
.reorder.filter-is-visible {
display: inline-block;
background: #f4f4f4;
margin: 8px 0;
}
input.facetTypeSearch:focus:-ms-input-placeholder {
color: transparent;
}
/* IE 10+ */
.FAFoptions a {
cursor: pointer;
}
.desktop.col-1.ctrPad16.reorder {
}
.reorder input {
color: #555 !important;
}
.facetHdr {
font-size: 11px;
color: #666;
cursor: pointer;
display: block;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.5px;
background: #f1f1f1;
padding: 12px 16px;
}
.facetSubHdr {
font-size: small;
color: cornflowerblue;
border-top: 1px solid #E0E0E0;
margin-top: 16px;
}
.facetOption {
cursor: pointer;
display: flex;
align-items: center;
line-height: 120%;
}
.facetOption:hover {
color: cornflowerblue;
}
.subFacetOption {
cursor: pointer;
display: flex;
align-items: flex-start;
}
.subFacetOption:hover {
color: cornflowerblue;
}
.facetOption input {
width: 100%;
font-size: 9px !important;
background: #2F353E !important;
border: none !important;
padding: 8px !important;
}
.facetAvailable {
padding: 5px 8px !important;
}
.facetUnavailable {
opacity: 0.5;
color: initial !important;
padding: 5px 8px !important;
cursor: not-allowed;
}
.facetUnavailable input[type="checkbox"]:hover:before {
background: initial;
color: initial;
cursor: not-allowed;
}
.facetUnavailable label {
cursor: not-allowed;
}
.FacetDefinitions > div {
margin-top: 16px;
border-top: 1px solid #E0E0E0;
}
.facetUnavailable input[type="checkbox"]:checked:before {
background: #ccc !important;
cursor: not-allowed;
}
label {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: top;
padding: 3px 0 0 7px;
}
.facetOption > span, .subFacetOption > span {
height: 20px;
width: 20px;
margin: 0 !important;
padding: 0;
cursor: pointer;
background: #fff;
position: relative;
outline: 1px solid #d0d0d0;
flex-basis: 20px;
min-width: 20px;
max-width: 20px;
display: inline-block;
}
.facetSelectedff {
background: #0abbef !important;
}
.facetSelectedff:before {
content: "\e116" !important;
font-family: feather;
color: white !important;
display: inline-block;
width: 100%;
vertical-align: text-bottom;
padding: 0;
margin: 0;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 20px;
text-align: center;
}
.facetSelectedff.checked {
background: #0abbef !important;
outline: 1px solid #0abbef;
}
.facetUnselectedff {
}
.facetUnselectedff:before {
content: "\e116" !important;
font-family: feather;
color: white !important;
display: inline-block;
width: 100%;
vertical-align: text-bottom;
padding: 0;
margin: 0;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 20px;
text-align: center;
}
.facetUnselectedff.checked {
background: #0abbef !important;
}
.facetUnavailableff {
background: #fff;
cursor: not-allowed !important;
}
.facetUnavailableff:before {
content: '\e117' !important;
background: #b5b5b5;
font-family: feather;
color: #fff !important;
display: inline-block;
width: 100%;
vertical-align: text-bottom;
padding: 0;
margin: 0;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 20px;
text-align: center;
}
.facetUnavailableff.checked {
}
.SubFacetOptions {
padding-left: 16px;
}
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
height: 24px;
width: 24px;
margin: 0 !important;
padding: 0;
cursor: pointer;
background: #FFFFFF !important;
background-size: contain !important;
position: relative;
outline: 1px solid #E0E0E0;
padding: 0 7px 0 0;
flex-basis: 24px;
min-width: 24px;
max-width: 24px;
}
input[type="checkbox"]:checked {
background: #0abbef !important;
background-size: contain !important;
}
input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
color: #FFFFFF !important;
font-family: feather;
line-height: 24px;
}
input[type="checkbox"]:checked:before {
content: "\e116" !important;
font-family: feather;
color: white !important;
background: #0abbef !important;
}
input[type="checkbox"]:hover:before {
background: #ECECEC;
color: #ECECEC !important;
content: '';
font-family: feather;
}
.headBack {
cursor: pointer;
}
.headHome {
margin: 64px 0 0;
}
span.noFacetResults {
background: tomato;
color: white;
display: inline-block;
height: 128px;
width: 128px;
border-radius: 64px;
line-height: 128px;
text-align: center;
font-size: 4em;
cursor: pointer;
}
span.noFacetResults:hover {
background: darkred;
-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;
}
span.facetStartOver {
background: darkslategrey;
color: white;
display: inline-block;
height: 64px;
width: auto;
padding:0 32px;
border-radius: 32px;
line-height: 64px;
text-align: center;
font-size: 1.5em;
}
span.facetStartOver:hover {
background: grey;
-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;
}
.noFacetResultsTXT {
color: tomato;
font-size: 2em;
line-height: 2em;
}
.noFacetResultsSubTXT {
color: tomato;
font-size: 1.4em;
line-height: 1.4em;
}
.facetStartOverTXT {
color: darkslategrey;
font-size: 1.2em;
}
.facetStartOverSubTXT {
color: darkslategrey;
font-size: .8em;
}
.facetItemDetails {
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-content: flex-start;
text-align: left;
font-size: smaller;
}
.facetItemDetails a {
cursor: pointer;
}
.facetQuickViewSimple a:before {
padding-right: 4px;
font: normal normal normal 10px/1 feather;
content: "\e114";
}
.FacetOptions {
}
.FFOutofstock > .facetItemImg {
opacity: 0.5;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.FFOutofstock .fa-tag {
display: none;
}
.facetPricing {
display: inline-block;
}
.facetPricing > div > span:nth-child(2) {
margin: 0 0 0 8px;
padding: 0 0 0 8px;
border-left: 1px solid #dadada;
text-decoration: line-through;
}
.facetPricing > div > span:nth-child(3) {
font-size: smaller;
}
.col-facetItem[data-onsale="1"] .facetPricing > div > span:nth-child(1), .col-facetItem[data-onsale="facetIsOnSale"] .facetPricing > div > span:nth-child(1) {
color: #ff4242;
}
.col-facetItem[data-onsale="1"] .facetPricing > div > span:nth-child(2), .col-facetItem[data-onsale="facetIsOnSale"] .facetPricing > div > span:nth-child(2) {
color: #a2a2a2;
text-decoration: line-through;
font-size: smaller;
margin-left: 4px;
padding-left: 4px;
}
.fafSalePR > span:nth-child(1) > span {
color: #ff4242;
}
.percentOff-betterSearch {
color: #ff4242;
}
.percentOff-betterSearch:before, .fafqvdd-details-price-saving:not(:empty):before {
content: "Save "
}
.fafSalePR > span:nth-child(2) > span {
color: #a2a2a2;
text-decoration: line-through;
}
.col-facetItem {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
position: relative;
overflow: hidden;
}
.col-facetItem[data-isinstock="stockStatus-false"],
.col-facetItem[data-isinstock="stockStatus-False"] {
opacity:0.5;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.col-facetItem:hover .frItemName span {
}
.col-facetItem > div > a {
display: block;
}
.col-facetItem.fDone {
opacity: 1;
}
.frItemName {
padding-bottom: 8px;
min-height: 80px;
}
.frItemName span {
cursor: pointer;
color: initial;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.facetPricing {
border-bottom: 1px solid #efefef;
padding: 8px 0;
margin-bottom: 8px;
display: flex;
flex-direction: row;
height: 38px;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-align-items: center;
}
.facetQuickView {
cursor: pointer;
width: 47px;
height: 47px;
float: right;
background: #fafafa;
text-align: center;
display: none;
}
.facetQuickView span:before {
content: "\e114";
font: normal 14px/1 feather;
line-height: 48px;
}
.facetOptions {
font-size: smaller;
padding: 8px 0;
align-items: center;
border-top: 1px solid #efefef !important;
border-bottom: 1px solid #efefef;
justify-content: space-between;
align-content: space-between;
}
.fafReviewColours {
justify-content: space-around;
}
.col-facetItem .yotpo.bottomLine {
min-height: 30px;
padding: 0 0 8px 0;
}
.col-facetItem .yotpo.bottomLine .yotpo-display-wrapper .text-m {
margin-left: 8px;
font-size: small;
}
/* FAF - Product Compare */
.selectcompare {
width: 100%;
float: left;
border: 1px solid #eee;
outline: 0 !important;
box-shadow: none !important;
text-align: left;
padding: 8px;
background: #eee;
margin-top: 4px;
opacity: 0;
-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;
will-change: opacity;
}
.col-facetItem:hover .selectcompare, .selectcompare.incomparelist {
opacity: 1;
}
.selectcompare.incomparelist {
border-color: #72a100;
background: #E8FFED;
}
.selectcompare input[type="checkbox"] {
display: none;
}
.selectcompare input[type="checkbox"] + label {
font-size: smaller;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 24px;
padding: 0 !important;
}
.selectcompare input[type="checkbox"] + label:before {
content: '\2713';
background: white;
color: white;
width: 24px;
height: 24px;
line-height: 24px;
border: 1px solid #ccc;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
display: block;
float: left;
margin: 0 4px 0 0;
text-align: center;
}
.selectcompare input[type="checkbox"]:checked + label:before {
border-color: #72a100;
background: #72a100;
}
.compare-button {
position: fixed;
right: 16px;
bottom: 70px;
background: #72a100;
color: white;
-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;
font-size: 16px;
line-height: 42px;
padding: 0 16px;
border-radius: 4px;
cursor: pointer;
float: left;
}
@media screen and (max-width : 735px) {
.compare-button {
border-radius: 0;
right: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 39999;
}
.selectcompare {
opacity: 1;
}
}
@media print {
.printhide, .ctrNavigation, .flexorderRDIFF, .topBannerSash, #FOOTER1, .primaryNav, .flexorderRDIFF {
display: none;
}
#comparetgt div[id*="cp"] {
width: 50% !important;
height: 100vh;
}
#comparetgt div[id*="cp"] .imgCtr {
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
}
}
/* ***** END : Compare Products ***** */
[class*="stockStatus"] {
font-size: smaller;
margin: 8px 0;
position: relative;
cursor: pointer
}
[class*="stockStatus"]:after {
content: "\e128";
position: absolute;
right: 0;
font-family: feather;
}
.facetRow {
height: 48px;
display: flex;
}
.facetQV:before, .facetColourGroup .icon-drop, .productIsStarbuy:after, .productIsNotStarBuy:after, .icon-star {
top: -1px;
position: relative;
}
.facetStock {
flex-grow: 1;
text-align: left;
line-height: 47px;
font-size: smaller;
}
.facetColourGroup {
align-items: center;
}
.inactive:before {
color: #c3c3c3;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.facetIsOnSale span:after {
content: "SALE";
margin: 0;
color: rgb(241,241,241);
font-size: 10px;
letter-spacing: 2.5px;
position: absolute;
padding: 3px;
text-align: center;
background: #d93131;
top: 0;
right: 0;
width: 150px;
}
.facetIsNotOnSale {
display: none;
}
.stockStatus-ComingSoon:before {
color: #0abbef;
content: "Coming Soon";
font-family: inherit;
}
.stockStatus-false:before {
color: red;
content: "Out of Stock";
font-family: inherit;
}
.stockStatus-PreOrder:before {
color: #7873B0;
content: "Pre order";
font-family: inherit;
}
.stockStatus-True:before {
color: #73AB02;
content: "In Stock";
font-family: inherit;
}
.stockStatus-SpecialOrder:before {
color: cornflowerblue;
content: "We'll Order This In";
font-family: inherit;
}
.stockStatus-Custom:before {
content: "CUSTOMISE";
font-family: inherit;
}
.icon-star {
margin-right: 3px;
}
.productIsNotStarBuy {
}
.productIsNotStarBuy > span {
display: none;
}
.productIsStarbuy:after {
content: "\e085";
margin-left: 4px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #8722b1;
}
.productIsStarbuy:after {
content: "Star Buy";
}
.productIsNotStarBuy:before {
content: "";
}
#priceFilterLower, #priceFilterUpper {
width: 100%;
background: #fdfdfd;
font-family: roboto;
font-size: .8em;
border: 1px solid #E0E0E0;
color: cornflowerblue !important;
}
.priceFilter {
margin: 16px 0;
}
.facetOrder {
width: 100%;
float: left;
clear: both;
}
.facetTitle, .facetTitle p {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
.salestockOption {
padding: 32px;
}
.FFStock label {
color: yellowgreen;
}
.FFSale label {
color: tomato;
}
.FFStock input[type="checkbox"]:checked:before {
background: yellowgreen !important;
}
.FFSale input[type="checkbox"]:checked:before {
background: tomato !important;
}
.Standard .facetOptions, .Simple .facetOptions, .Simple .facetFinance {
display: none !important;
}
.Simple .fafStockQV {
display: none !important;
}
.Simple:not(.ShowRRP) .facetPricing span[id*="lblNow"] {
color: inherit !important;
}
.Simple:not(.ShowRRP) .facetPricing span[id*="lblwas"], .Simple:not(.ShowRRP) .facetPricing span[id*="lblDiscounttext"] {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border-left: none !important;
}
.Simple .frItemName {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.facetQuickViewSimple {
display: none;
}
.facetQuickViewSimple {
display: inline-block;
font-size: smaller;
border: 1px solid #ccc;
background: #f4f4f4;
border-radius: 4px;
padding: 2px 4px;
-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;
}
.facetQuickViewSimple:hover {
border: 1px solid #bddec7;
background: #e4f5e9;
}
.FAFResults .col-facetItem[data-isinstock*="stockStatus-false"] > a {
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#greyscale");
}
.FAFclosebutton {
right: 8px;
font-size: small;
cursor: pointer;
padding: 0;
background: none !important;
width: initial !important;
}
.FAFclosebutton:before {
padding-right: 8px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e043";
color: #f00;
}
.facetStock {
flex-grow: 1;
text-align: left;
line-height: 47px;
font-size: smaller;
}
.score:before {
content: "\e093";
font-family: feather;
margin-right: 3px;
position: relative;
bottom: 1px
}
.score[data-rate="1"], .score[data-rate="2"], .score[data-rate="3"], .score[data-rate="4"], .score[data-rate="5"] {
opacity: 1;
color: #d69600;
}
.facetReview div.icon-star {
opacity: 1;
color: #d4980b;
float: left;
line-height: 24px;
}
.facetReview.score[data-rate="0"], .facetReview.score[data-rate="0"] + div.icon-star:before {
color: #555;
opacity: 0;
visibility: hidden;
display: none;
}
.facetColourGroup {
align-items: center;
}
.colourWheel:before {
content: "";
background: url(/images/colourwheel.png) center center no-repeat;
background-size: contain;
margin: auto !important;
width: 18px;
height: 10px;
display: inline-block;
position: relative;
top: 2px;
}
.colourWheel:after {
content: "other Colours";
}
[style="display: none;"].colourWheel:before {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
[style="display: none;"].colourWheel:after {
content: ""
}
.facetColourGroup[style="display: none;"] {
display: inline-block !important;
opacity: 0.3;
}
.facetColourGroup .icon-drop {
content: "\e063";
margin-right: 8px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.inactive:before {
color: #c3c3c3;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.facetIsOnSale span:after {
content: "SALE";
margin: 0;
color: rgb(241,241,241);
font-size: 10px;
letter-spacing: 2.5px;
position: absolute;
padding: 3px;
text-align: center;
background: #d93131;
top: 0;
right: 0;
width: 150px;
}
.facetIsNotOnSale {
display: none;
}
.facetStock {
flex-grow: 1;
text-align: left;
line-height: 100%;
font-size: inherit;
}
.facetColourGroup {
align-items: center;
}
.facetColourGroup .icon-drop {
content: "\e063";
margin-right: 3px;
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.inactive:before {
color: #c3c3c3;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}
.facetIsOnSale span:after {
content: "SALE";
margin: 0;
color: rgb(241,241,241);
font-size: 10px;
letter-spacing: 2.5px;
position: absolute;
padding: 3px;
text-align: center;
background: #d93131;
top: 0;
right: 0;
width: 150px;
}
.facetIsNotOnSale {
display: none;
}
.stockStatus-false:before,
.stockStatus-False:before,
.stockStatus-ComingSoon:before,
.stockStatus-comingsoon:before,
.stockStatus-PreOrder:before,
.stockStatus-preorder:before,
.stockStatus-True:before,
.stockStatus-true:before,
.stockStatus-SpecialOrder:before,
.stockStatus-specialorder:before {
color: #333;
content: "CHECK AVAILABILITY";
font-family: inherit;
}
.stockStatus-false:before,
.stockStatus-False:before {
content: "OUT OF STOCK";
}
.productIsStarbuy {
color: #8722b1;
}
.productIsNotStarBuy {
opacity: 0.3;
}
.productIsNotStarBuy > span {
display: none;
}
.productIsStarbuy:after {
content: "\e085";
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #8722b1;
}
.productIsStarbuy:before {
content: "Star Buy";
}
.productIsNotStarBuy:after {
content: "\e085";
display: inline-block;
font-family: feather;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 4px;
}
#priceFilterLower, #priceFilterUpper {
width: 100%;
background: #fdfdfd;
font-family: roboto;
font-size: .8em;
border: 1px solid #E0E0E0;
color: cornflowerblue !important;
}
.priceFilter, .FacetSize {
margin: 0;
}
.salestockOption {
}
.FFStock label {
color: yellowgreen;
}
.FFSale label {
color: tomato;
}
.FFStock input[type="checkbox"]:checked:before {
background: yellowgreen !important;
}
.FFSale input[type="checkbox"]:checked:before {
background: tomato !important;
}
/* Find + Filter Landing page */
.LPTitle h3 {
border-top: 1px solid #999;
padding-top: 16px;
}
.LPFilters {
margin: 16px;
}
.LPFilters a,
.LPFilters a:visited {
display: block;
padding: 0 !important;
width: 100%;
font-size: smaller;
vertical-align: top;
line-height: 32px;
border-bottom: 1px solid #ebebeb;
color: #666;
min-width: 100%;
position: relative;
text-transform: capitalize;
clear: both;
}
.LPFilters a[id*="lnkFacetLink"]:after {
content: '\e055';
position: absolute;
top: 0;
right: 0;
color: #888888;
font-family: feather;
}
.LPFilters a[id*="lnkFacetLink"]:last-of-type {
border-bottom: 0;
padding: 0;
margin: 0;
}
.LPFilters:not(.LPFilters-expanded) > a[id*="lnkFacetLink"]:nth-of-type(1n+7) {
display: none;
}
.LPExpandButton {
color: #2c9ab7 !important;
text-align: right;
cursor: pointer;
border-bottom:0 !important;
}
.LPExpandButton:before,
.LPExpandButton:after {
display:inline-block;
}
.LPExpandButton:before {
content: attr(data-start);
padding-right: 3px;
}
.LPExpandButton:after {
padding-left: 3px;
content: attr(data-end) !important;
}
#facetsearch_landingPageTotalProductsPanel {
background: #f1f1f1;
float: left;
padding: 8px 16px !important;
}
#facetsearch_landingPageTotalProductsPanel p {
}
#facetsearch_landingPageTotalProductsPanel h4, #facetsearch_landingPageTotalProductsLbl {
}
.FAFLanding .mobile {
width: 100%;
}
.FAFLanding .facetHdr {
float: left;
width: 100%;
color: #222;
margin-bottom: 16px;
padding: 8px 16px !important;
}
.FAFLanding .facetHdr:before {
}
.metaControls {
padding: 0;
width: 100%;
}
.metaControls h2, h1.fafPageTitle {
text-transform: capitalize;
clear: both;
margin: 0 0 16px;
}
.FAFLanding .FAFFilters > div {
margin-bottom: 16px;
float: left;
}
#FafKnockoutResults .facetHdr {
}
#FafKnockoutResults .FAFFilters {
padding: 8px !important;
position: relative;
background: #f5f5f5;
z-index: 1;
}
.LPTitle {
margin: 16px 0;
}
.LPTitle h3 {
border-top: 1px solid #999;
padding-top: 16px;
}
.FAFLanding .flexreorder {
-ms-flex: 1;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
}
.flexreorder > div {
width: 100%;
}
.flexreorder > div > div {
margin-bottom: 16px;
background: #fbfbfb;
float: left;
width: 100%;
}
.ALPDescription-desktop {
display: flex;
flex-direction: row;
align-items: stretch;
}
.ALPDescription-desktop-brand {
width: 150px;
flex-basis: 150px;
min-width: 150px;
padding: 8px 8px 0 0;
}
.ALPDescription-desktop-brand > img {
margin-top: 0;
width: 100%;
}
.ALPDescription-desktop-desc {
width: 100%;
}
.ALPDescription-desktop-desc h2 {
margin-top: 16px;
}
.ALPBannerImages {
position: relative;
}
.imgCtrFafDesc {
position: relative;
}
.imgCtrFafDesc:after {
content: "";
display: block;
width: 100%;
padding-bottom: 25%;
}
.imgCtrFafDesc[data-image=""] {
display: none;
background: none !important;
}
.ALPBannerImages-Brand {
width: 80px;
min-width: 80px;
border: 1px solid #ebebeb;
margin-top: 8px;
}
/* Fix for new loading function */
.facetItemImg {
cursor: pointer;
max-height: 476px;
min-height: 100px;
background: white;
position: relative;
}
.facetItemImg > img {
width: 100%;
height: inherit;
}
/* QuickLook ------ */
#dev-QuickLook {
width: 100%;
overflow: hidden;
max-width: 1000px;
margin: 0 auto;
float: none;
display: flex;
flex-wrap: wrap;
}
#dev-QuickLook-img {
overflow: hidden;
width: 50%;
background: #fff;
}
#MIV-image-dev-small {
margin: 0 0 10px;
line-height: 1.5em;
color: #000000;
text-transform: uppercase;
letter-spacing: 3px;
margin-top: 85px;
display: inline-block;
}
#attribute-quicklook-dev {
clear: right;
float: left;
width: 100%;
background: whitesmoke;
padding: 16px;
}
#dev-QuickLook-content {
float: left;
width: 50%;
padding: 16px;
background: #fff;
}
/* ----- QuickLook ------ */
#ImageLargePath-dev {
width: 100%;
overflow: hidden;
display: inline-block;
}
#MIV-quicklook-dev {
width: 250px;
display: none;
}
#MIV-quicklook-dev li {
display: inline-block;
list-style: none;
border: 1px solid #eee;
margin: 4px 0 5px 4px;
}
#ImageLargePath-dev img {
width: 100%;
max-width: 500px;
height: auto;
}
#dev-QuickLook-content, #MIV-image-dev, #title-dev, #ShortDescription-dev, #LongDescription-dev, #clPrice-dev {
clear: right;
display: block;
}
#ShortDescription-dev {
margin-bottom: 14px;
}
#attribute-quicklook-dev {
clear: right;
float: left;
width: 100%;
background: whitesmoke;
}
#attribute-quicklook-dev input {
display: none;
}
#clPrice-dev {
}
#clPrice-dev .pricingRange {
padding: 0;
float: left;
}
#dev-QuickLook-content {
float: left;
width: 50%;
padding: 28px;
}
#title-dev {
margin: 0 0 10px;
line-height: 1.5em;
color: #333;
}
.qv-add-container {
width: 100%;
clear: both;
background: white;
display: flex;
width: 100%;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: stretch;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
}
.qv-add-container > div {
flex-direction: row;
align-items: stretch;
flex-direction: row;
padding: 21px;
}
.qv-add-container:nth-last-child(1) {
margin: 0;
}
.qv-name, .qv-price, .qv-stock, .qv-add {
}
.qv-name {
flex-grow: 1;
min-width: 160px;
}
.qv-price {
float: right;
padding: 0 16px;
}
.qv-stock {
float: right;
text-align: center;
order: 3;
background: #f0fae0;
}
.qv-add {
margin: 0;
order: 4;
order: 7;
background: #acd373;
text-shadow: 1px 1px #9cbc6f;
text-align: center;
position: relative;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
flex-grow: 1;
flex-basis: auto;
overflow: hidden;
position: relative;
}
.qv-add:before {
content: "add";
}
.qv-add img {
cursor: pointer;
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
left: 0;
top: 0;
}
.qv-stock .InStockCSS, .qv-stock .OutofStockCSS, .qv-stock .BackOrderCSS {
}
.qv-stock .InStockCSS {
color: #006707;
}
.qv-stock .OutofStockCSS {
color: #cd0a0a;
}
.qv-stock .BackOrderCSS {
color: #0076a3;
}
#ctl01_lblDiscounttext > .save > .onsale {
position: absolute;
left: 214px;
top: 21px;
overflow: hidden;
width: 71px;
height: 71px;
}
.QuickLook-cards {
margin: 14px auto;
display: none;
}
.QuickLook-cards img {
margin: 14px 49px 14px 39px;
}
.quickview {
color: #fef4e9;
background: #f78d1d;
background: #faa51a;
}
.quickview:hover {
color: #FFF;
background: #f47c20;
background: #f88e11;
}
#link-dev {
margin-bottom: 0;
display: inline-block;
}
#clPrice-dev .pricing {
text-align: left;
position: relative;
top: 0;
width: 280px;
margin: 14px 0;
height: 40px;
}
#attribute-quicklook-dev .facetPricing > div > span:nth-child(2), .facetPricing > div > span:nth-child(3) {
padding: 0;
margin: 0;
text-align: center;
display: inline-block;
padding: 0 4px;
}
#clPrice-dev .now {
display: block;
height: 40px;
width: 94px;
margin: 0;
padding: 0;
float: left;
background: #f1f1f1;
color: #666;
text-align: center;
color: #3e7ca3;
line-height: 290%;
}
#clPrice-dev .was {
background: 3px;
display: block;
height: 40px;
width: 100px;
margin: 0;
padding: 0;
float: left;
background: url(/layout/wasPriceOverlay.png) top left no-repeat #f1f1f1;
color: #999;
text-align: center;
background-position: -4px;
line-height: 290%;
}
#clPrice-dev .save {
display: block;
height: 40px;
width: 86px;
margin: 0;
padding: 0;
float: left;
background: #dc4040;
color: #fff;
text-align: center;
position: absolute;
left: 194px;
top: 0;
letter-spacing: 1px;
font-size: 13px;
line-height: 300%;
}
#clPrice-dev .onsale {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.out-of-stock .qv-add {
display: none;
}
.out-of-stock .qv-stock {
order: 5;
background: #FFF2F0;
flex-grow: 1;
color: red;
}
/* Custom reordering */
#FAFCustomReorder {
-ms-flex: 1;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
}
#FAFDesc {
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
-webkit-order: 5;
order: 5;
}
#FAFImg img {
width: 100%;
}
/* Experimental */
.imageContainer, .facetItem {
width: 100%;
float: left;
}
.facetItemImg {
background: url(/layout/fafloading.png) no-repeat;
background-size: cover !important;
background-position: center center !important;
float: left;
width: 100%;
position: relative;
}
.facetItemImg:after {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
div[class*="faf-image"] {
-webkit-background-size: 100% !important;
-moz-background-size: contain !important;
-o-background-size: contain !important;
background-size: contain !important;
background-position: center center !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
min-height: 100px;
}
.faf-bg-hidden div[class*="faf-image"], .faf-bg-hidden div[class*="imgCtr"], .faf-bg-hidden {
background: none !important;
}
.facetItemImg .imgCtr {
background-size: contain !important;
position: absolute;
top: 0;
bottom: 0;
}
.fafflexwrap {
-ms-flex: 1;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
}
.faftitlebreadcrumbs {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
-moz-order: 2;
-o-order: 2;
-ms-order: 2;
order: 2;
}
/* Sizing Filters */
#SizeTermPanel, #SizeTermRevertPanel {
position: relative;
display: flex;
-webkit-flex: 0 1 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
}
#SizeTermPanel {
display: none;
}
#sizeTermKnockout {
opacity: 1;
position: relative;
}
#sizeTermRefresh[style*=""] {
background: #123;
}
#SizeTermPanel .FacetOptions {
font-size: .9em;
cursor: pointer;
display: block;
padding-bottom: 16px;
}
#SizeTermPanel .FacetOptions > div {
padding: 8px 16px;
-ms-flex: 1;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: center;
-ms-align-items: center;
width: 100%;
}
#SizeTermPanel .FacetOptions > div > label {
padding-left: 16px;
}
#SizeTermPanel .facetHdrSize {
font-size: 11px;
cursor: pointer;
display: block;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.5px;
padding: 12px 16px;
}
#SizeTermPanel span.facetOption {
height: 20px;
width: 20px;
margin: 0 !important;
padding: 0;
cursor: pointer;
background: #fff;
position: relative;
outline: 1px solid #d0d0d0;
flex-basis: 20px;
min-width: 20px;
max-width: 20px;
display: inline-block;
}
#sizeTermRefresh, #sizeTermRestrict, #SizeTermRevertPanel {
position: absolute;
z-index: 1;
align-self: center;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
height: auto;
letter-spacing: 2px;
line-height: 25px;
text-align: center;
text-transform: uppercase;
-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;
text-decoration: none;
font-weight: 700;
font-size: 10px !important;
background: #0abbef !important;
border: none !important;
padding: 12px !important;
width: 100%;
}
#sizeTermRefresh:not([style="display: none;"]) ~ #sizeTermKnockout, #sizeTermRestrict:not([style="display: none;"]) ~ #sizeTermKnockout, #SizeTermRevertPanel:not([style="display: none;"]) ~ #sizeTermKnockout {
opacity: 0.25;
cursor: none;
pointer-events: none;
}
.FAFSizeOrder {
font-size: .9em;
border: 1px solid #efefef;
background: #f5f5f5;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
padding: 8px;
}
.FAFSizeOrderText {
}
.FAFSizeOrderText > span {
margin: 3px;
display: inline-block;
}
.FAFSizeOrder [class*='SizeFilter'] {
text-transform: uppercase;
font-weight: bold;
background: #ffffff;
outline: 1px solid rgba(165,19,19,0.35);
margin: 3px;
display: inline-block;
padding: 3px 11px;
font-size: smaller;
border-radius: 3px;
color: #a51313;
}
.FAFSizeOrder a {
z-index: 1;
align-self: center;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
height: auto;
letter-spacing: 2px;
line-height: 25px;
text-align: center;
text-transform: uppercase;
-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;
text-decoration: none;
font-weight: 700;
font-size: 10px !important;
background: #7693ea !important;
border: none !important;
padding: 12px 24px !important;
}
.SizeFilter8:before {
content: " MENS BIKES - ";
}
.SizeFilter9:before {
content: "WOMENS BIKES - ";
}
.SizeFilter10:before {
content: "UNISEX BIKES - ";
}
.selectFacet {
color: #000;
}
.selectCount {
opacity: 0.5;
padding-left: 5px;
}
/* Finance */
.facetFinance {
margin-bottom: 8px;
min-height: 33px;
}
.allowFinance {
background: #f7efff;
outline: 1px solid #d0bfe3;
color: #6c4a94;
font-size: smaller;
align-items: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
justify-content: left;
-webkit-justify-content: left;
-moz-justify-content: left;
-ms-justify-content: left;
padding: 8px;
}
.denyFinance {
background: #f1f1f1;
outline: 1px solid #f1f1f1;
height: 27px;
color: #F1F1F1;
overflow: hidden;
text-indent: -99999999px;
}
.FFPrice {
font-size: inital;
}
.FFPrice:before {
content: "From";
padding-right: 4px;
font-size: smaller;
}
.FFPrice:after {
content: "per month on finance";
padding-left: 4px;
font-size: smaller;
}
.FFmobile .FFPrice:after {
content: "/mth";
font-size: smaller;
}
/* Sticky */
.sticky {
width: 100%;
height: 48px;
}
.sticky.sticknow .FAFoptionsContainer {
margin-top: 0 !important;
position: fixed;
top: 0;
z-index: 7;
background: #ffffff;
width: 100%;
left: 0;
}
.sticknow .FAFoptionsReorder {
float: right;
margin: 0 !important;
}
.mobile .FAFoptionsReorder {
float: left;
margin: 0 !important;
border-right: 1px solid #eaeaea !important;
padding: 0 !important;
}
.mobile .FAFoptionsReorder select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
outline: none;
text-transform: uppercase;
width: 100%;
text-align: center;
background: rgba(255,255,255,0);
padding: 14px;
opacity: 0.01;
}
.FAFFiltersMobile:after {
content: "FILTER PRODYCS";
}
.FAFoptionsContainer {
position: relative;
}
.FAFFiltersMobile a.filtersBottom {
background: #a7c585;
color: white;
border-radius: 4px;
}
.FAFFiltersMobile a.filtersBottom:before, .FAFFiltersMobile:after {
display: none;
}
.sticky2 {
z-index: 10;
width: 319px;
}
.sticky2.sticknow2 .filtersSize {
position: fixed;
top: 0;
z-index: 7;
}
.sticky2.sticknow2 .filtersSize > div {
}
.sticky2.sticknow2 .filtersSize > div > span {
}
.mobile .FAFoptionsContainer {
outline: 1px solid #dcdcdc;
outline:0;
}
.mobile .FAFoptionsContainer > a {
width: 50%;
margin: 0 !important;
text-align: center;
position: relative;
padding: 14px;
height: 47px !important;
border-radius: 0 !important;
background: white !important;
}
.mobile .FAFoptionsContainer label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-transform: uppercase;
padding: 16px 10px;
line-height: 14px;
}
.mobile .FAFoptionsContainer label span {
margin-right: 8px;
}
.mobile .reorder, .mobile .FAFoptions {
border-bottom: none;
}
/* --------------- Find and Filter Overrides --------------- */
#LoadingPanel {
z-index: 30;
}
#dev-QuickLook {
padding: 16px;
background: white;
}
.FAFFilters, .FAFResults .col-1.breadcrumbs {
order: 0 -1;
-moz-box-ordinal-group: -1;
-webkit-order: -1;
order: -1;
}
.reorder input {
color: #484848 !important;
outline: none;
}
.facetOrder > div:last-of-type {
padding: 0 !important;
}
.facetTitle {
order: -1 !important;
max-width: 100%;
padding: 32px 15% !important;
text-align: center;
background: white;
}
.facetTitle > .ctrPad32 {
padding: 0 !important;
}
.facetTitle h1 {
font-size: 21px;
text-transform: uppercase;
letter-spacing: .125em;
text-align: center;
margin: 0;
}
.facetTitle img {
display: none;
}
.facetTitle a {
display: inline-block;
color: #000;
border-bottom: 1px solid black;
text-align: center;
margin: 2px 8px;
order: 4;
}
.facetTitle p {
display: block;
float: left;
width: 100%;
}
.facetTitle p, .facetTitle a {
font-size: 13px;
}
#facetmetadetailsTitleDesc_lblDescription {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
}
.facetIsOnSale {
display: block;
height: 0;
top: 0;
}
.facetIsOnSale span {
position: absolute;
text-transform: uppercase;
top: 20px;
right: -55px;
text-align: center;
width: 150px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.facetIsOnSale span:after {
content: "SALE";
margin: 0;
color: rgb(241,241,241);
font-size: 10px;
letter-spacing: 2.5px;
position: absolute;
padding: 3px;
text-align: center;
background: #d93131;
top: 0;
right: 0;
width: 150px;
}
input.facetTypeSearch, #priceFilterLower, #priceFilterUpper {
}
.facetItemImg {
height: auto !important;
}
#FafKnockoutResults .FAFFilters {
background: white !important;
padding: 0 !important;
}
.FAFclosebutton {
top: 8px;
}
.FacetDefinitions .facetHdr {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.FacetDefinitions .facetHdr:after, #FafKnockoutResults .priceFilter .facetHdr:after, #FafKnockoutResults .FacetSize .facetHdr:after, #FafKnockoutResults .salestock .facetHdr:after, #FafKnockoutResults .FacetSearch .facetHdr:after {
font-family: feather;
content: "\e114";
float: right;
font-size: 14px;
font-weight: normal;
}
.FacetDefinitions .FacetOptions {
padding-top: 16px !important;
margin: 0 !important;
display: none;
margin: 0 8px !important;
}
#FafKnockoutResults .facetHdr {
padding: 16px !important;
line-height: 14px;
font-size: 12px;
border-bottom: 1px solid #dadada;
}
#FafKnockoutResults .facetHdr:after {
content: "\e114";
}
.ToggleMenu > .col-1:not(.facetHdr) {
display: none;
}
.FacetDefinitions > .col-1 {
background-color: #ffffff;
line-height: 14px;
font-size: 12px;
}
.FacetDefinitions .facetHdr {
background: #f5f5f5;
}
.FacetDefinitions > .facetHdr {
background: #ffffff;
}
#sizeTermKnockout .FacetDefinitions:before {
content: 'SHOP BY SIZE';
}
.FacetDefinitions > div, .salestock {
border-top: 0 !important;
margin: 0;
}
.salestock {
}
.salestock .facetHdr {
padding-bottom: 16px !important;
}
.FAFFiltersMobile a.filtersBottom {
background: #a7c585;
color: white;
border-radius: 4px;
}
.FAFFiltersMobile a.filtersBottom:before, .FAFFiltersMobile:after {
display: none;
}
.FFopen {
padding-bottom: 16px;
background: #f7f7f7 !important;
}
.FFopen .facetHdr {
margin-bottom: 16px;
}
.FFopen .facetHdr:after {
color: #bb5252;
content: "\e117" !important;
}
.FFDesktop a.filtersSize {
z-index: 2;
width: 100%;
left: 0;
}
.FFmobile a.filtersSize {
display: none !important;
}
.Count {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
padding-top: 8px;
float: left;
}
.FFDesktop .ToggleMenu {
margin-bottom: 8px;
}
.FFDesktop .ToggleMenu > .facetHdr {
color: #fff;
}
.FFDesktop .ToggleMenu > .col-1:not(.facetHdr) {
background: #fafafa;
}
.FFDesktop .FacetSize > .col-1:not(.facetHdr) {
background: white;
}
.FFDesktop #SizeTermPanel .facetHdrSize {
margin-top: 16px;
color: #83a4db;
}
.FFDesktop #SizeTermPanel .facetHdrSize, .FFDesktop #SizeTermPanel .FacetOptions {
background: #fafafa;
}
.FFDesktop #SizeTermPanel .facetHdrSize:first-of-type {
margin-top: 0;
}
.FFDesktop #SizeTermPanel .FacetOptions:last-of-type {
}
.FFDesktop a.filtersSize span {
width: 100%;
background: #e4e4e4 !important;
border: none;
color: #4c5f7c !important;
margin: 16px 0;
background-color: white;
cursor: default;
}
.FFDesktop a.filtersSize.active span {
width: 100%;
background: #0abbef !important;
border: none;
cursor: pointer;
color: #ffffff !important;
}
span.button {
}
/* reordering */
.FacetSize {
-webkit-box-ordinal-group: 2 !important;
-moz-box-ordinal-group: 2 !important;
-webkit-order: 2 !important;
order: 2 !important;
}
.priceFilter {
-webkit-box-ordinal-group: 0 !important;
-moz-box-ordinal-group: 0 !important;
-webkit-order: 0 !important;
order: 0 !important;
}
.FacetDefinitions {
-webkit-box-ordinal-group: 1 !important;
-moz-box-ordinal-group: 1 !important;
-webkit-order: 1 !important;
order: 1 !important;
}
.FacetSearch {
-webkit-box-ordinal-group: 4 !important;
-moz-box-ordinal-group: 4 !important;
-webkit-order: 4 !important;
order: 4 !important;
}
.salestock {
-webkit-box-ordinal-group: 3 !important;
-moz-box-ordinal-group: 3 !important;
-webkit-order: 3 !important;
order: 3 !important;
}
.FFDesktop .FAFFiltersReorder > div > span {
background-color: #e9e9e9;
color: #333 !important;
}
/* Price Slider */
#priceFilterLower, #priceFilterUpper {
display: none;
}
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
border: 1px solid #E0E0E0;
}
.noUi-connect {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-origin {
position: absolute;
height: 0;
width: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
-webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
transition: top .3s, right .3s, bottom .3s, left .3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-base, .noUi-handle {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
outline: none;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
.noUi-target {
background: #fdfdfd;
border-radius: 4px;
margin-top: 28px;
}
.noUi-connect {
background: #888888;
border-radius: 4px;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
outline: none;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
.noUi-handle:after, .noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
cursor: not-allowed;
}
.noUi-pips, .noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-large, .noUi-marker-sub {
background: #AAA;
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate3d(-50%,50%,0);
transform: translate3d(-50%,50%,0);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border-radius: 3px;
background: #888888;
color: #fdfdfd;
padding: 2px 6px;
text-align: center;
white-space: nowrap;
font-size: smaller;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
top: 50%;
right: 120%;
}
.boHidden {
}
.fafqvdd, .fafqvdd-hidden, .fafqvdd-inner, .fafqvdd-details-desc-title span, .fafqvdd-details-desc-link {
-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;
}
.fafqvdd {
z-index: 3000;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
width: 100%;
height: 100%;
opacity: 0;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-inner {
width: 800px;
height: 400px;
max-width: 100%;
background: white;
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
position: relative;
}
.fafqvdd-inner-hidden.fafqvdd-inner {
opacity: 0;
-moz-transform: scale(0.85);
-webkit-transform: scale(0.85);
-o-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
.fafqvdd-close {
position: absolute;
top: -16px;
right: -16px;
width: 32px;
height: 32px;
background: black;
color: white;
border-radius: 100%;
line-height: 32px;
font-size: 16px;
text-align: center;
cursor: pointer;
}
.fafqvdd-image {
max-width: 50%;
background-size: contain !important;
}
.fafqvdd-details {
overflow: hidden;
overflow-y: auto;
padding: 32px;
}
.fafqvdd-details-title {
font-size: 24px;
line-height: 125%;
margin-bottom: 16px;
}
.fafqvdd-details-price {
font-size: 14px;
line-height: 100%;
margin-bottom: 16px;
}
.fafqvdd-details-price > span {
margin-right: 8px;
}
.fafqvdd-details-price > span:last-of-type {
margin-right: 0;
}
.fafqvdd-details-price-original {
color: #aaa;
text-decoration: line-through;
}
.fafqvdd-details-price-saving {
color: crimson;
}
.fafqvdd-details-desc {
padding: 8px 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
margin-top: 16px;
}
.fafqvdd-details-desc-title {
font-size: 14px;
color: black;
line-height: 14px;
text-transform: uppercase;
cursor: pointer;
}
.fafqvdd-details-desc-title span {
display: block;
float: right;
width: 14px;
height: 14px;
position: relative;
font-size: 14px;
text-align: center;
line-height: 14px;
color: dodgerblue;
}
.fafdescopen .fafqvdd-details-desc-title span {
webkit-transform: rotate(90deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color: crimson;
}
.fafqvdd-details-desc-content {
font-size: 14px;
padding: 16px 0 8px;
display: none;
}
.fafqvdd-details-desc-link {
color: dodgerblue !important;
font-size: 12px;
line-height: 12px;
padding: 8px 16px;
margin-top: 8px;
display: block;
float: left;
border: 1px solid;
border-radius: 4px;
}
.fafqvdd-details-desc-link:hover {
background: dodgerblue;
color: white !important;
}
.fafqvdd .dropdownA2B {
position: relative;
}
.fafqvdd .dropdownA2B .a2bselect {
width: calc(100% - 68px) !important;
}
.fafqvdd .dropdownA2B .a2bselect:before {
top: 14px;
}
.fafqvdd .dropdownA2B .a2bselect select {
margin-top: 0 !important;
}
.fafqvdd .dropdownA2B .a2bButtonGo {
font-size: 0;
width: 64px;
position: relative;
}
.fafqvdd .dropdownA2B .a2bButtonGo:after {
font-size: 18px;
content: 'Add';
display: block;
float: left;
width: 100%;
position: absolute;
top: 0;
left: 0;
letter-spacing: 0;
text-transform: none;
}
.fafqvdd .a2bCover {
display: none !important;
top: 0;
width: 64px !important;
}
.fafqvdd .a2bCover.a2bAdded {
display: block !important;
}
/* iPhone 5 */
@media screen and (max-width: 320px) {
.faf-image-desktop, .faf-image-mobile-not5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-mobile-5 {
display: block;
}
.fafqvdd {
display: block !important;
background: white;
height: 100vh !important;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-close {
top: 16px;
right: 16px;
z-index: 2;
}
.fafqvdd-inner {
height: auto !important;
width: 100% !important;
}
.fafqvdd-image {
max-width: 100%;
}
.fafqvdd-details-title {
font-size: 16px;
line-height: 140%;
}
.fafqvdd-image.imgCtr:after {
padding-bottom: 75% !important;
}
.fafqvdd-details {
padding: 16px;
top: -32px;
position: relative;
background: white;
width: calc(100%-32px) !important;
margin: 0 16px;
overflow: auto;
overflow-y: auto;
}
}
/* Phones & iPads - except iPhone 5 */
@media screen and (min-width : 321px) and (max-width : 767px) {
.faf-image-desktop, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-mobile-not5 {
display: block;
}
.fafqvdd {
display: block !important;
background: white;
height: 100vh !important;
min-height: 100vh !important;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-close {
top: 16px;
right: 16px;
z-index: 2;
}
.fafqvdd-inner {
height: auto !important;
width: 100% !important;
}
.fafqvdd-details-title {
font-size: 18px;
line-height: 135%;
}
.fafqvdd-image {
max-width: 100%;
}
.fafqvdd-image.imgCtr:after {
padding-bottom: 75% !important;
}
.fafqvdd-details {
padding: 16px;
top: -32px;
position: relative;
background: white;
width: calc(100%-32px) !important;
margin: 0 16px;
overflow: auto;
overflow-y: auto;
}
}
@media screen and (min-width : 768px) and (max-width : 1023px) {
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-desktop, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-tablet {
display: block;
}
.fafqvdd {
display: block !important;
background: white;
}
.fafqvdd-hidden {
display: none !important;
}
.fafqvdd-close {
top: 16px;
right: 16px;
z-index: 2;
}
.fafqvdd-inner {
height: auto !important;
width: 100% !important;
}
.fafqvdd-image.imgCtr {
width: 100% !important;
max-width: 100%;
}
.fafqvdd-image.imgCtr:after {
padding-bottom: 75% !important;
}
.fafqvdd-details {
top: -32px;
position: relative;
background: white;
width: calc(100%-32px) !important;
margin: 0 16px;
}
}
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
.col-facetItem {
width: 50% !important;
flex-basis: 50%;
min-width: 50%;
width: 50%;
-webkit-flex-basis: 50%;
}
.productContainer .col-facetItem:nth-of-type(2n) {
}
.FAF {
flex-flow: wrap;
}
.FacetStandardDescription-ALP {
order: 3 !important;
}
.FAFResults {
order: 2 !important;
width: 100%;
padding: 0;
}
.FAFFilters {
order: 1 !important;
flex-basis: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.FAFFiltersMobile {
text-align: center;
margin: 16px;
}
.FAFFiltersMobile a {
display: block;
content: "Show Filter Options";
clear: both;
}
.filtersButton {
display: none;
}
.FAFFiltersMobile a:before {
font: normal normal normal 14px/1 feather;
content: "\e003";
margin-right: 8px;
}
.FFFiletrActive:after {
font: normal normal normal 14px/1 feather;
content: "\e117";
margin-left: 8px;
color: #BF2424;
background: #efefef;
padding: 7px;
}
.col-filter {
width: 50% !important;
}
.FAFFilters {
flex-basis: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
transform: translateX(0%);
}
.facetOption > span, .subFacetOption > span {
height: 20px !important;
width: 20px !important;
flex-basis: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
}
.subFacetOption, .facetSubHdr {
font-size: .8em;
width: 50% !important;
}
.facetSubHdr {
width: 100% !important;
}
.facetItemDetails {
padding: 0;
}
.frItemName {
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.facetPricing {
}
.dev-branddescription #catImg {
}
.FacetOptions .col-2 {
width: 50% !important;
}
.facetColourGroup span, .productIsNotStarBuy:before {
display: none !important;
}
.productIsStarbuy:before {
content: "";
}
.metaControls {
padding: 0 !important;
}
.facetPricing > div > span:nth-child(3) {
display: none !important;
}
.stockStatus-ComingSoon:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-false:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-PreOrder:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-True:before {
content: "CHECK STOCK";
font-size: 9px;
}
.stockStatus-SpecialOrder:before {
content: "CHECK STOCK";
font-size: 9px;
}
/* QuickLook */ #dev-QuickLook-img {
display: none;
}
#ImageLargePath-dev img {
height: 100%;
width: initial;
}
#title-dev {
font-size: 1em;
}
#ShortDescription-dev {
font-size: .75em;
}
#ShortDescription-dev {
display: none;
}
#attribute-quicklook-dev {
background: initial;
padding: 16px !important;
margin: 0;
background: #fff;
text-align: center;
}
#attribute-quicklook-dev .qv-stock, #attribute-quicklook-dev .qv-add, #attribute-quicklook-dev .qv-price {
display: none;
}
.qv-add-container {
padding: 0;
display: inline !important;
}
#attribute-quicklook-dev:before {
content: "Availability";
padding: 0 0 16px;
display: inline-block;
color: #000000;
text-transform: uppercase;
letter-spacing: 3px;
display: inline-block;
}
#attribute-quicklook-dev .qv-name {
padding: 0;
display: inline-block;
min-width: initial;
margin: 0 7px 7px 0;
background: #acd373;
padding: 7px 14px;
border-radius: 3px;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
#attribute-quicklook-dev .qv-name:before {
font-family: feather;
content: '\e117';
font-size: 15px !important;
margin-right: 10px;
content: "\e116";
}
.out-of-stock .qv-name {
background: #DEDEDE !important;
color: #666 !important;
}
.out-of-stock .qv-name:before {
font-family: feather;
content: '\e117' !important;
font-size: 15px !important;
margin-right: 10px;
color: #E26F6F;
}
#dev-QuickLook-img {
order: 3;
}
#title-dev {
font-size: 20px;
margin: 8px;
}
.quickview, #dev-QuickLook-content {
width: 100% !important;
text-align: center;
}
.imgCtrFafDesc:after {
padding-bottom: 75%;
}
/* New Mobiel filetrs */ .FAFFilters.FFmobile {
z-index: 1001 !important;
position: fixed !important;
background: #fff;
top: 0;
left: 0;
z-index: 2;
width: 100%;
overflow: none;
overflow-x: inherit !important;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0 .4s ease-in-out;
transition: 0 .4s ease-in-out;
-o-transition: 0 .4s ease-in-out;
-moz-transition: transform .4s ease-in-out, 0 .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, 0 .4s ease-in-out, 0 .4s ease-in-out, 0 .4s ease-in-out;
display: block;
}
.FAFFilters.FFmobile.active {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.FFmobile .holder {
padding-top: 50px;
}
.FFmobile .title-holder {
height: 50px;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 4;
background: #fff;
box-sizing: border-box;
padding: 0 16px 16px;
border-bottom: 1px solid #dadada;
}
.FFmobile .FAFFiltersReorder {
background: #f5f5f5;
position: absolute;
width: 100%;
margin: 0;
padding-bottom: 122px;
}
.FFmobile .FAFFiltersReorder > div {
display: block;
}
.confirmContainer {
position: fixed;
bottom: 50px;
left: 0;
width: 100%;
z-index: 10;
background-color: #fff;
text-transform: capitalize;
padding: 16px;
border-top: 1px solid #ddd;
}
#confirmButton {
border: 1px solid #404040;
height: 48px;
line-height: 48px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
letter-spacing: 1.3px;
text-align: center;
text-transform: uppercase;
color: #ffffff !important;
background-color: #c3c3c3;
width: 100%;
display: block;
}
#confirmButton {
background: #404040;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#confirmButton:before {
content: "Apply";
}
.FFmobile #scroller {
z-index: 3;
position: relative;
overflow: auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
background: #f5f5f5;
-webkit-overflow-scrolling: touch;
}
#filer-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
content: ' ';
display: none;
z-index: 9;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
#filer-overlay.active {
opacity: .3;
display: block;
touch-action: none;
overflow: hidden;
}
.title-holder .active h2 {
padding-left: 40px;
}
.title-holder .active {
display: none;
}
#FF-back {
display: inline-block;
position: relative;
}
#FF-back span {
position: absolute;
top: 0;
left: -16px;
width: 50px;
height: 50px;
}
.fa-long-arrow-left:before {
content: "\e094";
top: 19px;
left: 19px;
position: relative;
}
.FFmobile .priceFilter .ctrPad32 {
padding: 38px 48px !important;
}
#close {
position: absolute;
right: 32px;
top: 0;
color: #d85757;
width: 50px;
height: 50px;
line-height: 50px;
padding: 0 16px;
font-size: 10px;
letter-spacing: 1px;
}
#close.fa-close:before {
top: 18px;
left: 18px;
padding-right: 6px;
}
.ffclose {
background: #c53e3e;
margin-left: 8px;
height: 48px;
width: 48px;
text-align: center;
padding: 0 16px;
}
.ffclose:before {
font: normal normal normal 14px/1 feather;
content: "\e117";
color: #ffffff;
line-height: 48px;
}
.Count {
padding: 16px 0;
float: left;
}
.productContainer {
margin: 0 -16px;
padding: 8px;
}
.facetQuickViewSimple {
}
.FAFFiltersReorder > .ToggleMenu > .facetHdr {
background: #fff;
}
.FAFSizeOrderText {
}
.FAFSizeOrderText > span:first-of-type {
width: 100%;
}
.FAFSizeOrder a {
width: 100%;
margin-top: 8px;
}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1024px) {
.col-facetItem {
width: 33.33%;
flex-basis: 33.33%;
min-width: 33.33%;
max-width: 33.33%;
flex: 1 0 auto;
-webkit-flex-basis: 33.33%;
}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024.1px) and (max-width : 1439px) {
/* -- Find + Filter */ .FAFResults {
width: 70% !important;
}
.col-facetItem {
width: 33.33% !important;
flex-basis: 33.33%;
min-width: 33.33%;
width: 33.33%;
-webkit-flex-basis: 33.33%;
}
.FAFFilters {
width: 30%;
}
.FacetDefinitions > div {
padding-top: 0 !important;
}
.facetOption > span, .subFacetOption > span {
}
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-desktop {
display: none;
background: none !important;
}
.faf-image-laptop {
display: block;
}
.imgCtrFafDesc:after {
padding-bottom: 30%;
}
.productContainer {
margin: 0 -32px;
padding: 16px;
}
}
/* Desktops ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1919px) {
/* -- Find + Filter */ .facetOption, .subFacetOption, .facetSubHdr, .salestock {
font-size: .9em;
}
.FAFResults {
width: 80%;
}
.FAFFilters {
width: 20%;
}
.col-facetItem {
width: 20% !important;
flex-basis: 20%;
min-width: 20%;
width: 20%;
-webkit-flex-basis: 20%;
}
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-desktop {
display: block;
}
.productContainer {
margin: 0 -32px;
padding: 16px;
}
}
/* 4K ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1920px) {
/* -- Find + Filter */ .col-facetItem {
width: 20% !important;
flex-basis: 20%;
min-width: 20%;
-webkit-flex-basis: 20%;
}
.facetOption, .subFacetOption, .facetSubHdr, .salestock {
}
.FAFResults {
width: 80%;
}
.FAFFilters {
width: 20%;
}
.faf-image-mobile-not5, .faf-image-mobile-5, .faf-image-tablet, .faf-image-laptop {
display: none;
background: none !important;
}
.faf-image-desktop {
display: block;
}
.imgCtrFafDesc:after {
padding-bottom: 20%;
}
.productContainer {
margin: 0 -32px;
padding: 16px;
}
}
.pricing {
display: inline-block;
}
.pricing > span:nth-child(2) {
margin: 0 0 0 8px;
padding: 0 0 0 8px;
border-left: 1px solid #dadada;
text-decoration: line-through
}
.pricing > span:nth-child(3) {
font-size: smaller;
}
.col-facetItem[data-onsale="1"] .pricing > span:nth-child(1), .col-facetItem[data-onsale="facetIsOnSale"] .pricing > span:nth-child(1) {
color: #ff4242;
}
.col-facetItem[data-onsale="1"] .pricing > span:nth-child(2), .col-facetItem[data-onsale="facetIsOnSale"] .pricing > span:nth-child(2) {
color: #a2a2a2;
text-decoration: line-through;
font-size: smaller;
margin-left: 4px;
padding-left: 4px;
}
.fafSalePR > span:nth-child(1) > span {
color: #ff4242;
}
.percentOff-betterSearch {
color: #ff4242;
}
.fafSalePR > span:nth-child(2) > span {
color: #a2a2a2;
text-decoration: line-through;
}
.facetItemDetails .pricing > span:nth-child(3) font {
display: none
}
span[id*="lblSalePrice"] {
color: inherit !important;
}
.ui-slider { position: relative; text-align: left; border-radius: 39px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background-color: transparent !important; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
/* *********************************** */
/* ************ Z E S T Y ************ */
/* ************ M E D I A ************ */
/* ********* S T R U C T U R E ******* */
/* ********** S T Y L I N G ********** */
/* *********************************** */
.ctrNavigationDesktop {z-index:14;}
#body-wrapper-overlay {z-index:13}
.masthead-sub {background: #2db8e9;z-index:3;position: relative;}
.masthead-sub * {z-index:3;}
.masthead-sub.active {background:#525050}
.masthead-sub *, .level-1-navigation {-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none;}
.level-1-navigation {list-style:none;display:inline-block;height:63px;line-height: 63px;padding: 0 18px;font-family: 'bebas-kai';color:#bbb;font-size:1.5em;margin: 0;}
.level-1-navigation:hover {background: #3a3a3a;color: #fff;}
.level-1-navigation.level-1-active {background: #525050;color: #e3c01d;}
.level-2-navigation {z-index:14;}
.level-2-navigation-option {display:none;z-index:3;}
.level-2-navigation-option.level-2-active {display:block;background: #525050;text-align: center;}
.level-2-navigation-option li {display: inline-block;/* float:left; *//* height:48px; */line-height: 48px;padding: 0 14px;font-size: 16px;color:white;cursor:pointer;z-index:14;text-transform: uppercase;font-family: 'bebas-kai';letter-spacing: 1px;}
.level-2-navigation-option li:after {font-family: 'FontAwesome';content: '\f078';padding-left: 8px;color: #aaa;font-size: 6px;position: relative;top: -2px;}
.level-2-navigation-option a {display:block;float:left;height:48px;line-height: 48px;padding: 0 16px;font-size:14px;color:white;cursor:pointer;z-index:3;}
.level-2-navigation-option li:hover {color:#333;background:#bbb;}
.level-2-navigation-option li.level-2-active {color:#333;background:#ddd;}
.level-2-navigation-option[data-for*="nav2-popular"] { background: #2db8e9;}
.level-2-navigation-option[data-for*="nav2-popular"] a { float: initial;}
.level-2-navigation-option li[data-target*="Sale"] {color: #ec4848;/* border-bottom: 1px solid; */}
.navSale {background:#d0473f;color: #fff;float: right !important;}
.navBrands {background:#5a9ad8;color: #fff;float: right !important;}
.level-3-navigation-option {display:none;position: absolute;top:48px;left:0;background:#ddd;z-index:20;}
.level-3-navigation-option.level-3-active {display:block;}
.level-3-navigation-option a:not(.flipme) {display:block;font-size: 14px;line-height: 200%;color: #3c3c3c;}
.level-3-navigation-option h3 {border-bottom: 1px solid;margin-bottom: 16px;padding-bottom: 16px; display: inline-block}
.level-3-navigation-option > div > div[class*="col-"] { border-right:1px solid #C1C1C1}
.level-3-navigation-option > div > div[class*="col-"]:last-of-type { border-right:none}
.level-2-navigation-option li[data-target*="Sale"]:hover, .level-2-navigation-option li[data-target*="Sale"].level-2-active {background: #303234;}
.level-3-navigation-option[data-for*="Sale"] {background:#303234;}
.level-3-navigation-option[data-for*="Sale"] h3 {border-bottom: 1px solid #d67272;color: #fff;}
.level-3-navigation-option[data-for*="Sale"] a {color: #E0E0E0;}
.level-3-navigation-option[data-for*="Sale"] a:hover {color: #d67272;}
.level-3-navigation-option[data-for*="Sale"] > div > div[class*="col-"] {border-right: 1px solid #585858;}
.level-1-navigation-option li[data-target*="Sale"] .level-2-navigation-option {color: #FFFFFF;}
.navAll {margin-top: 16px;}
.column4{clear: both;-moz-column-count: 4;-moz-column-gap: 4;-webkit-column-count: 4;-webkit-column-gap: 4;column-count: 4;}
.column3{clear: both;-moz-column-count: 3;-moz-column-gap: 3;-webkit-column-count: 3;-webkit-column-gap: 3;column-count: 3;}
.column2{clear: both;-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
.extraNav {float: left;border-top: 10px solid #efefef;}
.extraNav a {display: block; margin: 16px 0 0; color: #666;text-transform: capitalize;border-top: 1px solid #efefef;margin-top: 16px;float: left;width: 100%;padding: 16px 0 0;}
.menuAbout {text-align: left;}
.menuAbout h3 {color:#fff;border-bottom: 1px solid;margin-bottom: 16px;padding-bottom: 16px;display: inline-block;}
.menuAbout a {padding:0;display:block;width:100%;height: initial;line-height: initial;margin-bottom: 16px;opacity: 0.7;}
.menuAbout a:hover {opacity: 1;}
.menuAbout > div > div {border-right: 1px solid #c1c1c133;}
.menuAbout > div > div:last-child {border-right: none}
.navHire {font-family: bebas-kai, sans-serif;position: relative;background: #414040;padding: 8px !important;color: #e3c01d !important;font-size: x-large !important;}
.navHire:after {content:"New";padding: 2px 4px;border-radius: 2px;font-size: 10px;font-family: bebas-kai, sans-serif;background: #fd4c4c;position: absolute;letter-spacing: 1px;margin-left: 8px;top: -8px;color: #fff;right: -8px;}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439px)
{
.level-1-navigation {padding: 0 10px !important; font-size: 1.1em !important;}
}
#onsale {background: rgba(155,31,31,1.00) !important;}
/* Custom Fonts ----- */
@font-face { font-family: 'roboto';src: url('/font/roboto-light-webfont.eot');src: url('/font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),url('/font/roboto-light-webfont.ttf') format('truetype'),url('/font/Roboto-Light-webfont.svg#roboto') format('svg');}
@font-face {font-family: 'bebas-kai, sans-serif';src: url('/font/robotocondensed-bold-webfont.eot');src: url('/font/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/font/robotocondensed-bold-webfont.woff') format('woff'),url('/font/robotocondensed-bold-webfont.ttf') format('truetype'),url('/font/robotocondensed-bold-webfont.svg#bebas-kai, sans-serif') format('svg');font-weight: normal;font-style: normal;}
/* General HTML ----- */
html, body { font-family: 'roboto';color:#555;/*background: #f4f5f7;*/}
body { font-family: 'roboto', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; vertical-align: baseline; line-height: 1.5em;margin: 0; padding: 0; }
a, a:visited {text-decoration: none;}
a {color: #0abbef;}
a:hover {color: #0abbef;border-bottom: none;}
p, .p {line-height: 1.6em;/* margin-bottom: .8em */}
p>a, .button~a:not(.button), .link-underline a:not(.button) {line-height: normal;border-bottom: 1px solid;}
img {vertical-align: middle;/* width: 100%; */max-height: auto;}
.color1 {color:#000 !important;}
.color2 {color:#2f353e !important;}
.color3 {color:#a6afbc !important;}
.color4 {color:#e1e1e1 !important;}
.color5 {color:#6495ED !important;}
.colorwhite {color:white !important;}
.colorblack {color:black !important;}
.backgroundDark {background: #303234 !important}
.background1, .button {background: #36383a !important;}
.background2 {background: #46626E !important;}
.background3 {background: #feca1e !important;}
.background4 {background: #f9f5f5}
.background5, .addtocart {background: #0abbef !important; border: 1px solid #0abbef !important; color: #fff;}
.backgroundwhite {background:#fff !important}
dd, dl, blockquote, figure, address { margin-bottom: 6px }
em { font-style: italic }
.nolink { color: #484848 }
.nolink:visited, .nolink:hover { color: #484848 }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .ffTitle {color: #484848;font-family: bebas-kai, sans-serif;font-style: normal;font-weight: 400;outline: 0;font-weight: normal;}
h2 {}
h1, .h1{font-size: 24px;line-height:1.2em;margin: 0.5em 0 0;}
h2, .h2 {font-size: 22px;line-height:1.2em;margin: 1em 0;}
h3, .h3 {font-size: 18px;line-height:1.2em;margin:0 0 8px 0;}
h4, .h4 {font-size: 16px;line-height:1.2em;margin:0 0 8px 0}
.ffTitle {font-size: 24px;line-height:1.2em;margin:0;}
.robcon {font-family: 'bebas-kai, sans-serif';}
ol {padding: 0 0 0 24px;}
ul, ol { font-size: 15px; line-height: 1.6em; outline: 0 }
ul {/* list-style: none; */}
.clearboth { clear:both}
span[class*="noSaleIcon"] {display:none;}
.open {display:block !important;}
.middle { margin:0 auto !important; float:initial}
.columnFlow {margin: auto;-moz-column-count: 2;-moz-column-gap: 63px; -webkit-column-count: 2;-webkit-column-gap: 63px;column-count: 2; column-gap: 63px;}
.columnFlow p {margin: 0 0 16px 0; text-align:justify}
.clearTop { margin-top:50px;}
.divider {width: 38px;border-bottom: 1px solid #0ab6cc;margin: 16px 0;display:inline-block;}
.required { color:red;padding: 0 8px;}
.desktop {display: initial;}
.mobile {display: none;}
.fs-3x {font-size: 3em;}
.fs-2-5x {font-size: 2.5em;}
.fs-2x {font-size: 2em;}
.fs-1-5x {font-size: 1.5em;}
.fs-1-25x {font-size: 1.25em;}
.fs-0-8x {font-size: 0.8em;}
.fs-0-6x {font-size: 0.6em;}
.lineNorm1 {line-height: 100%;}
.line1-5m {line-height: 1.5em;}
.line2m {line-height: 2.2em;}
.line3m {line-height: 3em;}
.ctrPad8-s {padding: 0 8px !important;}
.ctrPad8-t {padding: 8px 0 !important;}
.ctrPad16-t {padding: 16px 0;}
.ctrPad16-s {padding: 0 16px !important;}
.ctrPad0-t-32-s {padding: 32px 0 !important;}
.ctrPad0-s-32-t {padding: 0 32px !important;}
.ctrPad-32s-16-t {padding: 16px 32px !important;}
.ctrPad16-top {padding-top: 16px;}
.ctrPad16-to {padding: 16px 0 0 0;}
.ctrPad32-to {padding: 32px 0 0 0;}
.ctrPad4-bottom {padding-bottom: 4px;}
.ctrPad8-bottom {padding-bottom: 8px;}
.ctrPad8-top {padding-top: 8px;}
.ctrPad8-topi {padding-top: 8px !important;}
.ctrPad16-bo {padding: 0 0 16px 0;}
.ctrPad32-bo {padding: 0 0 32px 0;}
.ctrPad16-ro {padding: 0 16px 0 0;}
.ctrPad16-lo {padding: 0 0 0 16px;}
.ctrPad8-ro {padding: 0 8px 0 0;}
.ctrPad8-lo {padding: 0 0 0 8px;}
.ctrPad32-ro {padding: 0 32px 0 0;}
.nopadding-bottom {padding-bottom:0 !important;}
.nopadding-top {padding-top:0 !important;}
.ctrPadLeft32 {padding-left: 32px}
@media screen and (max-width: 767.9px) {
.ctrPadLeft32 {padding-left: 0px !important}
}
.padding-remove-top {padding-top: 0 !important;}
.padding-remove-bottom {padding-bottom: 0 !important;}
.nomrg {margin:0 !important;}
.ctrMrg0-t {margin-top:0 !important;}
.ctrMrg4-b {margin-bottom:4px;}
.ctrMrg4-r {margin-right:4px;}
.ctrMrg8-t {margin-top:8px !important;}
.ctrMrg8-b {margin-bottom:8px;}
.ctrMrg8-bi {margin-bottom:8px !important;}
.ctrMrg8-l {margin-left:8px;}
.ctrMrg8-r {margin-right:8px;}
.ctrMrg16-tb {margin:16px 0 !important;}
.ctrMrg16-b {margin-bottom:16px !important;}
.ctrMrg16-bi {margin-bottom:16px !important;}
.ctrMrg16-ro {margin-right:16px;}
.ctrMrg16-t {margin-top:16px;}
.ctrMrg32-t {margin-top:32px;}
.ctrMrg32-b {margin-bottom:32px;}
.ctrMrgTop32 {margin-top:32px;}
.border1 {border: 1px solid #c6c9cd;}
.border2 {border: 1px solid #00b1cd;}
.border3 {border: 1px solid #d7d7d7;}
.border4 {border: 1px solid #ebebeb;}
.border5 {border: 2px solid #999999;}
.borderi {border: 1px solid;}
.bbottomc {border-bottom:1px solid; padding-bottom: 3px;}
.border-thick { border-width:3px;}
.bordercolorxmas {border-color:#812e2e; }
.removeborder-left {border-left:none;}
.removeborder-right {border-right:none;}
.removeborder-top {border-top:none;}
.removeborder-bottom {border-bottom:none;}
.borderradius {border-radius:4px;}
.borderradius100 {border-radius:100%;}
.livechatPOP {position:fixed;bottom:16px;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 .fa {margin-right:8px;}
.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;}
.hmBanner75 {position:relative;float:left;width:100%;}
.hmBanner75:after {content: "";display: block;width:100%;}
.hmBanner75 {padding-bottom: 75%;}
.cssItemImg {background:url(/layout/noimage.png)no-repeat;background-size:contain!important;background-position: center center !important;float: left;width: 100%;position:relative;}
div[class*="css-image"] {-webkit-background-size: 100% !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: center center !important; position: relative;width:100%;height:100%;z-index:1;}
div[class*="css-image"].bgContain {background-size:contain !important;}
@keyframes tinDownOut{
0%,20%,40%,50% {opacity:1;transform:scale(1,1) translateY(0)}
10%,30%{opacity:1;transform:scale(1.1,1.1) translateY(0)}
100%{opacity:1;transform:scale(1,1)}
}
/* Flex Box CSS */
*[class*="zflex"] {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;}
.zflex-w {flex-wrap:wrap;}
.zflex-s {align-items:stretch;}
.zflex-ws {flex-wrap:wrap;align-items:stretch;}
.zflex-v { justify-content:center; align-content:center; align-items:center }
/* ----- SPRITING ----- */
.llkesprite {background: url('/layout/llkesprite.png') no-repeat;display:inline-block;}
.VIPRewardLarge, .VIPRewardWorkshop {margin-bottom: 16px;}
.VIPRewardLarge {width:114px;height:126px;background-position: -933px -7px;}
.VIPRewardWorkshop {width:225px;height: 130px;background-position: -276px -7px;}
.playbutton {width: 492px;height: 82px;background-position: 35px -102px;}
/* ----- FIXED OR NOT FIXED, THAT IS THE QUESTION ----- */
.fixed {max-width: calc(640px + 3 * 320px);}
.betterSearchControls {}
.hdr-message-full {/*z-index: 18;*/position: relative;}
.hdr-message-full>li{display:none;}
.hdr-message-full>a, .hdr-message-full>p, .hdr-message-footer>a, .hdr-message-footer>p, .hdr-message-footer {display:block;float: left;width: 100%;clear: both;color:white;text-align:center;font-family: 'bebas-kai, sans-serif', sans-serif;text-transform:uppercase;letter-spacing: .075em;font-size: 14px;margin: 0;}
.hdr-message-footer>a, .hdr-message-footer>p, .hdr-message-footer {background: #498cbc; padding:16px}
/* ----- B2B ----- */
.b2bcontent, .consumercontent { display:none}
.warning {color: #F00;background: #FFF4F4;border-left: 1px solid #FF0000;}
.warning i { margin: 0 7px}
.warning span {border-bottom: 1px solid #FF9999;text-transform: uppercase;}
/* ----- form styles ----- */
.lable {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-indent:0px; float:left; line-height: 150%;}
.formSingle, .formMultiple { border:none; outline:none; margin: 0; font-size:14px; width: 100%; border:1px solid #CCC; padding:10px; clear:both; float:left ; font-size:18px; height: 51px;}
.formSingle:hover, .formMultiple:hover {border:1px solid #999;}
.formSingle:focus, .formMultiple:focus {border:1px solid #666;}
.formMultiple { height:150px; min-width:300px}
.formSingl-error { border:none; outline:none; margin:0; font-size:18px; width:190px; border:1px solid #ebc8c8; padding:10px; clear:both; float:left; background-color:#f7f0f0; color:#900}
.formSingleEmail {border:none; outline:none; margin: 0; font-size:18px; width:350px; border:1px solid #CCC; padding:10px; clear:both; float:left}
.signtext {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; text-indent:0px; float:left; clear:both}
.combined { position:relative}
/* ----- Buttons ----- */
.button { text-decoration:none; padding:8px 16px; border-radius:6px; display:inline-block;}
.button i {margin:0 7px; color:#FC0}
.bSquare {border-radius:0px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus { border-color: rgba(0,0,0,0.7); box-shadow: 0 0 3px rgba(20,20,20,0.3); color: #000; }
button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .btn-border, .btn-thin-border, .buttonRound {-webkit-appearance: none;border: none;border-radius: 3px;/* color: #fff !important; */cursor: pointer;display: inline-block;font-size: 12px;font-weight: 400;height: auto;letter-spacing: 2px;line-height: 25px;text-align: center;text-transform: uppercase;-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;text-decoration: none;font-weight: 700;}
button:active, button:focus, button:hover, .button:active, .button:focus, .button:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover, .btn:active, .btn:focus, .btn:hover, .btn-border:active, .btn-border:focus, .btn-border:hover, .btn-thin-border:active, .btn-thin-border:focus, .btn-thin-border:hover { background: #222222; color:#fff }
.btn-border { background: transparent !important; border: 2px solid #ddd !important; color: #26292b !important; }
.btn-border:active, .btn-border:focus, .btn-border:hover { border-color: #000 !important; color: #000 !important; }
.btn-thin-border {background: transparent !important; border: 1px solid #BDBDBD !important; color: #26292b !important;}
.btn-thin-border:active, .btn-thin-border:focus, .btn-thin-border:hover { border-color: #000 !important; color: #FFF !important; background:#000!important }
.dark { border-color: #363636 !important; color: #363636 !important; }
.dark:active, .dark:focus, .dark:hover { border-color: #eba034 !important; }
.addtocart:active, .addtocart:focus, .addtocart:hover {border-color: #303234 !important;background: #303234 !important;}
.buttonRound {width: 50px;height: 50px;text-align: center;line-height: 50px; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding:0; margin:0;border: transparent;}
input[type=checkbox], .checkbox, input[type=radio], .radio {background: transparent !important;border: none !important;margin-top: 7px !important;}
select[size] { font-size: 12px; height: auto; }
.bLeft, .bBottom, .bRight, .bTop {position:absolute;right: 0;top: 0;padding: 12px 16px;}
.bLeft {-webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;}
.bBottom {-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;}
.bRight {-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;}
.bTop {-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;}
.buttonSmall {letter-spacing: 1px; line-height: 25px; padding: 6px 22px;}
.addtocartYellow {background: #FC0 !important; border: 1px solid #FC0 !important; color: #484848;}
.addtocartYellow i {color:#484848; }
.addtocartYellow:hover, .addtocartYellow:hover i {color:black;background:#ffd735 !important ;}
/* Top Banner Call to Actions */
.CNCCTA {color: #f9f5f5;text-align: center;text-transform:uppercase;letter-spacing: 1px;padding: 3px !important;border-bottom: 1px solid #3f4042;font-size: 11px;background: #303234;}
.CNCCTA a, .CNCCTA p {color: inherit;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;font-size: 10px;}
.CNCCTA a:hover, .CNCCTA p:hover {color: #e3c01d;}
#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 a i {color: inherit;margin: 0 6px 0 0;display: inline-block;color: #e3c01d;}
.CNCCTA a div, .CNCCTA a span, .CNCCTA a p {display:inline-block;padding: 0;margin: 0;width: 100;background: none !important;text-align: left;}
.CNCCTA .flex-direction-nav { display:none}
.CNCCTA li {text-align:left;overflow: hidden;}
.Message a {margin: 0 9px;}
.hdrRewardsTitle {color: #201f4c;}
.slides.thinBanner {margin: 0;}
.backgrounrdsignup.thinBanner {padding: 0;}
.slides.thinBanner li {text-align: center; list-style: none; padding: 10px 0; margin: 0;}
.slides.thinBanner li a {color: #FFFFFF;font-size: 20px; border: 0;}
.slides.thinBanner li a:hover {text-decoration: underline;}
.slides.thinBanner li a h2 {margin: 0; color: #fff;}
.slides.thinBanner li a p {margin: 0;font-size: small;}
/* Top Banner Layout */
.masthead {top: 0;transition: top 0.2s ease-in-out;width: 100%;z-index: 10;clear: both;z-index: 3;position: relative; background: #303234;}
.navIcons {flex:1;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;box-orient: horizontal;box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;flex-direction: row;-ms-flex-direction: row;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: center;-ms-flex-pack: justify;-ms-flex-align: center; position: relative; z-index: 5; float: left;}
.navIcons>div, .navIcons>a {width: 47px;line-height: 47px;font-size: 18px;position: relative;color: #fff;}
.navIcons>div:hover, .navIcons>a:hover {color: #e3c01d;}
.logo {}
.navCtr.menuActive {transform: translateX(0%) !IMPORTANT;}
#body-wrapper-overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;content: ' ';display: none;z-index: 9;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.open-slide-menu #body-wrapper-overlay{opacity:.3;display:block;}
.MobileNav.open-slide-menu{position:fixed;}
.tabsMenu{margin: -1px;padding: 0px;list-style: none;border-top: 1px solid #c5c5c5;}
.tabsMenu li{background: none;color: #b1b1b1;display: inline-block;cursor: pointer;background: #efefef;padding: 16px;flex-grow: 1;-webkit-flex-grow: 1;text-align: center;border-bottom: 1px solid #c5c5c5;width: 50%;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.tabsMenu li img { display:block}
.tabsMenu li:first-child{border-right: 1px solid #c5c5c5;}
.tabsMenu li.current{color: #181B1D;background: #ffffff;border-bottom: 1px;}
.tabsMenuContent{display: none;padding: 16px 0;width: 100%;}
.tabsMenuContent.current{display: block;}
.ctrNavigation .NodeLevel0>div { display:none}
.links a {display:inline-block;width:49%;display: inline-block;color: #303234;margin: 0;font-size: smaller;padding: 0 0 8px 0;}
.links span {display: block;width: 100%;margin: 0;color: initial;display: block !important;width: 100% !important;border-bottom: 1px dotted rgba(60, 60, 60, 0.43);padding: 21px 0 8px 0;margin-bottom: 8px;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.ctrNavigationDesktop {flex-grow: 2;-webkit-flex-grow: 2;line-height: 100% !important;/* border-right: none !important; */}
.ctrNavigationDesktop > div {display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;box-orient: horizontal;box-direction: normal;-webkit-flex-direction: row;-moz-flex-direction: row;flex-direction: row;-ms-flex-direction: row;box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;-ms-flex-align: center;box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-ms-flex-pack: center;z-index: 1;align-content: stretch;}
.nav-up {top: -63px !important;}
/* -- Primary Navigation */
.logoContainer {padding: 0 16px;flex-grow: 1;-webkit-flex-grow: 1;}
.navOption {text-align: center;cursor: pointer;display: block !important;}
.navOptionRight {float:right;}
.toggleCtr {background-color:rgba(255,255,255,0.02);background-size: 48px 32px; text-decoration: none;color: white; display: block; width: 100%; height: 48px; line-height: 48px; text-align: left; padding:0 16px}
.toggleCtr span {font-family:'FontAwesome'; float:right;font-size: 1em; color: #555 }
.toggleNavCtr, .toggleSearchCtr, .toggleBasketCtr, .toggleLoginCtr { }
.toggleCtr span:hover, .toggleCtr span:active { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.toggleNavCtr {}
.toggleNavCtr:before {letter-spacing: 0.075em;content: 'Menu';text-transform:uppercase;margin-right: 8px;font-size: 14px;}
.navopenNavCtr:after {content: "\f00d";}
.navopenNavCtr i {display: none;}
.navopenSearchCtr {color: dodgerblue;}
.navCtr.tbcntOpen {
opacity: 1;
z-index: 3;
display: block;
}
.desktopNav {flex-grow: 1; -webkit-flex-grow: 1;}
.desktopNav a {/* display: none; */}
.desktopNav>ul, .desktopNav>ul>li { display:inline-block; padding:0; margin:0;}
.desktopNav>ul>li { display:inline-block; padding:0; margin:0 16px}
.desktopNav>ul>li>a {display:inline-block;font-size: large;color: #222;}
.desktopNav>ul>li>ul {position: absolute;width: 100%;left: 0;background: #fff;padding: 0;}
.menuMain .srchCtrPopular, .menuMain .SearchCtrOpen { display:none}
.mobileNav { display:none}
.navCtr {float: left;position: fixed;top: 0px;z-index: -1;width: 100;height: 100%;overflow-x: hidden;overflow-y: auto;margin: 84px 0;padding-bottom: 117px;background: #fff;width: 100%;(0)-o-t;"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0;display: none;}
.srchCtr {position: absolute;top: 32px;left: 0;z-index: 0;width: 100%;overflow-x: hidden;overflow-y: auto;/* padding: 0 0 63px; */-webkit-overflow-scrolling: touch;background: #fff;transition: all .3s ease-out;max-width: 1800px;left: 50%;opacity: 0;transform: translateX(-50%) translateY(-50%);}
.srchCtr.tbcntOpen {
opacity: 1;
z-index: 1;
}
.srchCtr .icon-search {width: 56px;text-align: center;border-right: 1px dotted #c5c5c5;margin-right: 20px;color: #201f4c;}
.loginCtr {position: absolute;top: 87px;z-index: -2;width: 100%;overflow-x: hidden;overflow-y: auto;/* padding: 0 0 63px; */-webkit-overflow-scrolling: touch;margin: 0 0 0 !important;background: #fff;transition: all .5s ease-out;max-width: 1800px;left: 50%;opacity: 0;transform: translateX(-50%) translateY(-50%);}
.loginCtr.tbcntOpen {opacity: 1;z-index: 1;}
.basketCtr {float: left;position: fixed;top: 0;z-index: -2;width: 100%;overflow-x: hidden;overflow-y: auto;/* padding: 0 0 63px; */-webkit-overflow-scrolling: touch;margin: 0 0 0 !important;background: #fff;-webkit-transform: translatex(0) translatey(-100%);-moz-transform: translatex(0) translatey(-100%);-o-transform: translatex(0) translatey(-100%);-ms-transform: translatex(0) translatey(-100%);-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;-ms-transition: all .5s ease-out;transition: all .5s ease-out;}
.basketCtr.tbcntOpen {opacity: 1;}
.topNavMenuContainer { display:flex}
.topNavMenuContainer>.complexNavMenu { display:inherit}
.topNavMenuContainer, .ctrNavigation, .ctrNavigation>div {overflow:visible !important;position:relative;}
.visOverflow, .complexNavMenu .NodeLevel0, .complexNavMenu .topNavMenu {overflow:visible !important;}
[class*='NodeLevel'] { box-sizing: border-box }
.NodeLevel0>div {display:block;width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;display: none;}
.NodeLevel1 {background: none;display: inline-block !important;vertical-align: top;width: 19.66%;padding: 0 8px 16px 0;}
.NodeLevel1:nth-child(odd) {clear:left;}
.NodeLevel1:nth-child(even) {padding: 0 0 16px 8px;}
.NodeLevel1:last-child {padding-right:0;}
.NodeLevel0 > a >span:after {font-family: 'FontAwesome';content: '\f078';padding-left: 8px;color: rgb(254, 214, 25);font-size: 6px;position: relative;top: -3px;display: none;}
.NodeLevel0 > a.active > span {
color: rgb(254, 214, 25);
}
.NodeLevel0 > a.active >span:after {content: '\f077';color: #b9ca2d;}
.NodeLevel2 {background: none;padding: 0 0 0 0;display: block;float: left;width: 100%;}
.NodeLevel0:nth-child(2), .NodeLevel0:nth-child(5), .NodeLevel0:nth-child(8) {}
.NodeLevel0 > a >span {color: initial;color: #fff;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.NodeLevel1 > a {display: block;margin: 0px;padding: 0 0 8px 0;margin-bottom: 8px;font-weight: normal;color: initial;line-height: 125%;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;color: #333;border-bottom: 1px solid #d8d8d8;}
.NodeLevel2 > a {display: inline-block;color: #4c4c4c;margin: 0;/* font-size: smaller; */padding: 0 8px 8px 0;line-height: 100%;}
.NodeLevel1 > a:hover, .NodeLevel2 > a:hover {
color: #000;
}
.hideme {display:none !important}
.ctrNavigationDesktop .NodeLevel1:nth-child(7) {clear: left !important;}
.ctrNavigationDesktop .NodeLevel1:nth-child(odd) {clear:none;}
.ctrNavigationDesktop {display:block;}
.ctrNavigationDesktop .navIcons > div.toggleBasketCtr, .complexNavMenu .navIcons > a.toggleLocateCtr, .complexNavMenu .navIcons > div.toggleLoginCtr, .complexNavMenu .navIcons > div.toggleSearchCtr {display:block;}
.ctrNavigationDesktop .topNavMenu {width: auto;display:block;list-style:none;/* position:relative; */margin: 0 auto;float: left;padding: 0;z-index: 18;background: none;order: 5;width: 100%;}
.ctrNavigationDesktop .NodeLevel0 {padding: 0 8px;position: relative;top: 1px;}
.ctrNavigationDesktop .NodeLevel0>div {display:none;position: absolute;top: 76px;left: 0;width: 100%;float: left;z-index: 80;background: #fff;padding: 32px;text-align: LEFT;border-top: 0;float: left;position: fixed;top: 117px;left: 0;z-index: 100;width: 100;overflow-x: hidden !important;overflow-y: auto !important;/* padding: 0 0 63px; */-webkit-overflow-scrolling: touch;-webkit-transition: -webkit-transform 0.5s;background-color: #fff;text-align: center;max-height: 100%;/* max-width: 1920px; */margin: 0 auto;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);border-top: 2px solid #fed619;}
.ctrNavigationDesktop .NodeLevel0 > a {display: block;width:100%;height: 63px;border-bottom:none;margin:0;cursor:pointer;margin: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 1;align-items: center;text-align: center;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;border-bottom: 1px solid rgba(197, 197, 197, 0);}
.ctrNavigationDesktop .NodeLevel0 > a:after {font-family: 'FontAwesome';font-size: 1.5em;content: '\f107';margin: 0 0 0 8px;display: none;}
.ctrNavigationDesktop .NodeLevel0 > a:hover >span {color: #fed619;opacity: 1;}
.ctrNavigationDesktop .NodeLevel0[data-url="onsale"] > a span, .complexNavMenu .NodeLevel0[data-url="onsale"] a:hover span {color: #d55630 !important;}
.ctrNavigationDesktop .NodeLevel0 > a.activeLink {color: #303234;background: #ffffff;border-bottom: none;}
.ctrNavigationDesktop .NodeLevel0 > a.activeLink:after {content: "\f0d7";color: #bf0019;opacity:1; border-bottom:1px solid #000}
.ctrNavigationDesktop .NodeLevel0[data-url="onsale"] > a.activeLink {color:#d55630;border-bottom: 4px solid;}
.ctrNavigationDesktop .NodeLevel0 > a.activeLink span {color: #303234;}
.ctrNavigationDesktop .NodeLevel1 {text-align: left;padding: 16px;display: block;/* float: left; */}
.ctrNavigationDesktop .NodeLevel1>DIV {/* margin: auto; */-moz-column-count: 1;-moz-column-gap: 0;-webkit-column-count: 1;-webkit-column-gap: 0;column-count: 1;-moz-column-count: 2;-moz-column-gap: 2;-webkit-column-count: 2;-webkit-column-gap: 2;column-count: 2;}
.ctrNavigationDesktop div[class*="nav-banner-"] {width:40%;order:-1;text-align:left;display:none;border-right: 1px solid rgba(255,255,255,0.3);FLOAT: LEFT;padding-left:0 !important}
.ctrNavigationDesktop div[class*="nav-banner-"] h2 {margin: 0;padding:16px;color:white;font-size:22px;/*border-bottom:1px solid rgba(255,255,255,0.1)*/}
.ctrNavigationDesktop div[class*="nav-banner-"] a {background-color:transparent !important;}
.ctrNavigationDesktop div[class*="nav-banner-"] span {font-family: 'robotobold';white-space: pre;-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;display:block;color: #bf0019;margin: 0 0 16px 0;padding:0 16px 0 0;font-weight: normal;text-transform: initial;letter-spacing: 0.01em;font-size: 14px;}
.ctrNavigationDesktop div[class*="nav-banner-"] span i { font-family: 'robotobold'; font-style:normal; color:white;}
.ctrNavigationDesktop .NodeLevel0 > a.active {border-bottom: 2px solid rgb(45, 184, 233);opacity: 1;color: rgb(254, 214, 25);/* background: #2a2c2d; */}
.ctrNavigationDesktop .NodeLevel1 > a:after {color: #c5c5c5;height: 1px;/* content: ""; *//* display: block; *//* border-top: 1px solid; *//* width: 25px; *//* margin: 16px 0 8px 0; */}
.menuOptions {position: relative;z-index: -1;top: 0;}
.open-slide-menu .menuOptions {position: relative;z-index: 4;top: 0;}
/* basket styling */
.basketPip {display:none;position:absolute;width: 22px;height: 22px;line-height: 23px;text-align:center;bottom: 50%;right: 25%;font-size: 10px;color: #fff;border-radius:100%;font-family: monospace;background: rgb(45, 184, 233);}
.basketCtr.tbcntOpen {}
/* basket styling ----- */
div.basketCtr {}
div.basketCtr .buttonSmall {float:right;font-size: 10px;}
#CartList-dev, #CartList-dev-bk {display:block;width: auto; float:left; text-align: right;margin:0;font-size: 18px;}
div#CartList-dev a, div#CartList-dev-bk a { text-decoration: none;}
div#CartList-dev a span.purse10, div#CartList-dev-bk a span.purse10 {display:none;}
div#CartList-dev a span[id*="lblCount"], div#CartList-dev-bk a span[id*="lblCount"] {margin-left: 6px;padding-left: 6px;}
div.basketCtr h3 {color:#484848;margin:0;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span {display:none;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"] {font-size:24px;color:#88c921;display:inline-block;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"]:before {content:'Total : ';color:#484848;}
.CCartLinks {justify-content: space-between;font-size: smaller;}
.CCartLinks a { color:#55acee; border-bottom:1px solid #55acee}
.CCartBut {padding-top:8px;}
.CCartBut > div {padding:4px;}
.CCartBut > div:first-of-type > a {font-size:9px;padding: 12px;}
.CCartBut > div:last-of-type > a {background: #d07c23 !important;border: 1px solid #d88a38;color: #fff !important;}
#CCart-dev {color:#484848;margin:16px 0;padding:16px 0;border-top:1px solid #ebebeb;border-bottom: 1px solid #ebebeb;max-height:50vh;overflow-y: auto;}
#CCart-dev table, #CCart-dev td {border:0 !important;text-align:left !important;float: left;}
#CCart-dev table, #CCart-dev td a {color:#484848;font-size:12px;line-height: 18px;}
#CCart-dev>table>tbody>tr {display:none;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) {display: block;width:100%;float:left;margin:0 0 16px 0;position: relative;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td td {display: block; /*float:right;*/}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(4) img {width:48px;height:48px;border: 1px solid #ebebeb;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(3) a {color:#333;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(3), #CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6), #CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7) {/* max-width:200px; */margin:0 0 0 16px;float: right;width: calc(100% - 70px);}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6) {font-size:11px;color:cadetblue;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6):before {content:'Item Price : ';color:#888;display: block;float: left;width: 35%;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7) {font-size:11px;color:cadetblue;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7):before {content:'Item Subtotal : ';color:#888;display: block;float: left;width: 35%;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(4) img img {vertical-align:top;}
/* Hide Individual item bits */
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:first-of-type,
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:nth-of-type(3),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:nth-of-type(4),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(5),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(8) {display:none;}
#CCartFreeMSG {margin:16px 0 0 0;padding:16px 0 0 0;border-top:1px solid #ebebeb;color:#484848; font-size:14px; }
#CCartFreeMSG span {line-height:18px;}
#CCartFreeMSG span:before {font-family:'FontAwesome';content:'\f0d1';display:block;float:left;margin:0 8px 0 0; font-size:14px;color:dodgerblue;}
#CCartFreeMSG p {margin:0;font-size:12px;}
/* search styling */
.srchCtr {overflow:hidden;}
.srchCtr input {width: 100%;height: 70px;border: none;padding: 0;margin: 0;border-radius: none;-webkit-border-radius: none;-webkit-appearance: none;color: rgb(134, 134, 134);outline: none;-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;z-index: 1;}
.srchCtr input:active, div.srchCtr input:hover, div.srchCtr input:focus, div.srchCtr:hover input {box-shadow: none;color:white;border-color: #adadad;}
.srchCtr a.searchButton {left: auto;margin: 0;-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;width: 56px;text-align: center;}
div.srchCtr a.searchButton:before {content: "\e095";display: inline-block;font-family: "feather";font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.srchCtr input:active {}
.srchCtr a:hover, div.srchCtr a:active {}
.SearchCtrOpen {font-family:'FontAwesome';position:absolute;left: 0;top: 34%;border-right: 1px dotted rgba(255, 255, 255, 0.35);/* color: rgba(134, 134, 134, 0.49); */text-align: center;padding-right: 18px;margin-right: 18px;color: #c0c0c0;z-index: -1;}
.srchCtrClose { position:absolute; right: 0px; top: -1px; z-index:10; width: 100px !important; height: 96px; line-height: 96px; padding: 0 !important; background-color: #DDECE1;}
.menuMainSearch { position:relative}
.searchButton {float: right;border: 0;margin: 8px;line-height: 48px;padding: 0;color: #4a4a4a !important;text-transform: uppercase;}
a#lnkSearch {}
#TopBanner1_clSearch1_containerSearch {width: 100%;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;align-items: center;}
.toggleSearchCtr2 {color: white;font-family:'FontAwesome';position:absolute;display:none;width: 64px;height: 64px;line-height: 64px;cursor:pointer;background: #000;right: 16px !important;top: 16px !important;}
/* login styling */
div.loginCtr {overflow:hidden;text-align: right;color: #666;}
#CustomerRewardsDisplay1-dev {display: flex;}
#CustomerRewardsDisplay1-dev>div:first-child {background: url('/layout/rewards/cr.svg') no-repeat 50%;width: 24px;}
#clLogin1-dev {margin:16px 0 8px 0;}
#clLogin1-dev a {text-decoration: none;}
#clLogin1-dev span {font-family:'FontAwesome';margin: 0 8px 0 0;}
.tailoredMsgContainer {width: 100%;float:left;}
.tailoredMsg p {display:inline-block; line-height:48px;margin: 0 0 0 16px;font-size: 14px;}
#ctl01_panLoggedIn h3 > a {color:#c79e22;}
#ctl01_panLoggedIn > a, #ctl01_panShowLogin a {display:inline-block;padding:4px 16px;margin:0 8px 8px 8px;border-radius:4px;background:none;border: 1px solid;-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;-webkit-appearance: none;-moz-appearance:none;appearance:none;font-weight: 700;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;}
#ctl01_panLoggedIn > a:hover, #ctl01_panShowLogin a:hover {color:white;background:dodgerblue;border:1px solid dodgerblue;}
#ctl01_panShowLogin > a[href*='forgot']:hover {background:#c47d7b;border:1px solid #c47d7b;}
#ctl01_panShowLogin span.clearme {display:table;clear:both;content:'';width:100%;}
#loggedInPip {display:none;position: absolute;height: 20px;width: 20px;line-height: 20px;bottom: 24px;right: 10px;font-size: 0.8em;background: #C9DA36;border-radius: 50%;font-family: 'FontAwesome';display: none !important;}
#loggedInPip:before {content:'\f00c';/* text-shadow:-1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; */color: #31353E;font-size: 11px;}
.navopenLoginCtr #loggedInPip:before {}
#ctl01_lblBalance { display: none}
/* Icons */
.navIcons {text-align: center;}
.navIcons .toggleNavCtr, .navIcons .toggleSearchCtr, .navIcons .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {/* display:none; */font-weight: normal;position:relative;margin: 0 0 0 45px;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.toggleNavCtr span {font-size: 11px;padding: 0 7px 0 0;letter-spacing: 2px;}
.toggleSearchCtr:after {content:'\f002';}
.toggleBasketCtr:after {content:'\f290';}
.toggleLocateCtr:after {content:'\f041';}
.toggleLoginCtr:after {content:'\f235';}
.loggedIn:after {content:'\f007' !important;}
.navopenNavCtr, .navIcons .navopenSearchCtr {background:none;}
.navopenNavCtr:after, .toggleSearchCtr2:after, .navopenLoginCtr:after, .navopenBasketCtr:after {content: "\f00d" !important;color: #ff5656;}
.activeNav {display:block !important;}
.open {display:block !important;}
.navLogoSimple, .navLogoComplex {display:none;}
.navIcons > div, .navIcons > span {cursor:pointer;}
.navIcons > div:last-child { border-right:none !important}
.logo {background: url(/layout/generalLyout/logo.png) center center no-repeat;background-size: contain;margin: auto;height: 63px;width: 100%;min-width: 75px;background-position: left;}
.closeMenu:before {content: '\e117';}
.ctrNavigation > a {margin-top: 16px;float: left;}
.close:before {content: "\e117" !important;color: #ff6c6c;}
.navIcons > div.close, .navIcons > span.close {/* background: #fff; */cursor: default;}
/* basket styling ----- */
div.basketCtr {position: absolute;top: 29px;z-index: -2;width: 100%;-webkit-overflow-scrolling: touch;margin: 0 0 0 !important;transition: all .5s ease-out;max-width: 1800px;background: none;overflow-y: initial;overflow-x: initial;left: 50%;opacity: 0;float: none;transform: translateX(-50%) translateY(-50%);}
div.basketCtr > div {text-align:left;position: absolute;margin:0;overflow: visible;width: 416px;top: 0;right: 0;background: white;border: 1px solid #ebebeb;z-index: 4000;padding: 16px;-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.10);}
div.basketCtr .buttonSmall {float:right;font-size: 10px;}
#CartList-dev, #CartList-dev-bk {display:block;width: auto;float:left;text-align: right;margin:0;}
div#CartList-dev a, div#CartList-dev-bk a { text-decoration: none;}
div#CartList-dev a span.purse10, div#CartList-dev-bk a span.purse10 {display:none;}
div#CartList-dev a span[id*="lblCount"], div#CartList-dev-bk a span[id*="lblCount"] {margin-left: 6px;padding-left: 6px;}
div.basketCtr h3 {color:#484848;margin:0;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span {display:none;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"] {font-size:24px;color:#88c921;display:inline-block;}
div.basketCtr a:not(.buttonSmall)[href='/shoppingcart.aspx'] span[id*="lblTotal"]:before {content:'Total : ';color:#484848;}
.CCartLinks {justify-content: space-between;font-size: smaller;}
.CCartLinks a { color:#55acee; border-bottom:1px solid #55acee}
.CCartBut {padding-top:8px;}
.CCartBut > div {padding:4px;}
.CCartBut > div:first-of-type > a {font-size:9px;padding: 12px;}
.CCartBut > div:last-of-type > a {background: #d07c23 !important;border: 1px solid #d88a38;color: #fff !important;}
#CCart-dev {color:#484848;margin:16px 0;padding:16px 0;border-top:1px solid #ebebeb;border-bottom: 1px solid #ebebeb;max-height:50vh;overflow-y: auto;}
#CCart-dev table, #CCart-dev td {border:0 !important;text-align:left !important;float: left;}
#CCart-dev table, #CCart-dev td a {color:#484848;font-size:12px;line-height: 18px;}
#CCart-dev>table>tbody>tr {display:none;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) {display: block;width:100%;float:left;margin:0 0 16px 0;position: relative;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td td {display: block; /*float:right;*/}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(4) img {width:48px;height:48px;border: 1px solid #ebebeb;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(3) a {color:#333;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(3), #CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6), #CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7) {/* max-width:200px; */margin:0 0 0 16px;float: right;width: calc(100% - 70px);}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6) {font-size:11px;color:cadetblue;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(6):before {content:'Item Price : ';color:#888;display: block;float: left;width: 35%;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7) {font-size:11px;color:cadetblue;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(7):before {content:'Item Subtotal : ';color:#888;display: block;float: left;width: 35%;}
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) td:nth-of-type(4) img img {vertical-align:top;}
/* Hide Individual item bits */
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:first-of-type,
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:nth-of-type(3),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3) table tr:nth-of-type(4),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(5),
#CCart-dev>table>tbody>tr:nth-of-type(4n+3)>td:nth-of-type(8) {display:none;}
#CCartFreeMSG {margin:16px 0 0 0;padding:16px 0 0 0;border-top:1px solid #ebebeb;color:#484848; font-size:14px; }
#CCartFreeMSG span {line-height:18px;}
#CCartFreeMSG span:before {font-family:'FontAwesome';content:'\f0d1';display:block;float:left;margin:0 8px 0 0; font-size:14px;color:dodgerblue;}
#CCartFreeMSG p {margin:0;font-size:12px;}
/* -- Shopping Cart */
.clWarning5 {
color: #ff5858;
}
.ContentTableHeaderNone {
margin: 16px 0;
}
.ContentTableHeaderNone a.cOutNow {
float: right;
}
.ContentTableHeader {
}
.ccartcontrol {
}
.ccartcontrol table {
border: 0 !important;
}
.ccartcontrol > table > tbody > tr:first-of-type {
border-bottom: 1px solid #e1e1e1;
}
.ccartcontrol input {
clear: both;
display: inline-block;
border: 1px solid rgba(200,200,200,0.2);
background: rgb(255, 255, 255);
padding: 8px;
width: initial !important;
text-align: center;
}
#prEssential {margin: 0 0 32px 0;outline: 1px solid #e9e5e5;background: rgba(48, 50, 52, 0.04);}
#prEssential .item-repeater-info {padding: 0px;}
#prEssential .item-repeater-info-name {font-size: 16px !important;}
#prEssential h2 { margin-top: 0px}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) {
}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) td {
padding-bottom: 0.5em; /* border: 0 white solid; */
}
.ccartcontrol tr .ContentTableHeader {
font-size: 1em;
line-height: 2em;
padding: 0 !important;
}
.ccartcontrol tr {
}
.ccartcontrol tr .Content {
font-size: 13px;
}
.ccartcontrol tr .Options a {
}
.ccartcontrol tr .Options a:before {
content: "\e117";
margin-right: 8px;
font-family: feather;
background: #b15d5d;
color: #fff;
padding: 5px;
line-height: 100%;
font-size: 8px;
}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .Content:nth-child(4) {
}
.basketOptionsTopLeft h3 {
font-size: 1em;
text-decoration: none;
padding: 0 1em 1em 0;
margin: 0 0 0.5em 0;
}
.updateQty {
margin: 1em 0 0 0;
float: left;
width: 100%
}
.bskRewardsBox {
margin: 0;
background: #E9F6DB;
margin: 0 0 8px 0;
border: 1px solid #c6d4b6;
}
.voucherBox {}
.voucherBox h3 {
font-size: 1em;
text-decoration: none;
padding: 0 1em 1em 0;
margin: 0 0 0.5em 0;
}
.voucherBox .promoField {
position: relative;
margin-bottom: 16px;
width: 100%;
}
.voucherBox .promoField p {
margin-bottom: 0;
}
.voucherBox .formSingle {
flex-grow: 1;
width: initial !important;
}
.voucherBox #SalesDiscount1_btnApply {
margin: 0 0 0 8px;
}
.voucherBox #SalesDiscount1_btnApply .button {
}
.voucherBox #SalesDiscount1_btnApply .button:hover {
background: #484848 !important;
color: white !important;
border: 1px solid #484848 !important;
}
.shopDelCont {
}
.shippingCostMessage .cards {
display: block;
width: 100%;
float: left;
clear: both;
}
.shippingCostMessage .cards div {
float: left !important;
margin: 0 0.5em 0.5em 0 !important;
}
.metaPackDespatchMessage {
outline: 1px solid #d0e6f2;
background: #e6f3fa;
padding: 16px;
float: left;
width: 100%;
font-size: smaller;
}
.metaPackDespatchMessage span:before {
content: "\e006";
margin: 0 1em 0 0;
font-family: 'feather';
color: #93c4e0
}
.dpdMessage {
outline: 1px solid #d0e6f2;
background: #e6f3fa;
padding: 16px;
float: left;
width: 100%;
font-size: smaller;
margin-bottom: 14px
}
.dpdMessage img {
float: left;
margin-bottom: 14px;
}
.metaPack {
}
.metaPack ul {
margin: 1em 0;
padding: 0;
display: block;
float: left;
width: 100%;
}
.metaPack ul li {
list-style: none;
display: block;
clear: both;
padding: 1em 0;
float: left;
width: 100%;
position: relative;
border-bottom: 1px solid #e1e1e1;
}
.metaPack ul li .metaPackService {
padding: 0 6em 0 0;
}
.metaPack ul li .metaPackName {
padding-bottom: 8px;
}
.metaPack ul li .metaPackMessage {
font-size: 0.8em;
color: red;
}
.metaPack ul li .metaPackMessage span {
color: black;
}
.metaPack ul li .metaPackSelect {
float: right;
padding: 0;
border-radius: 50%;
width: 58px;
height: 58px;
text-align: center;
line-height: 41px;
color: cornflowerblue;
position: absolute;
top: 1em;
right: 0;
font-size: 1em;
text-transform: uppercase;
}
.orderCartWrap {
margin-bottom: 8px;
}
.orderTotal {
float: left;
display: block;
margin: 0;
width: 100%;
}
.orderTotal .ContentTableHeader {
text-align: left;
font-family: bebas-kai, sans-serif;
}
.orderTotal table {
float: left;
width: auto !important;
}
.orderTotal tr {
width:100%;
}
.orderTotal tr, .orderTotal td {
float: left;
display: block;
max-width: 100% !important;
text-align: left;
}
.orderTotal tr:nth-of-type(1) .Order-Total-text {
font-weight: 600;
color: #484848;
outline: 0;
font-weight: normal;
font-size: 18px;
line-height: 1.2em;
margin: 0 0 16px 0
}
.Order-Total-text {
text-align: left !important;
display: block;
float: left;
width: auto !important;
font-size: 15px;
line-height: 21px;
}
.buttonChkOut {
color: #fff !important;
border: 0 !important;
outline: 0 !important;
float: right;
width: 100%;
margin: 8px 0;
}
.buttonChkOut:hover {
}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {
color: #009ddc;
}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {
margin: 0;
font-size: 1em;
}
.messageHighlight p {
display: inline-block;
}
.bottomBasketButton {
}
#cart-paymenticons{
display: grid;
grid-template-columns: repeat(5,1fr);
align-content: space-around;
justify-content: space-between;
grid-gap: 8px;
padding: 0px !important;
max-width: 250px;
margin: 16px auto;
float: initial;
}
#cart-paymenticons img {
width:100%
}
div[class*="isoFlag"] { width:20px;}
div[class*="isoFlag"]:before {
display: block;
float: left;
width: 16px;
height: 11px;
content: '';
margin: 3px 3px 0 0;
}
.currencyCode {
font-size: 10px
}
#GBP:before {
background: url('/layout/flags/4x3/gb.png') no-repeat #fff !important;
background-size: contain !important;
}
#USD:before {
background: url('/layout/flags/4x3/us.png') no-repeat #fff !important;
background-size: contain !important;
}
#EUR:before {
background: url('/layout/flags/4x3/eu.png') no-repeat #fff !important;
background-size: contain !important;
}
#AUD:before {
background: url('/layout/flags/4x3/au.png') no-repeat #fff !important;
background-size: contain !important;
}
#SEK:before {
background: url('/layout/flags/4x3/se.png') no-repeat #fff !important;
background-size: contain !important;
}
#NOK:before {
background: url('/layout/flags/4x3/no.png') no-repeat #fff !important;
background-size: contain !important;
}
#DKK:before {
background: url('/layout/flags/4x3/dk.png') no-repeat #fff !important;
background-size: contain !important;
}
#NZD:before {
background: url('/layout/flags/4x3/nz.png') no-repeat #fff !important;
background-size: contain !important;
}
#JPY:before {
background: url('/layout/flags/4x3/jp.png') no-repeat #fff !important;
background-size: contain !important;
}
.bottomBasketButton a {
text-align: center;
width: 50%;
}
.buttonT3 {
float: right;
color: #fff !important;
background: #484848 !important;
border: 0 !important;
outline: 0 !important
}
.buttonT3:hover {
background: #181b1d !important;
color: white !important;
border: 0 !important;
outline: 0 !important
}
.borderBottom {
border-bottom: 1px solid #e6e8eb
}
.borderLeft {
border-left: 1px solid #e6e8eb
}
.borderRight {
border-right: 1px solid #e6e8eb
}
.floatRight {
float: right !important
}
.bottomSpacing {
padding: 0 0 32px 0;
margin: 0 0 32px 0;
}
.nowPrice-repeater, .standardPrice-repeater, .percentOff-repeater, span.nowPrice-betterSearch, span.standardPrice-betterSearch, span.percentOff-betterSearch {
}
div.filterReorderCtr {
margin: 0;
}
.col-80px {
width: 80px;
height: 80px;
display: inline-block;
margin: 16px;
float: none;
}
.borderCart {
border: 1px solid #d4d4d4
}
.bskCTAMessages .col-1 {
margin: 0 0 8px 0;
}
.bskCTAMessages .col-1:last-child {
margin: 0;
}
.bskCTAMessages .col-1 span {
float: left;
color: yellowgreen;
line-height: 24px;
width: 24px;
margin: 0 4px 0 0;
text-align: center;
font-size: 13px;
}
.bskCTAMessages .col-1 span.fa-lock {
color: tomato
}
.bskCTAMessages .col-1 p {
float: left;
margin: 0;
font-size: 13px;
line-height:24px;
display:contents;
}
table[id*="CGiftWrapControl"] {
}
table[id*="CGiftWrapControl"] input {
width: 100% !important;
margin-bottom: 16px;
}
a[id*="CGiftWrapControl1_cmdContinue"], a[id*="CGiftWrapControl1_cmdCancel"] {
display: inline-block;
margin-top: 16px;
}
span[id*="CGiftWrapControl1_lblPrice"] {
padding: 8px 16px;
background: #f4f4f4
}
.GiftWrapChk {
margin: 16px 0;
}
.currencyShoppingCart ul li {
float: left;
display: inline-block;
list-style: none;
margin: 0 0 16px;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 125px;
}
.indicateShoppingCart {
display: block;
width: 100%;
font-size: 8.5pt;
font-weight: normal;
color: #666;
margin: 0;
clear: both;
float: left
}
.currencyConverted {
font-size: inherit !important;
float: left;
width:100%;
font-weight: normal;
}
.basketPayPalBtn::after {
content: 'Checkout with PayPal'
}
.supportcards img {
margin: 8px
}
/* -- Mobile Phones -- */
@media screen and (max-width: 768px) {
/* Shopping Cart */
.ccartcontrol tr .ContentTableHeader {
font-size: 1em;
}
.ContentTableHeaderNone a {
margin-bottom: 1em;
width: 100%;
text-align: center
}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .ContentTableHeader:nth-child(6) {
display: none;
}
.ccartcontrol tr .Content:nth-child(4), .ccartcontrol tr .Content:nth-child(6) {
display: none;
}
.voucherBox .promoField>.zflex {
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
align-items: stretch;
-webkit-align-items: stretch;
-ms-align-items: stretch;
-moz-align-items: stretch;
}
.voucherBox .formSingle, .voucherBox #SalesDiscount1_btnApply, .voucherBox #SalesDiscount1_btnApply > span.button {
width: 100% !important;
margin: 0 0 0.5em 0;
}
.metaPack ul li .metaPackMessage span {
color: black;
display: block
}
.metaPack ul li .metaPackSelect {
top: 17px
}
.updateQty {
float: none;
}
.updateQty span {
margin: 0.5em 0
}
.updateQty span, .updateQty a {
width: 100%;
text-align: center
}
.orderTotal a {
display: none;
}
.orderTotal table {
float: none;
width: 100% !important;
}
.Order-Total-text {
display: none;
}
.orderTotal tr:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(3), .orderTotal tr:nth-of-type(3) td.Order-Total-text:nth-of-type(4) {
display: block;
width: 100% !important;
margin: 0 !Important;
text-align: center !important;
}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {
text-align: left;
}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {
margin: 0;
font-size: 1em;
}
.mesageCC p, .messageCPlus p, .messageUK p, .messageWorld p {
display: inline-block;
margin-left: 0.5em;
}
.bottomBasketButton a {
text-align: center;
width: 100%;
}
.ccartcontrol {
padding: 0 !important;
margin-bottom: 16px;
}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
/* Shopping Cart shopping-cart-main-content*/
.FullCartWrap .col-66p,
.FullCartWrap .col-3,
.shopping-cart-main-content .col-66p,
.shopping-cart-main-content .col-3 {
width: 100% !important;
padding: 16px 0 0;
}
}
#body-wrapper-overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;content: ' ';display: none;z-index: 2;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.open-slide-menu #body-wrapper-overlay{opacity: .3;display: block;}
/* ----- Footer ----- */
.footerContainer { position:relative; padding-bottom: 100px}
.footer {}
.footerLinks {padding: 16px !important;font-size: 0.9em;}
.footerLinks:first-child {padding-left:0;}
.footerLinks:last-child {padding-right:0;}
.footerLinks h3 {font-style: normal;color: white;font-weight: bold;margin-bottom: 0.5em;clear: both;font-size: 1em;text-transform: uppercase;letter-spacing: 2px;}
.footerLinks h4 {font-style: normal;color: #FFFFFF;}
.footerLinks a {color: rgba(255, 255, 255, 0.64);font-size: 0.9em;text-decoration:none;width: 100%;clear: both;text-align: left;line-height: 24px;border-bottom: 1px solid rgba(60, 60, 60, 0.18);margin: 4px 0px;display: inline-block;width: initial;float: left;}
.footerLinks a.footerLogin {font-family:'FontAwesome';}
.footerLinks a.footerBasket {font-family:'FontAwesome';}
.footerLinks a:hover {color: #FFF;border-bottom: 1px solid #0abbef;}
div.social { width: 100%;padding: 16px;}
div.social a { display:inline-block; font-family:'FontAwesome'; width: 48px; height: 48px; color:white; border-radius:24px ; text-decoration: none; font-size: 21px; line-height: 48px; text-align: center; margin: 16px;}
div.social a:hover {opacity:0.8}
.facebook { background: #2463A1;}
.twitter { background:#00aced;}
.combine {position:relative;margin: 18px 0;}
.pinterest { background:#cb2027;}
.instagram { background:#517fa4;}
.gplus { background: #dd4b39;}
.youtube { background: #bb0000;}
.footerNewsletter { position:relative; margin-bottom: 0;}
.newsletter-footer {background: #FFFFFF !important;border: 0;width: 100%;max-width: 380px;color: #565656;height: 47px;font-size: small;font-size: 12px !important;-webkit-appearance: none;-moz-appearance:none;appearance:none;border-radius:0;}
.newsletter-footer::-webkit-input-placeholder {color: #999999;}
.newsletter-footer:-moz-placeholder {color: #999999;}
.newsletter-footer::-moz-placeholder {color: #999999;}
.newsletter-footer:-ms-input-placeholder {color: #999999;}
.newsletter-footer-submit {background: #efe8e8;position: absolute;top: 0;right: 0;height: 47px;font-size: 1.5em;color: #999 !important;line-height: 17px;}
.newsletter-footer-submit:hover {background: #1D2229;color: white !important;cursor: pointer;}
#newsletter-footer-text {color: #2F353E;/* padding:16px; */line-height: 46px;clear: both;}
.newsletterFail {
color: red !important;
}
.newsletterSuccess {color: #82B43C !important;}
.customerSupport { clear:both}
.customerSupport a { font-size:2em; text-decoration:none; }
.customerSupport a:hover {color:cornflowerblue;}
.customerSupport a span {font-family:'FontAwesome'; }
div.cards {padding: 16px !important;color:white; text-align:left;border-top: 1px solid rgba(239, 239, 239, 0.15);}
div.cards span {line-height:28px;font-size:1em;color:#bbb}
div.cards span strong { font-weight:normal}
div.cards div.fa-cc-visa, div.cards div.fa-cc-mastercard, div.cards div.fa-credit-card, div.cards div.fa-cc-paypal, div.cards div.fa-money { display: inline-block; font-family:'FontAwesome'; font-size:2em;margin: 0 0 0 8px; color: #F0F4F5;}
div.cards div.fa-cc-visa {float:right;/*color:#faa41b*/}
div.cards div.fa-cc-mastercard {float:right;/*color:#ee1b2e*/}
div.cards div.fa-credit-card {float:right;/* color:#7fcef2 */}
div.cards div.fa-cc-paypal {float:right;/* color:#009cde */}
div.cards div.fa-money {float:right;/*color:#009cde*/}
.footerCopy {color:#aaa;padding: 0 0 16px 0;border-top: 1px solid #e3e3e3;}
.footerTerms {text-align:left;color: #303234;font-size: smaller;}
.footerTerms a {color: #FFFFFF;text-decoration:none;}
.footerTerms a:hover { border-bottom: 1px solid #D3281E; color:#fff}
.footerTerms strong { color:#FFF;font-size: 16px;}
.footerCitr a {text-align:right;font-size: smaller;}
.footerCitr {color: #535639;text-decoration:none;float: right;max-width: 390px;font-size: small;}
.backgrounrdsignup { background:url(layout/bgFooter.jpg) 50% 50% / cover no-repeat;}
dl {text-align: left ;width: 100%;}
dl dt {float: left;padding: 2px 0px 5px 0px;li;line-height: 100%;nt-weight: bold;width: 108px;}
dl dd { margin: 0px; padding: 2px 0px 5px 0px; line-height: 130%;width: 100%;}
.hours p { display:block}
.footer dl, .footer span {font-size: 0.9em;}
.footerSignup img { float:left; margin-right:16px;}
.backgrounrdsignup h3 {color: white; font-style:normal; font-weight: bold; margin-bottom: 0px;}
.backgrounrdsignup p {color: rgba(255, 255, 255, 0.70) ;margin-bottom: 0;line-height: inherit;}
.citrus {color: #767b49 !important;border-bottom: 1px solid rgba(129, 195, 122, 0.38);}
.tel {color: #33a4d4;font-size: 1.5em;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.icons {margin: 18px 0;}
.icons a {font-size:30px;margin: 11px;color:#999;-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;}
.icons a:hover { color:#33a4d4;}
/* -- VIP & Workshop Banners ----- */
.textBlack { color:#222 !important; text-shadow:none !important}
.TopBlue img { margin-bottom:16px}
.TopBlue .bnnerTitle, .TopBlue .subbannerTitle { max-width:780px}
.TopBlue .bnnerTitle { margin-top:16px}
.TopBlue .subbannerTitle { text-transform:inherit}
.TopBlue:hover .bannerDesc {background: #41BEEC !important;outline: 1px solid #41BEEC !important;}
/* Find + Filter */
.dev-branddescription, .dev-filterdescription { width:100%}
.dev-branddescription #catImg {min-height: 150px;background-size: 150px !important;background-position: 16px auto !important;}
.dev-filterdescription #catImg { height: 150px; }
.dev-branddescription .ffTitle { display:none}
.ffTitle {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;text-align: center;overflow: hidden;color: #31353E;outline: 0;padding-top: 0;background: rgba(35, 35, 35, 0.66);color: #fff;}
#defActivity {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
#defGender {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
#defProductGroup {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 3; order: 3; }
#defBrand {-webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 4; order: 4; }
#defDepartment {-webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -webkit-order: 5; order: 5; }
#defSeason {-webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -webkit-order: 6; order: 6; }
#defMaterial {-webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -webkit-order: 7; order: 7; }
#defColour {-webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -webkit-order: 8; order: 8; }
#defAge {-webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -webkit-order: 9; order: 9; }
.FacetSearch {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; order: 1;}
.FacetDefinitions {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 2; order: 2; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: flex-start;justify-content: flex-start;}
.priceFilter {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 3; order: 3;}
.salestock {-webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 4; order: 4;}
#LP1 { -webkit-box-ordinal-group: 5 ; -moz-box-ordinal-group: 5 ; -webkit-order: 5 ; order: 5 ;} /* Departemnt */
#LP5 { -webkit-box-ordinal-group: 7 ; -moz-box-ordinal-group: 7 ; -webkit-order: 7 ; order: 7 ;} /* Department Level 1 */
#LP6 { -webkit-box-ordinal-group: 8 ; -moz-box-ordinal-group: 8 ; -webkit-order: 8 ; order: 8 ;} /* Department Level 2 */
#LP7 { -webkit-box-ordinal-group: 9 ; -moz-box-ordinal-group: 9 ; -webkit-order: 9 ; order: 9 ;} /* Department Level 3 */
#LP3 { -webkit-box-ordinal-group: 3 ; -moz-box-ordinal-group: 3 ; -webkit-order: 3 ; order: 3 ;} /* Product Group */
#LP8 { -webkit-box-ordinal-group: 10 ; -moz-box-ordinal-group: 10 ; -webkit-order: 10 ; order: 10 ;} /* Product Group Level 1 */
#LP9 { -webkit-box-ordinal-group: 11 ; -moz-box-ordinal-group: 11 ; -webkit-order: 11 ; order: 11 ;} /* Product Group Level 2 */
#LP10 { -webkit-box-ordinal-group: 12 ; -moz-box-ordinal-group: 12 ; -webkit-order: 12 ; order: 12 ;} /* Product Group Level 3 */
#LP11 { -webkit-box-ordinal-group: 4 ; -moz-box-ordinal-group: 4 ; -webkit-order: 4 ; order: 4 ;} /* Brand */
#LP4 { -webkit-box-ordinal-group: 13 ; -moz-box-ordinal-group: 13 ; -webkit-order: 13 ; order: 13 ;} /* Material */
#LP2 { -webkit-box-ordinal-group: 1 ; -moz-box-ordinal-group: 1 ; -webkit-order: 1 ; order: 1 ;} /* Activity */
#LP12 { -webkit-box-ordinal-group: 6 ; -moz-box-ordinal-group: 6 ; -webkit-order: 6 ; order: 6 ;} /* Season */
#LP13 { -webkit-box-ordinal-group: 2 ; -moz-box-ordinal-group: 2 ; -webkit-order: 2 ; order: 2 ;} /* Gender */
#LP14 { display: none} /* Colour */
#LP15 { display: none} /* Stock */
#LP16 { -webkit-box-ordinal-group: 14 ; -moz-box-ordinal-group: 14 ; -webkit-order: 14 ; order: 14 ;} /* Sale */
#LP17 { display: none} /* Age */
#LP18 { display: none} /* Price */
#LP19 { display: none} /* Collection */
/* Find + Filter Overrides
.facetHdr {color: #fed619 !important; }
.FAFFilters {background: #3a3b3c !important;}
.FacetDefinitions>div {border-top: 1px solid #505050 !important;}
.facetSubHdr {border-top: 1px solid #505050 !important;}
.facetSubHdr {color: #2db8e9 !important;}
.facetOption>span, .subFacetOption>span {height: 20px;width: 20px;margin: 0 !important;padding: 0 !important;cursor: pointer !important;background: #676767 !important;position: relative;outline: 1px solid #505050 !important;flex-basis: 20px;min-width: 20px;max-width: 20px;display: inline-block;}
.facetUnselectedff:before { color: inherit !important}
.FAFFiltersReorder label, .FAFclosebutton, .facetUnselectedff.checked { color: #fff !important}
.priceFilter {border-top: 1px solid #505050 !important;}
.subFacetOption:hover { color:inherit !important }
.subFacetOption:hover>span {background: #676767;}
.facetUnavailable {opacity: 0.15 !important;}
.facetUnavailableff:before {background: #f34242 !important;}
.facetItemImg {max-height: 468px !important; }
.breadcrumbs { text-align: left !important;}
.facetOption input {color: #fff;}*/
.facetReview span.score[data-rate="1"], .facetReview span.score[data-rate="2"], .facetReview span.score[data-rate="3"], .facetReview span.score[data-rate="4"], .facetReview span.score[data-rate="5"] {opacity:1;width:25px;background:rgba(72, 72, 72, 0.91);padding: 4px 7px;color:#fc0;top: -1px;position: relative;}
.facetReview div.icon-star { margin-right:0px !important}
.facetReview div.icon-star:before {opacity:1;color:#fc0 !important ;float:left !important;background: rgb(239, 196, 46) !important; ;padding: 2px 5px !important;color: #585858!important;line-height: 19px !important;}
.facetReview span.score[data-rate="0"], .facetReview span.score[data-rate="0"] + div.icon-star:before {color:#555 !important;opacity: 0.3 !important; background:#fff !important; padding: 2px 5px !important;}
.out-of-stock .frItemName span {color:initial !important}
.pricing>span:nth-child(3)>span {margin-right:3px}
.pricing>span:nth-child(3) {color: #ff4242;}
.facetPricing .pricing>span:nth-child(1){font-size: medium !important ;}
.pricing>span:nth-child(3)>span {margin-right:3px}
.col-facetItem[data-isinstock*="stockStatus-false"] .frItemName span {color: initial !important;}
.FAF .yotpo .standalone-bottomline.star-clickable, .yotpo .standalone-bottomline .star-clickable {margin: 8px 0 0;}
.FAF .yotpo .text-m {font-size: 0px;}
.FAF .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star, .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star, .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-half-star, .yotpo.bottomline .yotpo-bottomline .yotpo-icon-empty-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-empty-star {font-size: 12.5px !important;}
.FAF .yotpo .standalone-bottomline {position: absolute;}
.FAF .yotpo .standalone-bottomline .star-clickable {margin: 13px 0 0 !important}
.FAF .facetReview { display:inline !important; font-size: 0px !important}
.FAF .score:before { display:none !important}
.facetOptions {padding: 8px 0 !important;border-bottom: 1px solid #efefef !important ;}
/* Find + Filter ALP's Overrides
#facetsearch_landingPageTotalProductsPanel{ background:#2b2b2b !important; color:#fc0 !important}
.facetHdr, .flexreorder > div {background: #3a3b3c !important;margin-bottom: 0 !important;}
.LPFilters a {border-bottom: none !important;color: #fff !important;padding-bottom: 0px !important;width: 49% !important;}
.LPFilters a:after {content:'' !important}
.LPExpandButton {color: #3a3b3c !important;border-top: 1px dashed #6b6b6b;margin-top:8px !important;padding-top:8px !important;font-size: 10px !important;letter-spacing: 1.5px;}*/
.bannerContainer > div > div {padding: 8px;}
/*.bannerContainer .col-3 > div > a:first-child > div { margin-bottom: 16px} */
.bannerContainer .col-3 > div > a:first-child { margin-bottom: 16px}
.banner4 { padding:0px !important}
/*.banner4 > div > a {width: 25%;float: left;padding: 8px !important;} */
.bannerContainer {/* background: #f9f5f5; */}
.FacetStandardDescription-ALP { padding:32px}
.FAFFilters {background: #3a3b3c !important;}
#FafKnockoutResults .FAFFiltersReorder > div > span, .noUi-connect, .noUi-tooltip { /* color: white !important; */}
.FAFFiltersReorder > div > span:first-child {background: #3a3b3c !important; color: #fed619 !important; }
#FAFImg { display: none}
/* -- Homepage general -----*/
.hmMapContainer {position:relative;height:450px;background: rgba(0,0,0,0.5);}
.hmMap {height:450px; overflow:hidden; position:absolute;-webkit-filter: grayscale(100%); filter: grayscale(100%);-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;opacity:0;top:0;left:0;}
.hmMap:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.hmMap>div {height:450px;}
.tabOpen {opacity:1;z-index:3;}
.hmMapCover {display:block; position:absolute; top:0; left:0; background: rgba(0,0,0,0.5); width:100%; height:450px; z-index:20;}
.hmMapCoverTitle {display:block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color:#fff;font-size:2em;text-decoration: none;line-height: 1.25em;}
.hmMapCoverTitle span {font-size: 0.5em;}
.hmMapTabs {text-align:right;}
.hmMapTabs a {color:cornflowerblue;cursor:pointer}
.hmMapTabs a:after {color:#888}
.hmMapTabs h3 {float:left; margin: 0;}
.blogContainer > div {width:25%;vertical-align: top;float: left;}
.Recent > div:hover h2 a {color: #0fa5d1;}
.blogContainer > div > a {display:none;}
.blogContainer .blogSnipImg {width: 100%;overflow:hidden;display: block;position: relative;top: 0;left: 0;margin-bottom: 16px; height: 190px;}
.blogContainer .blogSnipImg img {width: 100%;/* min-height: 19vh; */}
.blogContainer h2 {margin: 0;background: #fff;order: 2;width: 100%;padding: 0 16px;}
.blogContainer h2 a {margin:0 0 16px 0;font-size: 18px;color: #484848;}
.blogContainer p {font-size: small;text-decoration:none;color: #636363;}
.blogContainer .blogSnipText {/* display:none; */}
.blogContainer .a {float:left; color: white !important; text-decoration:none;border-radius: 50%;height: 70px;width: 70px;-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;}
.blogContainer .a:hover {opacity:0.8;}
.blog-pagination {width: 100% !important;}
.quickMessages {}
.quickMessages {}
.quickMessageReturns, .quickMessageShipping, .quickMessageTime {text-decoration:none;-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;}
.quickMessageReturns:hover, .quickMessageShipping:hover, .quickMessageTime:hover {background: rgba(255,255,255,0.15)}
.quickMessageReturns p, .quickMessageShipping p, .quickMessageTime p { display: inline-block;margin: 1em 0 1em 0.5em;}
.startShopping {margin:0 auto; float:none;}
.startShopping h3 {margin:0 0 1em 0}
.startShopping ul {margin:0; padding: 0;display: inline-block;}
.startShopping ul li { list-style:none; display: inline-block;}
.startShopping ul li a {border:1px solid #000; color:#000 !important;padding: 8px 16px;text-decoration: none; -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;}
.startShopping ul li a:hover {background:#000;color:#fff !important;}
.hmBrands > div {padding: 0; float: left; }
.hmBrands > div > a > img {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;width: 100%; -webkit-filter: grayscale(100%);filter: grayscale(100%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.hmBrands > div > a:hover > img {-webkit-filter: grayscale(0%);filter: grayscale(0%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
#homecopy {margin-top: 32px;}
.facetTitleTop {background: #262829;width: 100%;display: flex;justify-content: center;align-items: center;padding: 36px;}
.facetTitleTop h1 {color:#fff;margin: 0;}
/* -- CONTACT PAGE ----- */
.contactLocation {height:450px;text-align:left;}
.contactLocation li {list-style:none; line-height:1.5em}
.contactLocation li strong {width:25%; display:inline-block}
.contactForm {}
.contactForm .formContiner { margin: 0;padding: 0;}
.contactForm .formContiner li {list-style: none;margin-bottom: 16px;}
.contactForm .formContiner li .formSingle, .contactForm .formContiner li .formMultiple {padding: 0.5em;display:block;width:100%;}
.contactForm .formContiner li .label {}
.contactForm .grey {border:1px solid #666;/* color:#666 !important; */padding: 8px 16px;text-decoration: none; -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;background:rgba(0,0,0,0.01);clear: both;display: block;margin: 32px 0;float: left;}
.contactForm .grey:hover {background:#000;color:#fff !important;}
.contactForm .green {border:1px solid #75b53c; color:#75b53c !important;padding: 8px 16px;text-decoration: none; -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;background:rgba(117,181,60,0.2)}
.contactForm .green:hover {background:#85c14e;color:#fff !important;}
.contactQuick {font-size:1em;}
.contactCS {line-height:1.5em;}
.contactCS dl {width:100%;margin:0;}
.contactCS dl dt {width:50%;padding:0 8px 0 0;float:left;}
.contactCS dl dd {width:50%;float:left;margin:0;}
/* ----- International Shipping Table --------------------------------------------------------------------------------------------------------------------------- */
#shippingtable {font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0px;margin: auto;}
#shippingtable img { float:left;}
#shippingtable li {/* padding:5px 10px; */ list-style:none; height:1%; overflow:hidden}
#shippingtable li img{ float:left; margin:4px 10px 0px 0px;}
#shippingtable li:hover {background: rgba(249, 245, 245, 0.3);}
#shippingtable font.required {font-family:Arial,Helvetica,sans-serif; font-size:12px}
.zone {/* clear:both; *//* margin-bottom:28px; *//* float: left; */margin: 28px 0; width: 100%;}
.shippingMap {float:left; margin: 14px 14px 0px 0px; border: none;display: none;}
.shippingContent {float:left;width: 100%;}
.shippingContent li {border-bottom: 1px solid #EFEFEB;list-style: none;padding: 0;height: 1%;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;font-size: small;}
.shippingContent li:hover {background: #fff;}
.shippingContent li.title {border-bottom: 1px solid #B3B3B3;color: #000000;}
shippingtable li.title { font-size: 14px !important; line-height: 220%; font-family:'helvetica neue', helvetica, Arial, sans-serif; font-weight:bold; color: #666; clear:both; background-color: #fcfcfc;}
#shippingtable li zone, #shippingtable li country, #shippingtable li costA, #shippingtable li costB, #shippingtable li costC, #shippingtable li desc, #shippingtable li majorsur {float:left}
country {width: 40%;float: left;text-align: left;display: block;text-align: left;padding: 8px;float: left;width: 50%;text-align: left;}
country img { float: left; margin: 7px 10px 0 0;}
costA {width: 15%;float: left;padding: 8px;}
costB {width: 31%;padding: 8px;float: left;}
costC {width: 17%;padding: 8px;text-align: right;}
.international costA {width: 15%;float: left;padding: 8px;}
.international costB {width: 25%;padding: 8px;float: left;}
.international costC {width: 15%;padding: 8px;text-align: right;}
.international costD {width: 15%;padding: 8px;text-align: right;}
desc { width: 50% !important; text-align:left; float: left; font-size: smaller;display: none;}
majorsur { width: 160px;}
.CTA {padding: 32px; outline: 1px solid #E7E7E7; margin-bottom: 28px;font-size: x-large;line-height: 150%;}
.xmasShipWrap {width:100%; max-width:800px;background:white;display:table; margin:0 auto;}
.xmasShip {border:1px solid #c91900}
.xmasShipWrap .xmasShip {border:3px solid #c91900}
.xmasShipTitle {font-family: 'bebas-kai, sans-serif'; font-size:large;background:#c91900; color:white;}
.xmasShipFree {color:#c91900;}
.xmasShipLead {font-family: 'bebas-kai, sans-serif';font-size:x-large;color:#c91900;}
.xmasShipLead span {border-bottom:3px solid #c91900;padding-bottom:8px;}
.xmasDivider {border-bottom:1px solid rgba(201, 25, 0, 0.1);}
/* -- BLOG ----- */
.blogCategories {margin: 21px auto;width: 90%;padding: 0;position:relative;-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;align-items: center;color: #2e3136;justify-content: center;}
.blogCategories a {color: #2e3136;margin: 8px;display: inline-block;padding: 8px 16px;text-transform: uppercase;font-size: 12px;background: #efefef;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.blogCategories a:hover {color: #FECA1E;text-decoration:none;background: #2e3136;}
.Blog1 .blogCategories a:nth-of-type(1), .Blog2 .blogCategories a:nth-of-type(2), .Blog3 .blogCategories a:nth-of-type(3), .Blog4 .blogCategories a:nth-of-type(4), .Blog5 .blogCategories a:nth-of-type(5), .Blog6 .blogCategories a:nth-of-type(6) {color: #FECA1E;border-bottom: 1px solid #FECA1E;text-decoration:none;}
.blogCategories select {background: #f3f1ed;border: 1px solid #0abbef;color: #0abbef;padding: 7px 14px;right: 0;margin: 0 16px;/* font-size: 22px; */background: none;background-position: 123px 14px;-webkit-appearance: none;/* width: 153px; */height: 42px;-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;}
.blogCategories select:hover, .blogCategories select:active, .blogCategories select:focus {border: 1px solid #FECA1E;color:#5f5f61;-webkit-appearance:none;height: 42px;}
.blogContainer {display:flex;flex-wrap: wrap;justify-content: center;}
.blogBlogContainer > div { list-style:none; text-align:left; position:relative ; min-height: 400px; vertical-align: top;}
.blogBlogContainer > div h2 {margin:0 0 16px 0; font-size: 1em;min-height: 38px;}
.blogBlogContainer > div h2 a { font-size:1em; text-decoration:none; color:#6495ED;}
.blogBlogContainer .blogSnipImg { width: 268px; height:201px; overflow:hidden; display: block; position: relative; top: -16px; left: -16px;}
.blogBlogContainer .blogSnipImg img { height:201px; width:inherit }
.blogBlogContainer .blogSnipText { display:none;}
.blogBlogContainer > div.blog-pagination {text-align:inherit; height: auto;min-height: inherit;}
.blogBlogContainer > div.blog-pagination a {display:block;color:lightsteelblue; text-decoration:none}
.blogBlogContainer > div.blog-pagination a:after, .blogBlogContainer > div.blog-pagination a:before {font-family:'FontAwesome';display:block;}
.blogBlogContainer > div.blog-pagination a.archivenext {margin:1em 0 0 0}
.blogBlogContainer > div.blog-pagination a.archivenext:after {content: "\f054"; margin: 0.25em 0 0 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a.archiveprev {margin:0 0 1em 0}
.blogBlogContainer > div.blog-pagination a.archiveprev:before {content: "\f053"; margin: 0 0 0.25em 0;font-size: 3em;}
.blogBlogContainer > div.blog-pagination a[disabled="disabled"] {display:none;}
.blog-RecentArticles {}
.blog-RecentArticles a {display: block;text-decoration: none;padding: 0.5em 0;height: auto;-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;}
.blog-RecentArticles a:hover {background:#f4f4f4;}
.archiveContent {}
.archiveContent h3 {margin: 2em 0 0.25em 0;}
.archiveContent h4 {margin: 0 0 1em 0;padding: 0 0 1em 0;}
.archiveContent a {display: block;display: inline-block;background: #f5f5f5;padding: 8px 16px;margin: 8px;}
.archiveContent a:hover {background: #303234;color: #FECA1E;}
.blogMain {position:relative;text-align: center;}
.blogTitle {position:absolute;z-index: 2;color: #fff;width: 100%;top: 11vh;}
.blogTitle h1 {color:#fff;padding: 16px;}
#blogArticleImage {min-height: 30vh;background-size: cover;background-position: center;}
#blogArticleImage .blogImgOverlay {background: rgba(0,0,0,0.5);width:100%;height: 30vh;}
.large-article-box {position: relative;}
.large-article-header {padding:0 0 1em 0;margin:0 0 1em 0;/* border-bottom:1px dotted #e1e1e1; */position: absolute;top: -18vh;color: #969696;text-align: left;}
.large-article-header h1 {margin: 0 0 0.25em 0;font-size: 36px;/* position: absolute; *//* top: -130px; */color: #fff;}
.large-article-header p {display: inline-block;margin: 0 0 0;background: rgba(0, 0, 0, 0.54);padding: 8px 16px;}
.large-article-content img {max-width:100%; height:inherit;}
.large-article-content {word-wrap: break-word;padding: 56px !important;}
.blogRightColumn {/* background: #efefef; */padding: 32px !important;}
.shareAreaBlog {float: left;width: 100%;padding: 32px 0 0 0;}
.shareAreaBlog h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.shareAreaBlog > div {overflow:hidden; font-size:0; cursor:pointer;position: relative;}
.shareAreaBlog > div > a {display:block;width: 54px; height: 54px;position: absolute;top: 0;}
.shareAreaBlog > div:before {border-radius:50%; width:48px; height:48px; background:#ff0; display: inline-block; color:white;font-size:20px;padding: 15px 0;text-align: center;margin:0px 3px;}
.shareAreaBlog .linkTwitter:before {background: #00aced}
.shareAreaBlog .linkFacebook:before {background:#3b5998}
.shareAreaBlog .linkGoogle:before {background: #dd4b39}
.blogRightSearch {margin:0 0 2em 0;clear: both;float: left;padding: 32px 0 0 0;width: 100%;}
.blogRightSearch h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogSearch {position:relative;padding: 0.25em;}
.blogSearch #blogSearchInput { background: #fff; width: 100%; height: 42px; padding: 14px 7px; border: 1px solid #2f353e;}
.blogSearch #blogSearchButton { position: absolute; top: 4px; right: 3px; padding: 14px; height: 42px; line-height: 90%;}
.blogSearch #blogSearchButton:hover {cursor:pointer}
.blogRightCloud {margin:0 0 2em 0}
.blogRightCloud h2 {margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;}
.blogRightCloud a {margin: 0.25em;}
.blogRightRecent {margin:0 0 2em 0}
.blogRightRecent h4 {}
.blogRightRecent h2 {font-size: 14px !important;order: 1;width: 100%;margin: 5px 0;font-family: inherit;padding: 0 32px;}
.blogRightRecent h2 a {color: #000;}
.blogRightRecent .Recent {display: inherit;height: inherit;padding: 0;margin-bottom: 18px;color:#333;}
.blogRightRecent .Recent p {padding: 0;font-size:small;padding: 0 32px 32px;}
.blogRightRecent .Recent >a { display:none}
.blogRightRecent .blogSnipImg {margin-bottom:16px;max-height: 150px !important;}
.blogRightRecent .blogSnipText { display:none}
.large-article-content p, .large-article-content {line-height:200%;font-size:medium;background: #fff;}
.large-article-content p:first-child { padding:0px}
.large-article-content h2, .large-article-content h3, .large-article-content h4, .large-article-content h5 {margin: 46px 0;}
.large-article-content a { color:#33a4d4}
.large-article-content blockquote {border-left: 1px solid #ccc;margin: 6px 0;padding: 0.5em 16px;font-style: italic;quotes: "\201C""\201D""\2018""\2019";}
.large-article-content blockquote:before {color: #ccc;content: "\f10d";font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: 0.6em;font: normal normal normal 14px/1 FontAwesome;width: 50px;}
.large-article-content blockquote p {display: inline;}
.wlWriterEditableSmartContent {border-top: 1px solid #efefef;display: block !important;padding: 32px 0 !important;}
.wlWriterEditableSmartContent a {background: #efefef;padding: 10px 16px;margin: 8px;border-radius: 5px;display: inline-block;}
.wlWriterEditableSmartContent a:hover {background: #2E3136;padding: 10px 16px;/* margin-left: 16px; */border-radius: 5px;color: #fed619;}
/* -- Shopping Cart ----- */
.clWarning5 {background:#ff5858;color:#fff}
.ContentTableHeaderNone {margin:16px 0;}
.ContentTableHeaderNone a.cOutNow {float:right;}
.ccartcontrol {}
.ccartcontrol table {border:0 !important;}
.ccartcontrol > table > tbody > tr:first-of-type { font-size:small}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) {/* border-bottom:1px solid #e1e1e1; */}
img[src*="images/clear.gif"] {display:none;}
.ccartcontrol > table > tbody > tr:nth-of-type(4n+1) td { padding-bottom:0.5em;border: 0 white solid;}
.ccartcontrol tr .ContentTableHeader {font-size: 1em;line-height: 2em;padding: 0 !important;}
.ccartcontrol tr .Content {}
.ccartcontrol tr .Options {}
.ccartcontrol tr .ContentTableHeader:nth-child(4), .ccartcontrol tr .Content:nth-child(4) {}
.basketOptionsTopLeft h3 {font-size: 1em;text-decoration: none;padding: 0 1em 1em 0; margin: 0 0 0.5em 0;}
.updateQty {margin: 1em 0 0 0; float: left;width:100%}
.bskRewardsBox { margin:0;background: #E9F6DB;}
.voucherBox {padding:0;}
.voucherBox h3 {font-size: 1em;text-decoration: none;padding: 0 1em 1em 0; margin: 0 0 0.5em 0;}
.voucherBox .promoField {position:relative}
.voucherBox .promoField p {margin-bottom:0;}
.voucherBox .formSingle {width:100% !important;padding:1em;font-family: 'montserratregular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;border: 1px solid #DEDEDE !important;}
.voucherBox #SalesDiscount1_btnApply { /* position: absolute; */ /* top: 0; */ /* right: -3px; */margin: 8px 0 0 0;float: left;}
.voucherBox #SalesDiscount1_btnApply .button {height: 51px;line-height: 25px;background: none !important;color: #484848 !important;border: 1px solid #484848 !important;}
.voucherBox #SalesDiscount1_btnApply .button:hover {background:#484848 !important;color:white !important;border: 1px solid #484848 !important;}
.shopDelCont {padding:0 0 0 1em}
.shippingCostMessage .cards {display: block;width: 100%;float: left;clear: both;}
.shippingCostMessage .cards div {float: left !important;margin: 0 0.5em 0.5em 0 !important;}
.metaPackDespatchMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 8px;float: left;width: 100%;}
.metaPackDespatchMessage span:before {content:"\f05a";margin:0 1em 0 0;font-family:'FontAwesome'; color:#93c4e0}
.metaPackDespatchMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 16px;float: left;width: 100%;font-size: smaller;}
.metaPackDespatchMessage span:before {content:"\f05a";margin:0 1em 0 0;font-family:'FontAwesome'; color:#93c4e0}
.dpdMessage {outline: 1px solid #d0e6f2;background: #e6f3fa;padding: 16px;float: left;width: 100%;font-size: smaller; margin-bottom:14px}
.dpdMessage img { float:left; margin-bottom:14px;}
.metaPack {}
.metaPack ul { margin: 1em 0;padding: 0; display: block; float: left; width: 100%;}
.metaPack ul li {list-style: none;display: block;clear: both;padding: 1em 0;float: left;width: 100%;position: relative;border-bottom: 1px solid #e1e1e1;}
.metaPack ul li .metaPackService {padding: 0 6em 0 0;}
.metaPack ul li .metaPackName {padding-bottom: 8px;}
.metaPack ul li .metaPackMessage {font-size: 0.8em;color: red;}
.metaPack ul li .metaPackMessage span {color: black;}
.metaPack ul li .metaPackSelect {float: right;padding: 0;border-radius: 50%;width: 58px;height: 58px;text-align: center;line-height: 41px;color: cornflowerblue;position: absolute;top: 1em;right: 0;font-size: 1em;text-transform: uppercase;}
.orderTotal {float:left;display: block;margin: 0;}
.orderTotal table {float:left;width: auto !important;}
.orderTotal tr:nth-of-type(1) .Order-Total-text {font-weight: 600; color: #484848; outline: 0; font-weight:normal; font-size: 23px;line-height:1.2em;margin:0 0 16px 0}
.Order-Total-text {text-align:left !important;display: block;float: left;width: auto !important;font-size:1.2em}
.buttonChkOut {color:#fff !important; background:#009ddc !important; border:0 !important; outline:0 !important;float:right; margin-left:8px}
.buttonChkOut:hover {background:#5ad0ff !important; color:white !important; border:0 !important; outline:0 !important}
.messageHighlight {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items:stretch;}
.messageHighlight {}
.mesageCC, .messageCPlus, .messageUK, .messageWorld {color:#666;font-size:18px;font-family: 'bebas-kai, sans-serif'; text-transform:uppercase;}
.mesageCC>div, .messageCPlus>div, .messageUK>div, .messageWorld>div {height:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;}
.mesageCC span, .messageCPlus span, .messageUK span, .messageWorld span {margin: 0;font-size: 1em;}
.messageHighlight p {display:inline-block;}
.bottomBasketButton {}
.bottomBasketButton a {text-align:center; width:50%;}
.buttonT3 {float:right;color:#fff !important; background:#484848 !important; border:0 !important; outline:0 !important}
.buttonT3:hover {background:#181b1d !important; color:white !important; border:0 !important; outline:0 !important}
.buttonChkOut#paypExpButton {
background: url('/ssl/secure/resources/paypal-logo.png') #ffc439 no-repeat center !important;
background-size: 104px !important;
text-indent: -9999px;
overflow: hidden;
color: #fff !important;
border: 0 !important;
outline: 0 !important;
float: right;
width: 100%;
margin: 0 0 18px 0;
}
.buttonChkOut#paypExpButton:hover {
box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
}
.ctrPad32 {padding: 32px}
.borderBottom {border-bottom:1px solid #e6e8eb}
.borderLeft {border-left:1px solid #e6e8eb}
.borderRight {border-right:1px solid #e6e8eb}
.floatRight {float:right !important}
.col-66p { width: 66.66% }
.bottomSpacing {padding:0 0 32px 0;margin:0 0 32px 0;}
.nowPrice-repeater, .standardPrice-repeater, .percentOff-repeater, span.nowPrice-betterSearch, span.standardPrice-betterSearch, span.percentOff-betterSearch {font-family: inherit;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
div.filterReorderCtr {margin:0;}
.col-80px {width:80px;height:80px;display:inline-block;margin:16px;float:none;}
.middle {float: initial !important;}
/* -- Embed Video Responsively ----- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.videoText {color: #b9b9b9;}
.videoText > span { display: block;padding: 8px}
/* -- Hide this image on Desktop Viewports ----- */
div.mobileImage { display: none }
/* -- Add to Basket Grid */
#basketArea { }
#addBasketAnchor { padding: 16px }
.addToBasketArea {background: #E4E4E4;border-left: none !important;border-right: none !important;}
div.addMobile { display: none; }
div.addDesktop {display: block;overflow: hidden;padding: 0px;clear: both;}
.clAttributeGridContainer {margin: 0 auto;}
.attRow {margin: 0 0 16px 0;background: #ffffff;display: flex;width: 100%;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: stretch;flex-wrap: wrap;justify-content: left;flex-direction: row;}
.attRow:last-of-type { margin: 0 }}
.attRow>div:first-child { text-align:left}
.attRow>div {flex-direction:row;align-items: stretch;padding: 0 16px;padding: 21px;text-align: left;}
#attCode {order: 1;flex-grow: 0; vertical-align: middle; color: cornflowerblue }
#attName {order: 2;}
#attYTP { order: 3; flex-grow: 0; vertical-align: middle }
#attPrice {order: 4;/* flex-grow: 1; -webkit-flex-grow: 1; */flex-basis: auto;}
#attStockMessage {order: 6;background: rgba(227, 245, 198, 0.84);flex-grow: 1; -webkit-flex-grow: 1;text-align: left;}
#attStockLookup {order: 4;color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
#attQty {order: 7;min-width: 125px;text-align: left;position: relative;}
#attAdd {order:8;background: #acd373;text-align: center;position: relative;color: #fff;text-transform: uppercase;letter-spacing: 1px;flex-basis: auto;overflow: hidden;position: relative;}
#attAdd:before {content: "add";line-height: 66px;}
#attAdd:hover {background: #96BD5C;color:#fff;}
#attOutStock {order: 9;padding: 0;background: #FFF2F0;padding: 9px;flex-grow: 1; -webkit-flex-grow: 1;}
#trOutofStock, #trOutofStockAjax {display:none;width:100%;background: white;padding: 32px;border: 1px solid #ebebeb;float:left;margin-top:8px;position: relative;text-align:left;}
#trOutofStockAjax h3 {margin:0 0 8px 0;}
#trOutofStockAjax p {margin:0 0 16px 0;padding:0 0 16px 0;border-bottom:1px dotted #aaa;}
.out-of-stock #trOutofStock, .out-of-stock #trOutofStockAjax {padding:9px; order:8; background: #FFF2F0;flex-grow: 1; -webkit-flex-grow: 1;display: flex !important;position: relative;}
.out-of-stock #attStockMessage {order:5;background: #FFF2F0;flex-grow: 1; -webkit-flex-grow: 1;display: flex !important;text-align: center !important;color: red;}
.out-of-stock #attStockMessage span {width:100%;text-align: left;}
.out-of-stock #attAdd {display:none;}
.out-of-stock #attStockLookup {}
#trOutofStock input, #trOutofStockAjax input[type="text"] {border: none;outline: none;margin: 0;font-size: 14px;border: 1px solid #CCC;font-size: 18px;height: 48px;text-align: left;right: 9px;vertical-align: middle;flex-grow: 1;-webkit-flex-grow: 1;text-indent: 14px;font-size: 15px;background-color: white;width: 100%;}
.button-outofStock {/* display: block; *//* width: 64px; */background: url("/layout/outofStock2.png") 50% no-repeat #5087B2;/* float: right; */cursor: pointer;-webkit-appearance: none;border-radius: 0;order: 7;flex-grow: 0 !important;cursor: pointer;height: 64px;/* position: absolute; */right: 0;background-size: 32px;}
.dev-emailback-instock {/* display: block; */width: 48px;background: url("/layout/outofStock2.png") 50% no-repeat #5087B2;/* float: right; */cursor: pointer;-webkit-appearance: none;border-radius: 0;order: 7;flex-grow: 0 !important;cursor: pointer;height: 48px !important;position: absolute !important;right: 32px;background-size: 32px;text-indent: -999px;padding: 0 !important;border: none !important;border-radius: 0 !important;}
.button-outofStock:hover, .dev-emailback-instock:hover, .dev-emailback-instock:focus, .dev-emailback-instock:active {background: url("/layout/outofStock2.png") 50% no-repeat #3B729C !important; color:#fff; background-size: 32px !important;}
.NotifyWarning {width: 100%;background: #FF5858;color: #ffffff;line-height: 250%;text-align: center;}
.button-outofStock:before, .dev-emailback-instock:before {content: "\f1d8"; /* line-height: 66px; */position: absolute;right: 25px;top: 20px;color: #fff;z-index: 1;}
.disableAdd { pointer-events: none; opacity:0.9}
.loader {display:none;margin: 19px auto;font-size: 5px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(255, 255, 255, 0.2);border-right: 1.1em solid rgba(255, 255, 255, 0.2);border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);border-left: 1.1em solid #ffffff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 0.5s infinite linear;}
.loader,.loader:after {border-radius: 50%; width:28px;height: 28px;}
@-webkit-keyframes load8 {0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height: 66px;}
.nameCtr { display: block; color: #666;}
.name {/* white-space: nowrap; *//* overflow: hidden; */vertical-align: left;}
.stock { display: block;min-width: 15%;text-align: center;}
.InStockCSS {color: #6a8a22;text-align: center;vertical-align: middle;flex-direction: row;align-items: stretch;}
.OutofStockCSS { display: block;/* background: #fff2f0; */ color: #f54f36; width: 100% }
.BackOrderCSS {display: block;color: #55acee;padding: 0 8px;}
.locate { float: right; text-align: center; padding: 0 16px;}
.StoreLookup:before {font-family: 'FontAwesome';content: "\f041";padding-right:8px;color: #E4E4E4;}
.StoreLookup {color: #0066CC;cursor:pointer;border-bottom: 1px solid #D6D6D6;}
.price { display: block;/* height: 64px; *//* line-height: 64px; */ text-align: center; float: right; padding: 0 16px;}
.oosEmail { display: block; height: 64px; float: right;background: #fff2f0; line-height: 64px; padding: 0;}
.add {float: right;width: 64px;padding: 0 !IMPORTANT;}
.dev-b2bcontainer {}
.button-matrix { cursor: pointer;height: 64px;width: 100%;position: absolute;right: 0;}
.dev-qty { float:right}
.dev-qty input { border: none;outline: none;margin: 0;font-size: 14px;border: 1px solid #CCC;/* padding: 10px; */font-size: 18px;height: 48px;/* margin:8px; */text-align:center;position: absolute;width: 57px;top: 10px;right: 9px;}
#DDStoreLookupResults {display:none; width:100%; float:left; max-height:250px; overflow-y:auto !important; margin:16px 0 0 0; border-radius:4px; border:1px solid #eaeaea; padding:16px; }
#storelookupresults {text-align:left;margin-left:auto;margin-right:auto;background: #fff;padding: 32px;display: table;}
.cncTitle {display:none;}
#DDStoreLookupResults {text-align:left;}
#storelookupresults h3, #DDStoreLookupResults h3 {margin:0;padding:0;font-size:1.3em;}
#storelookupresults p, #DDStoreLookupResults p {margin: 0;padding:0 0 16px 0;border-bottom:1px solid #eaeaea;}
#storelookupresults .col-1, #DDStoreLookupResults .col-1 {font-size:12px;line-height:18px;border-bottom: 1px solid #efefef;}
#storelookupresults .col-1 h4, #DDStoreLookupResults .col-1 h4 {font-size:12px;letter-spacing:0.1em; text-transform:uppercase}
.cncStore {padding: 16px;display: block;float:left;width:100%;}
.cncStore .col-2 span {width:100%;float:left;display:block;}
.cncGMap {-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: #fff !important;background:rgba(30,144,255,0.8);border-radius:4px;padding:4px 8px;display: inline-block;margin:4px 0 0 0;}
.cncGMap:hover {color:white;background:rgba(30,144,255,1);}
.cncAvail {color:green;}
.cncUnavail {color:black;}
.cncStoreOOS {-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.75}
#DDStoreLookupResults .cncStoreOOS {display:none;}
.cncFooterTxt {float:left;width:100%;display: block;font-size:15px;line-height: 1.6em;padding-top: 16px;}
.cncQty {text-align:right;}
.collectLocation > div:nth-last-child(1) span { display:none}
.collectLocation > div:nth-last-child(1) .cncGMap { display:none}
.collectLocation > div:only-of-type .cncGMap, .collectLocation > div:only-of-type span {display: inline-block !important;}
.cncQty span { display:inline !important;}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height:66px;}
.collectLocation .col-1[data-qty="0"] { background:#fff}
.collectLocation .col-1 { background:#f6fdf1}
#storelookupresults .col-1[data-qty="0"] .cncStore .col-2 span .cncGMap {/* display:none; */}
#storelookupresults .col-1[data-qty="0"] .cncGMap { display:none; }
#storelookupresults .col-1[data-qty="0"] h4 {margin:0;}
#storelookupresults .col-1[data-qty="0"] .cncUnAvail {line-height: 14px;}
.collectLocation > .col-1:nth-last-child(1) { }
.collectLocation > .col-1:only-of-type { display:initial !important}
/* Dropdown A2B */
.dropdownA2BWrap {}
.dropdownA2B {padding:0;min-width: 100%;display:block;margin:0;}
.dropdownA2B .a2btitle {text-align:left; font-size: small}
.dropdownA2B .a2bsizing {text-align:right;font-size:0.8em;}
.dropdownA2B .a2bselect {position:relative;-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;opacity:0;}
.dropdownA2B .a2bselect:before {position:absolute;right: 18px;top: 12px;content:'\f107';font-family: 'FontAwesome';z-index: 1;pointer-events: none;}
.dropdownA2B .a2bselect select {position:relative;padding:0 42px 0 16px;width:100%;height:48px;display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;border: 1px solid #9c9c9c;background:none;font-family:'roboto';outline:none !Important;border-radius: 6px 0 0 6px;background: #fff;cursor:pointer;}
.dropdownA2B .a2bselect select:focus {border:1px solid #999999;}
.dropdownA2B .a2bselect select option {background:white;}
.fafqvdd .dropdownA2B .a2bButtonGo { }
.dropdownA2B .a2bselect select option[data-status*="out of stock"], .dropdownA2B .a2bselect select option[data-status*="no stock"] {background: #ffeae7;color: tomato;}
.dropdownA2B .a2bselect select option[data-status*="last few in stock"], .dropdownA2B .a2bselect select option[data-status*="last few"] {background:#fff9c7;}
.dropdownA2B .a2bselect select option[data-status*="special order available"] {background:#d9f4ed;}
.dropdownA2B .a2bselect table {width:100%;}
.dropdownA2B .a2bButtonGo {height:48px;text-align:center;line-height: 48px;background:#17af45;color:white;font-family: 'roboto';border-radius: 0 6px 6px 0;cursor:pointer;float:right;-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;opacity:1;font-size: 22px;}
.dropdownA2B .a2bButtonGo.a2bButtonInactive {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.dropdownA2B .a2bButtonGo.a2bButtonGoNotify {background:tomato;}
.dropdownA2B .a2bStockCheck {padding:0 16px 0 0;/* height:48px; */line-height: 28px;color:#17af45;float:left;font-size:0.8em;display:none;text-align:left;text-transform: capitalize;}
.dropdownA2B .a2bStockCheck[data-status*="out of stock"], .dropdownA2B .a2bStockCheck[data-status*="no stock"] {color:tomato;}
.dropdownA2B .a2bStockCheck[data-status*="last few in stock"], .dropdownA2B .a2bStockCheck[data-status*="last few"] {color:#e3a000;}
.dropdownA2B .a2bStockCheck[data-status*="special order available"] {color:#09b587;}
.dropdownA2B .a2bStockCheck span {font-weight: bold;color:#333;}
.a2bStockStore {display:none;cursor: pointer;float: right;height: 28px;line-height: 28px;margin: 0;border-bottom: none;font-size:0.8em;padding: 0 16px;border-radius: 4px;background-color: #343739;color: #ffffff;flex-grow: 1;text-align: center; font-size: 0;}
.a2bStockStore:before {content:'\f041';font-family: FontAwesome; margin:0 4px 0 0; font-size: 12px;}
.a2bStockStore:after {content: 'Check Store Stock';margin: 0 0 0 4px;font-size: 12px;}
#DDStoreLookupResults {display:none; width:100%; float:left; max-height:250px; overflow-y:auto !important; margin:16px 0 0 0; border-radius:4px; border:1px solid #eaeaea; padding:16px; }
.a2bStockArea {width: 100%;margin-bottom: 16px;display: flex;}
.AvaLeadtime {display:none;}
.a2bControls {position:relative;margin-top:8px;}
.a2bCover {display:none;position:absolute;z-index:1;width: 100%;height:48px;background:#1bc54f;bottom: 0;right:0;text-align: center;border-radius:4px;}
.a2bButtonGoNotify + .a2bCover {background:#fe846e;}
#m-check-mark {margin: 11px 0 0 0;width: 36px;height: auto;display: inline;}
#checkmark {}
.a2bAdded #checkmark {stroke-dasharray: 640;stroke-dashoffset: 640;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-animation-name: draw-around;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.3s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-ms-animation-name: draw-around;-ms-animation-duration: 1s;-ms-animation-delay: 0.3s;-ms-animation-iteration-count: 1;-ms-animation-fill-mode: forwards;animation-name: draw-around;animation-duration: 1s;animation-delay: 0.3s;animation-iteration-count: 1;animation-fill-mode: forwards;}
.a2bPayments {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px solid #ebebeb;position: relative;}
.a2bPayments:before {content:'\f0d8';font-family: 'FontAwesome';position: absolute;top: -15px;right: 0;font-size: 20px;line-height: 100%;color: #ebebeb;}
.a2bPayments img {margin:4px auto; height:24px; width:auto;}
@-ms-keyframes draw-around {
0% {stroke-dashoffset: 640;}
10% {stroke-dashoffset: 640;}
100% {stroke-dashoffset: 0;}
}
@-webkit-keyframes draw-around {
0% {stroke-dashoffset: 640;}
10% {stroke-dashoffset: 640;}
100% {stroke-dashoffset: 0;}
}
@keyframes draw-around {
0% {stroke-dashoffset: 640;}
10% {stroke-dashoffset: 640;}
100% {stroke-dashoffset: 0; }
}
.dropdownA2B .a2bButtonGo {
font-size: smaller;
text-transform: uppercase;
letter-spacing: 0;
letter-spacing: 0;
background: #618632;
font-family: bebas-kai, sans-serif;
flex-wrap: nowrap;
display: block;
font-size: 21px;
min-width: 140px;
}
.fafqvdd .dropdownA2B .a2bButtonGo{min-width: 68px;}
.dropdownA2B {
background #efefef;
background: #ecebe7;
padding: 16px;
margin: 8px 0 0;
outline: 1px solid #dadada;
}
/* ----- Customer Rewards ----- */
div.customerRewardsCtr { width: 100%; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch;/* padding: 16px 0 0; */align-content: center;justify-content: center;background: #ddedf1;}
div.crValueCtr {/* background: #0abbef; */color: #0abbef;margin: 0 0 0 0;/* background: url('/layout/rewards/cr.svg') no-repeat #8EC640 0 50%; */display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;padding: 0 0 0 17px;}
div.crValueCtr span { text-align: center;display: inline-block;color: #0abbef;font-weight: 700;letter-spacing: 2px;}
div.crTextDesc {font-size: small;line-height: 150%;padding: 16px;/* flex-grow: 1; */display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
div.crTextDesc span {color: #0abbef;text-transform: lowercase;display: inline-block;font-weight: 400;}
div.crSignInUpCtr { background: #f1f1f1; height: 49px; width: 100%; float: left; border-top: 1px solid #e1e1e1;display: none;}
div.crLink { width: 45%; height: 48px; float: left }
div.crLink a { font-family: 'roboto'; width: 100%; height: 48px; text-align: center; line-height: 48px; display: block; text-decoration: underline; color: #0076a3 !important }
div.crLink a:hover { text-decoration: none }
div.crIcon { float: left; height: 48px; width: 10%; background: url(/layout/rewards/crIcon.jpg) top left no-repeat; background-position: center }
/* ----- Customer Rewards // CitruStyles Overwrites ----- */
.crShoppingCart {background: rgba(255,255,255,0.4);}
.crShoppingCartCopy, .crShoppingCartPoints {color :#222;text-align: center;}
.crShoppingCartHeader {background: none;padding-left: 0; padding-bottom: 0; text-align: center;}
.crShoppingCartHeader > p {font-size: 0.8em; font-weight: bold; color: #8dc63f; margin: 0;}
/* ----- Finance Calculator ----- */
#finance-bg {clear:both;padding: 0;display: inline-block;width: 100%;text-align: left;vertical-align: top;}
.financeTxtPosSub {color: #6eaf10;margin-top: 8px;}
.financeTxtPosSub span {font-size: 15px;}
#financeTxtPos > span {text-align:left;font-size: small;color: #666;display: none;}
.financeTxtPosMain { font-size: 8.5pt; color: #868686; text-decoration: none;display: inline-block;border-bottom: 1px solid #efefef;margin-bottom: 7px;padding-bottom: 7px;}
#ProductDetail21_clFinanceTop_lblMonthlyPayment { font-weight:bold;font-size: 19px;}
div.financeRecommendation { display: none }
#finance { width: 100%; /* border-top: 1px solid cornflowerblue; */ /* border-bottom: 1px solid cornflowerblue; *//* background: rgba(100, 149, 237, 0.09); */}
h2#financemessage {margin-bottom: 16px;}
.financeSteps1and2 {border: 1px solid #CCD2E4;background: #fafafa;}
.financeStep1 {/* border-right: 1px solid #CFDCF5; */}
.financeStep1 h3 { border-bottom: 1px dotted #CAD3E2; margin:0 0 16px 0; padding:0 0 16px 0}
table#radFinanceProductList { border-collapse: collapse; width: 100%; font-family: 'montserratregular', Arial, Helvetica, sans-serif ; line-height: 1em;}
table#radFinanceProductList tr { /* float: left; */ display: block; width: 100%; margin: 0; padding: 8px 16px; background: #fafafa; box-sizing: border-box }
table#radFinanceProductList td {text-align: left;width: 100%;display: block;display: flex;align-items: center;}
table#radFinanceProductList label {float: initial;padding: 0;}
table#radFinanceProductList radio {}
table#radFinanceProductList input {/* width: 100% *//* margin: 0 6px 0 0; *//* position: relative; *//* top: 2px; */margin: 16px !important;}
.financeStep2 {margin:0}
.financeStep2 h3 {/* color:cornflowerblue; */ border-bottom: 1px dotted #CAD3E2; margin:0 0 16px 0; padding:0 0 16px 0}
.financeAmount {float: left; width: 100%; margin-bottom: 21px;}
span#lblMinDeposit { text-align: left; display: block; color: #55acee; position: relative; font-weight: bold; font-size: 20px;}
span#lblMaxDeposit { text-align: right; display: block;color: #0abbef; position: relative; font-weight: bold;font-size: 20px;}
span.minMax { font-size: 1em; text-transform: capitalize; }
.minVal {text-align:left;}
.maxVal {text-align:right;}
.financeAmountPay {float: left; display: block; width: 149px; text-align: left; color: #767676 }
.financeAmountSlider {float: left; display: block; padding: 30px; background: url(/layout/finance/blend.jpg);background-position: -100px -7px;}
.financeAmountPayContainer {display: block; margin: 14px; padding: 7px; color: #444;}
.financeDeposit {float: right; width: 184px; border: 1px solid #3d649a; height: 84px; text-align: center;padding: 16px;background: #5982ba;color: #fff;line-height: 180%;font-size: 13px;}
.financeDeposit b span { display:block; font-size: 24px;}
.financeStep3 {margin:16px 0 0 0;border: 1px solid #C6D4CF; background:#fafafa}
.financeStep3 h3 {border-bottom: 1px dotted #B0E8D4; margin:0 0 16px 0; padding:0 0 16px 0}
.repayDetails2 { display: block; font-size: 20px; border-right: 1px solid #e1e1e1; padding: 16px; margin:0 0 16px 0}
.repayDetails2:last-of-type {border-right:none;padding: 0px !important;}
.repayDetails2 .keyData { font-size: 20px;margin: 7px;}
.repayDetails { float: left; display: block; width: 100%; font-size: 20px; padding: 7px; border-bottom: 1px solid #e1e1e1;margin:0 0 16px 0;}
.keyData {color: #00315e;display:block;margin: 26px 0;font-size: 48px;}
#financeArea { background: #eaeff3;border-bottom: 1px solid #c6d4cf;border-top: 1px solid #c6d4cf;}
#financeTopPanel {float:left;width:100%;}
#finance-bg {clear:both;margin: 0;padding: 0;display: inline-block;width: 100%;text-align: left;/* border-bottom: 1px solid #e6e8eb; */}
.financeTxtPosSub {}
.financeTxtPosMain { font-size: 8.5pt; color: #44c5d8; text-decoration: none;display: inline-block;border-bottom: 1px solid #efefef;margin-bottom: 7px;padding-bottom: 7px;}
#ProductDetail21_clFinanceTop_lblMonthlyPayment { font-weight:bold;font-size: 19px;}
div.financeRecommendation { display: none !important;}
#finance {width: 100%;/* border-top: 1px solid cornflowerblue; *//* border-bottom: 1px solid cornflowerblue; background: rgba(100, 149, 237, 0.09); */margin-bottom: 32px;}
h2#financemessage {color: #201F4C;margin-bottom: 16px;display: none;}
.financeSteps1and2 {border: 1px solid #CCD2E4;/* background: #fafafa; */}
.financeStep1 {/* border-right: 1px solid #CFDCF5; */}
.financeStep1 h3 { border-bottom: 1px dotted #CAD3E2; margin:0 0 16px 0; padding:0 0 16px 0}
table#radFinanceProductList { border-collapse: collapse; width: 100%; font-family: 'montserratregular', Arial, Helvetica, sans-serif ; line-height: 1em;}
table#radFinanceProductList tr { /* float: left; */ display: block; width: 100%; margin: 0; padding: 8px 16px; background: #fafafa; box-sizing: border-box }
table#radFinanceProductList td { text-align: left; width: 100%; display: block;}
table#radFinanceProductList input { /* width: 100% */ margin: 0 0 0 8px !important; position: relative; top: 0;}
.financeStep2 {margin:0;border-left: 1px solid #CFDCF5;}
.financeStep2 h3 {/* color:cornflowerblue; */ border-bottom: 1px dotted #CAD3E2; margin:0 0 16px 0; padding:0 0 16px 0}
.financeAmount {float: left;width: 100%;}
span#lblMinDeposit { text-align: left; display: block; color: #55acee; position: relative; font-weight: bold; font-size: 20px;}
span#lblMaxDeposit { text-align: right; display: block; color: tomato; position: relative; font-weight: bold; font-size: 20px;}
span.minMax { font-size: 1em; text-transform: capitalize; }
.minVal {text-align:left;}
.maxVal {text-align:right;}
.financeAmountPay {float: left; display: block; width: 149px; text-align: left; color: #767676 }
.financeAmountSlider {float: left; display: block; padding: 30px; background: url(/layout/finance/blend.jpg);background-position: -100px -7px;}
.financeAmountPayContainer {display: block; margin: 14px; padding: 7px; color: #444;}
.financeDeposit {float: right; width: 184px; border: 1px solid #3d649a; height: 84px; text-align: center;padding: 16px;background: #5982ba;color: #fff;line-height: 180%;font-size: 13px;}
.financeDeposit b span { display:block; font-size: 24px;}
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #background: #c1d7ec;
background: -moz-linear-gradient(left, cornflowerblue 0%, tomato 100%) !important;
background: -webkit-gradient(linear, left top, right top, color-stop(0%,cornflowerblue), color-stop(100%,tomato)) !important;
background: -webkit-linear-gradient(left, cornflowerblue 0%,tomato 100%) !important;
background: -o-linear-gradient(left, cornflowerblue 0%,tomato 100%) !important;
background: -ms-linear-gradient(left, cornflowerblue 0%,tomato 100%) !important;
background: linear-gradient(to right, cornflowerblue 0%,tomato 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d7ec', endColorstr='#ebc1cf',GradientType=1 ) !important;
/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.financeStep3 {margin:16px 0 0 0;border: 1px solid #C6D4CF; background:#fafafa}
.financeStep3 h3 {/* color:#01cd82; */ border-bottom: 1px dotted #B0E8D4; margin:0 0 16px 0; padding:0 0 16px 0}
.provider {background: #eaeff3;/* border: 1px solid #B5D6CA; */text-align:left;/* margin: 16px 0 0 0; */}
.provider p { font-size: 0.7em;margin-bottom: 8px;}
.ui-slider-horizontal .ui-state-default { width: 20px; height: 20px; background: white url(/layout/finance/slider.png) no-repeat scroll 50% 50%;}
.devFinanceradios { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.finance-detail-bg {color:#7fb136;background: #f0fae0;}
.finance-detail-bg a {text-decoration:none;color:#3683b1;border-bottom:none}
.finance-detail-bg a span {border-bottom:1px solid}
.finance-detail-bg a:before {margin:0 16px;font-family:'FontAwesome';content:'\f059'}
#finDetPop {background:white;width:100%;max-width:600px;max-height:400px;margin:0 auto}
.financeControlQuick {background: #498cbc;color: #fff;text-align: center; margin-bottom: 16px;}
.financeControlQuick b {padding: 0;margin: 8px;border-bottom: 1px solid #fff;}
/* ----- New Finance Calculator ----- */
.fncPage {background: #f4f6fc}
.fncBox {background: #ffffff;border: 1px solid #e3eaff;border-radius: 5px;-webkit-box-shadow: 0px 10px 20px 0px rgba(46,91,255,0.07) -moz-box-shadow: 0px 10px 20px 0px rgba(46,91,255,0.07);box-shadow: 0px 10px 20px 0px rgba(46,91,255,0.07);}
.fncInput {border: none;background: #f9faff !important;border: 1px solid #e0e7ff !important;border-radius: 5px !important;height: 40px;padding: 0 8px;display: inline-block;position: relative;width: 100%;}
.fncInput:focus, .fncInput:active, .fncInput:hover {border: none;background: #f9faff !important;border-color: #a4b8ff !important;outline: none;box-shadow: none !important;color: #163abd !important;}
.fncButton {border: none;background: #2e5bff;border-radius: 5px;color: #fff;text-align: center;height: 40px;line-height: 40px;width: 100%;display: block;margin-top: 8px;}
.mindepositFail .titleacc:before {font: normal normal normal 14px/1 FontAwesome;content: "\f00d";background: red;padding: 8px;color: white;border-radius: 100%;width: 30px;height: 30px;display: inline-block;text-align: center;margin-right: 8px;}
.fncSticky {position: sticky; top:130px; padding-right: 32px}
@media screen and (max-width: 767.9px){.fncSticky {position:relative;padding-right: 0px;top: 0;}}
.productAccordian {width: 100%;text-align: left;border-collapse: separate;table-layout: fixed;}
.productAccordian th {text-align:left;padding: 0 16px;font-size: smaller; user-select: none; }
.productAccordian th:hover { cursor:pointer}
.productAccordian th.acn:after { font: normal normal normal 12px/1 FontAwesome; content: "\f078"; color:#2e5bff; padding-left:8px}
.productAccordian th.dec:after { font: normal normal normal 12px/1 FontAwesome; content: "\f077"; color:#2e5bff; padding-left:8px}
.productAccordian tr {margin-bottom: 16px;display: table;table-layout: fixed;width: 100%;border-spacing: 0 8px;}
.productAccordian td {padding: 12px 16px;}
.fncTerm:after {content:" Months"}
.fncMonthCost:before, .fncDeposit:before, .fncTotalPayable:before {content:"\00a3"}
.highAPR {color:#2e5bff}
.lowAPR {color:#0ce25d}
.errorMinDeposit { background:#fff8f8}
.errorMinDeposit td {color:#ba7575}
.errorMinDeposit td.fncMonthCost, .errorMinDeposit td.fncDeposit, .errorMinDeposit td.fncTotalPayable { font-size:0; color:#eb0f0f}
.errorMinDeposit td.fncMonthCost:before {font-size: 14px; content: "Minimum \00a3" attr(data-deposit) " deposit required";}
.errorMinDeposit td.fncDeposit, .errorMinDeposit td.fncTotalPayable { display:none}
.errorMinBasketValue { background:#fff8f8}
.errorMinBasketValue td {color:#ba7575}
.errorMinBasketValue td.fncMonthCost, .errorMinBasketValue td.fncDeposit, .errorMinBasketValue td.fncTotalPayable { font-size:0; color:#eb0f0f}
.errorMinBasketValue td.fncMonthCost:before {font-size: 14px; content: "Minimum \00a3" attr(data-minval) " basket value";}
.errorMinBasketValue td.fncDeposit, .errorMinBasketValue td.fncTotalPayable { display:none}
[class*="CC48-9.9"] {border: 2px solid #a4b4ef; position:relative; overflow:hidden}
[class*="CC48-9.9"] .fncMonthCost:after
{
content:"popular";
margin: 0;
color: rgb(241,241,241);
font-size: 9px;
line-height: 100%;
letter-spacing: 1px;
position: absolute;
padding: 5px 32px;
text-align: center;
background: #a4b4ef;
top: 10px;
right: -34px;
font-family: 'bebas-kai, sans-serif', sans-serif;
text-transform: uppercase;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}
.noUi-target{position:relative;direction:ltr}
.noUi-base{width:100%;height:100%;position:relative;z-index:1;background: #e0e7ff;border-radius: 18px;}
.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}
.noUi-origin{position:absolute;height:0;width:0}
.noUi-handle{position:relative;z-index:1}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}
.noUi-state-drag *{cursor:inherit!important}
.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.noUi-horizontal{height: 10px;}
.noUi-horizontal .noUi-handle{width: 25px;height: 25px;left: -12.5px;top: -8px;outline:0;box-shadow: 0 3px 6px -3px #0000006e;}
.noUi-vertical{width:18px}
.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}
.noUi-target{border-radius:4px;margin-top: 50px;}
.noUi-connect{background: #2e5bff;border-radius: 18px;-webkit-transition:background 450ms;transition:background 450ms;}
.noUi-draggable{cursor:ew-resize}
.noUi-vertical .noUi-draggable{cursor:ns-resize}
.noUi-handle{border: 3px solid #2e5bff;border-radius: 100%;background:#fff;cursor:default;outline:0;}
.noUi-active{box-shadow: 0 3px 6px -3px #bbb;}
.noUi-handle:after,.noUi-handle:before{display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px;}
.noUi-handle:after{left:17px}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}
.noUi-vertical .noUi-handle:after{top:17px}
[disabled] .noUi-connect{background:#b8b8b8}
[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}
.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}
.noUi-pips{position:absolute;color:#999}
.noUi-value{position:absolute;white-space:nowrap;font-size: 9px;text-align:center;}
.noUi-value-sub{color:#ccc;font-size:10px}
.noUi-marker{position:absolute;background: #e4e8f9;}
.noUi-marker-large,.noUi-marker-sub{background: #e0e7ff;}
.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}
.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}
.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width: 1px;height:5px;}
.noUi-marker-horizontal.noUi-marker-sub{height:10px}
.noUi-marker-horizontal.noUi-marker-large{height:15px}
.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}
.noUi-value-vertical{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}
.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}
.noUi-marker-vertical.noUi-marker-sub{width:10px}
.noUi-marker-vertical.noUi-marker-large{width:15px}
.noUi-tooltip{display:block;position:absolute;border-radius:3px;background: #2e5bff;color:#fdfdfd;padding: 1px 8px;text-align:center;white-space:nowrap;}
.noUi-tooltip:before {content:"\00a3";font-size: smaller;padding-right: 3px;}
.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform: translate(-50%,-5px);left:50%;bottom: 120%;}
.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
#fncSlider .noUi-handle:after, #fncSlider .noUi-handle:before, #fncSliderDep .noUi-handle:after, #fncSliderDep .noUi-handle:before { display:none !important}
.loaderFinance {
border: 5px solid #ffffff; /* Light grey */
border-top: 5px solid #2e5bff; /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 0.7s linear infinite;
position: absolute;
position: absolute;
left: 50%;
margin-left: -50px;
top: 133px;
margin-top: -50px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* --- ZESTY MIV ----- */
#flexsliderRangeviewer .slides > li, #flexsliderMP .slides > li, #flexsliderMP2 .slides > li {max-width: 600px;}
.flexsliderMIV {width:100%;position: relative;}
.flexsliderMIV .slides {margin:0;padding:0;}
.flexsliderMIV .slides li {width:100%;list-style: none;}
.flexsliderMIV .slides li img {width:100%; height:inherit;}
.flexsliderMIV .flex-direction-nav {width: 100%;margin: 0;padding: 0;height: 64px;position: relative;border-top: 1px solid #e1e1e1;}
.flexsliderMIV .flex-direction-nav li {width:50%; display:block; float:left;position: relative;}
.flexsliderMIV .flex-direction-nav li:nth-of-type(2) {float:right;}
.flexsliderMIV .flex-direction-nav li a {text-indent:0;width: 100%;height: 64px;top: 0; margin: 0;opacity: 1;background: 0;line-height: 64px;text-align: center;font-size: 1.5em;text-decoration: none;color: cornflowerblue;}
.flexsliderMIV .flex-direction-nav li a:hover {background:rgba(0,0,0,0.03)}
.flexsliderMIV .flex-direction-nav li a.flex-next {}
.flexsliderMIV .flex-direction-nav li a.flex-prev {}
.flex-control-nav {text-align: center;left: 0;z-index: 2;display: block;margin: 0;position: relative;padding: 0;}
.flex-control-nav li {margin: 8px 3px;display: inline-block;zoom: 1; *display: inline;}
.flex-control-nav li a {width: 14px;height: 14px;display: block;background: none;background: #dadada;cursor: pointer;border: 1px solid #d2d2d2;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); }
.flex-control-nav li a:hover { background: #333; background: rgba(255,255,255,0.5); }
.flex-control-nav li a.flex-active {background: #2db8e9;cursor: default;}
.flexsliderMIVThumbnails {width:100%;}
.flexsliderMIVThumbnails .slides {margin:0; padding:0; width:inherit !important;-webkit-transform: translate3d(0px, 0px, 0px) !important;}
.flexsliderMIVThumbnails .slides li {float:left; list-style:none;}
.flexsliderMIVThumbnails .slides li img {width:100%; height:100%;}
.flexsliderMIVThumbnails .flex-direction-nav {display:none;}
.detailMiv {
}
.flex-control-nav { bottom:14px}
.sliderloading li { display:none}
/* ----- Product General ----- */
.productPageTop {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-content: center;background: #f9f5f5;}
.productPageTop {background: white;}
.bigImg {}
#prodInfoLeft {position: relative;}
#prodInfoRight {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;text-align: center;align-content: flex-start;flex-grow: 1;justify-content: center;flex-wrap: wrap;}
#firstdetails {text-align: left;padding: 0;text-align: left;}
.bigImg {position:relative;}
#flexsliderMIVThumbnails .flipmedone {background-size:contain !important;}
/*.bigImg a.MIV {position:absolute;top: 0;left: 0;}*/
.bigImg div.col-1 {outline: 1px solid #E2E2E2;padding: 64px; background-color:white;}
.bigImg a.MIV { background-size:contain !important;}
.moreImgs {overflow:hidden;-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;margin: 0; padding:0;}
.moreImgs .col-1 div {height: 1%;overflow: hidden;}
.moreImgs .col-1 .col-268, #prodInfoLeft .bigImg, #MIVPanel flipme {background-size: contain !important;}
#moreimgsbtn {width:100%; height:64px; position:relative; display:none;clear:both}
#moreimgsbtn span {width:100%; height:64px; line-height:64px; display:block; -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;}
#moreimgsbtn span:after {content: 'show images'}
#moreimgsbtn span.moreimgsless:after {content: 'hide images'}
div.detailReviewSummary { height: 64px; background: whitesmoke; position: relative; }
.productAccordian > div:last-child {margin-bottom:0px}
.accordianBox {padding: 16px;border-bottom:1px solid #e1e1e1;width:100%;float:left;align-content: center;background: #fff;margin-bottom: 8px;}
.accordianBox:last-child()
.accordianHeader {font-size: 16px;display:block;cursor:pointer;width:100%;float:left;/* font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400; */display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: space-between;color: #484848;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;outline: 0;font-weight: normal;position: relative;}
.accordianHeader i {padding: 0 18px 0 0;}
.accordianHeader h3 {margin: 0;}
.accordianHeader > span.fa {float: right !important;color: #939597;margin-left: 32px;flex-grow: 1;text-align: right;}
.accordianHeader > span.fa-angle-up:before {content: "\f107";}
.active > span.fa-angle-up:before {content: "\f106";}
.accordianCtn {width:100%;float:left;}
.TopContainer {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;justify-content: flex-start;text-align: left;flex-wrap: wrap;padding: 0 0 0 32px;}
.brandImg {height:100px;width: 150px;/* float: left; */}
.namePriceContainer {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;text-align: center;align-content: flex-start;flex-grow: 1;justify-content: center;flex-wrap: wrap;}
.namePriceContainer h1 {margin: 8px 0;text-align: left;}
.reviewContainer {display: -moz-box;display: -ms-flexbox;}
.season, .descriptionGroup {border-bottom: 1px solid #E1E1E1;}
.season, .season p {display: inline-block;align-items: center;font-size: small;}
.season p { margin-right:16px}
.descriptionGroup {margin-bottom:16px;font-size: larger;}
.brandImgContainer {float:left;position: absolute;z-index: 1;}
.detail {background: #efefef;}
.productAccordian .active {display: initial;{color: #484848;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;outline: 0;font-weight: normal;}}
.noPaddingTop { padding-top: 0}
.background1 h2, .background1 .blogContainer h2 a {color: #F9F9F9;}
.newicon {position:absolute;display: none;}
.brandReview {align-items: center; margin-bottom:8px}
.brandReview > div {}
.brand {font-family: bebas-kai, sans-serif; font-size:16px}
.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star { color:#999}
.rating-star { font-size:14.5px !important}
.reviewSmall { margin-left:16px}
.standalone-bottomline, .yotpo .standalone-bottomline .star-clickable, .ctrMrg8-b { margin:0}
.yotpo-stars { margin-right: 8px !important;}
.yotpo .text-m { font-size:10.5px !important; color: cornflowerblue; border-bottom: 1px solid #d2e2ff; display:none}
.yotpo-shoppers-say .single-sentence-content-align {margin: auto;}
#devProductName {margin: 0 0 16px;width:100%;float:left;font-size: 40px;line-height: 90%;letter-spacing: -1px;}
.detailPrice {min-height:auto;width:100%;text-align: left;}
#flexsliderRangeviewer li, #flexsliderRelated li {margin:0 3px 0 1px;}
#flexsliderRangeviewer .repeater, #flexsliderRelated div.repeater {}
#flexsliderRangeviewer .repeater, #flexsliderRangeviewer div.repeater .itemImage, #flexsliderRelated .repeater, #flexsliderRelated div.repeater .itemImage, #flexsliderRangeviewer div.repeater .itemInfo, #flexsliderRelated div.repeater .itemInfo, #flexsliderRangeviewer div.repeater .itemInfo a, #flexsliderRelated div.repeater .itemInfo a {width:100%;margin:0; padding: 0px}
#flexsliderRangeviewer div.repeater .itemInfo, #flexsliderRelated div.repeater .itemInfo, #flexsliderRangeviewer div.repeater .itemInfo a, #flexsliderRelated div.repeater .itemInfo a {height:auto;background:white;}
#flexsliderRangeviewer .flex-control-nav, #flexsliderRelated .flex-control-nav {position:relative;top:0;left:0;right:auto;margin-top: 8px;}
#flexsliderRangeviewer .flex-direction-nav, #flexsliderRelated .flex-direction-nav {display:none;}
.productNameRelated {width: 100%;float: left;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;font-size: 18px;margin-bottom: 16px;}
#flexsliderRangeviewer .nowPrice-repeater, #flexsliderRelated .nowPrice-repeater {width:100%;}
#flexsliderRangeviewer .saleIcon-repeater, #flexsliderRelated .saleIcon-repeater {position: absolute;text-transform: uppercase;top: 15px;right: -45px;text-align: center;width: 150px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);color: white;background: tomato;font-size: 10px;}
div.repeater .itemInfo a>div {min-height:48px;font-family: bebas-kai, sans-serif;}
/* ----- Detail Colour Picker ----- */
.colourPicker {margin: 16px 0;padding: 21px 16px 16px 16px;border: 1px solid #efefef;position: relative;background: #f9f9f9;}
.colourPicker > span {display: block;margin: 0px;position: absolute;top: -14px;background: #fff;font-size: 11px;color: #666;padding: 0 10px;}
.colourPicker>div {cursor:pointer;display:inline-block;width: 70px;height: 70px;margin-right: 8px;outline: 1px solid #cecece; background:#fff}
.colourPicker>div img { padding:8px}
.colourPickerTitle {top: -30px;left: 0;background: #fff;padding: 8px 16px;width: 100% !important;height: initial !important;}
/* ----- Detail CS Messages ----- */
.detailCSMessages {}
.detailCSMessages a { display: block; margin: 0 0 8px 0; padding: 0 16px 8px 16px; display:inline-block; color:cornflowerblue; text-decoration:none}
.detailCSMessages span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0; text-decoration:none}
.detailCSMessages p {display:inline-block; margin:0; padding:0;}
.furtherInfoArea .detailCSMessages a {border-bottom: 1px solid #e1e1e1;width: 100%; text-align: left;}
.furtherInfoArea .detailCSMessages h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.furtherInfoArea .detailCSMessages h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
/* ----- Detail C&C ----- */
.detailCC h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.detailCC h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailCC p {line-height: 1.5em;}
/* ----- Detail Contact ----- */
.detailContact {}
.detailContact h2 { margin: 0 0 16px 0;padding: 0 0 16px 0;color:orangered;}
.detailContact h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
.detailContact p {line-height: 1.5em;}
.detailContact p a {color:orangered; text-decoration:none}
.detailContact p a span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;}
/* ----- Tech Spec Area ----- */
.detailTechSpec { text-align: justify; padding-top: 0;}
.detailTechSpec h2 {/* margin: 0 0 16px 0;*/display: none;font-weight: normal;}
.detailTechSpec h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailTechSpec p { margin-bottom: 16px }
.detailTechSpec p:last-of-type { margin-bottom: 0 }
.detailTechSpec ul { list-style: none; margin: 0; padding: 0 }
.detailTechSpec li { list-style: none; margin: 0 0 16px 0; padding: 0 }
.detailTechSpec li strong { display: inline-block; width: 100%; font-weight: normal; color: #ccc }
/* ----- Buyers Guide ----- */
.detailBuyers {text-align: justify;margin-top: 32px;}
.detailBuyers h2 { margin: 0 0 16px 0; font-weight: normal;}
.detailBuyers h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailBuyers p { margin-bottom: 16px; text-align: justify }
.detailBuyers p:last-of-type { margin-bottom: 0 }
/* ----- Sizing Area & Charts ----- */
.detailSize { overflow-x:auto;}
/* ----- Video ----- */
.detailVideo {}
.detailVideo h2 { margin: 0 0 16px 0; font-weight: normal;}
.detailVideo h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.backgroundvideo {}
/* ----- Long Description ----- */
.mainProdDesc {background:white;padding: 32px;height: 100%;}
.mainProdDesc p {padding-right: 16ox;}
.mainProdDesc h2 {font-weight: normal;margin: 0;}
.mainProdDesc h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailLongDesc { text-align: justify }
@media screen and (max-width: 767px){.ProdDesc .col-60p, .ProdDesc .col-40p { width: 100% !important;} .zflex-s{flex-wrap:wrap!important}}
@media screen and (min-width : 768px) and (max-width : 1023.99px){.ProdDesc .col-60p, .ProdDesc .col-40p { width: 100% !important} .zflex-s{flex-wrap:wrap!important}}
@media screen and (max-width: 1439px) and (min-width: 1024px) {.ProdDesc .col-60p, .ProdDesc .col-40p { width: 100% !important} .zflex-s{flex-wrap:wrap!important}}
.detailLongDesc h2 { margin-bottom: 16px }
.detailLongDesc p { margin-bottom: 16px }
.detailLongDesc p:last-of-type { margin-bottom: 0 }
/* ----- Pro.pinion and Avatars ----- */
.detailPropinion { /* color: #fff; */ margin: 32px 0 0 0;float: left;}
.detailPropinion h2 { margin: 0 0 8px 0;padding: 0 0 8px 0;font-weight: normal;}
.detailPropinion h2 span {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;color: #e1e1e1;}
.detailPropinion p { margin-bottom: 16px; text-align: justify }
.detailPropinion p:last-of-type { margin-bottom: 0 }
div.propinion { float: left; margin-right: 10px; text-align: left; margin: 0 0 28px 0; padding: 28px; width: 100%; background: #55acee; color: white; position: relative; overflow: hidden }
div.propinion h2 { color: white; padding: 0 0 16px 0; border-bottom: 1px solid white }
div.propinionAvatarCtr { width: 100%; height: 96px; background: #fafafa; box-sizing: border-box; float: left }
div.propinionAvatarCtr div.avatarEssentialsCtr { display: block; width: 940px; height: 96px; box-sizing: border-box; float: left }
div.propinionAvatarCtr div.avatarHdr { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 16px 16px 0 16px; text-indent: 12px; line-height: 32px; font-weight: bold; color: #707070; text-transform: uppercase; letter-spacing: 0.04em }
div.propinionAvatarCtr div.avatarMotto { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 0 16px 16px 16px; text-indent: 12px; line-height: 32px; font-size: 0.8em; letter-spacing: 0.04em; text-transform: uppercase; color: #707070 }
div.propinionAvatarCtr div.avatarImgCtr { display: block; width: 96px; height: 96px; overflow: visible; float: left }
div.propinionAvatarCtr div.avatarPointer { background: url(/layout/avatarPointer.png) top left no-repeat; position: relative; top: 0; left: -16px; display: block; width: 32px; height: 16px; float: left; z-index: 1 }
div.propinionAvatarCtr div.avatarImg { width: 96px; height: 96px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; display: block; position: relative; top: -16px; left: 0; float: left }
/* ----- Product Icons / Category Messages ----- */
.catmsgcontainer {display:flex;flex-wrap:wrap;flex-direction:row;align-items:stretch;position:relative;margin-bottom:16px;}
[class*='catmsg-'] {min-width:64px;background-size: contain !important;background-repeat: no-repeat !important;background-position: center center !important;}
.catmsgtext {padding:0 16px;border-left:4px solid #F9F9F9;font-size:14px;min-height: 40px;line-height: 40px;float:left;}
.catmsgtextActive {border-left:4px solid #33a4d4;background:#ddedf1;}
.catmsg-24fat {background:url('/layout/product-icon/24 Fat Wheel.svg');}
.catmsg-26fat {background:url('/layout/product-icon/26 Fat Wheel.svg');}
.catmsg-650bplus {background:url('/layout/product-icon/27.5plus Wheel.svg');}
.catmsg-29er {background:url('/layout/product-icon/29 Wheel.svg');}
.catmsg-fin30m-b {background:url('/layout/product-icon/30 months finance blue.svg');}
.catmsg-fin30m-y {background:url('/layout/product-icon/30 months finance yellow.svg');}
.catmsg-fin60m-b {background:url('/layout/product-icon/60 months finance blue.svg');}
.catmsg-fin60m-y {background:url('/layout/product-icon/60 months finance yellow.svg');}
.catmsg-650b {background:url('/layout/product-icon/650b Wheel.svg');}
.catmsg-alum {background:url('/layout/product-icon/aluminium.svg');}
.catmsg-carbon {background:url('/layout/product-icon/carbon.svg');}
.catmsg-commute {background:url('/layout/product-icon/commuter.svg');}
.catmsg-mtb-bw {background:url('/layout/product-icon/mtb - black - white.svg');}
.catmsg-mtb-w {background:url('/layout/product-icon/mtb - only use over white.svg');}
.catmsg-recharge {background:url('/layout/product-icon/rechargable.svg');}
.catmsg-road-bw {background:url('/layout/product-icon/road - black - white.svg');}
.catmsg-road-w {background:url('/layout/product-icon/road - only use over white.svg');}
.catmsg-steel {background:url('/layout/product-icon/steel.svg');}
.catmsg-termal {background:url('/layout/product-icon/thermal.svg');}
.catmsg-titan {background:url('/layout/product-icon/titanium.svg');}
.catmsg-h2orepel {background:url('/layout/product-icon/water repellent.svg');}
.catmsg-h20proof {background:url('/layout/product-icon/waterproof.svg');}
.catmsg-windproof {background:url('/layout/product-icon/windproof.svg');}
.catmsg-womens {background:url('/layout/product-icon/womens.svg');}
/* ----- Price Match ----- */
.detailPriceMatch {border-top:1px solid #e1e1e1; margin:16px 0 0 0; padding:16px 0 0 0;display: inline-block;}
.detailPriceMatch a {color:#cbb572}
.detailPriceMatch a:hover {color:#e0b228}
/* ----- Browse Similar Products ----- */
.detailBrowseSimilar {}
.detailBrowseSimilar h2 {color:white;display:none;}
.detailBrowseSimilar .pdlp {margin:0; padding:0;}
.detailBrowseSimilar .pdlp li {display: inline-block;font-size:1.5em}
.detailBrowseSimilar .pdlp li a {text-decoration:none; color:white;height: 64px;line-height: 64px; display: inline-block;padding: 0 16px; }
.detailBrowseSimilar .pdlp li a:hover {background:rgba(255,255,255,0.075);}
/* -- Detail repeater -- */
.detailRepeater { margin-top:18px}
.detailRepeater .repeater {width: 100%;margin: 0;padding: 0;display: flex !important;align-items: center;border-top: 1px solid #E2E2E2;}
.detailRepeater .repeater a .itemImage {width: 100px;height: 100px;outline: 1;}
.detailRepeater .repeater a .itemImage img {width: 100%;height: 100%;}
.detailRepeater .repeater .itemInfo {width: 100%;}
.detailRepeater .repeater .itemInfo a { display: block; font-size: 0.9em; color: #707070; text-decoration: none;flex-grow: 1;width: inherit;float: left;height: initial; background:none}
.detailRepeater .repeater .productNameRelated { width: 100%; font-size: 1.2em;height: inherit;}
.detailRepeater .repeater:hover a .productNameRelated { color:#201F4C; text-decoration:underline}
.saleIcon-repeater {color: tomato;display: none;}
.breadcrumbs {text-align: left;font-size: small;margin-bottom: 16px;}
.breadcrumbs p {display: inline-block;color: #EEF0F2;margin: 0;display: none;}
.breadcrumbs p:before {font-family:'FontAwesome';font-weight: normal;margin: 0 8px 0 0;content: "\f041";}
.breadcrumbs a {color: #8E8E8E;padding: 0 0 0 8px;}
.breadcrumbs a:after {font-family: 'FontAwesome';font-size: 0.7em;content: '\f105';margin: 0 0 0 8px;color: rgb(48, 50, 52);}
.breadcrumbs a.root {text-decoration: none; padding:0 !important;}
.breadcrumbs a.root:before {margin: 0;content: "";}
.breadcrumbs a.hover {color: #4A4A4A;}
.breadcrumbs a.leaf:after {margin: 0 8px;}
/* ----- Related Items ----- */
.detailRelatedItems {background:whitesmoke; border-top:1px solid #e1e1e1;}
/* ----- Main Description and Avatars ----- */
div.mainDescription { float: left; text-align: center; margin: 0; padding: 28px; width: 100%; background: #fff; position: relative; overflow: hidden }
div.mainDescAvatarCtr { width: 100%; height: 96px; background: #fafafa; box-sizing: border-box; float: left; margin: 0;display: none;}
div.mainDescAvatarCtr div.avatarEssentialsCtr { display: block; width: 100%; height: 96px; box-sizing: border-box; float: left }
div.mainDescAvatarCtr div.avatarHdr { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 16px 16px 0 16px; line-height: 32px; font-weight: bold; color: #707070; text-transform: uppercase; letter-spacing: 0.04em }
div.mainDescAvatarCtr div.avatarMotto { display: block; width: 100%; height: 48px; box-sizing: border-box; padding: 0 16px 16px 16px; line-height: 32px; font-size: 0.8em; letter-spacing: 0.04em; text-transform: uppercase; color: #707070 }
div.mainDescAvatarCtr div.avatarImgCtr { display: block; width: 96px; height: 96px; overflow: visible; float: right; position: relative; top: -96px }
div.mainDescAvatarCtr div.avatarPointer { background: url(/layout/avatarPointerBlue.png) top left no-repeat; position: relative; top: 0; left: -16px; display: block; width: 32px; height: 16px; float: left; z-index: 2 }
div.mainDescAvatarCtr div.avatarImg { width: 96px; height: 96px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; display: block; position: relative; top: -16px; left: 0; float: left }
div.mainDescAvatarCtr div.avatarHdr span.desktopSignature { display: block }
div.mainDescAvatarCtr div.avatarHdr span.mobileSignature { display: none }
/* ----- Reviews & FAQs ----- */
.detailReviewFAQ {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; position:relative}
.detailReviewFAQ h2 { border-bottom: 1px solid #e1e1e1; height: 64px; line-height: 64px; margin: 0; padding: 0 0 0 16px;}
.detailReviewFAQ h2 a { height: 64px; display: inline-block; line-height: 64px; margin: 0; padding: 0 16px; float: right; border-left: 1px solid #e1e1e1; font-size: 16px; text-decoration: none;color: cornflowerblue;}
.detailReviewFAQ h2 a:hover {background: cornflowerblue; color:white;}
.detailReviewFAQ>.col-2:nth-of-type(2) {border-right: 1px solid #e1e1e1;}
.detailReviewFAQClosed {display:none !important;}
/* ----- Fancybox stying ----- */
#divID { padding:28px}
.alert {border: 1px solid transparent;color: #000; background: #fafafa; font-weight: 500;padding: 18px;position: relative;margin: 1em 0;text-align: center; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;-webkit-flex:1; justify-content: center; -webkit-justify-content: center; align-items: baseline; align-items: -webkit-baseline;}
.alert strong { font-size:large}
.alert p { opacity:0.8}
.alert:before {font-family: FontAwesome;font-size: 16px;padding-right: 18px;}
.alert.info {border-color: #9fcdff;color: #2c76c7;}
.alert.success {border-color: #96dab5;color: #35ac6b;}
.alert.notice {border-color: #fed37d;color: #cf9215;}
.alert.error {border-color: #ffa5a5;color: #e32121;}
.alert.info:before {color: #2c76c7;content: "\f129";}
.alert.success:before {color: #35ac6b;content: "\f00c";}
.alert.notice:before {color: #e29e13;content: "\f071";}
.alert.error:before {color: #e32121;content: "\f057";}
.prelaunch {color: #0abbef;display: block;clear: both;background: #F9F6F6;padding: 16px;}
.prelaunch:before {content: "\f017";font: normal normal normal 14px/1 FontAwesome;margin-right: 8px;}
/* ----- Frequently Asked Questions (FAQ) and Avatars ----- */
div.faqContainer {padding: 16px;background: #efefef;}
div.faqContainer h2 {margin:0 0 1em 0;}
.faqContainerInner {float:none !important; margin: 0 auto;}
#ask {display:none; width:100%;min-height: 100%; position:; top:0; right:0; z-index: 25;background: #e1e1e1;}
div.faqContainer .formSingle { clear: none; margin: 0.5em 0 1em 0; color: #666; width: 100%; padding: 0.5em; clear: both;}
div.faqContainer .faqFormTxt { display: block; line-height: 160%; margin: 1em 0 0 0; padding: 0px }
div.faqContainer #FAQQuestion {width:100%; margin: 1em 0;padding:0.5em; height: 64px;}
.faqContainerInner .button {background:darkorange; color:white; cursor:pointer;border: 0;}
.faqContainerInner .button:hover {background:orange}
#faqStatusLbl { display: block; height:19px; margin: 1em 0;}
div.faqContainer .faqSubmitBtnContainer { display: block; clear: both }
div#faq #faqAnswer { margin: 0px; padding: 0px }
div#faq a#faqAskBtn { position: relative; left: 0px; }
#faqAskBtn { font-size: 1.2em;color: cornflowerblue;cursor: pointer; margin-bottom: 16px; display: block;}
div.hideTelephone { }
.faqCompleteCtr { vertical-align: top; margin: 0 0 16px 0 ; padding: 0 0 16px 0; border-bottom: 1px dotted #e1e1e1; list-style: none;}
.faqCompleteCtr:last-of-type {border-bottom: none;}
div.faqResponseContainer { display: block; padding: 0; margin: 17px 0 0 0; width: 100%; float: left; text-align: left;}
div.faqFlourishCtr { display: block; width: 100%; height: 0; overflow: visible; float: left; text-align: center; border-top: 1px solid #efefef; margin: 0 0 24px 0 }
div.faqFlourish { display: block; width: 32px; height: 32px; background: url(/layout/faqFlourish.png) top left no-repeat; float: none; position: relative; margin: 0; top: -16px }
div.faqFlourishCtrRev { display: block; width: 100%; height: 0; overflow: visible; float: left; text-align: center; border-top: 1px solid #efefef; margin: 16px 0 24px 0;}
div.faqFlourishRev { display: block; width: 32px; height: 32px; background: url(/layout/faqFlourishRev.png) top left no-repeat; float: none; position: relative; margin: 0; top: -16px }
div.faqResponseContainer div.faqSummary { display: block; width: 100%; font-size: 1.5em; }
div.faqResponseContainer div.faqSmallTxt { display: block; font-size: 1em; color: #707070; padding: 0 0 3px 0 }
div.faqResponseContainer div.faqResponse { display: block; width: 100%; line-height: 28px }
div.faqAvatarCtr { width: 100%; float: left }
div.faqAvatarCtr div.avatarEssentialsCtr { display: block; margin: 32px 0 0 0; float: left; text-align: left;}
div.faqAvatarCtr div.avatarHdr { display: block; padding: 19px 0; text-indent: 0; font-weight: bold; color: #55acee; text-transform: uppercase; letter-spacing: 0.4em; font-size: 0.8em ; margin-left: 100px;}
div.faqAvatarCtr div.avatarImgCtr { display: block; height: 0; overflow: visible; float: left; text-align: center; border-top: 1px solid #efefef ; margin-top: -24px;}
div.faqAvatarCtr div.avatarImg { width: 80px; height: 80px; border-radius: 50px; box-shadow: 0px 4px 0 #f1f1f1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; display: block; position: relative; top: 0; left: 0; float: left; }
/* ----- Reviews ----- */
.ReviewStars { width: 100%; clear: both }
.ReviewStars a { margin-left: 7px auto; width: 120px }
.starsContiner a, .starsContiner { font-size: 12px; line-height: 200% }
span.stars, span.stars span {display: inline-block;background: url(/layout/llkesprite.png) repeat-x;width: 100px;height: 16px;text-indent: -5000px;float: left;background-position: -139px -117px;}
span.stars span { background-position: -139px -101px;}
span.starsLarge, span.starsLarge span {display: block;background: url(/layout/llkesprite.png) repeat-x;width: 150px;height: 23px;float: left;text-indent: -5000px;background-position: -139px -162px;}
span.starsLarge span {background-position: -139px -139px; }
.reviews { display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.reviewHeader { display:flex;justify-content: space-between;align-items: center;}
.reviewItem {border-bottom: 1px dotted whitesmoke;list-style: none;}
.reviewItem:last-of-type {border-bottom: none;}
.reviewItem h3 { margin: 0; padding: 0 ;font-size: 1em;}
span.reviewDate { display: none; width: 100% ; margin: 0 0 8px 0;}
span.reviewDate span { font-size: 0.8em; text-transform: inherit; letter-spacing: 0;}
div.starsCtr { width: 100px; margin: 8px 0; height: 16px }
div.reviewComment { width: 100%; overflow: hidden; padding: 0; line-height: 24px;}
div.recommendCtr { width: 100%; height: 48px; overflow: hidden; margin: 8px 0 0 0; font-size: 16px; line-height: 68px;}
span.recYes { display: inline-block;width: 16px; height: 48px;line-height: 48px; text-align: center;font-size: 1em; float: left; overflow: hidden;}
span.recNo { display: inline-block; width: 20px; height: 48px; line-height: 48px; text-align: center; color: white; float: left; font-size: 1.5em;overflow: hidden;}
span.recYes, span.recNo {font-family:'FontAwesome';font-weight: normal;}
span.recYes:before {font-family:'FontAwesome';font-weight: normal;content: "\f004";color: #D2D2D2; background: none;}
span.recNo:before {font-family:'FontAwesome';font-weight: normal; content: "\f165";color:#9d1110; background: none;}
span.recommendTxt { width: 100%; height: 48px; line-height: 48px; text-align: left; text-indent: 32px; display: inline-block; float: left; font-size: 0.8em; position: relative; top: -48px }
.reviewRead > li > .stars { margin-top: 7px }
.reviewDate {}
#fancyAnchor {width:100%;min-height: 100%;position:;top:0;right:0;z-index: 25;background: #e1e1e1;}
#reviewWriterPanel {min-height: 100%;}
div.detailReviewSummary div.aggregateRating { height: 64px; float: left; overflow: hidden; width: 100% }
div.detailReviewSummary a.brandImg { display: block; width: 64px; height: 64px; float: right; position: relative; top: -64px }
div.starsPosition {display: inline-block; vertical-align: middle;}
span.totalReview { display: none;}
a.reviewLink { display: inline-block;color: #BDBDBD;font-size: 0.75em;}
.reviewContainerImg { border-right: 0 !important; margin:1em 0 0 0}
.reviewContainerCopy { width: 320px; height: 100%; background: ; overflow: hidden }
.reviewContainerImg img { width: 112px; height: 112px; border-radius: 50%; display: inline-block; overflow: hidden; margin: 0 1em 0 0;}
.reviewContainerCopytitle { display: inline-block; text-align: left; margin: 16px 0 0 0;display: none !Important;}
.reviewContainerCopy { padding: 28px; line-height: 190%; padding:16px 0; margin:16px 0;background: #f8f8f8;padding: 16px;}
.reviewContainerCopytitle span { display: inline-block;float: none; }
.reviewContainerCopyField { padding: 0; margin: 0 auto; clear: both; float:none; display:inline-block}
.reviewContainerCopyField>li, .reviewContainerCopyField>div { list-style: none; margin:0 0 1em 0; text-align:left; min-height: 35px; display: inline-block;}
.reviewContainerCopyField>li {padding:0 1em 0 0;}
.reviewContainerCopyField>div {}
.reviewContainerCopyField div input.formSingle-small {width:100%;padding: 8px;border: 1px solid #e1e1e1;background: #fff;}
.reviewContainerCopyField div textarea {width: 100%;height: 100px;border: 1px solid #e1e1e1;min-width: 100%;}
.reviewContainerCopyOption { float: right }
.reviewContainerCopyField li.col-1 a {background:darkorange; color:white; cursor:pointer}
.reviewContainerCopyField li.col-1 a:hover {background:orange}
.starOn { background-image: url(layout/reviews/starOn.png); background-repeat: no-repeat; width: 30px; height: 25px; float:left }
.starOff{ background-image: url(layout/reviews/starOff.png); background-repeat: no-repeat; width: 30px; height: 25px; float:left }
#starRate { float: left; clear: both }
#starRate li { float: left; list-style: none }
#starRate a:hover, #starRate .on { background-image: url(layout/reviews/starOn.png); background-repeat: no-repeat; width: 30px; cursor: pointer }
#starRate a, #starRate .off { float: left; background-image: url(layout/reviews/starOff.png); background-repeat: no-repeat; width: 30px; height: 25px }
label.recNo { background-color: #9d1110; padding: 8px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-size: 1em;color:white;display: block;}
label.recYes { -webkit-border-radius: 0px; border-radius: 0px; width: 100%; text-align: center; margin-bottom: 14px; float: left; background: #7AA711;padding: 8px;display: block;}
.reviewAreaSummary {
position: absolute;
left: 63px;
top: 3px;
}
.reviewAreaSummary .reviewBottom {/* display:none; */float: right;border-radius: 50%;background: cornflowerblue;width: 32px;height: 32px;text-align: center;line-height: 32px;color: #fff;margin-top: -4px;margin-left: 8px;font-size: 0.7em;display: none;}
#reviewShow {font-size: 1.2em;color: cornflowerblue;cursor: pointer;margin-bottom: 16px;display: none;}
#writeFAQClose, #writeReviewClose {font-family:'FontAwesome';font-weight: normal; font-size:2em; text-align:right; cursor:pointer; color:#666;margin: 0;}
/* ----- cookies ----- */
#cookies{font-size:9.5pt;text-align:left;margin-bottom:20px;line-height:170%;}
#cookies p{color:#666;font-size:9.5pt;font-weight:400;font-style:normal;line-height:170%;text-decoration:none;}
#cookies th{background:#F5F5F5;font-weight:400;color:#666;border:1px solid #d6d6d6;padding:10px;}
#cookies tr{font-weight:400;color:#666;}
#cookies td{font-weight:400;border:1px solid #d6d6d6;text-align:left; padding:14px; background:#fff}
#cookies td a{color:#3477BB;font-size:9.5pt;}
/* ----- END - cookies ----- */
/* ----- Better Search Category Details ----- */
.betterSearchDetails h1 {/* border-bottom: 1px solid #e1e1e1; *//* border-top: 1px solid #e1e1e1; */padding: 16px 0;/* margin: 16px 0 */}
.catDescription {display:block;max-width: 560px;margin: auto;}
.catDescription p { text-align: justify }
.Outofstock>div>a>img { opacity:0.5; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%);}
/* --- Custom Styles and Overrides ----- */
.productPriceBlock {}
.productPriceBlock>div {margin: 0 auto;width: auto;}
.fixedBox {display:flex;align-items: center;justify-content: space-between;}
.priceBlock > div {padding: 0 0 8px;float: left;}
.pricing div {/* display: inline-block; */}
span.nowPrice, span.standardPrice, .percentOff {}
span.nowPrice, span#ProductDetail21_pricing1_lblNow.flash1:before {color: #525252;display: block;font-size: 30px;float:left;font-family: bebas-kai, sans-serif;padding-right: 8px;}
span.standardPrice {color: #585858;text-decoration: line-through;font-size: 14px;padding: 16px;}
.pricing span[id*="lblDiscounttext"] {font-size: 14px;;padding: 16px;}
span.standardPrice:before {content:'Was'; margin-right:0.25em}
.percentOff {background: tomato;padding: 2px 8px;color: #fff;margin: 0 3px;}
.iGscPrice {text-align: right;width: 100%;}
.iGscPrice ul {}
.iGscPrice ul itemtemplate {}
.iGscPrice .currencylistitem-DEV {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;margin: 0 16px 8px 0;color: #0abbef;}
.iGscPrice .isoFlag {float: right;order: 2;padding: 0;margin: 0 0 0 7px;}
.iGscPrice .valueContainer {order: 1;}
.iGscPrice .currencyConverted {font-family: 'roboto';font-size: 1em;font-weight: normal;}
.iGscPrice .currencyCode {display: none;}
.currencyMain {width: 80%;margin: 32px auto 0;}
.currencyMain {}
.currencyMain ul {width:100%; display:block;}
.currencyMain .currencylistitem-DEV {float:none !important; display:inline-block; padding:0.5em; width: 120px;}
.detailPrice > div {/* text-align: left; */}
.detailPrice .pricing>span:nth-child(2), .detailPrice .pricing>span:nth-child(3) {padding: 0px;text-align: left;}
.detailPrice .pricing>span:nth-child(2) span {padding: 0;}
.pricing>span:nth-child(3) { display:inline-block;}
.pricing span[id*="lblDiscounttext"] {font-size: 12px;;padding: 0;}
.pricing>span:nth-child(2) { font: inhert !important}
/* ----- Supplier tech data ----- */
.techData { display: inline }
.techData li.techData-title { width: 100%; line-height: 150%; list-style: none; padding-bottom:18px; border-bottom: 1px solid #e5e5e5;}
.techDataLitem { float: left; margin-bottom: 28px; padding: 0;}
.techDataLitem li { width: 100%; font-weight: normal; list-style: none; padding: 14px ; float:left;table-layout: auto;}
.techDataLitem li:nth-child(odd) { background:#f5f5f5}
.techDataKey { float:left; width: 25%; display: inline; zoom: 1;}
.techDataValue {float:left; width: 75%;padding-left: 14px;}
/* ----- Instagram ----- */
.Instagram { float:left; clear:both; margin:28px 0}
.likes {position:absolute;left:0;bottom:0;background-color:#333;padding: 0px 7px;width: auto;line-height:170%;}
.pics li:hover div.likes { background-color:#000; color:#FFFFFF}
.pics li:hover div.likes a { color:#FFFFFF}
.likes a {font-size: 10px; font-weight: bold; color:#CCCCCC; text-decoration:none; background:url(/layout/like.png) no-repeat; background-position:0 3px; padding-left:15px }
.pics { float:left}
.pics li {position: relative;float: left; width: 12.5%; height:auto; list-style:none}
.pics li img {width: 100%;height: auto;display: block;-webkit-transition: opacity 0.1s linear; }
.pics li:nth-child(1) { width: 50%; height:auto}
.pics li:nth-child(2) { width: 25%; height:auto}
/* ----- Instagram end ----- */
/* -- Flexible repeaters -- */
/* -- Flexible repeaters -- */
.item-repeater-container {}
.item-repeater-inner { outline: 1px solid #E8E8E8; text-align:left;background: white;}
.item-repeater-inner .flipme {/*border: 1px solid #DCD9D9;*/}
.item-repeater-info {width:100%;float:left;padding: 32px;min-height: 200px;background: white;}
.item-repeater-info-name {font-size: 15px;color:#2e3236;min-height: 90px;}
.item-repeater-info span[id*="lblDiscounttext"] {width:100%;display:inline;}
.item-repeater-inner .saleIcon-repeater {position:absolute;top:16px;right:16px;font-family:'FontAwesome';}
.item-repeater-inner .saleIcon-repeater:before {content:'\f295'; background:tomato; color:white;text-align: center;line-height: 32px; border-radius:100%;width: 32px;height: 32px;display: block;}
.item-rewards {background: url('/layout/rewards/cr.svg') no-repeat;background-position: -8px -8px;background-size: 32px;display: inline; clear: both;}
.item-rewards-earned {font-size: smaller;color: #8f959e;}
.item-rewards-earned span {border-bottom: 1px solid #41BEEC;color: #41BEEC;font-family: 'bebas-kai, sans-serif';}
.item-repeater-outer:hover .item-repeater-info-name {color: #397BBE;}
.item-repeater-outer:hover .item-repeater-inner {background: #E8E8E8;}
.Recent {display: flex;flex-wrap: wrap;flex-wrap: wrap;height: 500px;overflow: hidden;padding: 16px;}
.Recent>div {background: #fff;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;align-content: flex-start;position: relative;overflow: hidden;}
.Recent .blogSnipText {/* display: none; */order: 3;padding: 0 16px;/* position: relative; */overflow: hidden;font-size: 12px;}
.Recent .blogSnipText a {width: 100%;position: absolute;left: 0;bottom: 0;text-align: left;background: #FFFFFF;padding: 16px;}
.Recent .blogSnipImg{order: 1;float: left;width: 100%;max-height: 50%;/* margin-bottom: 7px; */overflow: hidden;}
.Recent p {order: 2;font-size: 11px;padding: 7px 16px;margin: 0;background: #fff;}
.Recent p:after {color: #0abbef;height: 1px;content: "";display: block;border-top: 1px solid;width: 25px;margin: 16px 0 8px;}
.Recent>div>a { display: none}
.tickList {list-style: none;padding: 32px;}
.tickList li {margin: 0 0 21px 0;font-weight: 700;}
.tickList li:before {font-family: 'FontAwesome';color: #8A8A8A;margin-right: 16px;content: "\f00c";padding: 7px;border-radius: 50%;font-size: smaller;}
.flexsliderMP .slides li {border:1px solid #e4e5e8;}
.flexsliderMP .standardPrice-repeater, .item-repeater-info span[id*="lblDiscounttext"] {/* font-size: 12px; */}
.homepage-page #attribute-quicklook-dev {max-height:300px; overflow:auto;}
.flexsliderMP .flex-direction-nav {display:none !important;}
.flex-control-nav {width:100%;float:left;position:relative;margin-top: 32px;}
.flexsliderMP .flex-control-nav li {margin:4px;}
.repQV {height:42px;width:100%;float:left;background: white;border-top: 1px solid #efefef;cursor:pointer;-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;}
.repQV:hover {color: #17495b;background:#41BEEC;}
.repQV:before, .repQV:after {display:block;line-height:42px;height:42px;}
.repQV:before {content:'Quickview';float:left; padding:0 0 0 16px;}
.repQV:after {font-family:'FontAwesome';content:"\f06e";float:right;width:42px; text-align:center;}
#dev-QuickLook {max-width:800px;}
#dev-QuickLook-img {padding:32px;}
/*#dev-QuickLook-content {padding:32px !important;}*/
#clPrice-dev .pricing {min-height: initial;margin: 16px 0 0 0;}
#ShortDescription-dev p {font-size:14px;margin:16px 0 0 0;}
#link-dev {margin:16px 0 0 0;}
#link-dev a {color:#fff;font-size: 10px;font-weight: normal;line-height: 16px;}
#MIV-image-dev-small {margin-top:0;}
.qv-add-container {line-height:32px;background: white;margin-bottom:8px;}
.qv-add-container>div {padding:16px;line-height: 16px;font-size: 12px;}
.qv-name, .qv-price, .qv-stock, .qv-add {}
.qv-add {flex-grow:0;}
.starsContainer {height:24px;}
span.starsBS, span.starsBS span {display: inline-flex;background: url(/layout/reviews/stars.png) 0 -16px repeat-x;width: 100px;height: 16px;text-indent:-5000px;vertical-align: middle;}
span.starsBS span { background-position: 0 0 }
span[id*="lblPromoText"] {display:block;width:100%;float:left;color:#a664a8;font-size:12px;margin: 0 0 16px 0;}
span[id*="lblPromoText"]:before {content: "STAR BUY - ";display:inline-block;float:left;margin-right:4px;}
/* -- CSS Nav Banners Overides ----- */
/*.topLarge {margin-top: -64px;}*/
.CSSnavBanner li {list-style:none;}
.flexslider a.CSSParent { border-bottom: 0;}
.flexslider a.CSSChild { border-bottom: 0;}
div.bannerTxtCtr {background: rgba(0, 0, 0, 0.2);color: cornflowerblue;position:relative;width:100%;height:100%;-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;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);color:#fff;/* background: #000; */}
div.bannerTxtCtr:hover {background: rgba(0,0,0,0.5);}
div.bannerTxt {display: block;line-height: 3em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;/* padding: 6%; */position: absolute;bottom: 0;width: 100%;white-space: normal;text-overflow: inherit;overflow: visible;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;left: 0;top: 0;bottom: 0;text-align: center;overflow: hidden;}
.hmSlider div.bannerTxt {white-space: normal; text-overflow: inherit;overflow: visible; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column;align-items: flex-start;justify-content: flex-end;width: 100%;left: 0;top: 0;bottom: 0;text-align: center;overflow: hidden;}
.bannerTitle, .subbannerTitle {margin: 0;padding: 0;line-height: 100%;letter-spacing: -0.5px;text-align: center;width: 100%;text-transform: uppercase;}
.bannerTitle strong, .bannerTitle b {font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;line-height: 100%;}
.bannerTitle p {padding:0;margin:0;line-height: 100%;}
.hmSlider .bannerTitle {font-size: 36px !important;/* letter-spacing: -1.5px; */}
.hmSlider .bannerTitle p {font-size: 24px !important;width: 100%;padding: 0;margin: 0;}
.bannerDesc {/* height: 0; *//* display: inline-block; */line-height: 1.5em;-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;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* line-height: 34px; */color: rgba(255, 255, 255, 0.8);padding: 10px 36px;outline: 2px solid;background: rgba(0,0,0,0.30);margin: 16px;text-transform: uppercase;letter-spacing: 2px;font-size: smaller;display: inline-block;}
.bannerDesc hover {}
.bannerDesc p {
padding: 0;
margin: 0;
}
div.bannerTxtCtr:hover .bannerDesc {/* height: 40px; */color: #FED619;outline: 2px solid #FED619;box-shadow: none;text-shadow: none;}
.bannerDesc:before {height:32px;width:32px;color:white;border-radius:50%; text-align:center;background: rgba(100, 149, 237, 0.4);margin: 0 8px 0 0;padding: 6px;position: relative;top: 0px;}
div.CSSnavBanner a.CSSChild { border-bottom: none }
.hmSlider .flex-control-nav {bottom: -40px;}
.hideText .bannerTxtCtr, .hideText .flex-control-nav { display:none}
.Landing .flipme {height: 30vh;}
.bannerHeight .flipme {height: 65vh;}
.bannerHeightLanding .flipme {height: 35vh;}
.bannerHeightLanding a {cursor:default;}
.bannerHeightLanding .subbannerTitle, .bannerHeightLanding .bannerDesc {display:none;}
@keyframes bouncing {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(-30px);}60% {transform:translateY(-15px);}}
.flexscrolldown {position: absolute !important;bottom: 18px;left: calc(50% - 50px);height: 64px;width: 64px;/* margin-left: 32px; */line-height: 100px;-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;opacity:1;cursor:pointer;}
.flexscrolldown:after {animation-duration: 2s;animation-name: bouncing;animation-iteration-count:3;animation-delay:0;animation-fill-mode: forwards;-webkit-animation-duration: 2s;-webkit-animation-name: bouncing;-webkit-animation-iteration-count:3;-webkit-animation-delay:0;-webkit-animation-fill-mode: forwards;-moz-animation-duration: 2s;-moz-animation-name: bouncing;-moz-animation-iteration-count:3;-moz-animation-delay:0;-moz-animation-fill-mode: forwards;-o-animation-duration: 2s;-o-animation-name: bouncing;-o-animation-iteration-count:3;-o-animation-delay:0;-o-animation-fill-mode: forwards;font-family:'FontAwesome';text-align:center;z-index: 1;color: #0abbef;background: #FFFFFF;border-radius: 50%;font-size: 3em;position:absolute;width: 100px;height: 100px;content:'\f107';cursor:pointer;border: 1px solid #E0E0E0;}
.flexscrolldown:checked {opacity:0;}
.FAF {background: #E4E4E4;width: 100%;}
input[type=checkbox], .checkbox, input[type=radio], .radio { background:#fff !important}
.fsNew {position: absolute;text-transform: uppercase;top: 5px;right: -49px;text-align: center;width: 150px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);font-size: 24px;line-height: 150%;}
.fsNew:after{content: "NEW";margin:0;color: rgb(255, 255, 255);font-size: 10px;letter-spacing: 2.5px;position: absolute;text-align: center;background: #0B9AC3;top: 0;right: 0;width: 150px;}
.fsExclusive {position: absolute;text-transform: uppercase;top: 21px;right: -36px;text-align: center;width: 150px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);font-size: 24px;line-height: 150%;}
.fsExclusive:after{content: "EXCLUSIVE";margin:0;color: rgb(32, 36, 26);font-size: 10px;letter-spacing: 2.5px;position: absolute;text-align: center;background: #FED619;top: 0;right: 0;width: 150px;text-shadow: none;}
/* -- CSS Nav Banners Overides ----- */
/*.topLarge {margin-top: -64px;}*/
.CSSnavBanner li {list-style:none;}
.flexslider a.CSSParent { border-bottom: 0;}
.flexslider a.CSSChild { border-bottom: 0;}
div.bannerTxtCtr2 {color: cornflowerblue;position: absolute;width:100%;-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;/* text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); */color:#fff;height: 100%;/* background: #000; */z-index: 2;}
div.bannerTxt2 {line-height: 3em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;/* padding: 6%; */bottom: 0;width: 100%;white-space: normal;text-overflow: inherit;overflow: visible;width: 100% !important;left: 0 !important;bottom: 0 !important;text-align: center;overflow: hidden;position: absolute;background: rgba(23, 25, 27, 1);justify-content: space-between;align-items: center;z-index: 1;}
.hmSlider div.bannerTxt2 {white-space: normal; text-overflow: inherit;overflow: visible; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column;align-items: flex-start;justify-content: flex-end;width: 100%;left: 0;top: 0;bottom: 0;text-align: center;overflow: hidden;}
.bannerTitle2, .bannerDesc2 {margin: 0;/* letter-spacing: -0.5px; */text-align: left;/* text-transform: uppercase; */line-height: 100%;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */}
.hmSlider .bannerTitle2 {font-size: 36px !important;/* letter-spacing: -1.5px; */}
.hmSlider .bannerTitle2 p {font-size: 24px !important;width: 100%;padding: 0;margin: 0;}
.bannerView2 {/* height: 0; *//* display: inline-block; */line-height: 1.5em;-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;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* line-height: 34px; *//* padding: 10px 36px; */background: rgba(0,0,0,0.30);text-transform: uppercase;letter-spacing: 2px;font-size: 10px;display: inline-block;padding: 8px 16px;/* outline: 1px solid #292a2b; */transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;padding: 14px 36px;display: inline-block;/* margin-top: 24px; */background: #303234d4;border-radius: 5px;letter-spacing: 1px;text-transform: uppercase;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;opacity: 0;}
.bannerView2 hover {}
.bannerView2 p {padding: 0;margin: 0;}
.largeBanner .bannerTxt2 {padding: 32px;}
.Banner2 {position: relative;display: block;}
.CTACover:before {content: " ";width: 100%;height: 100%;position: absolute;z-index: 1;top: 0;left: 0;background: -webkit-radial-gradient(top center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.5) 100%);}
.CTACover2:before {content: " ";width: 100%;height: 100%;position: absolute;z-index: 1;top: 0;left: 0;background: -webkit-radial-gradient(top center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.5) 100%);}
/* -- CSS Nav Banners ----- */
.CSSnavBanner li {list-style:none;}
.flexslider a.CSSParent { border-bottom: 0;}
.flexslider a.CSSChild { border-bottom: 0;}
div.CSSnavBanner2 a.CSSChild { border-bottom: none }
div.bannerTxtCt2r {color: cornflowerblue;position:relative;width:100%;-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;/* text-shadow: 1px 1px 0 #000000; */color:#fff;display: inline-block;}
div.bannerTxtCtr2:hover {/* background:rgba(0,0,0,0.6); */}
div.bannerTxt2 {line-height: 3em;/* white-space: nowrap; */overflow: hidden;text-overflow: ellipsis;text-align: left;position: absolute;bottom: 16px;left: 16px;width: 50%;padding: 16px 24px;}
.hmSlider div.bannerTxt2 {white-space: normal; text-overflow: inherit;overflow: visible;}
.bannerTitle2 {display: block;width: 100%;padding-bottom: 8px;font-family: bebas-kai, sans-serif;font-style: normal;font-weight: 400;font-size: 30px;opacity: 0;}
.bannerDesc2 {/* height: 0; */display: block;line-height: 1.5em;-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;/* overflow: hidden; *//* white-space: nowrap; *//* text-overflow: ellipsis; */color: rgba(255, 255, 255, 0.64);width: 100%;font-size: 14px;display: none;}
.bannerDesc2:before {height:32px;width:32px;color:white;border-radius:50%; text-align:center;background: rgba(100, 149, 237, 0.4);margin: 0 8px 0 0;padding: 6px;position: relative;top: 0px;}
.Banner:hover .bannerView2 {/* height: 40px; */box-shadow: none;text-shadow: none;background: #498cbc;}
.bannerDesc2:before {height:32px;width:32px;color:white;border-radius:50%; text-align:center;background: rgba(100, 149, 237, 0.4);margin: 0 8px 0 0;padding: 6px;position: relative;top: 0px;}
div.CSSnavBanner a.CSSChild { border-bottom: none }
.hmSlider .flex-control-nav {bottom: -40px;}
.hideText .bannerTxtCtr, .hideText .flex-control-nav { display:none}
.Landing .flipme {height: 30vh;}
.bannerHeight .flipme {height: 65vh;}
.bannerHeightLanding .flipme {height: 35vh;}
.bannerHeightLanding a {cursor:default;}
.bannerHeightLanding .subbannerTitle, .bannerHeightLanding .bannerDesc {display:none;}
@keyframes bouncing {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(-30px);}60% {transform:translateY(-15px);}}
.flexscrolldown {position: absolute !important;bottom: 18px;left: calc(50% - 50px);height: 64px;width: 64px;/* margin-left: 32px; */line-height: 100px;-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;opacity:1;cursor:pointer;}
.flexscrolldown:after {animation-duration: 2s;animation-name: bouncing;animation-iteration-count:3;animation-delay:0;animation-fill-mode: forwards;-webkit-animation-duration: 2s;-webkit-animation-name: bouncing;-webkit-animation-iteration-count:3;-webkit-animation-delay:0;-webkit-animation-fill-mode: forwards;-moz-animation-duration: 2s;-moz-animation-name: bouncing;-moz-animation-iteration-count:3;-moz-animation-delay:0;-moz-animation-fill-mode: forwards;-o-animation-duration: 2s;-o-animation-name: bouncing;-o-animation-iteration-count:3;-o-animation-delay:0;-o-animation-fill-mode: forwards;font-family:'FontAwesome';text-align:center;z-index: 1;color: #0abbef;background: #FFFFFF;border-radius: 50%;font-size: 3em;position:absolute;width: 100px;height: 100px;content:'\f107';cursor:pointer;border: 1px solid #E0E0E0;}
.flexscrolldown:checked {opacity:0;}
.FAF {background: #FFFFFF;width: 100%;}
input[type=checkbox], .checkbox, input[type=radio], .radio { background:#fff !important}
.fsNew {position: absolute;text-transform: uppercase;top: 5px;right: -49px;text-align: center;width: 150px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);font-size: 24px;line-height: 150%;}
.fsNew:after{content: "NEW";margin:0;color: rgb(255, 255, 255);font-size: 10px;letter-spacing: 2.5px;position: absolute;text-align: center;background: #0B9AC3;top: 0;right: 0;width: 150px;}
.fsExclusive {position: absolute;text-transform: uppercase;top: 21px;right: -36px;text-align: center;width: 150px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);font-size: 24px;line-height: 150%;}
.fsExclusive:after{content: "EXCLUSIVE";margin:0;color: rgb(32, 36, 26);font-size: 10px;letter-spacing: 2.5px;position: absolute;text-align: center;background: #FED619;top: 0;right: 0;width: 150px;text-shadow: none;}
/* -- locations ----- */
#map_wrapper, .storeWalkaround > iframe{height:65vh;}
#map_canvas {width: 100%;height: 100%;}
.info_content { padding:32px}
.formContiner { padding:0; margin:0}
.info_content a { border-bottom:1px solid}
.info_content a:after { padding-left:16px; font: normal normal normal 11px/1 FontAwesome; content: "\f08e";}
.formContiner li { clear:both; float:left; width:100%;margin: 8px 0;list-style: none;}
.stores { display:flex;flex-wrap: wrap;}
.stores > div { padding:32px; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef}
.stores > div:nth-of-type(3n){border-right:none}
.stores img { margin-bottom:18px; width:100%; min-height:50px}
.storesLocation { display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;color: #666;font-size: 10px;text-transform: uppercase;letter-spacing: 1px;}
.storesLocation span {font-size: medium;text-transform: capitalize;letter-spacing: 0;}
.closed h3::before {content:"Temporarily Closed";background: #f9dede;color: #c21c1c;display: inline-block;padding: 8px;margin-bottom: 8px;margin: 0 8px 0 0;}
.appointment h3::before {content:"Appointment Only";background: #e4f6ff;color: #3e7aa7;display: inline-block;padding: 8px;margin-bottom: 8px;margin: 0 8px 0 0;}
.call {flex-basis: 150px;}
.find {flex-basis: 180px;}
.storeWalkaround { display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; height: 65vh;}
.storeWalkaround h2 {position: absolute;z-index: 2;bottom: 53%;width: 100%;color: #fff;text-align: center;text-shadow: 1px 1px 5px rgb(0, 0, 0);}
.cover {position: absolute;z-index: 1;width: 100%;height: 65vh;background: rgba(0, 0, 0, 0.75);}
.cover a {position: absolute;z-index: 4;bottom: 44%;width: 100%;color: #fff;text-align: center;}
.cover a span {border-bottom: 1px solid;color:#33a4d4}
.cover a i {background: #feca1e;color: #333;padding: 16px;width: 50px;height: 50px;border-radius: 25px;margin-right: 8px;}
.removeStyles table {text-align:justify;border-collapse: collapse;width:100%;text-align:left;border: none;margin: 32px 0;}
.removeStyles th, .removeStyles tr, .removeStyles td {padding: 6px;margin:0;color:#666;font-size:small;text-align:left;}
.removeStyles tr:nth-of-type(2n) { background:#F5F4F4}
.removeStyles th {color:#222;text-align: le;font-weight:bold;font-size:larger;line-height:200%;color: #484848;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.removeStyles table tr:first-of-type, .removeStyles table tr {border-bottom:1px solid #ccc;}
.removeStyles table tr:last-of-type td { border-bottom:none}
.removeStyles table tr td:first-of-type {font-weight:bold;}
.removeStyles table strong {
color: #484848;
font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;
}
#MIVPanel .flipme {background-size: contain !important;outline: 1px solid #efefef;}
/* ---------------------------- If simple ---------------------------- */
.simpleNavMenu {text-align:center;}
.simpleNavMenu .navCtr .ctrNavigation {display:flex;width:100%;float:left;z-index: 100;}
.simpleNavMenu .toggleNavCtr, .simpleNavMenu .toggleSearchCtr, .simpleNavMenu .toggleBasketCtr, .toggleLocateCtr, .toggleLoginCtr {float:right;display:block;cursor:pointer}
.simpleNavMenu .simpleNavInfo, .simpleNavMenu .navLogoSimple {display:block;}
.simpleNavMenu .simpleNavInfo:first-of-type,.simpleNavMenu .simpleNavInfo:last-of-type { max-width: 320px !important;}
.simpleNavMenu .simpleNavInfo h2 { display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 0 16px 0;width:100%;font-size:18px;color:#cee424;font-weight:normal;margin:0;}
.simpleNavMenu .simpleNavInfo p {font-size: 14px;color:#ccc;line-height: 1.8em;margin:0;}
.simpleNavMenu .simpleNavInfo a {padding:0 !important;}
.simpleNavMenu .simpleNavInfo > a {padding: 0 0 16px 0 !important;}
.simpleNavMenu .toggleNavCtr {display:block;}
.simpleNavMenu ul.topNavMenu {width:100%; display:none; list-style:none;position:relative;margin: 16px 0 0 0;float: left;padding: 32px 0;z-index:50000;flex-flow: row;justify-content: center;}
.simpleNavMenu ul.topNavMenu ul {margin:0;padding:0;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li {display:block;float:left;list-style:none;width:auto;position:relative;flex-grow: 1;background: none;text-align:left;padding: 0 16px 0 0;flex-shrink: 2;flex-basis: auto;flex-grow: 1;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > a { display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 0 8px 0;margin: 0 0 8px 0;width:100%;font-size:20px;color:#FFF;text-transform: uppercase;font-weight: bold;letter-spacing: 2px;border-bottom: 1px solid #6C6F71;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > a:before {content: "";}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li:nth-child(2) > a:before {background: url(/layout/preStripe.png) -58px no-repeat;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li:nth-child(3) > a:before {background: url(/layout/preStripe.png) -116px no-repeat;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li:nth-child(4) > a:before {background: url(/layout/preStripe.png) -174px no-repeat;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > a:hover {color:#c79e22}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > a.activeLink {background:#2e3236;color:#cee424}
/* Mega Box */
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul {display:none;width: 100%;float:left;list-style:none;margin:0; background:none;padding:0;position: relative;top: 0;left: 0;flex-flow: row wrap;justify-content: space-around; z-index: 2;}
/* 2nd Level Links */
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul {display: block;}
/*
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li {width: 100%; float: none; display: block;} */
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li {display: block;max-width: 100%;float: left;margin-right: 44px;margin-bottom: 32px;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li:nth-child(4) > ul > li {width: 100%; float: none; display: block; margin: 0;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > a {font-size: 17px;color:#cacaca;line-height: 1.5em;text-transform: uppercase;letter-spacing: 1px;font-weight: bold;border-bottom: 1px solid #0abbef;margin-bottom: 7px;padding-bottom: 4px;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > a:hover {color:#eba538;}
/* 3rd Level Links */
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > ul {}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > ul > li {margin: 4px 0;list-style: none;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > ul > li > a {color:#CACACA; flex-basis: 135px;}
.simpleNavMenu ul.topNavMenu .ctrNavigation > li > ul > li > ul > li > a:hover {color:#eba538;}
.topNavMenu .navpip {width: 32px;height: 32px;display: block;position: absolute;right: 24px;top: -16px;background: #e6e8eb;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.simpleNavMenu .haloImage {width:240px;height:360px;}
.menuEmailContainer {position:relative}
#popupEmail {border:0;background:none;font-family: 'roboto';padding: 0 35px 0 8px;line-height: 48px;width: 100%;color: #707479;background: #e6e8eb;height: 48px;font-family:'roboto', serif;font-size: 21px;letter-spacing: 0.05em;}
#newsletter-popup-submit {position:absolute;top:0;right:0;width: 48px;height: 48px;text-align: center;line-height: 48px;background: #5b195e;font-size: 0.8em; cursor:pointer;}
#newsletter-popup-submit:before {font-family:'FontAwesome';font-size: 1.5em;color:white;content:'\f1d8';}
#newsletter-popup-submit:hover:before {color:white;}
.menuEmailContainer p {color:#282b2f !important; font-size:16px !important;}
.alert-box {display: none;}
div.img-holder {position: fixed;top: -50%;left: -50%;width: 200%;height: 200%;}
img.hidden {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;min-width: 50%;min-height: 50%;overflow-x: hidden;opacity: 0.2; /* width: 100px; *//* height: 100px; */}
.siteMap .NodeLevel0>div { display:initial}
.siteMap .NodeLevel1 {}
.siteMap .NodeLevel2 {width:inherit;margin: 0 28px 15px 0;}
/* ---- Prelaunch --------------------------------------------------------------------------------------------------------------------------- */
.prelaunch {width:100%;background: #efe0ef;padding:;color:#664266;font-size:12px;line-height:150%;}
.prelaunch a { color: #862986;}
.prelaunch span { font-weight:bold;}
#preOrderTerms {width:70%;padding:28px;background:#fff;margin: auto;}
.pre-order, .pre-launch, .leadtime {float:left;width: 50%;box-sizing:border-box;/* outline: 1px solid #DEDEDE; */padding:14px;height:1%;overflow:hidden;}
.pre-order, .pre-launch { min-height:300px}
.pre-launch {margin-right:0px;}
.pre-order .title , .pre-launch .title, .leadtime .title { color:#714071; font-weight:bold}
.leadtime {clear:both;width: 100%;margin-top:10px;}
#preOrderTerms .title { float: none; font-weight: bold};
/* ----- Customer Rewards // CitruStyles Overwrites ----- */
div[id*="clTagAlongPromoter1"]:before {width:100%;height:122px;content:' '; background:url('/images/starbuyLLKE.png') no-repeat #d3d3d3;display:block;background-position:32px 32px;}
.taContainerSmall {background: white;padding: 32px !important; margin-bottom:32px;max-width:100%;border:3px solid #d3d3d3}
.taContentContainerSmall {background: none;padding:0px}
.taContentContainerSmall h2 {margin:0 0 16px 0}
.taAddMessage {background:#BD80BD;color:white;padding:16px; text-align:center; font-size:12px;}
.taTogeather {margin:0 !important}
.flexsliderTPilot li {margin:8px;}
.tpilotBox {display:flex;align-items:stretch;justify-content:center; align-content:center; align-items:center; flex-wrap: wrap; border-radius:5px;border:1px solid #e3e3e3;margin:0 0 16px 0;}
.tpilotBox .fa-star, .tpilotBox .fa-star-half-full {color: #ffffff;margin:0 2px;font-size: 26px;background: #007f4e;padding: 8px;border-radius: 5px;}
.tpStarReview { text-align: left;padding:8px;}
.tpStarReview>span.fa {color:#007f4e;background: none;padding: 0;font-size: 14px;}
.tpHeadReview {font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.tpHeadReview, .tpBodyReview, .tpCustReview {text-align:left;color:#484848;padding:8px;font-size: larger;}
.tpBodyReview, .tpCustReview { font-size: smaller}
.tpCustReview { font-style:italic;}
/* ----- Custom Builder Overrides ----- */
.customProductTop {}
.customProductTop .namePriceContainer {width:100%; padding:0;}
.cpbHaloText {background:#fc0; color:black;font-family: 'bebas-kai, sans-serif'; text-transform: uppercase; padding:16px !important;}
.cpb-Header {font-family: 'bebas-kai, sans-serif'; text-align:center;}
.cpb {width:100% !important;flex-basis:100% !important;}
.attSelected {background: rgba(23, 25, 27, 0.89) !important;}
.attBlock > div:nth-of-type(2) img {display: none !important;}
/* ----- FAF related items ----- */
#flexsliderMPFAF .slides li, #flexsliderMPFAF2 .slides li { margin-right: 16px;}
/* ----- FAF Custom Layout ----- */
.fafPageTitle {}
#FAFDesc {background: #efefef;padding: 16px !important;}
#FAFDesc {padding: 16px !important; margin-bottom: 32px}
.metaControls h2 { float:none !important}
.faftitlebreadcrumbs {-webkit-box-ordinal-group: 0 !important;-moz-box-ordinal-group:2;-ms-flex-order: 1;-webkit-order: 1;-moz-order: 1;-o-order: 1;-ms-order: 1;order: 0 !important;padding: 16px 0;}
#FAFTitle {order: 3 !important;}
.pricing > span:nth-child(2) { padding: 8px;}
@media screen and (max-width: 767.9px) {
.pricing > span:nth-child(2) {padding: 0px !important;border-left: none !important;}
.pricing > span { font-size:10px !important}
}
@media screen and (max-width : 320px)
{
.pricing > span:nth-child(2) {padding: 0px !important;border-left: none !important;}
.pricing > span { font-size:10px !important}
}
@media screen and (min-width : 321px) and (max-width : 414px)
{
.pricing > span:nth-child(2) {padding: 0px !important;border-left: none !important;}
.pricing > span { font-size:11px !important}
}
@media screen and (min-width : 415px) and (max-width : 767px)
{
.pricing > span:nth-child(2) {padding: 0px !important;border-left: none !important;}
.pricing > span { font-size:12px !important}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
.pricing > span:nth-child(2) {padding: 0px !important;border-left: none !important;}
.pricing > span { font-size:12px !important}
}
#dev-QuickLook .pricing>span:nth-child(3)>span:first-child:after {margin-left:3px; content:"off";}
/* ----- Add to basket popup ----- */
#DDStoreLookupResults {display:none; width:100%; float:left; max-height:250px; overflow-y:auto !important; margin:16px 0 0 0; border-radius:4px; border:1px solid #eaeaea; padding:16px; }
#storelookupresults {text-align:left;margin-left:auto;margin-right:auto;background: #fff;padding: 32px;display: table;max-width: 1200px;}
.cncTitle {display:none;}
#DDStoreLookupResults {text-align:left;}
#storelookupresults h3, #DDStoreLookupResults h3 {margin:0;padding:0;font-size:1.3em;}
#storelookupresults p, #DDStoreLookupResults p {margin: 0;padding:0 0 16px 0;border-bottom:1px solid #eaeaea;}
#storelookupresults .col-1, #DDStoreLookupResults .col-1 {font-size:12px;line-height:18px;border-bottom: 1px solid #efefef;}
#storelookupresults .col-1 h4, #DDStoreLookupResults .col-1 h4 {font-size:12px;letter-spacing:0.1em; text-transform:uppercase}
.cncStore {padding: 16px;display: block;float:left;width:100%;}
.cncStore .col-2 span {width:100%;float:left;display:block;}
.cncGMap {-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: #fff !important;background:rgba(30,144,255,0.8);border-radius:4px;padding:4px 8px;display: inline-block;margin:4px 0 0 0;}
.cncGMap:hover {color:white;background:rgba(30,144,255,1);}
.cncAvail {color:green;}
.cncUnavail {color:black;}
.cncStoreOOS {-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity:0.75}
#DDStoreLookupResults .cncStoreOOS {display:none;}
.cncFooterTxt {float:left;width:100%;display: block;font-size:15px;line-height: 1.6em;padding-top: 16px;}
.cncQty {text-align:right;}
.collectLocation > div:nth-last-child(1) span { display:none}
.collectLocation > div:nth-last-child(1) .cncGMap { display:none}
.collectLocation > div:only-of-type .cncGMap, .collectLocation > div:only-of-type span {display: inline-block !important;}
.cncQty span { display:inline !important;}
.added #attAdd { }
.added #attAdd:before {content: "\f00c" !important;font-family: FontAwesome;font-size: 20px;}
.notAdded #attAdd:before {content: "\f00d" !important;font-family: FontAwesome;font-size: 20px;}
.disableAdd #attAdd .loader{ display:inherit !important}
.disableAdd #attAdd:before {content: "" !important;line-height:66px;}
.collectLocation .col-1[data-qty="0"] { background:#fff}
.collectLocation .col-1 { background:#f6fdf1}
#storelookupresults .col-1[data-qty="0"] .cncStore .col-2 span .cncGMap {/* display:none; */}
#storelookupresults .col-1[data-qty="0"] .cncGMap { display:none; }
#storelookupresults .col-1[data-qty="0"] h4 {margin:0;}
#storelookupresults .col-1[data-qty="0"] .cncUnAvail {line-height: 14px;}
/* Landing CSS Nav Banners ----- */
@keyframes flipmeProduct {to {transform: rotate(360deg);}}
.flipmeProduct:before {content: ''; box-sizing: border-box;position: absolute;top: 50%;left: 50%; width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;border-radius: 50%;border: 2px solid rgb(230, 230, 230);border-top-color: #6b6b6b;animation: flipmeProduct .6s linear infinite;}
#flexsliderMIV {margin-top: 8px;}
#flexsliderMIV > a {float:left;margin-right: 8px;}
#flexsliderMIV li {margin-right: 8px;}
#flexsliderMIV .flipmedone { background-size:contain !important}
#flexsliderMIV .flex-direction-nav { display: none !important}
/* split2 */
.split2, .split2 div.container {}
.split2 .col-3 {background: #fdfdfd;border-radius: 10px;padding:56px;outline: 1px solid #efefef;}
.split2 .col-2 { width:50%}
.split2 h2, .returns h4 { text-align:center}
.split2 ol {padding-left: 16px;}
.split2 ol li {padding: 16px 8px;}
.split2 li, .returns p {padding: 0px; font-size:smaller}
.split2 a {color: #528abb;border-bottom: 1px dotted #b9b9b9;}
.split2 a:hover {color: #1c588c;border-bottom: 1px dotted #528abb;}
/* Delivery */
.deliveryOption > div {min-height: 420px;margin:8px;}
.deliveryOption {border: 1px solid #efefef;padding: 16px;background: #fff;text-align: center;}
.deliveryOption:hover > div {background: #2db8e9;color: #fff;}
.dpd a {color: #666;margin: 8px;}
.deliveryservice {text-transform: uppercase;letter-spacing: 2px;font-size: small;text-transform: uppercase;letter-spacing: 1px;font-size: 10px;font-family: 'bebas-kai, sans-serif';padding-top: 16px;}
.deliveryservicOption {text-transform: uppercase;letter-spacing: 2px;font-size: 12px;}
.deliverytextMain {font-family: 'bebas-kai, sans-serif';width: 100%;display: block;line-height: 100%; padding:16px 0 8px; font-size: 40px;}
.deliverytextSub {font-family: 'bebas-kai, sans-serif';width: 100%;display: block;padding: 8px;}
.deliverySub {position: absolute;top: 5px;font-size: larger;font-family: 'bebas-kai, sans-serif'; font-size: 40px;}
.deliveryWarning { color:red}
.deliveryTimescale {padding: 0 8px;}
.popular .deliveryTimescale a {margin-top:8px;color: #fff !important;}
.popular >div {position:relative;border: 2px solid #f9f5f5 !important;background: #2e3136 !important;color: #ffffff;}
.popularFinance >div {border: 2px solid #f9f5f5 !important;background: #2e3136 !important;color: #ffffff;}
.deliveryOptionBike { color: #fff}
.deliveryXmas { background-image:url("/layout/xmas.jpg"); background-size: cover; margin: 16px 0; padding: 16px}
.deliveryXmas h2, .deliveryXmas h2, .deliveryXmas p { color: #FFF}
.deliveryXmas .deliveryOption:hover > div {background: #06551b;color: #fff;}
.deliveryXmas .deliveryOption:hover .deliveryWarning {background: red;color: #fff;}
.xmasBikes .col-20p { float: initial; display: inline-block;}
/* finance */
.financeUk { padding:16px 0}
.financeOption > div { padding: 32px}
.financeOption {/* border: 1px solid #efefef; */background: #fff;text-align: center;font-family: 'bebas-kai, sans-serif';font-size: smaller;}
.financeOption:hover > div, .financeOption:hover .financetextMain {background: #416488;color: #fff;}
.dpd a {color: #666;margin: 8px;}
.financeservice {text-transform: uppercase;letter-spacing: 2px;font-size: small;text-transform: uppercase;letter-spacing: 1px;font-size: 10px;font-family: 'bebas-kai, sans-serif';padding-top: 16px;}
.financeservicOption {text-transform: uppercase;letter-spacing: 2px;font-size: 12px;}
.financetextMain {font-family: 'bebas-kai, sans-serif';width: 100%;display: block;line-height: 100%;padding:16px 0 8px;color: #416488;font-size: 30px;}
.financetextMain span {font-size: 24px;}
.financetextMain2 {font-family: 'bebas-kai, sans-serif';width: 100%;display: block;line-height: 100%;padding:16px 0 8px; font-size: 24px;}
.financetextMain2 span {font-size: 40px;display: block;}
.financetextMain2:before {content:"";border-top:1px solid #a0a0a0;width: 100px;display: inline-block;padding-top: 32px;margin: auto;}
.financetextSb {font-family: 'bebas-kai, sans-serif';width: 100%;display: block;padding: 8px;}
.financeSub {position: absolute;top: 5px;font-size: larger;font-family: 'bebas-kai, sans-serif';}
.financeTimescale {padding: 0 16px;}
.popular .financeTimescale a {margin-top:8px;color: #fff !important;}
.popular >div {position:relative;border: 2px solid #f9f5f5 !important;background: #2e3136 !important;color: #ffffff;}
.popularFinance >div {border: 2px solid #f9f5f5 !important;background: #2e3136 !important;color: #ffffff;}
.financeOptionBike { color: #fff}
.onlineFinace .zflex-v {justify-content: flex-start;align-content: flex-start;align-items: flex-start;}
.onlineFinace .financeservice { font-size:16px}
.financeUk .financeOption {border-right: 1px solid #efefef;}
.hitachiShow { display:none}
.financeApply {margin:0;padding: 16px 0;display: flex;}
.financeApply li {position:relative;list-style: none;margin: 0;}
.financeApply li:before {content:"";border-top: 2px solid #2486b1;position:absolute;width: 100%;top: 7px;}
.financeApply li p {font-size:small;padding: 0 29px 56px 0;margin: 0;}
.financeApply .newpip {margin: 0 9px 0 0;color: #2486b1;font-weight: 700;border: 2px solid #2486b1;border-radius: 20px;font-size: 16px;float: left;text-align: center;width: 27px;height: 27px;font-size: 11px;line-height: 23px;position: relative;bottom: 8px;background: #ffffff;}
.financeApply h4 {padding-top: 27px;}
@media screen and (min-width : 0px) and (max-width : 1023.99px){
.financeApply { margin:0; padding:0; display: inline-block}
.financeApply h4 {padding-top: 0px;}
.financeApply li p {font-size:small;padding: 0;margin: 0;}
.financeApply li {position:relative;list-style: none;margin: 0;}
.financeApply li:before {content:"";border-top: none;border-left: 2px solid #2486b1;position:absolute;height:100%;left: 11px;}
.financeApply li p {font-size:small;padding: 0 29px 56px;margin: 0;}
.financeApply .newpip {margin: 0 9px 0 0;color: #2486b1;font-weight: 700;border: 2px solid #2486b1;border-radius: 20px;font-size: 16px;float: left;text-align: center;width: 22px;height: 22px;font-size: 11px;line-height: 155%;position: relative;bottom: 4px;background: #ffffff;}
}
/* Xmas Top Banner */
.simluatedTime {position: fixed;top: 0;left:0;z-index:3;color: #fed619;font-size: 10px;letter-spacing: 2px;}
.xmas {position: relative;}
.xmas a{display:block;float: left;width: 100%;clear: both;color:white;text-align:center;font-family: 'bebas-kai, sans-serif', sans-serif;padding: 8px;font-size: 14px;}
.xmas a span {margin: 4px;}
.promoMessgae1 {font-size:large;text-transform: uppercase;letter-spacing: .075em;}
.promoMessgae1:before {font-family: 'FontAwesome';margin-right: 9px;font-size: small;}
.promoMessgae2 {font-family: 'roboto', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;font-size: small;}
.promoMessgae2:after {font-family: 'FontAwesome';content: "\f08e";margin-left: 9px;font-size: small;}
.prexmasMessage .promoMessgae1:before {content: "\f1bb";}
.xmasMessage, .prexmasMessage {}
.xmasMessage > a, .prexmasMessage > a {color: #f1f1f1;background: #55acee;}
.xmasMessage .promoMessgae1:before {content: "\f1bb";}
.xmasBlackFriday > a {color: #f1f1f1;background: #151515;}
.xmasBlackFriday .promoMessgae1:before {content: "\f0e7";}
.xmasWarning {background: #C81B1D;}
.xmasWarning > a {color: #f1f1f1;background: #9a1d1f;}
.xmasWarning .promoMessgae1:before {content: "\f071";}
.xmasGIFT {background: #476C20;}
.xmasGIFT > a {color: #f1f1f1;background: #476C20;}
.xmasGIFT .promoMessgae1:before {content: "\f06b";}
/* Show Hide segments */
.PreXmas, .Xmas, .PostXmas, .JanSales { display:none}
.PreXmas.active, .Xmas.active, .PostXmas.active, .JanSales.active { display:inline-block}
.xmasBlackFriday .facetIsOnSale span{top: 40px;}
.xmasBlackFriday .facetIsOnSale span:after{content: "BLACK FRIDAY";font-size: 9px;background: #424242;width: 180px;}
/* Black Friday Landing page */
.show .active { display: inline-block}
.xmasBlackFriday .active, .xmasWarning .active { display: inline-block}
.xmasBlackFriday .inactive, .xmasWarning .inactive { display: none}
.xmasBlackFriday { background: #333}
.bfSignup { background: #333; position: relative}
.bfSignup > div, .bfSignup h2 {max-width: 500px;margin: auto; color:#fff}
.bfSignup .combine {position:relative; margin:16px 0}
.bfSignup input {background: #FFFFFF !important; height:47px; border: 0;width: 100%;color: #565656;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;padding: 16px;}
.bfSignup .newsletter-Send {background: #55acee;color:white;cursor: pointer;position:absolute;right:0;bottom:0;height:47px;line-height:47px;padding:0 16px;}
#newsletter-bfSignup-text {color: #2F353E;/* padding:16px; */line-height: 46px;text-align: center;clear: both;}
.bfleft {margin: 8px;padding: 16px !important;text-align: left;position: relative;background: url(/images/BF-Bike-Offer.jpg?width=916&height=691&quality=70&mode=crop&scale=both) 50% 50% / cover no-repeat rgb(255, 255, 255);}
.bfleft h3 { color:#fff }
.backgroundwhite .bfleft h3 { color:#404040 }
.bfleft a {display: block;margin-top: 8px;font-size: smaller;/* height: 0; *//* display: inline-block; */line-height: 1.5em;-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;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* line-height: 34px; *//* padding: 10px 36px; */background: rgba(0, 0, 0, 0.54);text-transform: uppercase;letter-spacing: 2px;font-size: 10px;display: inline-block;padding: 8px 16px;outline: 1px solid #292a2b;margin: 3px;}
.bfleft a:hover {/* height: 40px; */color: #FED619;outline: 1px solid #FED619;box-shadow: none;text-shadow: none;}
.background1 .xmasCTA { color:#fff}
.xmasCTA .col-3, .xmasCTA .vip {padding: 16px;border-right: 1px solid rgba(189, 189, 189, 0.17);}
.vip #lblPoints {color: #31baea;}
.xmasCTA .col-3:last-of-type {border-right: none}
.xmasCTA i, .xmasCTA img {font-size: 36px;margin-bottom: 16px;height: 44px;opacity: 0.7;}
.xmasCTA p {padding: 0;margin: 16px;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.xmasCTA a {font-size: smaller;letter-spacing: 1px;text-transform: uppercase;}
.wrap { -webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.xmasBlackFriday .item-repeater-info { background:#17191b}
.xmasBlackFriday .item-repeater-info-name { color:#fff}
.xmasBlackFriday .nowPrice-repeater { color:#f14141}
.xmasBlackFriday .flexsliderMP .slides li { border:none}
.xmasBlackFriday .repQV { display:none}
/* Star Buys Custom */
.starBuy {background: #343739;outline: 1px solid #d0d0d0;margin-top: 8px;padding:8px;}
.starBuy > div:first-of-type {background-image;margin: 8px;display:block;width: 40px;min-width: 25px;height: 40px;background: url(/layout/starbuyIcon.jpg) 50% 50% / contain no-repeat;}
.starBuy > div:last-of-type {padding: 8px;}
.starBuy img {width: 65px; display:none}
.starBuy h2, .starBuy h2 span {margin: 0;color: #fff;font-size: initial;}
span[id*="lblPromoText"]:before {}
.starBuy span {margin: 0;color: #25baed;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;text-transform: uppercase;}
.starBuy > div:last-of-type > span:after {content:"Just add this item to your basket to see the deal!";color:#fff;text-transform:initial;padding-left:8px;font-style:italic;font-family: 'roboto', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
#flexsliderMIVThumbnails {background: #fff;}
.taTitleContainer, .taOuter {background: #343739;margin-bottom: 0;}
.taTitleContainer:after { content:""; display:block;min-width: 25px;height: 50px;background: url(/layout/starbuyIcon2.jpg) 50% 50% / contain no-repeat;}
.taTitleContainer h1, .taTitleContainer h3 { display:none}
.taTitleContainer:before {margin: 8px;display:block;width: 40px;min-width: 25px;height: 40px;background: url(/layout/starbuyIcon.jpg) 50% 50% / contain no-repeat;}
.taContainerSmall {border: none; margin-bottom: 0px}
.taTitle {border-bottom: none;}
.taImg span {background: #16c0f3;}
span[id*="lblPromoText"] {color: #343739;font-size: 18px;}
.taContentContainerSmall h3 {display: none;}
.taTogeather {color:#343739;}
.taSeperately { margin:0px}
.taclAttributeGridContainer { margin-top: 18px}
.taclAttributeGrid li {width: initial;text-align: left;}
.sbPriceContainer div {margin-top: 18px;}
.sbItem a, .sbPrice {color: #343739;font-size: 18px;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.sbPrice {text-transform:uppercase;font-size: x-large;}
.sbPriceWithout {margin-top: 8px !important;}
.sbSave { color:red}
.taprice { display: none!important;}
/* quickview Overides */
.dropdownA2B {background: none;padding: 0px;margin: 0px;outline: none;}
/* New Menu */
/* 4 teir naviagtion Custom mobile */
.MobileNav .level-2-navigation-option {
position: fixed;
top: 175px;
left: 0;
z-index: 15;
top: 0;
bottom: 0;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.MobileNav .level-3-navigation-option {
position: fixed;
top: 175px;
left: 0;
z-index: 15;
top: 0;
bottom: 0;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.MobileNav .level-1-navigation {height:45px;border-bottom: 1px solid #efefef;color: #222325;background: #fff;display: block;line-height: 48px;padding: 0 16px;font-size: 16px;cursor: pointer;z-index: 14;font-family: inherit;}
.MobileNav .level-1-navigation:after { display: inline-block;font: normal normal normal 14px/40px FontAwesome;font-size: inherit; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0); content: "\f105"; float:right}
.menuHeader {
height: 45px;
border-bottom: 1px solid #b5b5b5;
color: #222325;
background: #fff;
display: block;
line-height: 48px;
padding: 0;
font-size: 16px;
cursor: pointer;
z-index: 14;
font-family: 'bebas-kai, sans-serif';
}
#menuHeaderBack {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 0;
display: block;
}
#menuHeaderTitle{
padding-left: 16px;
}
#menuHeaderBack.active:before{
width: 50px;
display: inline-block;
font: normal normal normal 20px/100% FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f104";
float:left;
padding: 10px 20px;
font-size: 24px;
height: 45px;
}
.MobileNav .level-2-navigation-option {
display:inline-block;
position: fixed;
top: 129px;
z-index: 15;
left: 100%;
}
.MobileNav .level-3-navigation-option {
display:inline-block;
position: fixed;
top: 129px;
z-index: 15;
left: 100%;
background: #fff;
}
.MobileNav .level-2-navigation-option > li {display: block;color: #222325;border-bottom: 1px solid #efefef;font-family: inherit;background: #fff;}
.MobileNav .level-2-navigation-option > li:after {display: inline-block;font: normal normal normal 14px/40px FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);content: "\f105";float:right;top: 4px;}
.MobileNav .level-2-navigation-option.active {
left: 0;
}
.MobileNav .level-3-navigation-option.active {
left: 0;
}
.MobileNav .level-3-navigation-option > div > div[class*="col-"] { border-right: none}
.MobileNav .level-3-navigation-option[data-for*="Sale"] h3 {border-bottom: 1px solid #d67272; color: initial;}
.MobileNav .level-3-navigation-option[data-for*="Sale"] a { color: initial;}
.masthead-sub.MobileNav{
-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;
opacity: 1;
display: block;
}
.masthead-sub.MobileNav.menuClose{
opacity: 0;
z-index: -1;
display: none;
}
#TopBannerNew_clSearch1_containerSearch {width: 100%;display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;align-items: center;}
.hmHeight {height: calc(100vh - 95px);}
@media screen and (max-width: 767px){
.hmHeight {height: calc(100vh - 45px)!important;}
[data-target*="nav2-About"] { display:none !important}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){.hmHeight {height: calc(100vh - 75px)!important;} }
@media screen and (max-width: 1439px) and (min-width: 1024px) {.hmHeight {height: calc(100vh - 75px)!important;} }
@media screen and (min-width : 1440px) and (max-width : 1919px) {.hmHeight {height: calc(100vh - 95px)!important;} }
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
.signupBG { position: absolute;}
#mc_embed_signup h1, #mc_embed_signup p { color: #fff; position:relative;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #0a0809b0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #ffffffcf;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus, #mc_embed_signup select:focus {border-color:#333; background: #fff}
#mc_embed_signup .button {clear:both;background-color: #aaa;border: 0 none;border-radius:4px;transition: all 0.23s ease-in-out 0s;color: #FFFFFF;cursor: pointer;display: inline-block;font-size:15px;font-weight: normal;height: 32px;line-height: 32px;margin: 0 5px 10px 0;padding: 0 22px;text-align: center;text-decoration: none;vertical-align: top;white-space: nowrap;width: auto;position: relative;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none;float:left;display:inline-block;margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block;margin-bottom:3px;color: #fff;}
#mc_embed_signup .mc-field-group input {display:block;width:100%;padding: 16px 0;text-indent: 4%;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline;width:60px;margin:0 2px;letter-spacing:1px;text-align:center;padding: 8px 16px;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width: 60px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .yearfield input {display:inline-block;width: 80px;margin-bottom:2px;}
#mc_embed_signup select { border: 1px solid #0a0809b0;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;background: #ffffffcf;width: 100%;display: block;width: 50%;padding: 16px 0;text-indent: 4%;}
#mc_embed_signup .indicates-required {font-size:11px;margin-right:4%;color: #fff;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}
.mcCompleteInput:before { font-family: "normal normal normal 14px/1 FontAwesome"; content: "\f00c";}
@media screen and (max-width: 767px){.signup.hmHeight { display: block !important; height: initial !important;} }
/* Promotion page */
.WBHeight {padding-bottom: 100%;overflow: hidden;}
.WBHeight:after{ padding-bottom:70%;}
.bgCover { position: absolute; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.45);}
.pip {color: #c1c1c1;width: 50px;height: 50px;border-radius: 100%;text-align: center;line-height: 50px;display: inline-block;border: 2px solid #585858;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;position: absolute;left: -39px;top: 23px;}
.WBText, .WBWelcome {position:relative;z-index: 1;max-width: 390px;text-align: left;}
.WBText .main {font-size: 30px;margin: 0;padding: 0;text-transform: uppercase;}
.WBText .yelow, .WBWelcome .yelow { color: #efed6f}
.WBText .blue, .WBWelcome .blue { color: #2db8e9}
.WBText .more {border-radius: 0;position: relative;background-color: #1b1b1c;border: .1rem solid transparent;line-height: 3.3rem;white-space: nowrap; padding: 0 3rem;color: #fff;font-size: 1rem;text-transform: uppercase;font-weight: 700;text-align: left;overflow: hidden; display: inline-block}
.WBText p, .WBWelcome p {color:#fff;margin: 2em auto;}
.WBWelcome h1, .WBWelcome h2 { color: #fff; position: relative; z-index: 1; font-size: 48px; text-transform: uppercase; text-align: center}
@media screen and (max-width: 767px){.WBHeight {height: calc(50vh - 45px)!important;} .WBText {width:80%;padding: 64px 0px !important;} .pip{position: relative;left: inherit;top: inherit;margin-bottom: 16px;} .WBText .more{ padding:0 16px; font-size: inherit} .steps { flex-wrap: wrap} .steps.alt > div.col-2:first-child { order: 1} }
@media screen and (min-width : 768px) and (max-width : 1023.99px){.WBHeight {height: calc(50vh - 75px)!important;} .WBText { width:80%} .pip{position: relative;left: inherit;top: inherit;margin-bottom: 16px;} }
@media screen and (max-width: 1439px) and (min-width: 1024px) {.WBHeight {/* height: calc(70vh - 75px)!important; */} }
@media screen and (min-width : 1440px) and (max-width : 1919px) {.WBHeight {height: calc(70vh - 95px)!important;}}
.WBcoupon {background: #303234de;margin: 56px;border: 1px dashed #fff40054;border-radius: 10px;font-size: smaller;max-width: 600px;}
.WBcoupon h2 { color: #fff; font-size: 24px; text-transform: uppercase; text-align: center}
.WBcoupon h2 sup { font-size: small}
@media screen and (max-width: 767px){
.servicing h1 {font-size:18px !important;line-height: 80%;}
.ytplayerOverlay .zflex-v { display: block !important}
.WBcoupon {margin: 0px;background: none;border: none;}
}
/* Delivery
.deliveryUk {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex: 0 1 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
width: auto;
}
.deliveryUk .col-4 {border: 1px solid #efefef;padding: 32px;background: #fff;border-radius:7px;}
.deliveryUk .col-4 {background: #ffffff;color: #303234;}
div.dpd > div:hover {background: #da4466 !important;}
.dpd a {color: #666;margin: 8px;}
.deliveryservice {text-transform: uppercase;letter-spacing: 2px;font-size: small;text-transform: uppercase;letter-spacing: 1px;font-size: 10px;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.deliveryservicOption {margin-bottom: 30px;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;min-height: 70px;}
.deliveryPrice {position: relative;min-height: 90px;margin: 16px;}
.deliverycurr {font-size: 23px;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.deliveryMain {font-size: 75px;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;line-height: 60px;}
.deliverySub {position: absolute;top: 5px;font-size: larger;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.popular .deliveryTimescale a {margin-top:8px;color: #fff !important;}
.FREE { font-size:36px}
.popular > div {position:relative;padding: 64px 32px !important;margin-top: -32px;border: 2px solid #da4466 !important; background: #da4466 !important; color: #fff;}*/
/* GDPR Cookies */
#GDPRCookieBox {position:fixed;left:0;bottom:0;background: rgba(6,16,32,0.85);z-index:90;width:100%;-moz-transform: translateY(100%);-webkit-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);padding:32px;}
#GDPRCookieBox.GDPRCookieBox-show {-moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
#GDPRCookieBox, .GDPRCookieBox-button {-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;}
.GDPRCookieBox-text, .GDPRCookieBox-link {color:white !important;}
.GDPRCookieBox-text {color:white; font-size:18px;line-height: 150%;}
.GDPRCookieBox-link {font-size:12px;text-decoration: underline;line-height: 12px;display: inline-block;margin: 16px 0;cursor:pointer;}
.GDPRCookieBox-link:hover {text-decoration: none;}
.GDPRCookieBox-button {display:inline-block;border-radius:4px;padding:8px 16px;margin:4px;border:1px solid white;color:white;cursor:pointer;}
.GDPRCookieBox-button:hover {background:white;color:#222;}
.GDPRCookieBox-accept {color:#222;background:#e8dc54;border-color:#e8dc54;}
.GDPRCookieBox-accept:hover {background:#feee37;border-color:#feee37;}
.GDPRCookieBox-close {margin-bottom: 0;}
.GDPRCookieBox-text { font-size:14px}
/* -- Grid guttering --*/
[class*='gutter'] {padding: 0;float: left; }
.gutter8 {margin: 0 -4px;}
.gutter8 >li, .gutter8 >a, .gutter8 >div, .gutter8 >span, .gutter8 > img { padding: 4px;}
.gutter16 {margin: 0 -8px;}
.gutter16 >li, .gutter16 >a, .gutter16 >div, .gutter16 >span, .gutter16 > img { padding: 8px;}
.gutter32 {margin: 0 -16px;}
.gutter32 >li, .gutter32 >a, .gutter32 >div, .gutter32 >span, .gutter32 > img { padding: 16px;}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.99px)
{
/* -- Grid guttering --*/
.gutter32 {margin: 0 -8px;}
.gutter32 >li, .grid8 >a, .grid8 >div, .grid8 >span, .grid8 >img { padding: 8px;}
}
/* -- Green Commute --*/
.cgForm {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398235+2,729b69+99 */overflow: auto;padding: 56px;background: #303234; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#729b69',GradientType=0 ); /* IE6-9 */}
.cgFormgroup {width:50%;float: left;padding-top: 0 !important;}
.cgFormInput {background:#efefef;padding: 32px;}
.cgFormInput lable {display:block;padding: 12px 0 5px;border: 0;font-size: smaller;}
.cgFormInput input {display:block;width: 100%;padding: 12px;background: #fff;border: 0;outline: 1px solid #e0e0e0;-webkit-appearance: none;}
.cgFormInput input:hover, .cgFormInput input:focus {box-shadow: none;outline: none;outline: 1px solid #c1d6c0;}
.cgForm h1, .cgForm p { color:#fff}
.cgError {outline: 1px solid #e2b8b8 !important;}
.cgOption > div {align-content: flex-start;align-items: flex-start;}
.cgOption {padding: 16px;background: #fff;text-align: center;}
.cgservice {text-transform: uppercase;letter-spacing: 2px;font-size: small;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;font-family: 'bebas-kai, sans-serif';color: #3a8236;}
.cgservicOption {text-transform: uppercase;letter-spacing: 2px;font-size: 12px;}
.cgtextMain {font-family: 'bebas-kai, sans-serif';line-height: 100%;padding:16px 0 8px;margin: 16px;font-size: 40px;background: #656565;display: inline-block;width: 75px;height: 75px;border-radius: 100%;color: #fff;}
.cgtextMain span {font-size: 24px;}
.cgtextMain2 {font-family: 'bebas-kai, sans-serif';width: 100%;display: block;line-height: 100%;padding:16px 0 8px; font-size: 24px;}
.cgtextMain2 span {font-size: 40px;display: block;}
.cgtextMain2:before {content:"";border-top:1px solid #a0a0a0;width: 100px;display: inline-block;padding-top: 32px;margin: auto;}
.cgtextSb {font-family: 'bebas-kai, sans-serif';width: 100%;display: block;padding: 8px;}
.cgSub {position: absolute;top: 5px;font-size: larger;font-family: 'bebas-kai, sans-serif';}
.cgTimescale {padding: 16px 0;display: block;clear: both;}
.popular .cgTimescale a {margin-top:8px;color: #fff !important;}
.popular >div {position:relative;border: 2px solid #f9f5f5 !important;background: #2e3136 !important;color: #ffffff;}
.popularcg >div {border: 2px solid #f9f5f5 !important;background: #2e3136 !important;color: #ffffff;}
.cgUk {margin-bottom:16px;display: inline-block;background: #efefef;padding: 8px; }
.cgUk .cgOption {border: 8px solid #efefef;}
.ticks p:before { font: normal normal normal 14px/1 FontAwesome; content: "\f14a"; color: #0ca96a; margin-right: 10px}
@media screen and (max-width: 767px){.cgForm{ padding:16px !important} .WBHeight {height: calc(50vh - 45px)!important;} .WBText {width:80%;padding: 64px 0px !important;} .pip{position: relative;left: inherit;top: inherit;margin-bottom: 16px;} .WBText .more{ padding:0 16px; font-size: inherit} .steps { flex-wrap: wrap} .steps.alt > div.col-2:first-child { order: 1} }
@media screen and (min-width : 768px) and (max-width : 1023.99px){.WBHeight {height: calc(50vh - 75px)!important;} .WBText { width:80%} .pip{position: relative;left: inherit;top: inherit;margin-bottom: 16px;} }
@media screen and (max-width: 1439px) and (min-width: 1024px) {.WBHeight {/* height: calc(70vh - 75px)!important; */} }
@media screen and (min-width : 1440px) and (max-width : 1919px) {.WBHeight {height: calc(70vh - 95px)!important;}}
/* Out of stock related items */
#fancybox-content{top: 16px;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);margin: 0 auto;max-width: 50vw;padding: 8px;max-height: 100vh !important;overflow-y: auto;background: rgba(255,255,255,1);}
#RelatedPopupOOS, #InactiveNoRelated {width:65vw;max-width:100%;}
#RelatedPopupOOS .col-90p-fixed, #InactiveNoRelated .col-90p-fixed {width:100% !important;}
#RelatedPopupOOS h2, #InactiveNoRelated h2 {padding:0 8px; text-align:center;}
#InactiveNoRelated .slides, #RelatedPopupOOS .slides {white-space:nowrap;overflow: hidden; overflow-x: auto;}
#RelatedPopupOOS .slides li, #InactiveNoRelated .slides li {display:inline-block;width:226px;margin:8px;white-space:normal;vertical-align: top;}
#RelatedPopupOOS .slides li .item-repeater-info-name, #RelatedPopupOOS .slides li .nowPrice-repeater, #RelatedPopupOOS .slides li .standardPrice-repeater, #RelatedPopupOOS .slides li .percentOff-repeater, #RelatedPopupOOS .slides li span.nowPrice-betterSearch, #RelatedPopupOOS .slides li span.standardPrice-betterSearch, #RelatedPopupOOS .slides li span.percentOff-betterSearch, #RelatedPopupOOS .slides li .item-repeater-info span[id*="lblDiscounttext"], #InactiveNoRelated .slides li .item-repeater-info-name, #InactiveNoRelated .slides li .nowPrice-repeater, #InactiveNoRelated .slides li .standardPrice-repeater, #InactiveNoRelated .slides li .percentOff-repeater, #InactiveNoRelated .slides li span.nowPrice-betterSearch, #InactiveNoRelated .slides li span.standardPrice-betterSearch, #InactiveNoRelated .slides li span.percentOff-betterSearch, #InactiveNoRelated .slides li .item-repeater-info span[id*="lblDiscounttext"] {font-size:13px;line-height: 150%;margin:0;}
#RelatedPopupOOS .slides li .standardPrice-repeater, #InactiveNoRelated .slides li .standardPrice-repeater {color:#bbb;}
#flexsliderMPFAF, #flexsliderMP, #flexsliderBrands, #flexsliderMP2 {max-width: 1400px;margin: 0 auto; clear: both}
#flexsliderMPFAF .flipmeContain, #flexsliderMP .flipmeContain, , #flexsliderMP2 .flipmeContain {overflow:hidden !important;}
#flexsliderMPFAF div ul li, #flexsliderMP div ul li, #flexsliderMP2 div ul li, #flexsliderBrands div ul li {border: 0;text-align: center;margin-right: 16px;}
#flexsliderMPFAF .item-repeater-info-name, #range .pname, #flexsliderMP .item-repeater-info-name, #flexsliderMP2 .item-repeater-info-name {font-size: 23px;font-family: bebas-kai, sans-serif;font-style: normal;font-weight: 400;color:#484848;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;min-height: 72px;/* line-height: 1.5em; */margin-bottom: 16px;}
#flexsliderMPFAF .nowPrice-repeater, #flexsliderMPFAF .standardPrice-repeater, #flexsliderMPFAF .item-repeater-info span[id*="lblDiscounttext"], #flexsliderMP .nowPrice-repeater, #flexsliderMP .standardPrice-repeater, #flexsliderMP .item-repeater-info span[id*="lblDiscounttext"] {}
#flexsliderMPFAF .nowPrice-repeater, #flexsliderMPFAF .standardPrice-repeater, #flexsliderMP .nowPrice-repeater, #flexsliderMP .standardPrice-repeater, #flexsliderMP2 .nowPrice-repeater, #flexsliderMP2 .standardPrice-repeater {margin:0 4px 0 0;}
#flexsliderMPFAF .standardPrice-repeater, #flexsliderMP .standardPrice-repeater {/* color:#bbb; */}
#flexsliderMPFAF .item-repeater-info span[id*="lblDiscounttext"], #flexsliderMP .item-repeater-info span[id*="lblDiscounttext"], #flexsliderMP2 .item-repeater-info span[id*="lblDiscounttext"] {width:auto !important;}
#flexsliderMPFAF .saleIcon-repeater, #flexsliderMP .saleIcon-repeater {display:none;}
.tmspslot .flex-control-nav {display:none;}
.hotrightnow-pdp div[id*="FafCustomRepeate"]>p, .hotrightnow-pdp div[id*="FafCustomRepeate"]>a {display:none;}
.tmspslot .flex-control-nav {display:none;}
#RelatedPopupOOS .innerContainer h2 { display:none}
@media screen and (max-width: 767px){ #fancybox-content{max-width: 100vw !important;} #RelatedPopupOOS, #InactiveNoRelated {width:100vw !important;} }
@media screen and (min-width : 768px) and (max-width : 1023.99px){ #fancybox-content{max-width: 100vw !important;} #RelatedPopupOOS, #InactiveNoRelated {width:100vw !important;}}
@media screen and (max-width: 1439px) and (min-width: 1024px) { #fancybox-content{max-width: 85vw !important;} #RelatedPopupOOS, #InactiveNoRelated {width:100vw !important;}}
/* -- Store pages ----- */
.tabs{padding: 0px;list-style: none;padding-top: 10px;padding-bottom: 14px;border-bottom: 1px solid #bfbfbf;}
.tabs li{text-align: center;display: inline-block;vertical-align: middle;position: relative;margin-right: 65px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;cursor: pointer;font-size: 16px;letter-spacing: .025em;line-height: 20px;text-transform: uppercase;font-family: bebas-kai, sans-serif; font-style: normal; font-weight: 400;}
.tabs li:after {content: "";height: 2px;background: #63c8eb;width: 100%; left: 0;position: absolute;bottom: -14px;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.tabs li.current:after { -webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
.tabs li img { display:block}
.tabs li.current{color: #2db8e9;}
.tabsContent { margin-top: 16px;}
.tabsContent > div {display: none;padding: 0px;margin: 0;width: 100%;}
.tabsContent > div.current {display:inline-block;}
.tabs li.current span, .step { background:#3057af}
@media screen and (max-width: 767px){
.tabsEbike li div { display: none}
.welcome .intro {padding: 16px !important;}
.tabsEbike li { padding: 0px}
.hmHeight {height: calc(80vh - 95px)!important;}
.fixedContainer {max-width: 100% !important}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){.hmHeight {height: calc(100vh - 75px)!important;} }
@media screen and (max-width: 1439px) and (min-width: 1024px) {.hmHeight {height: calc(100vh - 75px)!important;} }
@media screen and (min-width : 1440px) and (max-width : 1919px) {.hmHeight {height: calc(100vh - 95px)!important;} }
/* workshop */
.workshop {
margin-top: 32px;
margin-bottom: 32px;
width: 100%;
}
.gold, .silver, .platinum {
}
.workshop h3 {
float: left;
margin-top: 4px;
font-size: 24px;
margin: 0;
}
.workshop .wsPrice {
float: right;
padding: 2px 8px;
color: #fff;
}
.silver .wsPrice {
background: #2db8e9;
}
.gold .wsPrice {
background: #2db8e9;
}
.platinum .wsPrice {
background: #2db8e9;
}
.checkList {
padding: 0;
margin-top: 45px
}
.checkList li {
padding: 16px 0;
border-top: 1px solid #D6D6D6;
list-style: none;
font-size: smaller;
text-align: left;
}
.checkList li:hover {
color: #2db8e9;
}
.checkList li:before {
font-family: 'FontAwesome';
content: "\f14a";
padding-right: 16px;
color: #2db8e9;
}
.checkList li:first-of-type {
border-top: 1px solid #999;
}
.checkList li:last-of-type {
/* background: #efefef !important; */
}
.checkList li:last-of-type:hover {
/* color: #666 */
}
.servicePackages .col3.blkBorder p {
text-align: center;
}
.servicePackages p strong {
font-size: 40px;
}
.servicePackages span.spanner, .swcLanding .servicePackages span.spanner span {
display: inline-block;
background: url(/layout/workshopSpanner.jpg) 0 -70px repeat-x;
width: 100%;
height: 51px;
background-size: 50px;
}
.servicePackages span.spanner.wider, .swcLanding .servicePackages span.spanner.wider span {
height: 55px;
background-size: 52px;
}
.servicePackages span.spanner span {
background-position: 0 0;
float: left;
}
.leaders {
/* max-width: 100%; */
padding: 0;
overflow-x: hidden;
list-style: none;
text-align: left;
margin-bottom: 0;
width: 100%;
margin: 32px 0;
}
.leaders li {
margin: 16px 0;
position: relative;
display: inline-table;
width: 100%;
font-size: smaller;
}
.leaders li:after {
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
white-space: nowrap;
vertical-align: middle;
content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
}
.leaders strong:first-child {
background: white;
padding-right: 8px;
z-index: 1;
position: relative;
}
.leaders strong + strong {
float: right;
padding-left: 8px;
position: relative;
background: white;
z-index: 1;
}
.leaders small {
font-size: 11px;
}
.overlaybg { background:#000000; color: #fff }
.overlaybg div[class*="css-image"] { opacity: 0.2}
.overlaybg .works, .overlaybg .fa, .overlaybg .works p, .works span {background: inherit !important;color: inherit !important;}
.overlaybg .works, .overlaybg .fa {box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.1);padding: 56px;}
.overlaybg .fa {background: inherit !important;color: inherit !important;}
.overlaybg .works p { font-size: 40px}
/* FAF SpecialOrder */
[class*="col-1.stockStatus-"]:hover { cursor:pointer}
[class*="stockStatus-"]:before {font-family: bebas-kai, sans-serif !important;text-align: center;letter-spacing: 0.5px;color: #ffffff !important;padding: 4px 6px;text-transform:uppercase;margin-right: 6px;font-size:13px;}
.stockStatus-True:before{content: "In Stock" !important;background: #69ca87 !important;}
.stockStatus-false:before{content:"Out of Stock";background: #c86565;}
.stockStatus-SpecialOrder:before{content:"Special order";background: #75aab9}
.stockStatus-PreOrder:before{content:"Pre order";background: #b57fb8;}
.stockStatus-ComingSoon:before{content:"Coming Soon";background: #b89a7f;}
[class*="stockStatus"]:after {content: "CHECK AVAILABILITY";position: relative;padding-bottom: 1px; font-family:inherit; flex-grow: 1; text-align: center;}
[class*="stockStatus"] {margin:0px; display: flex; justify-content: start; border-bottom: 1px solid #efefef !important;}
[class*="stockStatus-"]:before {padding: 0 6px;font-size: 12px;min-width: 40%;}
/* FAF priority */
.col-facetItem[data-fafpriority="1"]{outline: 1px solid #9fcbda;background: #efefef;}
.col-facetItem[data-fafpriority="1"]:before{content:"Best Seller";width: 210px;background: #2db8e9;position: absolute;top: 28px;right: -65px;text-align: center;line-height: 21px;letter-spacing: 1px;color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);z-index:1;font-family: bebas-kai, sans-serif;}
.facetIsOnSale span:after {top: -10px;}
.col-facetItem[data-fafpriority="1"] .facetItemDetails, .col-facetItem[data-fafpriority="1"] .facetItemImg { background: #ffffff;outline: 8px solid #fff}
.allowFinance {background: #fff; outline: none;padding: 0px;color: #2db8e9;min-height: 0;font-size: 13px;}
.col-facetItem > div > a {font-family: bebas-kai, sans-serif;font-size: 16px;color: #5a5a5a;}
.facetPricing {border-bottom: none;margin: 0;height: auto;padding: 8px 0 0;}
.facetItemDetails .denyFinance {background:#fff;outline:none;text-indent: 0;height: 27px !important;padding: 0px;}
.facetItemDetails .denyFinance:before { content:"Finance available on all baskets from \00a3 250"; color: #303234;}
.FFPrice.denyFinance:after { content:""}
.FFPrice.denyFinance { color:#fff}
.facetIsOnSale span:after { padding:1px}
/* Homepage Video -- */
.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 0.5625);max-height: calc(90vh - 140px);}
.standardWrapper {position: relative;overflow:hidden;}
.videoWrapper iframe {top: 0;left: 0;width: 100%;height: 100%;z-index: 0;position: absolute;}
.ytplayerWrapper {width: 100%;padding-bottom: 56.25%;overflow: hidden;float: left;position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.ytplayerOverlay {z-index: 2;color:#fff;width: 100%;position: absolute;top: 41%;}
.ytplayerOverlay h1 {color:#fff;font-size: 76px !important;}
.ytplayerOverlay a {padding:14px 36px;display:inline-block;margin-top:24px;color:#333;border-radius:5px;}
.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 0.5625);max-height: calc(90vh - 140px);}
.videoWrapper iframe {top: 0;left: 0;width: 100%;height: 100%;z-index: 0;position: absolute;}
.ytplayerWrapper {width: 100%;padding-bottom: 56.25%;overflow: hidden;float: left;position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.ytplayerOverlay {z-index: 2;color:#fff;width: 100%;position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%;}
.ytplayerOverlay img { max-width:100%}
.ytplayerOverlay h3 {color: #ffe903;font-size: 24px;opacity:0.7;letter-spacing: 4px;margin: 0;display: inline-block;}
.ytplayerOverlay h1 {color:#fff;font-size: 46px;margin: 0;}
.ytplayerOverlay h2 {color:#fff;font-size: 46px;margin: 0;}
.ytplayerOverlay a {padding:14px 36px;display:inline-block;margin-top:24px;color: #fff;background: #303234d4;border-radius:5px;letter-spacing: 1px;text-transform: uppercase;-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;}
.ytplayerOverlay a:hover {background-color: #498cbc;}
@media screen and (max-width: 767px){
.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 1);max-height: calc(90vh - 140px);}
.ytplayerWrapper {width: 100%;padding-bottom: 100%;}
.ytplayerOverlay a {padding:8px 18px !important; font-size: smaller !important}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){
.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 1);max-height: calc(90vh - 140px);}
}
/* Homepage Product Repeaters -- */
.productContainerPR {padding: 100px;background: #252729;}
.repeater {width: 268px;display: inline-block !important;float: none;text-align: center;vertical-align: top;position: relative;}
.repeaterSlide > div {display: inline-block !important;}
.repeater .itemImage {width: 268px;height: 268px;background-size: contain !important;}
.repeater .itemImage a {width: 268px;height: 268px}
.repeater .itemInfo {/* width: 268px; */}
.repeater .itemInfo a {display: block;color: #303234;text-decoration: none;}
.repeater .productName {padding: 0 0 8px 0;display: block;width: 100%;}
.nowPrice-repeater {color: #444444;display: block;margin-top: 16px;font-size: 26px;}
.standardPrice-repeater {color: #707070;text-decoration: line-through;display: inline-block;margin: 0 8px 0 0;}
.percentOff-repeater {color: #ff2700;display: inline-block;margin: 0;clear: both;}
.productContainerPR h2{/* background: #fff; */display: block;margin-bottom: 0;padding: 0;margin-top: 0;font-size: 32px !important;text-align: center;width: 100%;color: #fff;}
.prLink { display:none}
.hidePrice .itemInfo span { display: none}
@media screen and (max-width: 767px){
.productContainerPR {padding: 50px 16px;}
.repeaterSlide {overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;white-space: nowrap;&::-webkit-scrollbar {display: none;}}
.repeater {white-space:initial;!important; display: inline-block !important;}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){
.productContainerPR { padding: 50px}
.repeaterSlide {overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;white-space: nowrap;&::-webkit-scrollbar {display: none;}}
.repeater {white-space:initial;!important; display: inline-block !important;}
}
/* Homepage CSS Nav Banners ----- */
[class*='hmBanner'] {float: left; overflow: hidden}
.hmBanner1 [class*='imgCtr'] { width:100% }
.hmBanner2 [class*='imgCtr'] { width:50% }
.hmBanner3 [class*='imgCtr'] { width:33.33% }
.hmBanner4 [class*='imgCtr'] { width:25% }
.hmBanner6 [class*='imgCtr'] {width: 16.666%;}
.hmBanner6 .flipme {background-color:transparent !important;height: 100px;}
.hmBanner6 .cssItemImg { padding:16px}
.hmtheme1 .bannerTxt2 {background:none;justify-content:center;top: 0;flex-direction: column;z-index: 2;}
.hmtheme1 .cta1 {width: 100%;}
.hmtheme1 .cta2 {justify-content: center;margin: 18px;width: 100%;}
.hmtheme1 .bannerView2 {/* display:none; */}
.hmtheme1 .bannerTitle2{text-align:center; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.hmtheme1 .bannerDesc2 {text-align:center;font-size:;}
.hmtheme2 .bannerTxt2 { background:none;}
.hmtheme3 .CTACover2 { display:none;}
.hmtheme4 .CTACover2 { display:none;}
.hmtheme4 .bannerTxt2 {background:none;justify-content:center;}
.hmtheme4 .bannerView2 { display:none;}
.hmtheme4 .bannerTitle2, .theme4 .bannerDesc2 {text-align:center;color: #2e3136;}
.hmtheme2 .bannerTitle2, .theme2 .bannerDesc2, .theme3 .bannerTitle2, .theme3 .bannerDesc2 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
[class*='Banner'] .flipme { transform: scale3d(1,1,1) ;transition: transform 1.2s cubic-bezier(.19,1,.22,1);}
[class*='Banner'] .flipme:hover {transform: scale3d(1.02,1.02,1.02) ;}
[class*='Banner'] .bannerTxt2 .bannerTitle2 { opacity:1}
[class*='Banner'] .bannerTxt2 .bannerView2 { opacity:1}
@media screen and (max-width: 767px){
.hmBanner2 [class*='imgCtr'] { width:100% !important }
.hmBanner3 [class*='imgCtr'] { width:100% !important }
.hmBanner4 [class*='imgCtr'] { width:100% !important }
.bannerTitle2, .bannerView2 { opacity: 1 !important}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){
.hmBanner2 [class*='imgCtr'] { width:100% !important }
.hmBanner3 [class*='imgCtr'] { width:100% !important }
.hmBanner4 [class*='imgCtr'] { width:100% !important }
.bannerTitle2, .bannerView2 { opacity: 1 !important}
}
/* Homepage Slip ----- */
.split {}
.splitText {}
.splitText .main {font-size: 32px !important;padding: 0;margin: 0;}
.splitText .sub {margin: 16px 0; color: #fff}
.splitText .more {padding: 14px 36px;display: inline-block;color: #fff;background: #498cbc; border-radius: 5px;letter-spacing: 1px;text-transform: uppercase;-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;}
.textLeft .split > div:first-child { -ms-flex-order: 1;-webkit-order: 1;-moz-order: 1;-o-order: 1;-ms-order: 1;order: 1;}
@media screen and (max-width: 767px){
.split { flex-wrap: wrap;}
.splitText { margin:32px}
.textLeft .split > div:first-child { -ms-flex-order: 0;-webkit-order: 0;-moz-order: 0;-o-order: 0;-ms-order: 0;order: 0;}
}
@media screen and (min-width : 768px) and (max-width : 1024px){
.split { flex-wrap: wrap}
.split .col-2 { width:100% !important}
.splitText { margin:32px}
.textLeft .split > div:first-child { -ms-flex-order: 0;-webkit-order: 0;-moz-order: 0;-o-order: 0;-ms-order: 0;order: 0;}
}
/* 10-flipimage.css */
[class*="css-image"] {-webkit-background-size: 100% !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: center center !important; position: relative;width:100%;height:100%;z-index:1;}
.bgContain {background-size:contain !important;}
/* Image Media Queries */
@media screen and (max-width : 320px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-320 {display:block !important;}
}
@media screen and (min-width : 321px) and (max-width : 414px)
{
#prodInfoLeft .MIViconPlus:before {top: 16px;left: 16px;}
.css-image-320, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-414 {display:block !important;}
}
@media screen and (min-width : 415px) and (max-width : 767px)
{
.css-image-414, .css-image-320, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-767 {display:block !important;}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
.css-image-414, .css-image-767, .css-image-320, .css-image-1440, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1024 {display:block !important;}
}
@media screen and (min-width : 1025px) and (max-width : 1440px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-320, .css-image-1800, .css-image-4k {display:none !important; background: none !important;}
.css-image-1440 {display:block !important;}
}
@media screen and (min-width : 1441px) and (max-width : 1920px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-320, .css-image-4k {display:none !important; background: none !important;}
.css-image-1800 {display:block !important;}
}
@media screen and (min-width : 1920.1px)
{
.css-image-414, .css-image-767, .css-image-1024, .css-image-1440, .css-image-1800, .css-image-320 {display:none !important; background: none !important;}
.css-image-4k {display:block !important;}
}
/* Hire Table */
.hireTable > div {display: -webkit-flex;display:-moz-flex;display: -ms-flexbox;display: flex;justify-content: space-between;color: #fff;border-bottom: 1px dashed #efefef4f;padding: 8px 0;}
.hireTable .duration {}
.hireTable .cost {font-family: bebas-kai, sans-serif;font-size: x-large;}
.mapOverlay { background:#efefef}
.hireCTA i {font-size: 20px;border: 1px solid #ffffff7d;border-radius: 100%;width: 55px;height: 55px;line-height: 55px;display: inline-block;font-style:normal;font-family: bebas-kai, sans-serif;text-align: center; margin: 0 0 32px}
/* instructions Table */
.instructions, .instructions p { font-size: small; margin: 0; padding: 0 0 16px 0}
/* Demo */
.worksContainer {max-width: 1200px;margin: auto; float: none}
.worksContainer > div { color: #fff;float: left;width: 100%;}
.works {background: #ffffff;/* color: #fff; */height: 100%;}
.works .fa {font-size: 35px;width: 100px;height: 100px;line-height: 89px;background: #196ba6;border: 3px solid;border-radius: 100%;color: #efefef;margin-bottom: 32px;}
.works p {max-width: 300px;margin: auto;padding-top: -42px;font-size: 24px;c;color: #196ba6;font-family: bebas-kai, sans-serif;line-height: 100%;}
.works>span { color:#303234e0; margin-top:16px; display:inline-block; font-size:14px}
.works>span:before {content:"";border-top:3px solid;width:20px;display:block;margin:auto;margin-bottom:16px;color: #2db8e9;}
.works:hover {background: #196ba6;}
.works:hover p, .works:hover>span, .works:hover>span:before {color: #fff;}
.FCAregister:after{content: "XLR8 Sports Limited"}
.demoSlider, .bgimg { height: 100vh}
.demoSlider > div { position: relative; background: #000}
.demoSlider > div:nth-of-type(1) .bgimg{background: url("/demo-bikes/1.jpg") 50% 50% / cover no-repeat rgb(255, 255, 255);}
.demoSlider > div:nth-of-type(2) .bgimg{background: url("/demo-bikes/2.jpg") 50% 50% / cover no-repeat rgb(255, 255, 255);}
.demoSlider > div:nth-of-type(3) .bgimg{background: url("/demo-bikes/3.jpg") 50% 50% / cover no-repeat rgb(255, 255, 255);}
.demoSlider > div:nth-of-type(4) .bgimg{background: url("/demo-bikes/4.jpg") 50% 50% / cover no-repeat rgb(255, 255, 255);}
.demoSlider .bgimg {-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: gray;filter: grayscale(100%);opacity: 0.5; -webkit-transition:0 .3s;-moz-transition:0 .3s;transition:transform .3s;}
.demoSlider > div:hover .bgimg {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
opacity: 05
}
.demoSlider img { position: absolute; left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%; z-index: 2;}
/* Top body Padding, Sticky nav
.full { padding-top:0px !important}
.full .logoContainer { background:none}
.full .navIcons, .masthead .container {background:rgba(255, 255, 255, 0);}
.full .navIcons > .logoContainer {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.full .masthead {color:#fff;background: #303234e0;}
.full .hmHeight {height: calc(100vh - 95px);background: #000;top: 0;}
.full .hmHeight .imgCtr {opacity: 0.7;}*/
/* Menu open
.open-slide-menu .masthead, .nav-up .masthead {background:rgb(255, 255, 255); color: #000}
.open-slide-menu .logoContainer, .nav-up .logoContainer {background:rgb(153, 153, 153)}*/
/* Top body Padding, Sticky nav
.full .srchCtr, .loginCtr { opacity:0}
.full .srchCtr.tbcntOpen, .loginCtr.tbcntOpen { opacity:1}
.full .navIcons > div.close, .navIcons > span.close { background:inherit}
.full .nav-up { background: #fff; color: #333}*/
.cd-horizontal-timeline{opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;margin:2em auto;}
.cd-horizontal-timeline::before{content:'mobile';display:none;}
.cd-horizontal-timeline.loaded{opacity:1;}
.cd-horizontal-timeline .timeline{position:relative;height:100px;margin:0 auto;}
.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;overflow:hidden;margin:0 40px;}
.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:20px;}
.cd-horizontal-timeline .events-wrapper::before{left:0;background-image:linear-gradient(toright,#f8f8f8,rgba(248,248,248,0));}
.cd-horizontal-timeline .events-wrapper::after{right:0;background-image:linear-gradient(toleft,#f8f8f8,rgba(248,248,248,0));}
.cd-horizontal-timeline .events{position:absolute;z-index:1;left:0;top:49px;height:2px;background:#dfdfdf;-webkit-transition:0 .4s;-moz-transition:0 .4s;transition:transform .4s;}
.cd-horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:#498cbc;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:0 .3s;-moz-transition:0 .3s;transition:transform .3s;}
.cd-horizontal-timeline .events a{position:absolute;bottom:0;z-index:2;text-align:center;font-size:1.3rem;padding-bottom:15px;color:#383838;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0); font-size: small}
.cd-horizontal-timeline .events a::after{content:'';position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border:2px solid #dfdfdf;background-color:#f8f8f8;-webkit-transition:background-color .3s border-color .3s;-moz-transition:background-color .3s border-color .3s;transition:background-color .3s border-color .3s;}
.cd-horizontal-timeline .events a.selected{pointer-events:none;}
.cd-timeline-navigation a{position:absolute;z-index:1;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;border-radius:50%;border:2px solid #dfdfdf;overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap;-webkit-transition:border-color .3s;-moz-transition:border-color .3s;transition:border-color .3s;}
.cd-timeline-navigation a::after{content:'';position:absolute;height:16px;width:16px;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(/our-history/cd-arrow.svg) no-repeat 0 0;}
.cd-timeline-navigation a.prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.cd-timeline-navigation a.next{right:0;}
.cd-timeline-navigation a.inactive{cursor:not-allowed;}
.cd-timeline-navigation a.inactive::after{background-position:0 -16px;}
.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf;}
.cd-horizontal-timeline .events-content{position:relative;width:100%;overflow:hidden;-webkit-transition:height .4s;-moz-transition:height .4s;transition:height .4s;margin:2em 0;}
.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);opacity:0;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;padding:0 5%;}
.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name:cd-enter-right;-moz-animation-name:cd-enter-right;animation-name:cd-enter-right;}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name:cd-enter-left;-moz-animation-name:cd-enter-left;animation-name:cd-enter-left;}
.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse;}
.cd-horizontal-timeline .events-content li > *{max-width:800px;margin:0 auto;}
.cd-horizontal-timeline .events-content h2{font-size:2rem;erif;font-weight:700;line-height:1.2;}
.cd-horizontal-timeline .events-content em{display:block;font-style:italic;margin:16px auto;}
.cd-horizontal-timeline .events-content em::before{content:'- ';}
.cd-horizontal-timeline .events-content p{color:#959595; line-height: 200%}
.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p{line-height:1.6;}
100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}
.no-touch .cd-horizontal-timeline .events a:hover::after,.cd-horizontal-timeline .events a.selected::after{background-color:#498cbc;border-color:#498cbc;}
.cd-horizontal-timeline .events a.older-event::after,.no-touch .cd-timeline-navigation a:hover{border-color:#498cbc;}
.cd-timeline-navigation li, .events li, .cd-horizontal-timeline .events-content li { list-style: none}
@media only screen and min-width 1100px {
.cd-horizontal-timeline{margin:6em auto;}
.cd-horizontal-timeline::before{content:'desktop';}
}
@media only screen and min-width 768px {
.cd-horizontal-timeline .events-content h2{font-size:7rem;}
.cd-horizontal-timeline .events-content em{font-size:2rem;}
.cd-horizontal-timeline .events-content p{font-size:1.8rem;}
}
#bfOverides > div > a:nth-child(7) .bannerDescGrid, #bfOverides > div > a:nth-child(7) .bannerTitleGrid { color:#fff}
#bfOverides > div > a:nth-child(9) .bannerDescGrid, #bfOverides > div > a:nth-child(9) .bannerTitleGrid { color:#fff}
#bfOverides > div > a:nth-child(12) .bannerDescGrid, #bfOverides > div > a:nth-child(12) .bannerTitleGrid { color:#fff}
#bfOverides .bannerViewGrid { letter-spacing:1px}
/* Link text --------------------------------------------------------------- */
.innerMax {max-width: 1040px;margin: auto;}
.titlescmNew > div> div img {max-width:750px;}
.cmText {color: #ffffff;margin-bottom: 32px;}
.cmText span {color: #498cbc;font-size: larger;}
.cmLink {background: #201c19;text-align: center;}
.cmLink a {padding: 12px 24px;display: inline-block;background: #292522;margin-right: 8px;margin-bottom: 8px;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-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;font-family: bebas-kai, sans-serif;}
.cmLink a:hover {background: #ffffff;color: #498cbc;}
.cmLinkInvert {background: #efefef;text-align: center;}
.cmLinkInvert a {padding: 12px 24px;display: inline-block;background: #201c19;margin-right: 8px;margin-bottom: 8px;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-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;font-family: bebas-kai, sans-serif;}
.cmLinkInvert a:hover {background: #201c19;color: #FFFFFF;}
.cmLinkInvert .cmText {color: #201c19;}
.photo {background: #efefef;background-size: cover; background-position: center; height: 100%}
.photo div:after {padding-bottom: 75%;content: "";display: block;width: 100%;}
/* Fallback for older devices */
.modernizr-no-cssgrid [class*="gridBanner"] > div,
.modernizr-no-cssgrid [class*='gridBanner'] > div > a,
.modernizr-no-cssgrid [class*='gridBanner'] > div > a span[class*="banner"] {display: block;}
/* text overlay --------------------------------------------------------------- */
.bannerTxtCtrGrid{position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;text-align: center;padding: 32px;z-index: 2;width: 100%;height: 100%;flex-direction: column;-ms-flex-direction: column;color: white;}
.bannerDescGrid, .bannerTitleGrid, .bannerViewGrid {background: #000000a6;text-transform: uppercase;}
.bannerDescGrid:empty, .bannerTitleGrid:empty, .bannerViewGrid:empty{display:none;}
.bannerTxtCtrGrid > span {padding: 8px 16px;font-weight: 700;}
.bannerDescGrid {letter-spacing: 2px;font-size: 10px;color: #e0da14;/* padding: 0px 8px !important; */}
.bannerTitleGrid {font-size: x-large;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: bebas-kai, sans-serif;}
.bannerViewGrid {margin-top: 8px;font-size: small;padding: 12px 24px;display: inline-block;background: #292522;color: #fff;border-radius: 0px;-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;font-family: bebas-kai, sans-serif;}
[class*="gridBanner"] > div > a:hover .bannerViewGrid:after {background: #2db8e9; color: #fff;}
.bannerInvert .bannerTxtCtrGrid{align-items: flex-start;justify-content: flex-start;color: #2e3136; width:75%}
.bannerInvert .bannerDescGrid, .bannerTitleGrid, .bannerViewGrid {/* background: none; */text-transform: uppercase;}
.bannerInvert .bannerDescGrid:empty, .bannerTitleGrid:empty, .bannerViewGrid:empty{display:none;}
.bannerInvert .bannerTxtCtrGrid > span {background: none;color: #000;margin-top: 0;text-align: left;max-width: 75%;line-height: 150%;}
.bannerInvert .bannerDescGrid {letter-spacing: 0.5px;font-size: 11px;opacity: 0.7;padding: 0px !important;color: #000;}
.bannerInvert .bannerTitleGrid { font-size: x-large;padding: 0px 0;line-height: 100% !important;margin: 8px 0 !important;}
.bannerInvert .bannerViewGrid {font-size: 10px;padding: 0;font-family: inherit;}
.bannerInvert .bannerViewGrid:after {position: absolute;bottom: 16px;left: 16px;background: #fafafa;content: "\e095";font-family: feather;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 100%;}
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
[class*="gridBanner"] > div { grid-template-columns: 1fr; -ms-grid-columns: 1fr; padding: 0.5em 0; grid-gap:0.5em;}
[class*="gridBanner"] > div > a {grid-column: auto !important;grid-row: auto!important;}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
[class*="gridBanner"] > div { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; padding: 0.5em 0; grid-gap:0.5em;}
[class*="gridBanner"] > div > a {grid-column: auto !important;grid-row: auto!important;}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
/* --- CSS images hide*/
.bannerTxtCtrGrid { padding:16px}
}
/* Desktops ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{
/* --- Banner 1 override */
}
/* 4K ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
/* --- Banner 1 override */
}
/* Link text --------------------------------------------------------------- */
.innerMax {max-width: 1040px;margin: auto;}
.titlescmNew > div> div img {max-width:750px;}
.cmText {color: #ffffff;margin-bottom: 32px;}
.cmText span {color: #498cbc;font-size: larger;}
.cmLink {background: #201c19;text-align: center;}
.cmLink a {padding: 12px 24px;display: inline-block;background: #292522;margin-right: 8px;margin-bottom: 8px;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-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;font-family: bebas-kai, sans-serif;}
.cmLink a:hover {background: #ffffff;color: #498cbc;}
.cmLinkInvert {background: #efefef;text-align: center;}
.cmLinkInvert a {padding: 12px 24px;display: inline-block;background: #201c19;margin-right: 8px;margin-bottom: 8px;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-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;font-family: bebas-kai, sans-serif;}
.cmLinkInvert a:hover {background: #201c19;color: #FFFFFF;}
.cmLinkInvert .cmText {color: #201c19;}
/*.FFPrice, .financeTxtPosSub, #financeTopPanel > a, .financeTxtPosSub, #financeTxtPos a:first-child, .facetFinance .zflex-v { display: none}
.allowFinance:before, #financeTxtPos a:before { content: "Finance options available" !important;font-size: 10px !important;}
.allowFinance, .allowFinance:after {font-size:0 !important;}
*/
.denyFinance {
height: 40px !important;
display: block !important;
padding: 8px;
}
/* header Call to action bar */
.topBanner > a {font-size: 18px;text-align: center;padding: 10px;width: 100%;float: left;text-transform: uppercase;font-family: 'bebas-kai';}
.topBanner .btitle {}
.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;}
.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;}
.ytplayerOverlay a:empty {
display: none;
}
@media screen and (max-width: 767px)
{
.topBanner .bsubtitle, .topBanner .blink { display: none}
}
.vlog a {display: inline-block;vertical-align: top;padding: 8px;position: relative;}
.vlog h3 { margin: 16px 0;}
.vlog p {margin: 16px 0;font-size: smaller;color: #444;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.vlog .play {position:absolute;background:#fff;padding: 4px 12px;top: 8px;right: 8px;height: 30px;line-height: 100%;}
.vlog .play:after {font: normal normal normal 14px/1 FontAwesome;content: "\f04b";color:red;font-size: 8px;}
.vlog a:hover .play {background:red;}
.vlog a:hover .play:after {color:white;}
.vlog .viewMore {}
.Videoheader .videoWrapper { background:#000}
.Videoheader .imgCtr { opacity: 0.8}
.imgctrVideo { width:100%}
.imgctrVideo:after { padding-bottom: 56.25%; content: ""; display: block; width: 100%;}
@media screen and (max-width: 767.9px)
{
.vlog a { width:100%}
}
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
.vlog a { width:33.33%}
}
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
.vlog a { width:25%}
}
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{
.vlog a { width:20%}
}
@media screen and (min-width : 1914px)
{
.vlog a { width:16.66%}
}
/* Store pages --------------------------------------------------------------- */
.storesHire {margin: 32px auto;display: inline-block;text-align: center;}
.storesHire > div {margin: 8px;background: #303234;text-align: center;padding: 0px 0px 50px;float: none;display: inline-block;color: #fff;vertical-align: top;}
.storesHire > div:nth-of-type(3n){border-right:none;}
.storesHire img {margin-bottom: 38px;width:100%;min-height: 70px;position: relative;}
.storesHire h3:before {font: normal normal normal 14px/1 FontAwesome;display: inline-block;color: #fffff242;z-index: 1;left: 0;content: "\f14a";font-size: 19px;margin: 8px;}
.storesHire h3 {color:#fff;position: relative;}
.comingSoon { position:relative}
.comingSoon:before {content: "Unavailable";background: #252729;color: #e3c01d;padding: 8px;position: absolute;z-index: 1;font-family: bebas-kai, sans-serif;font-size: 20px;}
.comingSoon a {opacity:0.5;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.comingSoon .button {visibility: hidden;}
.hireMobileLink {font-family: 'bebas-kai, sans-serif'; position: relative; }
.hireMobileLink:before {content:"New";padding: 2px 4px;border-radius: 2px;font-size: 11px;font-family: bebas-kai, sans-serif;background: #fd4c4c;letter-spacing: 1px;margin-right: 8px;top;color: #fff;right: -8px;}
.comingSoon .button:before {visibility: visible;content: "Unavailable";-webkit-appearance: none;border: none;border-radius: 3px;/* color: #fff !important; */cursor: pointer;display: inline-block;font-size: 12px;font-weight: 400;height: auto;letter-spacing: 2px;line-height: 25px;text-align: center;text-transform: uppercase;-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;text-decoration: none;font-weight: 700;text-align: center;width: 100;display: block;}
.bookformContainer { max-width: 640px; margin: auto; float:none}
.bookformContainerCTA h3, .bookformContainerCTA i { margin: 0}
.bookformContainerCTA i {background:#fff;padding: 12px;margin: 0 16px 0 0;border-radius: 100%;font-size: 12px;}
.bftel { color: #0ed6c5}
.bfemail { color: #f76f6f}
.shadow {
-moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767.9px)
{
.storesHire > div { width: 48% !important}
.storesHire > div { margin: 8px 0;}
.storesHire .divider {width: 50px !important;}
}
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
.storesHire > div { width: 30% !important}
}
/* CSS Grid Banners - FACET COLLECTIONS PAGE --------------------------------------------------------------- */
div[class*="css-image"], span[class*="css-image"] {-webkit-background-size: 100% !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: center center !important; position: relative;width:100%;height:100%;z-index:1;}
div[class*="css-image"].bgContain, span[class*="css-image"].bgContain {background-size:contain !important; background-color: white !important;}
span[class*="css-image"] {display: block;}
[class*="gridBanner"] > div, [class*="grirow"] > div {display: grid; grid-gap: 1em; padding: 0 0 1em 0;}
[class*="gridBanner"] > div > a, [class*="grirow"] > div > a {position: relative; width: 100%; height: 100%}
[class*="gridBanner"] > div > a:hover .photo span:after, [class*="grirow"] > div > a:hover .photo span:after {background: #00000088;}
.gridBanner1 > div {grid-template-columns: repeat(4, 1fr);-ms-grid-columns: 1fr 1fr 1fr 1fr;}
.gridBanner1 > div > a:nth-child(1) {grid-column: 2/4;grid-row: 1/3;}
.gridBanner2 > div {grid-template-columns: repeat(3, 1fr);-ms-grid-columns: 1fr 1fr 1fr 1fr;}
.gridBanner2 > div > a:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
[class*="grirow"] > div {display: grid;grid-gap: 0;padding: 0 0 0 0; background: #303234;}
.grirow1 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
.grirow2 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
.grirow3 > div {grid-template-columns: repeat(3, 1fr); -ms-grid-columns: 1fr 1fr 1fr;}
.grirow4 > div {grid-template-columns: repeat(4, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr;}
.grirow5 > div {grid-template-columns: repeat(5, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;}
.grirow6 > div {grid-template-columns: repeat(6, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grirow7 > div {grid-template-columns: repeat(7, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.gBrandsBut {padding: 1em;background: #000;margin-bottom: 1em;}
.gBrandsBut > div > a {text-align: center;padding: 1em 2em;color: #fff;text-decoration: underline;font-size: 14px; border: 1px solid #fff;}
.gBrandsBut > div > a:hover {color: #BF1009; border: 1px solid #bf1009;}
.gBrandsButInvert > div > a {text-align: center;padding: 1em 2em;text-decoration: underline;font-size: 14px;border: 1px solid #d6d6d6;background: #fbfbfb; font-family: 'pt_sansbold';}
.gBrandsButInvert:last-of-type {border-bottom:0;}
.gBrandsButInvert > div {clear: both;}
[class*="gBrands"] .fullwspan {padding: 0 0 16px 0;display: block;}
[class*="gBrands"] .fullwspan strong {font-weight:normal;color:#bf1009;}
.gBrandsLogo { padding:16px 0}
.gBrandsOutline > div > a {text-align: center;padding: 1em 2em;border: 1px solid #d6d6d6;background: #FFFFFF; }
.gBrandsBut > div > a:hover {color: #BF1009; border: 1px solid #bf1009;}
.ALPDescription-desktop-brand { display:none}
.bgwht > div { background: #ffffff;}
.photo {background: #efefef;background-size: cover;background-position: center;height: 100%;display: block;}
.photo span:after {padding-bottom: 100%;content: "";display: block;width: 100%; background: #00000000; -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; height: 100%;}
.opacity50 .photo {opacity: 0.5;}
[class*="gBrands"] span[class*="css-image"] { background-size: contain !important}
[class*="gBrands"] .photo { background:#fff; padding: 16px; height: auto}
[class*="gBrands"] > div > a:hover .photo span:after {background:none;}
.All100 .photo div:after, .All100 .photo span:after {padding-bottom: 100% !important;}
.All75 .photo div:after, .all75 .photo span:after {padding-bottom: 75% !important;}
.All75vh .photo div:after, .All75vh .photo span:after {padding-bottom: 75vh !important;}
.All50vh .photo div:after, .All50vh .photo span:after {padding-bottom: 50vh !important;}
.All30vh .photo div:after, .All30vh .photo span:after {padding-bottom: 30vh !important;}
.All50 .photo div:after, .All50 .photo span:after {padding-bottom: 50% !important;}
.All25 .photo div:after, .All25 .photo span:after {padding-bottom: 25% !important;}
.All12 .photo div:after, .All25 .photo span:after {padding-bottom: 12.5% !important;}
.bannerTxtCtrGrid {position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;text-align: center;padding: 32px;z-index: 2;width: 100%;height: 100%;flex-direction: column;-ms-flex-direction: column;color: white;}
.bannerDescGrid:empty, .bannerTitleGrid:empty, .bannerViewGrid:empty{display:none;}
.bannerTxtCtrGrid > span {/* padding: 1em 2em; */}
.bannerDescGrid {font-size: smaller;}
.bannerTitleGrid {text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 8px;}
.bannerViewGrid {margin-top: 8px;background: none;line-height: 100%;font-family: inherit;font-size: 11px;}
.textBottom .bannerTxtCtrGrid {background: none;position: relative;height: auto;order: 1;padding: 4px 0 0;color: #000;align-items: flex-start;justify-content: flex-start;}
.textBottom > div a {display: inline-grid;}
.textBottom .bannerDescGrid, .textBottom .bannerTitleGrid, .textBottom .bannerViewGrid {color: #222;padding: 0;background: none;}
.textBottom .bannerTitleGrid {-webkit-line-clamp: 1;}
.textBottom .bannerView.bannerView {right: 0;margin: 0;border: none;position: absolute;background: none;top: -64px;left: 32px;width: 100%;opacity:0;display: none;}
.textBottom > div :hover .bannerView.bannerView {opacity: 1;top: -70px;display: none;}
.textMiddle .bannerTxtCtrGrid{align-items: center;justify-content: flex-end;}
.mainBanner > div > a:nth-child(1) {grid-column: span 2;grid-row: span 2;}
.mainBanner > div > a:nth-child(1) .bannerTitleGrid {font-size: 56px;padding: 24px 0;}
.mainBanner .bannerDescGrid, .mainBanner .bannerTitleGrid, .mainBanner .bannerViewGrid {background: none;}
.mainBanner .bannerDescGrid {background: none;color: #ffffff;font-size: 14px;padding: 0px;letter-spacing: 1px;text-shadow: 0px 0px 4px #000000;font-weight: 600;}
.mainBanner .bannerTitleGrid {background: none;font-size: 32px;padding: 8px 0;order: -1;text-shadow: 0px 0px 8px #000000b0;line-height: 100%;}
.mainBanner .bannerViewGrid {color: #ffffff;border: 1px solid #ffffffa1;background: #0000005e;}
.mainBanner > div > a:hover .bannerViewGrid {background: #498cbc;color: #fff;padding: 8px 32px;border: 1px solid #498cbc;}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 0px) and (max-width : 1023.9px)
{
.mainBanner > div > a:nth-child(1) {grid-column: span 1;grid-row: span 1;}
.mainBanner .bannerTitleGrid {font-size: 28px !important;padding: 8px 0 !important;}
}
.mainBanner2 > div > a:nth-child(1), .mainBanner2 > div > a:nth-child(2), .mainBanner2 > div > a:nth-child(3) {grid-row: 1/3;}
.mainBanner2 > div > a:nth-child(1) .bannerTitleGrid, .mainBanner2 > div > a:nth-child(2) .bannerTitleGrid, .mainBanner2 > div > a:nth-child(3) .bannerTitleGrid {line-height: 100%;font-size: 56px;overflow: hidden;}
.mainBanner2 .bannerDescGrid, .mainBanner2 .bannerTitleGrid, .mainBanner2 .bannerViewGrid {background: none;}
.mainBanner2 .bannerDescGrid {background: none;color: #ffffff;font-size: 14px;padding: 0px;letter-spacing: 1px;text-shadow: 0px 0px 4px #000000;font-weight: 600;}
.mainBanner2 .bannerTitleGrid {background: none;font-size: 32px;padding: 8px 0;order: -1;text-shadow: 0px 0px 8px #000000b0;}
.mainBanner2 .bannerViewGrid {min-width: 100px;color: #ffffff;border: 1px solid #ffffffa1;background: #0000005e;}
.mainBanner2 > div > a:hover .bannerViewGrid {background: #498cbc;border: 1px solid #498cbc;color: #fff;padding: 8px 32px;}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 0px) and (max-width : 1023.9px)
{
.mainBanner2 > div > a:nth-child(1) {grid-column: span 1;grid-row: span 1;}
.mainBanner2 .bannerTitleGrid {font-size: 28px !important;padding: 8px 0 !important;}
.mainBanner2 > div > a:nth-child(1), .mainBanner2 > div > a:nth-child(2), .mainBanner2 > div > a:nth-child(3) {grid-row: span 1;}
}
.blogHomepage {display: grid;grid-gap: 1em;padding: 0 0 0 0;}
.blogHomepage {grid-template-columns: repeat(4, 1fr);}
.blogHomepage img {width:100%;object-fit: cover;max-height: 150px;}
.blogHomepage > span:first-of-type {grid-column: span 2;grid-row: span 4;height: 100%;display: inline-block;}
.blogHomepage > span:nth-child(2) {grid-column: span 1;grid-row: span 1;height: 100%;display: inline-block;}
.blogHomepage > span:nth-child(3) {grid-column: span 1;grid-row: span 1;height: 100%;display: inline-block;}
.blogHomepage > span:first-of-type img {/* position:absolute; */max-width: 100%;/* height: 100%; */top: 0;max-height: initial;}
.blogHomepage .hmBlog {position:relative;display: flex;border-bottom: 1px solid #505050;padding-bottom: 16px;}
.blogHomepage .hmBlog:hover h2 {text-decoration: underline;}
.blogHomepage .blogSnipImg {max-width: 40%;}
.blogHomepage .blogSnipText { display:none}
.blogHomepage .blogSnipImg {order:-1;padding-right:16px;z-index: 0;}
.blogHomepage > span:first-of-type h2 {font-size: larger !important;}
.blogHomepage h2 {padding:0;margin:0;font-family: inherit;font-size: 14px;line-height: 130%;font-weight: 700;padding-bottom: 4px;font-size: smaller !important;}
.blogHomepage p {padding: 0;margin: 0;font-size: 11px;color: #ffffff47;}
.blogHomepage p strong {display:none}
.blogHomepage > span:first-of-type > span:last-of-type {padding: 16px 0;}
.blogHomepage .blogSnipImg :after {content: "";display: block;width: 100%;}
.blogHomepageMore { margin-bottom:56px}
.blogHomepageMore p { color:#949494; font-size:14px}
.blogHomepageMore a {
border-radius: 4px;
background: #606163;
color: #ffffff;
font-size: 14px;
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 0px) and (max-width : 1023.9px)
{
.blogHomepage {grid-template-columns: repeat(1, 1fr);padding-bottom: 56px;}
.blogHomepage > span:first-of-type {grid-column: span 1;grid-row: span 1;}
}
.Brands {position:relative;text-align: center;}
.Brands .overlay {background: linear-gradient(to top,#ffffff,#fff0);position: absolute;width: 100%;height: 100%;z-index: 1;}
.Brands a {
display: inline-block;
max-width: 175px;
}
.Brands img {
width: 100%;
}
.imgBlue a {
background: #498cbc;
}
.imgBlue .photo {
opacity: 0.3;
filter: grayscale(100%);
}
[class*="desaturate"] a{-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;}
[class*="desaturate"] a:hover {filter: grayscale(0%);}
.desaturate50 a {filter: grayscale(50%);}
.desaturate75 a {filter: grayscale(75%);}
.desaturate100 a {filter: grayscale(100%);}
.textOverlayLarge .bannerDescGrid, .textOverlayLarge .bannerTitleGrid, .textOverlayLarge .bannerViewGrid {background: none;}
.textOverlayLarge .bannerDescGrid {background: none;color: #ffffff;font-size: 16px;padding: 0px;font-weight: 700;}
.textOverlayLarge .bannerTitleGrid {background: none;font-size: 56px;padding: 21px 0;order: -1;text-shadow: 0px 0px 8px #000000b0;line-height: 100%;}
.textOverlayLarge .bannerViewGrid {background: #fff;color: #050608;min-width: 100px;}
.textOverlayLarge a:hover .bannerViewGrid {background: #498cbc;color: #fff;padding: 8px 32px;}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 0px) and (max-width : 1023.9px)
{
.textOverlayLarge .bannerTitleGrid {background: none;font-size: 24px;padding: 8px 0;}
.textOverlayLarge .bannerDescGrid {background: none;font-size: 10px;padding: 0px 0;}
}
.textOverlay1 .bannerDescGrid, .textOverlay1 .bannerTitleGrid, .textOverlay1 .bannerViewGrid {background: none;}
.textOverlay1 .bannerDescGrid {background: none;}
.textOverlay1 .bannerTitleGrid {background: none;font-size: xx-large;}
.textOverlay1 .bannerViewGrid {background: #fff;color: #050608;min-width: 100px;}
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
.gridBanner1 > div {grid-template-columns: repeat(2, 1fr);-ms-grid-columns: 1fr 1fr 1fr 1fr;}
.gridBanner1 > div > a:nth-child(1) {grid-column: 1/3 !important;}
.grirow2 > div {grid-template-columns: repeat(1, 1fr) !important;; -ms-grid-columns: 1fr}
.grirow4 > div {grid-template-columns: repeat(1, 1fr) !important;; -ms-grid-columns: 1fr}
.grirow5 > div {grid-template-columns: repeat(1, 1fr) !important;; -ms-grid-columns: 1fr 1fr}
.grirow6 > div {grid-template-columns: repeat(2, 1fr) !important;; -ms-grid-columns: 1fr 1fr}
.grirow5 .bannerTxtCtrGrid { padding:8px !important}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
.gridBanner1 > div {grid-template-columns: repeat(2, 1fr);-ms-grid-columns: 1fr 1fr;}
.gridBanner1 > div > a:nth-child(1) {grid-column: 1/3 !important;}
.grirow4 > div {grid-template-columns: repeat(2, 1fr) !important;; -ms-grid-columns: 1fr 1fr}
.grirow5 > div {grid-template-columns: repeat(2, 1fr) !important;; -ms-grid-columns: 1fr 1fr}
.grirow6 > div {grid-template-columns: repeat(2, 1fr) !important;; -ms-grid-columns: 1fr 1fr}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
/* --- CSS images hide*/
.gridBanner1 > div {grid-template-columns: repeat(2, 1fr);-ms-grid-columns: 1fr 1fr 1fr 1fr;}
.gridBanner1 > div > a:nth-child(1) {grid-column: 1/3;}
.grirow4 > div {grid-template-columns: repeat(2, 1fr) !important; -ms-grid-columns: 1fr 1fr}
.grirow5 > div {grid-template-columns: repeat(2, 1fr) !important;; -ms-grid-columns: 1fr 1fr}
.grirow6 > div {grid-template-columns: repeat(3, 1fr) !important;; -ms-grid-columns: 1fr 1fr 1fr}
}
/* Desktops ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px) {}
/* 4K ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px) {}
/* Fallback for older devices */
.modernizr-no-cssgrid [class*="gridBanner"] > div,
.modernizr-no-cssgrid [class*='gridBanner'] > div > a {display: block;}
.hideme { display:none}
.pdp-modal-box {position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:30000;}
#pdp-modal-inactive[data-active="True"], #pdp-modal-oos[data-active="False"], #pdp-modal-oos[data-backorder="True"] {display:none;}
.pdp-modal-inner {position:relative;width:1000px; max-width:100%;border-radius:8px;}
.pdp-modal-close { position: absolute; top:0;right:0;width:48px;height: 48px;line-height: 48px;text-align:center;font-size:24px;cursor:pointer;}
#pdp-modal-inactive[data-active="True"], #pdp-modal-oos[data-active="True"][data-alloutta="false"], #pdp-modal-inactive[data-active="False"] + #pdp-modal-oos {display:none;}
/* grid layout --------------------------------------------------------------- */
.gridCSS {display: grid; grid-gap: 0.2em; grid-template-columns: repeat(2,1fr);grid-gap: 3em;}
[class*="gridBanner"] > div {display: grid;padding: 0.2em 0;grid-gap: 0.2em;}
[class*="gridBanner"] > div > a {position: relative; width: 100%; height: 100%}
[class*="gridBanner"] > div > a:hover .bannerView {background: #2b3266;}
.modernizr-no-cssgrid [class*="gridBanner"] > div { display: block}
.layout1 > div {grid-template-columns: repeat(4,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr; padding-bottom: 0 }
.layout1 > div > a:nth-child(1) {grid-column: 1/3;grid-row: 1/3;}
.layout2 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr }
.layout2 > div > a:nth-child(1) {grid-column: 2/3;grid-row: 1/3;}
.layout3 > div {grid-template-columns: repeat(3,1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr; padding: 1em 0; grid-gap: 1em; }
.layout3 > div > a:nth-child(1) {grid-column: 2/3;grid-row: 1/3;}
.layout4 > div {grid-template-columns: repeat(4,1fr);padding: 1em 0; grid-gap: 1em; }
.layout4 > div > a:nth-child(1) {grid-column: 2/3;grid-row: 1/3;}
.layout4 > div > a:nth-child(3) {grid-column: 4/3;grid-row: 1/3;}
.layout5 > div {grid-template-columns: repeat(5,1fr);padding: 1em 0;grid-gap: 1em;}
.layout5 > div > a:nth-child(1) {grid-column: 1 / span 2;grid-row: 1/3;}
.layout5 > div > a:nth-child(2) {grid-row: 1/3;}
.layout6 > div {grid-template-columns: repeat(3,1fr);padding: 1em 0;grid-gap: 1em;}
.layout6 > div > a:nth-child(1) {grid-column: 3;}
.layout6 > div > a:nth-child(2) {grid-column: 2/3;grid-row: 3;}
.layout6 > div > a:nth-child(3) {grid-column: 1;grid-row: 3;}
.layout6 > div > a:nth-child(4) {grid-column: 1/3;grid-row: 1/3;}
.layout6 > div > a:nth-child(5) {grid-row: 1/3;grid-column: 3;}
.layout6 > div > a:nth-child(6) {grid-column: 1/3;}
.layout6 > div > a:nth-child(7) {grid-column: 3;}
.layout6 > div > a:nth-child(8) {grid-column: 3;}
.layout7 > div {grid-template-columns: repeat(3,1fr);padding: 1em 0;grid-gap: 1em;}
.layout8 > div {grid-template-columns: repeat(4,1fr);padding: 1em 0;grid-gap: 1em;}
.layout8 > div > a:nth-child(1) {grid-column: 1 / span 2;grid-row: 1/3;}
.layout8 > div > a:nth-child(2) {grid-row: 1/3;}
/* Large Mobile Phones --------------------------------------------------------------- */
@media screen and (max-width: 767.9px)
{
[class*="gridBanner"] > div { grid-template-columns: 1fr; -ms-grid-columns: 1fr; padding: 0.5em 0; grid-gap:0.5em;}
[class*="gridBanner"] > div > a {grid-column: auto !important;grid-row: auto!important;}
}
/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
[class*="gridBanner"] > div { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; padding: 0.5em 0; grid-gap:0.5em;}
[class*="gridBanner"] > div > a {grid-column: auto !important;grid-row: auto!important;}
}
/* laptops Large ------------------------------------------------------------------------------------- */
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
/* --- CSS images hide*/
.bannerTxtCtrGrid { padding:16px}
}
/* Desktops ------------------------------------------------------------------------------------ */
@media screen and (min-width : 1440px) and (max-width : 1913.9px)
{
/* --- Banner 1 override */
}
/* 4K ------------------------------------------------------------------------------------------ */
@media screen and (min-width : 1914px)
{
/* --- Banner 1 override */
}
.maxInner {max-width: 1330px;margin: auto;}
.newAcc .accordianBox{border-bottom:1px solid #e1e1e1;width:100%;float:left;margin-bottom: 0px;padding: 32px 0;}
.newAcc .accordianHeader{cursor:pointer;width:calc(100% - 32px);position:relative;padding: px 0;font-family:'citrfontbold';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family: bebas-kai, sans-serif;font-size: larger;}
.newAcc .accordianHeader p{margin:0;padding:0;display:inline-block}
.newAcc .accordianHeader > h3{float:left;margin:0;font-size:initial}
.newAcc .accordianHeader > span.fa-unsorted{padding-left:21px;position:absolute;right:-32px;top:50%}
.newAcc .accordianHeader > span.fa-unsorted:before,.newAcc .accordianHeader > span.fa-unsorted:after{position:absolute;height:1px;width:13px;border-radius:2px;content:' ';display:block;background:#868686;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:1}
a
.newAcc .accordianHeader > span.fa-unsorted:before{right:0}
.newAcc .accordianHeader > span.fa-unsorted:after{right: -13px;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
.newAcc .accordianBox.active .accordianHeader > span.fa-unsorted:before{opacity:0;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.newAcc .accordianBox.active .accordianHeader > span.fa-unsorted:after{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.newAcc .accordianHeader [class*="icon"]{margin-right:8px;position:relative;bottom:2px}
.newAcc .accordianCtn{width:100%;float:left;margin:18px 0 0 0;display:none}
.newAcc .accordianBox.active .accordianCtn{display:block}
@media screen and (max-width: 767.99px) {
.newAcc .accordianHeader{padding:16px 0}
}
/* --- Yotpo overides */
.bottomLine a { color: #31baea;}
.shoppers-say-display-wrapper {background: #fff; margin-top: 8px !important; float: left; width: 100%;}
/* --- FAF compare overides */
.selectcompare {display: none}
/* --- detail page open and close */
.mobileTab.active .newacctab {height: 120px; display:inline-block; overflow: hidden; position: relative}
.mobileTab.active .gladientOverlay {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(255, 255, 255, 0.35) 55%,rgb(255, 255, 255) 100%);
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
}
.mobileTab.active .newaccopen {display:inline;height: auto !important;}
.mobileTab.active .newaccopen .gladientOverlay {display:none;}
.mobileTab.active .newacctab-preview {
position: absolute;
bottom: 0;
width: 100%;
background: #ffffff;
padding: 6px;
text-align: center;
border-radius: 5px;
text-decoration: underline;
border-bottom: 1px solid #30323400;
}
.mobileTab.active .newacctab-preview:after {content: "read more";}
.mobileTab.active .newaccopen .newacctab-preview { position:relative}
.mobileTab.active .newaccopen .newacctab-preview:before {display:none;}
.mobileTab.active .newaccopen .newacctab-preview:after {content: "Close";}
.Vacancies #CSContentRepeater_lblError { font-size: 0px}
.Vacancies #CSContentRepeater_lblError:before {content:"Currently no vacancies at this time";font-size: initial;background: #fff3f3;padding: 16px;display: block;text-align: center;color: red;}
.Vacancies li{border-top: 1px solid #dedede;padding: 46px 0;width: 50%;list-style:none;float: left;}
.Vacancies li:nth-child(odd){ padding-right:32px}
.Vacancies .blogSnipImg{display: none;}
.Vacancies h2{width: 100%;margin: 0 0 8px;}
.Vacancies h2 a { color:#444}
.Vacancies p{padding: 0;font-size: 14px;}
.Vacancies p strong {font-size:0}
.Vacancies p strong:before {content:"Job posted on";font-size: initial; font-weight:normal}
.Vacancies p { font-weight:bold}
.Vacancies .Recent {padding: 0;height: auto;overflow: unset;}
.Vacancies .Recent > div {flex-direction: column;}
.Vacancies .blogSnipText {padding:0;display: block;float: left;overflow: unset;font-size: 14px;}
.Vacancies .Recent .blogSnipText a {position:relative;padding: 0;}
@media screen and (max-width: 767.9px)
{
.Vacancies li:nth-child(odd){ padding-right:0px}
}
body[style*="position: fixed"] .cd-main-header {
display:none
}
.cd-main-header ul, .cd-main-header li
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
.cd-main-header ol, .cd-main-header ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.cd-main-content, .cd-main-header {
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
z-index: 1;
}
@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
}
.boHidden .cd-main-content {
z-index: 5;
}
.cd-main-header {
height: 50px;
background: #303234;
z-index: 3;
}
.nav-is-fixed .cd-main-header {
/* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
position: fixed;
top: 0;
left: 0;
width: 100%;
}
@media only screen and (min-width: 1170px) {
.cd-main-header {
height: 47px;
margin: auto;
max-width: calc(640px + 3 * 320px);
}
.cd-main-header::after {
clear: both;
content: "";
display: table;
}
}
.cd-logo {
position: absolute;
top: 50%;
left: 16px;
width: auto;
}
.cd-logo img {
display: block;
width:100%;
max-width:180px;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-logo {
left: auto;
right: 16px;
}
.cd-logo {
top:12px;
left: 16px;
width: 130px;
max-width:100px;
}
}
@media only screen and (min-width: 1170px) {
.cd-logo {
top: 8px;
left: 16px;
}
}
.cd-header-buttons {
position: absolute;
top: 0px;
right: 16px;
}
.cd-header-buttons li {
display: inline-block;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-header-buttons {
right: auto;
left: 16px;
}
.nav-on-left .cd-header-buttons li {
float: right;
}
}
@media only screen and (min-width: 1170px) {
.cd-header-buttons {
right: 16px;
}
}
.cd-search-trigger, .cd-nav-trigger {
position: relative;
display: block;
width: 44px;
height: 44px;
overflow: hidden;
white-space: nowrap;
/* hide text */
color: transparent !important;
z-index: 3;
}
.cd-search-trigger::before, .cd-search-trigger::after {
/* search icon */
content: '';
position: absolute;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-search-trigger::before {
/* lens */
top: 11px;
left: 11px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 3px solid #ffffff;
}
.cd-search-trigger::after {
/* handle */
height: 3px;
width: 8px;
background: #fdfeff;
bottom: 14px;
right: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span {
/* container for the X icon */
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.cd-search-trigger span::before, .cd-search-trigger span::after {
/* close icon */
content: '';
position: absolute;
display: inline-block;
height: 3px;
width: 22px;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -11px;
background: #ffffff;
opacity: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
/* hide search icon */
opacity: 0;
}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
/* show close icon */
opacity: 1;
}
.cd-search-trigger.search-is-visible span::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
/* hamburger icon in CSS */
position: absolute;
display: inline-block;
height: 2px;
width: 16px;
background: #ffffff;
}
.cd-nav-trigger span {
/* line in the center */
position: absolute;
top: 50%;
right: 10px;
margin-top: 1px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
/* other 2 lines */
content: '';
right: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
/* menu icon top line */
top: -6px;
}
.cd-nav-trigger span::after {
/* menu icon bottom line */
top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
/* hide line in the center */
background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
/* keep visible other 2 lines */
background: #FFFFFF;
}
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
top: -2px;
}
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
top: 4px;
}
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
display: none;
}
}
.cd-primary-nav, .cd-primary-nav ul {
position: fixed;
top: 0;
right: 0;
margin: 0;
padding:0;
height: 100%;
width: 260px;
background: #2e3233;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 4;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #3a3f40;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
/* secondary navigations hidden by default */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
right: auto;
left: 0;
}
.column4{clear: both;-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
.column3{clear: both;-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
.column2{clear: both;-moz-column-count: 1;-moz-column-gap: 1;-webkit-column-count: 1;-webkit-column-gap: 1;column-count: 1;}
}
.cd-primary-nav .see-all a {
/* different style for the See all button on mobile and tablet */
}
.cd-new:after {content: "NEW";background: #3fafe5;color: white;margin-left: 8px;position: relative;top: -0.7em;font-size: 8px;padding: 2px 4px;border-radius: 3px;}
.cd-appointment:after {content: "APPOINTMENT ONLY";background: #3fafe5;color: white;margin-left: 8px;position: relative;top: -0.7em;font-size: 8px;padding: 2px 4px;border-radius: 3px;}
.cd-closed:after {content: "CLOSED";background: #9e0e32;color: white;margin-left: 8px;position: relative;top: -0.7em;font-size: 8px;padding: 2px 4px;border-radius: 3px;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
/* items with picture (or icon) and title */
height: 80px;
line-height: 80px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
overflow: hidden;
text-overflow: ellipsis;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
padding-left: 90px;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
color: #2e3233;
font-size: 1.3rem;
/* hide description on small devices */
display: none;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
/* item icon */
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
@media only screen and (max-width: 1169px) {
.cd-primary-nav {
/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s;
}
.cd-primary-nav.nav-is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
.lowercase {
font-size: smaller;
font-family: inherit;
text-transform: uppercase;
font-weight: 700;
}
}
@media only screen and (min-width: 1170px) {
.cd-primary-nav {
position: static;
padding: 0;
height: auto;
width: auto;
margin: auto;
overflow: visible;
background: transparent;
text-align: center;
}
.cd-primary-nav::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav ul {
position: static;
height: auto;
width: auto;
background: transparent;
overflow: visible;
z-index: 3;
}
.cd-primary-nav ul.is-hidden {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-primary-nav ul.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav > li {
margin: 0 8px;
display: inline-block;
}
.cd-primary-nav > li > a {
/* main navigation buttons style */
position: relative;
display: inline-block;
height: 47px;
line-height: 47px;
padding: 0px;
overflow: visible;
border-bottom: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s;
font-family: bebas-kai, sans-serif;
list-style: none;
display: inline-block;
font-family: 'bebas-kai';
color: #bbb;
font-size: 20px;
margin: 0;
}
.moves-out.cd-primary-nav > li > a:not(.selected) {
opacity: 0.5;
}
.cd-primary-nav > li > a:hover {
color: #ffffff;
}
.cd-primary-nav > li > a.selected {
color: #e3c01d;
box-shadow: inset 0 -6px 0 #ffffff;
}
.cd-primary-nav .go-back, .cd-primary-nav .see-all {
display: none;
}
.cd-sales > a.selected {
color: #ff7272 !important;
}
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
/* dropdown menu style */
position: absolute;
top: 45px;
width: 100%;
background: #ffffff;
padding: 48px 64px 130px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
/* this is the BIG See all button at the bottom of the dropdown menu */
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 80px;
width: 100%;
overflow: hidden;
/* reset some inherited style */
margin: 0;
padding: 0;
}
.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-weight: bold;
text-align: center;
line-height: 80px;
background: #f5f5f5;
border-top: 1px solid #ececec;
border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s;
}
.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
background: #a62635;
color: #ffffff
}
.cd-primary-nav .cd-secondary-nav > li {
/* change the height according to your needs - you can even set height: auto */
height: 370px;
/* here you set the number of columns - use width percentage */
width: 23%;
float: left;
margin-right: 2.66%;
border-right: 1px solid #e2e3df;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
-webkit-overflow-scrolling: touch;
}
.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
/* +2 because we have 2 list items with display:none */
margin-right: 0;
border-right: none;
/* display: none; */
}
.cd-primary-nav .cd-secondary-nav > li > a {
/* secondary nav title */
color: #333333;
font-weight: bold;
margin-bottom: .6em;
}
.cd-primary-nav .cd-secondary-nav a {
height: 30px;
line-height: 30px;
padding: 0 18% 0 0;
color: #666666;
border-bottom: none;
font-size: smaller;
}
.cd-primary-nav .cd-secondary-nav a:hover {
color: #000000;
}
.cd-primary-nav .cd-secondary-nav ul {
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-primary-nav .cd-secondary-nav ul ul {
/* tertiary navigation */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
display: block;
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
opacity: 0.7;
}
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
display: block;
}
.cd-primary-nav .cd-secondary-nav .moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cd-primary-nav .cd-nav-gallery li {
/* set here number of columns - use width percentage */
width: 22%;
float: left;
margin: 0 4% 40px 0;
}
.cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
border-bottom: none;
padding: 0;
height: auto;
line-height: 1.2;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: static;
margin-top: 0;
height: auto;
width: 100%;
margin-bottom: .6em;
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
color: #333333;
font-weight: bold;
padding: 0 .4em;
}
.cd-primary-nav .cd-nav-icons li {
/* set here number of columns - use width percentage */
width: 32%;
float: left;
margin: 0 2% 20px 0;
}
.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item {
border-bottom: none;
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
position: relative;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
background: #f6f6f5;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
color: #333333;
font-weight: bold;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
display: block;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
left: 25px;
}
}
.cd-primary-nav > li > a {
opacity: 1;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
/* arrow icon in CSS - for element with nested unordered lists */
content: '';
position: absolute;
top: 50%;
margin-top: -2px;
display: inline-block;
height: 2px;
width: 10px;
background: #e5e5e5;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
background: #b7bfc7;
}
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
background: #333333;
}
}
.has-children > a {
padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
.cd-primary-nav .go-back a {
padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {
right: 15%;
}
.cd-primary-nav > .has-children > a {
/* main navigation arrows on larger devices */
padding-right: 16px !important;
}
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
width: 6px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #778594;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-primary-nav > .has-children > a::before {
right: 3px;
}
.cd-primary-nav > .has-children > a::after {
right: 0;
}
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
width: 9px;
}
.cd-primary-nav > .has-children > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
right: 5px;
background: #c68383;
}
.cd-primary-nav > .has-children > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
right: 0;
background: #c68383;
}
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
/* remove arrows on secondary nav titles */
display: none;
}
.cd-primary-nav .go-back a {
padding-left: 20px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
left: 1px;
}
}
.cd-search {
position: absolute;
height: 50px;
width: 100%;
top: 50px;
left: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-search form {
height: 100%;
width: 100%;
}
.cd-search input {
border-radius: 0;
border: none;
background: #ffffff;
height: 100%;
width: 100%;
padding: 0 5%;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
height: 63px;
max-width: 1800px;
float: none;
display: inherit;
top: -3px;
position: relative;
padding: 0px 2em;
margin: auto;
}
.cd-search input::-webkit-input-placeholder {
color: #c9cbc4;
}
.cd-search input::-moz-placeholder {
color: #c9cbc4;
}
.cd-search input:-moz-placeholder {
color: #c9cbc4;
}
.cd-search input:-ms-input-placeholder {
color: #c9cbc4;
}
.cd-search input:focus {
outline: none;
}
.cd-search.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
position: fixed;
}
@media only screen and (min-width: 1170px) {
.cd-search {
height: 63px;
top: 99px;
}
.cd-search input {
padding: 0 2em;
font-size: 1em;
}
}
.cd-overlay {
/* shadow layer visible when navigation is active */
position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.25);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-img-item .img {}
.cd-img-item a {height: 100% !important;padding: 0 !important;}
.cd-img-item {overflow: unset !important;}
.cd-img-item {overflow: unset !important;}
.cd-img-item h2 {
display: inline-block;
font-size: 1.5em;
padding: 16px;
color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 16px;
z-index: 1;
text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.97);
}
.cd-overlay.is-visible, .open-slide-menu .cd-overlay {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/* --------------------------------
support for no js
-------------------------------- */
.no-js .cd-primary-nav {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2;
}
.no-js .cd-search {
position: relative;
top: 0;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 150px;
padding: 0;
}
.no-js .nav-is-fixed .cd-primary-nav {
position: fixed;
}
}
@media only screen and (min-width: 1170px){
.cd-Sale a {
margin-right: 20px !important;
color: red !important;
.has-children > a, .go-back a {
position: relative;
opacity: 0.6;
}
}
}
.cd-larger, .cd-larger a { font-size: large !important;}
.see-all, .see-all a, .allLink { font-style: italic;}
.cd-bikes .cd-secondary-nav > li:nth-child(3) { width: 30%;}
.cd-bikes .cd-secondary-nav > li:nth-child(4) { width: 30%;}
.cd-bikes .cd-secondary-nav > li:nth-child(5), .cd-bikes .cd-secondary-nav > li:nth-child(6) {width: 16%; }
.cd-Clothing .cd-secondary-nav > li:nth-child(3) {width: 40%;}
.cd-Clothing .cd-secondary-nav > li:nth-child(4) {width: 26%;}
.cd-Clothing .cd-secondary-nav > li:nth-child(5) {width: 26%;margin-right: 0;border: none;}
.cd-Protection .cd-secondary-nav > li:nth-child(3) {width: 40%;}
.cd-Protection .cd-secondary-nav > li:nth-child(4) {width: 26%;}
.cd-Protection .cd-secondary-nav > li:nth-child(5) {width: 26%;margin-right: 0;border: none;}
.cd-Parts .cd-secondary-nav > li:nth-child(3) {width: 40%;}
.cd-Parts .cd-secondary-nav > li:nth-child(4) {width: 26%;}
.cd-Parts .cd-secondary-nav > li:nth-child(5) {width: 26%;margin-right: 0;border: none;}
.cd-about .cd-secondary-nav > li:nth-child(3) {width: 40%;}
.cd-about .cd-secondary-nav > li:nth-child(4) {width: 26%;}
.cd-about .cd-secondary-nav > li:nth-child(5) {width: 26%;margin-right: 0;border: none;}
.cd-brands .cd-secondary-nav > li:nth-child(3) { width: 30%;}
.cd-brands .cd-secondary-nav > li:nth-child(4) {width: 67%;margin-right: 0;border: none;}
.cd-about .cd-secondary-nav > li:nth-child(3) {width: 40%;}
.cd-about .cd-secondary-nav > li:nth-child(4) {width: 26%;}
.cd-about .cd-secondary-nav > li:nth-child(5) {width: 26%;margin-right: 0;border: none;}
.cd-secondary-nav ul li {display:inline-block;width:100%;margin:0;padding:0;float: left;}
@media only screen and (max-width: 1169px) {
.cd-secondary-nav > li {width: 100% !important;}
}
.cd-bgmoving{
border-top: 1px solid #efefef;
}
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
[id*="brand"].sort {
columns: 2;
min-width: 40%
}
[id*="brand"].sort strong {
-webkit-column-span: all;
-moz-column-span: all;
column-span: all;
}
.brandPageBoxNew {
margin: -32px;
width: auto !important;
}
.brandPageBoxNew>div {padding:28px 0;display: inline-block;vertical-align: top;text-align: left;min-width: 20%;flex-grow: 1;margin: 0 32px;}
.brandPageBoxNew>div strong {display:block;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px solid #d2d2d2;}
.brandPageBoxNew>div> a {font-size: large;clear: both; float:left; display: inline-block;color: #313131;margin: 0 28px 5px 0;padding: 0 0 3px 0;line-height: 130%;position: relative;overflow: hidden;}
@media screen and (max-width: 767px){
.brandPageBoxNew>div {min-width: 50% }
[id*="brand"].sort {
columns: 2;
}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){
.brandPageBoxNew>div {min-width: 33.33% }
[id*="brand"].sort {
columns: 2;
min-width: 66.66%
}
}
.ctadetail {display:flex;flex-wrap: wrap;clear:both;margin-top: 12px;padding-top: 12px;float: left;border-top: 1px solid #e6e6e6;}
.ctadetail > a {
display:none ;
width: 50%;
position: relative;
margin: 18px 0;
float: left;
color: #000;
min-width: 200px;
}
.ctadetail > a:nth-child(odd){ padding-right:16px}
.ctadetail .txtMain {font-weight: bold;color: #000;font-size: 14px;padding: 0 0 0 39px;margin-bottom: 4px;}
.ctadetail .txtSub {
font-size: 11px;
line-height: 125%;
}
.ctadetail .txtSub span {color: cornflowerblue;border-bottom: 1px solid #d2e2ff;}
.ctadetail .txtSub:before {font-family: feather;content: "\e116";background: cornflowerblue;color: white;border-radius: 11px;padding: 3px;width: 15px;height: 15px;font-size: 8px;margin: 0 5px 0 0;display: inline-block;line-height: 8px;text-align: center;position: absolute;top: 7px;left: 16px;}
.ctadetail .icon {position:absolute;left: 0;top: -3px;}
.ctadetail .icon:before {
font-size: 24px;
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: grayscale;
}
.txtMain span {border-bottom: 1px solid #d1d1d1;}
.covid19 .icon:before {content: "\e014";}
.bikeCheck .icon:before {content: "\e023";}
.CycletoWork .icon:before {content: "\e009";}
.TradeIn .icon:before {content: "\e058";}
.Dispatched .icon:before {content: "\e015";}
.ctadetail > a:hover .txtSub span { color:blue;}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-iosfix{height:100%;left:0;overflow:hidden;position:fixed;width:100%}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:0 0;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:0;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#555!important;cursor:pointer;height:44px;margin:0;padding:0;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s;background:#3c3c3c;color:#fff}.fancybox-close-small:focus{outline:0}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:0 0;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:0 0;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
.product-cta-img.containImg { background-size:contain !important; background-repeat:no-repeat !important}
.product-cta {max-width: 1000px;width:100%;margin:0 auto;background:white;padding: 0;}
.product-cta-img {width: 40%;min-height: 400px;text-align:center;background: #333;display: flex;vertical-align: middle;justify-content: center;align-items: center;color: #fff;font-size: 100px;background-size: cover !important;background-position: center !important;}
.product-cta .zflex-v {width: 60%;padding:32px;}
.product-cta a {color: royalblue;border-bottom: 1px solid #c8d2ee;}
.ctaMain > div { padding: 32px}
@media screen and (max-width: 767px)
{
.product-cta{ max-width: 75%;}
.product-cta .zflex-s { display: inline;}
.product-cta-img {width: 100%;min-height: 75px;font-size:24px;}
.product-cta .zflex-v {width: 100%;padding: 8px;}
.ctaMain > div { padding: 16px};
}
.gg1, .gg1 > div{grid-gap:1em;}
.gg05, .gg05 > div{grid-gap:0.5em;}
.gg0{grid-gap:0em;}
@media screen and (max-width: 767px)
{
.gg1, .gg1 > div{grid-gap:0.5em;}
}
.advert { position:relative}
.advertCtr {position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;padding: 16px;z-index: 2;width: 100%;height: 100%;flex-direction: column;-ms-flex-direction: column;color: white;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0e12+0,0d0e12+100&0+50,0.39+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */}
.centertext .advertCtr {align-items: center;justify-content: center;}
.advertDesc:empty, .advertTile:empty, .advertLink:empty{display:none;}
.advertDesc {font-size: smaller; padding: 0 !important;}
.advertTile {font-size: 36px;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: bebas-kai, sans-serif;font-weight: normal;padding: 16px;}
.advertLink {font-size: small}
.advertphoto {background-size: cover;background-position: center;height: 100%;display: block;}
.advertphoto:after {padding-bottom: 100%;content: "";display: block;width: 100%;-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;height: 100%;}
.gGradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0e12+0,0d0e12+100&0+50,0.39+100 */
background: -moz-linear-gradient(top, rgba(13,14,18,0) 0%, rgba(13,14,18,0) 50%, rgba(13,14,18,0.39) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(13,14,18,0) 0%,rgba(13,14,18,0) 50%,rgba(13,14,18,0.39) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(13,14,18,0) 0%,rgba(13,14,18,0) 50%,rgba(13,14,18,0.39) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000d0e12', endColorstr='#630d0e12',GradientType=0 ); /* IE6-9 */
}
.gBGcover .advertCtr {
background:rgba(0, 0, 0, 0.5);
}
.All125 .advertphoto span:after, .All125 .advertphoto:after, .All125 .advertphoto div:after {padding-bottom: 125% !important;}
.All100 .advertadvertphoto span:after, .All100 .advertphoto:after, .All100 .advertphoto div:after {padding-bottom: 100% !important;}
.All75 .advertadvertphoto span:after, .all75 .advertphoto:after, .all75 .advertphoto div:after {padding-bottom: 75% !important;}
.All50 .advertphoto span:after, .All50 .advertphoto:after, .All50 .advertphoto div:after {padding-bottom: 50% !important;}
.All125vh .advertphoto span:after, .All125vh .advertphoto:after, .All125vh .advertphoto div:after {padding-bottom: 125vh !important;}
.All100vh .advertadvertphoto span:after, .All100vh .advertphoto:after, .All100vh .advertphoto div:after {padding-bottom: 100vh !important;}
.All75vh .advertadvertphoto span:after, .all75vh .advertphoto:after, .all75vh .advertphoto div:after {padding-bottom: 75vh !important;}
.All50vh .advertphoto span:after, .All50vh .advertphoto:after, .All50vh .advertphoto div:after {padding-bottom: 50vh !important;}
.All30vh .advertphoto span:after, .All30vh .advertphoto:after, .All30vh .advertphoto div:after {padding-bottom: 30vh !important;}
.box {
background: #498cbc;
padding: 56px;
position: relative;
border-radius: 12px;
}
.box .photo {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.1;
}
.schemeImg {display: inline;flex-wrap: wrap;}
.schemeImg a {max-width: 175px;padding:16px;display: inline-block;}
.schemeImg img { width:100%}
.tempClosing {background: #ffeaea;color: #8b1313;font-size: 20px;}
.tempClosing {background: url("/images/important-info-essential-retail-24-03-blog.jpg") center;color: #8b1313;font-size: 20px;}
.tempClosing > div {background-color: #841a03e8;max-width: 100%;}
.Appointments > div {background: #035084e8;color: #8b1313;font-size: 20px;}
.tempClosingContainer {border: 5px solid #ffffff;margin: 32px auto;max-width: 900px;float: none;color: #fff;}
.tempClosing a { color:#fff}