.modal .newsletter-sign-up-form .conditions{ font-size: 0;} .modal .newsletter-sign-up-form .conditions::after{ content: '*Minimum £50 spend applies'; font-size: 11px; display: block;} .ismobile .track-order-page .my-account.my-account--guest .my-account-content--restrict-width-2{ margin: 0;} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message .scheduled-banner-test{display:none} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message .scheduled-on{display:none} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message .scheduled-off{display:initial} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message .scheduled-tc{display:none} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message .scheduled-boxing-day-tc-2021{display:none} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message.scheduled-2022-bte-week-1{display:initial} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message.scheduled-2022-bte-week-2{display:none} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message.scheduled-2022-bte-week-3{display:none} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message.scheduled-2022-black-friday{display:none} #page-content .body-wrapper #static-page-content .page-builder .scheduled-message.scheduled-2022-xmas-treat{display:none} html.isdesktop body{ background-attachment: scroll !important; background-image: url(../jpg/background-header-grey-1px.jpg) !important; background-position: top !important; background-repeat: repeat-y !important; background-color: #f7f7f7;} .isdesktop #page-content .body-wrapper #static-page-content .page-builder .app-download-icons .column:first-child a img{float:right} .isdesktop #page-content .body-wrapper #static-page-content .page-builder .app-download-icons .column:last-child a img{float:left} .isdesktop #page-content .body-wrapper #static-page-content .page-builder .column-full-height-opposite{direction: rtl} .isdesktop #page-content .body-wrapper #static-page-content .page-builder .column.column-full-height{display:table-cell;float:initial} .product-advice .accolade-icon{border-radius: 5px; display: inline-block; overflow: hidden; padding: 38px 0 38px 0; position: relative; width: 100%;} .product-advice .accolade-icon p{font-family: 'Zilla Slab',Source Sans Pro,Arial,Helvetica,sans-serif; font-size: 2.2em; font-weight: bold; padding: 1px 0 6px 55%;} .product-advice .accolade-icon:before{height: 100%; left: 30%; margin: 0 0 0 -50px; position: absolute; top: 0; width: 120px;} .product-advice .accolade-icon.accolade-icon-center:before{left: 50%; margin: 0; transform:translateX(-50%);} .product-advice .accolade-icon-mbr-ec{background-color: rgb(238,201,200); background-color: rgba(211,23,22,.2);} .product-advice .accolade-icon-mbr-ec p{background-color: #d31716; color: #fff;} .product-advice .accolade-icon-mbr-ec::before{background: url(../png/mbr-editors-choice-2019.png) no-repeat center center; background-size: 100px; content: "";} .product-advice .accolade-icon-bikepacking{background-color: rgb(249,219,121); background-color: rgba(249,219,121,.2);} .product-advice .accolade-icon-bikepacking p{background-color: #f9db79; color: #323232;} .product-advice .accolade-icon-bikepacking::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/bike-packing-awards-2019.png) no-repeat center center; background-size: 100px; content: "";} .product-advice .accolade-icon-pinkbike-mtb-2019::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/pinkbike-awards-mtb-2019.png) no-repeat center center; background-size: auto; background-size: 100px;content: "";left: 5px;margin: 0;} .product-advice .accolade-icon-pinkbike-mtb-2019 p{background-color: #ffffee; color: #6e6f73; padding: 11px 15px 16px 130px; min-height: 52px;} .product-advice .accolade-icon-pinkbike-mtb-2019{background-color:#d9ab37;} .product-advice .accolade-icon-pinkbike-mtb-2020::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/pinkbike-awards-mtb-2020.png) no-repeat center center; background-size: auto; background-size: 100px;content: "";left: 5px;margin: 0;} .product-advice .accolade-icon-pinkbike-mtb-2020 p{background-color: #ffffee; color: #6e6f73; padding: 11px 15px 16px 130px; min-height: 52px;} .product-advice .accolade-icon-pinkbike-mtb-2020{background-color:#d9ab37;} .product-advice .accolade-icon-road-cc-rboty{background-color: rgb(218,136,24); background-color: rgba(218,136,24,.2);} .product-advice .accolade-icon-road-cc-rboty p{background-color: rgba(218,136,24,.6); color: #fff;} .product-advice .accolade-icon-road-cc-rboty::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/road-cc---road-bike-oty.png) no-repeat center center; background-size: 100px; content: "";} .product-advice .accolade-icon-cyclingplus-boty{background-color: rgb(32,32,32);} .product-advice .accolade-icon-cyclingplus-boty p{background-color: rgb(175,26,22); color: #fff; padding: 8px 0 9px 40%;} .product-advice .accolade-icon-cyclingplus-boty::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/cycling-plus-2020.png) no-repeat center center; background-size: 110px; content: ""; left: 23%;} .product-advice .accolade-icon-singletrack{background-color: #351f50;} .product-advice .accolade-icon-singletrack p{background-color: #351f50; color: #fff;} .product-advice .accolade-icon-singletrack::before{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/singletrack-awards-2020.png) no-repeat center center; background-size: 200px; content: ""; width:200px;} .product-advice a.icon-link{display: inline-block; overflow: hidden; position: relative; padding: 20px 20px 20px 70px;font-weight: 700;font-size: 14px; color:#d31716;} .product-advice .icon-link::before{display: inline-block; padding: 0 45px 0 0; vertical-align: middle; margin-left: -60px;} .product-advice .icon-link.brompton-qsg::before{content: url('https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico-50-brompton-quickstart.png'); content: ""; background: url('https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico-50-brompton-quickstart.png') no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: 0;} body[class*=" showfinance-26-A"] .remove-finance-deposit-a{ display: none; } .voucher-form__link-list [data-ga-label="C2W FAQs | Can I top up my Cycle to Work voucher"][data-ga-label="C2W FAQs | Can I top up my Cycle to Work voucher"]{ display: none;} .ismobile .js-window-popup .window.leave-a-review #review-sent p:first-child:before{margin-top: 0; margin-bottom: 0; position: relative; top: 0; background-image: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/thankyou-5-voucher-bg-v4.jpg); background-size: 100% auto; background-repeat: no-repeat; display: block; width: 100%; height: 200px; content: '';} .ismobile .js-window-popup .window.leave-a-review #review-sent p:first-child:after{color: #d31716; content: 'Min spend £50, exclusions apply. Voucher code expires in 7 days'; display: block; position: absolute; margin-top: -50px; margin-bottom: 24px; top: 270px;} .ismobile .js-window-popup .window.leave-a-review #review-sent p:last-child:after{content: 'RQH5XVM9'; display: block; position: absolute; bottom: 205px; left: 50%; background-color: #d31716; width: 60%; transform: translateX(-50%); color: #fff; font-weight: bold; text-align: center; padding: 25px 20px; font-size: 3em; text-transform: uppercase; margin-bottom: -63px; margin-top: 0;} .isdesktop .js-window-popup .window.leave-a-review #review-sent p:first-child:before{content: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/thankyou-5-voucher-bg-v4.jpg); display: block; margin-top: 37px; margin-bottom: 8px; position: relative; top: -29px;} .isdesktop .js-window-popup .window.leave-a-review #review-sent p:first-child:after{color: #d31716; content: 'Min spend £50, exclusions apply. Voucher code expires in 7 days'; display: block; position: relative; margin-top: -35px; margin-bottom: 22px; top: 0px;} .isdesktop .js-window-popup .window.leave-a-review #review-sent p:last-child:after{content: 'RQH5XVM9'; display: block; position: relative; top: -170px; left: 50%; background-color: #d31716; width: 80%; transform: translateX(-50%); color: #fff; font-weight: bold; text-align: center; padding: 25px 20px; font-size: 3em; text-transform: uppercase; margin-bottom: -63px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div{ font-size: 14px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div.email .junk{ font-size: 13px; line-height: 16px; margin-top: 6px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div.dispatch{ margin-top:22px;} .checkout-complete .checkout-complete-main .right .checkout-complete-info .body div.arrive{ margin-top:22px; margin-bottom: 5px;} .ismobile .product-page .product-information-block__container.product-information-block__container div{ font-size: 14px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs.tab-view .product-description div{ font-size: 14px!important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs.tab-view .product-description strong{ font-size: 14px;} #static-page-content .page-builder .button-style-guide .button-general-large{ display: block; border-radius: 5px; text-align: center; width: 170px; box-sizing: border-box; height: 42px; padding: 10px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 10px; font-size: 18px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-large.primary1{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large.primary1:hover{ color: #00aa50; background: white; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary1{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary1:hover{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.default1{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-large.default1:hover{ color: #db2727; background: white; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral1{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral1:hover{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.finance1{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-large.finance1:hover{ color: #013088; background: white; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-large.primary2{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large.primary2:hover{ color: white; background: #008b41; border: 2px solid #008b41;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary2{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.secondary2:hover{ color: #000000; background: white; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-large.default2{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-large.default2:hover{ color: white; background: #b21f1f; border: 2px solid #b21f1f;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral2{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large.neutral2:hover{ color: white; background: #000000; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-large.finance2{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-large.finance2:hover{ color: white; background: #001c54; border: 2px solid #001c54;} #static-page-content .page-builder .button-style-guide .button-general-small{ display: block; border-radius: 5px; text-align: center; width: 170px; box-sizing: border-box; height: 32px; padding: 5px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 10px; font-size: 16px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-small.primary1{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-small.primary1:hover{ color: #00aa50; background: white; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary1{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary1:hover{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.default1{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-small.default1:hover{ color: #db2727; background: white; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral1{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral1:hover{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.finance1{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-small.finance1:hover{ color: #001c54; background: white; border: 2px solid #001c54;} #static-page-content .page-builder .button-style-guide .button-general-small.primary2{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-small.primary2:hover{ color: white; background: #008b41; border: 2px solid #008b41;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary2{ color: #333333; background: white; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.secondary2:hover{ color: #000000; background: white; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-small.default2{ color: white; background: #db2727; border: 2px solid #db2727;} #static-page-content .page-builder .button-style-guide .button-general-small.default2:hover{ color: white; background: #b21f1f; border: 2px solid #b21f1f;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral2{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small.neutral2:hover{ color: white; background: #000000; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-small.finance2{ color: white; background: #013088; border: 2px solid #013088;} #static-page-content .page-builder .button-style-guide .button-general-small.finance2:hover{ color: white; background: #001c54; border: 2px solid #001c54;} #static-page-content .page-builder .button-style-guide .button-general-large-form{ display: block; border-radius: 5px; text-align: center; width: 300px; box-sizing: border-box; height: 42px; padding: 10px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 10px; font-size: 18px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s; } #static-page-content .page-builder .button-style-guide .button-general-large-form.primary1{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large-form.primary1:hover{ color: #00aa50; background: white; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large-form.primary2{ color: white; background: #00aa50; border: 2px solid #00aa50;} #static-page-content .page-builder .button-style-guide .button-general-large-form.primary2:hover{ color: white; background: #008b41; border: 2px solid #008b41;} #static-page-content .page-builder .button-style-guide .button-general-large-cat{ display: inline-block; border-radius: 5px; text-align: center; width: 186px; box-sizing: border-box; height: 42px; padding: 10px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 5px; font-size: 18px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary1{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary1:hover{ color: #333333; background: #f5f5f5; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary2{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-large-cat.primary2:hover{ color: white; background: #000000; border: 2px solid #000000;} #static-page-content .page-builder .button-style-guide .button-general-small-cat{ display: inline-block; border-radius: 5px; text-align: center; width: 186px; box-sizing: border-box; height: 32px; padding: 5px; padding-right: 10px; padding-left: 10px; font-weight: 600; bottom: 17px; margin: 5px; font-size: 16px; line-height: 17px; cursor: pointer; transition: all 0.5s ease 0s;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary1{ color: #333333; background: #f5f5f5; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary1:hover{ color: white; background: #333333; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary2{ color: #333333; background: #f5f5f5; border: 2px solid #333333;} #static-page-content .page-builder .button-style-guide .button-general-small-cat.primary2:hover{ color: #000000; background: #f5f5f5; border: 2px solid #000000;} .isdesktop .product-page .window.product-finance.product-finance{ margin-top: -300px!important;} .count-down-timer a.dropdown .timer-slide-down.timer-slide-down{ /*z-index:1001;*/ /*Conflicts with mega menu, reduced z-index to 10 - So higher than availability dialogue at 9*/ z-index:10;} body.cart-v2-page .cart .trade-in-banner .bike-trade-in-v2.bike-trade-in-v2{ display: none;} .ismobile #footer .column .newsletter-sign-up .input-and-button{ margin: 14px auto 10px!important;} .ismobile #footer .column .newsletter-sign-up p{ margin: 0px 0px 2px 0px!important;} body.shopping-cart-page .shopping-cart .bike-trade-in.bike-trade-in{ display: none;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_big-sale{background-color: #d31716 !important;color:#fff; font-weight:bold !important;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_big-sale:before{content: ""; position: absolute; display: block; border: 17px solid #d31716 !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_orange{background-color: #f57325 !important;color:#2e2e2e;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_orange:before{content: ""; position: absolute; display: block; border: 17px solid #f57325 !important; color:#2e2e2e; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_yellow{background-color: #efc51d !important;color:#000;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_yellow:before{content: ""; position: absolute; display: block; border: 17px solid #efc51d !important; color:#000; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_lum-green{background-color: #8cb14f !important;color:#fff;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_lum-green:before{content: ""; position: absolute; display: block; border: 17px solid #8cb14f !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_red{background-color: #d31716 !important;color:#fff;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_red:before{content: ""; position: absolute; display: block; border: 17px solid #d31716 !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_summer1{background-color: #47d0c8 !important;color:#fff;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_summer1:before{content: ""; position: absolute; display: block; border: 17px solid #47d0c8 !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_summer2{background-color: #ff582c !important;color:#fff;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_summer2:before{content: ""; position: absolute; display: block; border: 17px solid #ff582c !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_free-backpack{background-color: #3f6574 !important;color:#fff;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_free-backpack:before{content: ""; position: absolute; display: block; border: 17px solid #3f6574 !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_black{background-color: #000000 !important;color:#fff;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_black:before{content: ""; position: absolute; display: block; border: 17px solid #000 !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_mid-season{background-color: #7ce8dd !important;color:#0a574f ;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_mid-season:before{content: ""; position: absolute; display: block; border: 17px solid #7ce8dd !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_purple{background-color: #6e549e !important;color:#fff;font-weight:bolder;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_purple:before{content: ""; position: absolute; display: block; border: 17px solid #6e549e !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_2022-xmas{background-color: #5f969f !important;color:#fff;font-weight:bolder;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_2022-xmas:before{content: ""; position: absolute; display: block; border: 17px solid #5f969f !important; color:#fff; left: -12px !important; border-right-width: 10px !important; border-left-color: transparent !important; border-left-width: 10px !important; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text_red.promotion-banner-ribbon__text_red_summer{font-weight: 900;letter-spacing: 2px} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text:before{content: ""; position: absolute; display: block; /*border: 16px solid #373c40;*/ /*border: 16px solid #3e95db;*/ /*border: 16px solid #8b0908;*/ border: 17px solid #2e2e2e; left: -12px; border-right-width: 10px; border-left-color: transparent; border-left-width: 10px; top: 0;} .product-page .content-area .promotion-banner-primary-container .promotion-banner-ribbon .promotion-banner-ribbon__text{ /*background-color: #373c40;*/ /*background-color: #3e95db;*/ /*background-color: #8b0908;*/ background-color: #2e2e2e;} .product-page .content-area .column.two .selling-points.selling-points a span{ background-image: url("/assets/images/svg/tredz-product-page.svg?v=1.66.1"); background-image: url("/assets/images/svg/tredz-product-page.png?v=1.66.1") \9;} .isdesktop #left-menu .list-links a[href="/bike-shops/tredz-cross-hands"]{ display: none!important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Legacy overrides*/ .column{text-align: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .size-chart{text-align:center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .size-chart table{text-align:center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container img{margin: 15px 0; max-width: 100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*END Legacy overrides*/ p{font-size: 15px; line-height: 1.45;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Standard buttons*/ .btn{font-size: 1.23em; border-width: 2px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .btn.btn-primary{color: #ffffff; background-color: #da2727;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .btn{padding: 7px 25px; letter-spacing: 1px; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; cursor: pointer; white-space: nowrap; margin:5px; font-size: 16px; line-height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .btn.btn-primary:hover{color: #ffffff; background-color: #d44d4d; border-color: #d44d4d;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Custom button colours*/ /*Gift page - Teal*/ a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .gifts-buttons-2018:hover{background-color:#0cd9b0; border-color:#0cd9b0 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Ebikes Green*/ a.btn-green{background-color: #07aa4f !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-green:hover{background-color:#4ccb84 !important; border-color:#4ccb84 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Dark Blue*/ a.btn-blue{background-color: #0d547e !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-blue:hover{background-color:#3c7292 !important; border-color:#3c7292 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*Commute Orange*/ a.btn-orange{background-color: #f37121 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-orange:hover{background-color:#f7ae86 !important; border-color:#f7ae86 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*C2W Burgundy*/ a.btn-c2w{background-color: #7e2e3c !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container a.btn.btn-c2w:hover{background-color:#3d0b14 !important; border-color:#3d0b14 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*END - Custom button colours*/ /** Numbers in red circle **/ ._pb-circle{height: 50px; width: 50px; border-radius: 50%; line-height: 50px; background-color:#d31716; text-align:center; color:#fff; float:left; position:relative; top:-2px; margin:0 10px 0 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container ._pb-circle span{font-size:1.5em; color:#fff; font-weight:bold;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .comp-key{width:140px; height:auto; float:right; position:absolute; bottom:0; left :20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container h3._pb-circle-heading{display:inline;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*New navigation styling*/ div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0; margin-top:0; left:0; width: 100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new ul{margin: auto 0; padding: 0; list-style-type: none; display: inline; position: relative; padding-right: 20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new li{float: left; padding: 0; border-bottom: 3px solid #fff; border-left: 0 solid #f5f5f5; border-right: 1px solid #f5f5f5; list-style: none !important; transition: 200ms ease-in;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new li a{color: #595959; text-decoration: none; display: block; font-weight: bold; font-size: 14px; padding: 23px 14px 22px 14px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03); border-bottom: 3px solid #d31716 !important; border-left: 0 solid #f0f0f0; border-right: 1px solid #fff;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important; margin-top: -10px; padding: 0 !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .bounce-arrow_nav{margin-top: -20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*BANNER NAVIGATION - START */ .banner-navigation{padding:0!important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation ul{ /* list-style: disc; */ /* margin-left: 15px; */ list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #636363;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container div.banner-navigation ul{ list-style: disc; margin-left: 0; margin-top: 5px; margin-bottom: -10px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .banner-navigation li a:hover{color:#fff;background:url('../png/range-page-icons-2.png') center bottom no-repeat !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /*BANNER NAVIGATION - END */ h3{ text-transform: none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container h1{ text-transform: none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container p a{ font-size: inherit; color: #db2727; text-decoration: underline; font-weight: normal;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .center{ text-align: center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container hr{ margin-bottom: 0 !important; position: relative; z-index: 39; background: #ccc; height: 1px; margin: 10px 0; border: 0; clear: both;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container h2._pb-sub-header{ background: #636363; color: #c5c5c5; font-size: 14px !important; font-weight: normal !important; display: inline-block; margin-top: -1px; position: relative; z-index: 40; padding: 10px 15px !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container ul.disc{ margin-left: 20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .clearfix{ zoom:1} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .clearfix:before{ content:" "; display:table} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .clearfix:after{ content:" "; display:table; clear:both} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column{ box-sizing:border-box; float:left; margin-left: 0; padding-left:0; padding-right:1.32rem;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.full{ width:100%; margin-left: 0; margin-right: 0; padding-right: 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-third{ width:65%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-fourth{ width:75%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-fifth{ width:80%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.two-sixth{ width:83.3%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.half{ width:48% !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.third{ width: 32%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.fourth{ width:25%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.fifth{ width:20%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.sixth{ width:16.6%} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column.flow-opposite{ float:right} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column ul{ list-style:disc; margin-left: 15px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .column ul li{ list-style:disc;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container b{font-weight:bold !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container strong{font-weight:bold !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container table.variants{border-spacing: 0;border: 0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variants table tr th{background-color: #ffffff;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variants td a{color:#fff;text-decoration:none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container td.variant-area:first-child{background-color: #d31716; } .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /**Guide tab table**/ .discipline strong{color: #fff !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /**Tyre Chooser Link Class**/ .link_class{ display:inline-block; width:100%; height:100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /**Pros & Cons - Multiline Fix**/ li.up-point{background:none !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container li.up-point:before{ content: url(../png/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container li.down-point{background:none !important;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container li.down-point:before{ content: url(../png/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .highlights-summary li{ font-size: 1.077em !important; list-style: none!important; padding: 0 0 15px 0px; line-height: 20px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container /* NEW Size Guide Styling */ table.resp-size-guide-wrapper{border:0;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-container{min-height:200px; display: table; width: 100%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-header{min-height:50px; padding: 5px 25px 5px 0; vertical-align:middle;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-row{max-width:100%; min-height:40px; display: table-row;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-row:nth-child(2n){background: #f5f5f5;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-label{width:9%; float: left; text-align: left; padding: 0 0 0 1%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{float: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{float: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-bar{float: left;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{float: left; height: 40px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{float: left; height: 40px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-bar{float: left; height: 40px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-bar{background: #d31716; height: 10px; width: 35%; position: relative; top: 50%; transform: translateY(-50%); border-radius: 5px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{width: 30%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{width: 30%;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-wrap{float: left; height: 40px; vertical-align: middle; width: 40%; position: relative;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-label{display: table-cell;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-guide-wrap{display: table-cell;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-min{display: table-cell;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .size-guide-container .resp-size-max{display: table-cell;} .ismobile .window.free-voucher-for-google-visitors #adwords-popup input[type="text"]{ margin: 0px 7px 0px 0px;} .ismobile .window.free-voucher-for-google-visitors #adwords-popup .float-left-content{ width: 100%;} .ismobile .window.free-voucher-for-google-visitors #adwords-popup .float-right-content button{ background-position: -2px -900px; width: 49px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .size-guide-container table img{ max-width: inherit;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Standard buttons*/ .btn{font-size: 1.23em; border-width: 2px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .btn.btn-primary{color: #ffffff; background-color: #da2727;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .btn{padding: 7px 25px; letter-spacing: 1px; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; cursor: pointer; white-space: nowrap; margin:5px; font-size: 16px; line-height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .btn.btn-primary:hover{color: #ffffff; background-color: #d44d4d; border-color: #d44d4d;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Custom button colours*/ /*Gift page - Teal*/ a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .gifts-buttons-2018:hover{background-color:#0cd9b0; border-color:#0cd9b0 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Ebikes Green*/ a.btn-green{background-color: #07aa4f !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-green:hover{background-color:#4ccb84 !important; border-color:#4ccb84 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Dark Blue*/ a.btn-blue{background-color: #0d547e !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-blue:hover{background-color:#3c7292 !important; border-color:#3c7292 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Commute Orange*/ a.btn-orange{background-color: #f37121 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-orange:hover{background-color:#f7ae86 !important; border-color:#f7ae86 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*C2W Burgundy*/ a.btn-c2w{background-color: #7e2e3c !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing a.btn.btn-c2w:hover{background-color:#3d0b14 !important; border-color:#3d0b14 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*END - Custom button colours*/ /** Numbers in red circle **/ ._pb-circle{height: 50px; width: 50px; border-radius: 50%; line-height: 50px; background-color:#d31716; text-align:center; color:#fff; float:left; position:relative; top:-2px; margin:0 10px 0 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing ._pb-circle span{font-size:1.5em; color:#fff; font-weight:bold;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .comp-key{width:140px; height:auto; float:right; position:absolute; bottom:0; left :20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing h3._pb-circle-heading{display:inline;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*BANNER NAVIGATION - START */ .banner-navigation{padding:0!important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation ul{ /* list-style: disc; */ /* margin-left: 15px; */ list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #636363;} .ismobile .product-page .tab-popup .tab-popup-content .sizing div.banner-navigation ul{ list-style: disc; margin-left: 0; margin-top: 5px; margin-bottom: -10px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li a:hover{color:#fff;background:url('../png/range-page-icons-2.png') center bottom no-repeat !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*BANNER NAVIGATION - END */ /*NEW GUIDE NAVIGATION - START */ div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0; margin-top:0; left:0; width: 100%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new ul{margin: auto 0; padding: 0; list-style-type: none; display: inline; position: relative; padding-right: 20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new li{float: left; padding: 0; border-bottom: 3px solid #fff; border-left: 0 solid #f5f5f5; border-right: 1px solid #f5f5f5; list-style: none !important; transition: 200ms ease-in;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new li a{color: #595959; text-decoration: none; display: block; font-weight: bold; padding: 24px 14px 23px 14px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03); border-bottom: 3px solid #d31716 !important; border-left: 0 solid #f0f0f0; border-right: 1px solid #fff;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important; margin-top: -10px;margin-left: -20px !important;padding: 0 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .bounce-arrow_nav{margin-top: -20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new .hrz-scroll div{overflow-x: scroll !important; height: 68px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new ul{width: max-content !important; width: -moz-max-content !important; width: -webkit-max-content !important; width: -o-max-content !important; display: block !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new_container{height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing div.hrz-scroll{overflow-x: scroll !important; height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation-new_container .table-wrapper.no-margin{margin-right: -20px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*NEW GUIDE NAVIGATION - END */ h3{ text-transform: none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing h1{ text-transform: none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing p a{ font-size: inherit; color: #db2727; text-decoration: underline; font-weight: normal;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .center{ text-align: center;} .ismobile .product-page .tab-popup .tab-popup-content .sizing hr{ margin-bottom: 0 !important; position: relative; z-index: 39; background: #ccc; height: 1px; margin: 10px 0; border: 0; clear: both;} .ismobile .product-page .tab-popup .tab-popup-content .sizing h2._pb-sub-header{ background: #636363; color: #c5c5c5; font-size: 14px !important; font-weight: normal !important; display: inline-block; margin-top: -1px; position: relative; z-index: 40; padding: 10px 15px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing ul.disc{ margin-left: 20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .clearfix{ zoom:1} .ismobile .product-page .tab-popup .tab-popup-content .sizing .clearfix:before{ content:" "; display:table} .ismobile .product-page .tab-popup .tab-popup-content .sizing .clearfix:after{ content:" "; display:table; clear:both} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column{ float:left; padding-left:0; padding-right:1.32rem; box-sizing:border-box;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.full{ width:100%; margin-left: 0; margin-right: 0; padding-right: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.half .column.third{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.fourth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.fifth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.sixt{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-third{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-fourth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-fifth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.two-sixth{ width:100%; padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*.column.half{ width:50%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing */ .column.half:nth-child(2){ padding-right: 0 !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column.flow-opposite{ /*float:right*/} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column ul{ list-style:disc; margin-left: 15px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .column ul li{ list-style:disc;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation{padding:0!important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#636363; -webkit-overflow-scrolling: touch; height: 46px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .ismobile .product-page .tab-popup .tab-popup-content .sizing .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .ismobile .product-page .tab-popup .tab-popup-content .sizing b{font-weight:bold !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing strong{font-weight:bold !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing table.variants{border-spacing: 0;border: 0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variants table tr th{background-color: #ffffff;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variants td a{color:#fff;text-decoration:none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .ismobile .product-page .tab-popup .tab-popup-content .sizing td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center;} .ismobile .product-page .tab-popup .tab-popup-content .sizing td.variant-area:first-child{background-color: #d31716; } .ismobile .product-page .tab-popup .tab-popup-content .sizing /**Guide tab table**/ .discipline strong{color: #fff !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /**Tyre Chooser Link Class**/ .link_class{ display:inline-block; width:100%; height:100%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /** Range page - Pos/Neg points - Wrapping issue fix **/ .highlights-summary li{margin: 0 0 15px 0px !important; padding: 0 !important; display: block !important; clear: both !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point{background: none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.up-point{background: none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.up-point:before{content: url(../png/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point:before{content: url(../png/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-right: 5px; margin-top: -5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /**Pros & Cons - Multiline Fix**/ li.up-point{background:none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.up-point:before{ content: url(../png/range-page-plus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point{background:none !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing li.down-point:before{ content: url(../png/range-page-minus2.png); padding: 0 0px 0px 0; display: block; float: left; margin-top: -5px; margin-right: 5px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .highlights-summary li{ font-size: 1.077em !important; list-style: none!important; padding: 0 0 15px 0px; line-height: 20px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*Legacy overrides*/ /*Sizing table - Column fix*/ .column{float: none;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*.column .table-wrapper table tbody tr{height: calc(100% + 120px) !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing */ .column .table-wrapper table tbody tr{height: 120px !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper table.responsive tr td{text-align: inherit; vertical-align: top;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .table-wrapper .pinned table.isMobile tr td{text-align: center;} .ismobile .product-page .tab-popup .tab-popup-content .sizing /*END Sizing table - Column fix*/ /*END Legacy overrides*/ /* NEW Size Guide Styling */ table.resp-size-guide-wrapper{border:0;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-container{min-height:200px; display: table; width: 100%;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-header{min-height:50px; padding: 5px 25px 5px 0; vertical-align:middle;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-row{max-width:100%;min-height:40px; display: table-row;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-row:nth-child(2n){background: #f5f5f5;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-label{float: left; text-align: left; padding: 0 0 0 1%; width: 70px;position: relative; top: 3px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{float: left;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{float: left;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-bar{float: left;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{float: left; height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{float: left; height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-bar{float: left; height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-bar{background: #d31716; height: 10px; position: relative; top: 50%; transform: translateY(-50%); border-radius: 5px; width: 20% !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{width: 40% !important; position: relative; top: 3px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{width: 40% !important; position: relative; top: 3px;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-wrap{float: left; height: 40px; vertical-align: middle; position: relative;width: calc(49% - 70px) !important;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-label{display: table-cell;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-guide-wrap{display: table-cell;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-min{display: table-cell;} .ismobile .product-page .tab-popup .tab-popup-content .sizing .resp-size-max{display: table-cell;} .ismobile #static-page-content .page-builder .privacy-cookies.privacy-cookies{ margin: 0 10px;} .ismobile #static-page-content .page-builder .privacy-cookies.privacy-cookies h3{ line-height: 36px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion{ background: transparent;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item{ background: transparent;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item .accordion-header{ padding: 10px 26px 12px 0px; line-height: 24px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item div{ width: 2000px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion .accordion-item div span{ right: 0px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion ul{ margin: 0 2em;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table{ margin: 12px 0 0;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table tr td{ padding: 16px 8px 20px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table tr th{ font-weight: 600; font-size: 1.35em; line-height: 1.35em; background: #ccc;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion table h3{line-height: 24px;padding: 0 0 14px;} .ismobile #static-page-content .page-builder .privacy-cookies .accordion a{word-break: break-all;} .ismobile body.shopping-cart-page .shopping-cart .basket .notification-block__notification .exclusions-link{ margin: 11px 0px 6px 0px;} .isdesktop body.catalog-page div.seo-data.seo-data p{ padding: 0.5em 0;} body.track-order-page #static-page-content .left form input[type=submit]{ background: #00AA50; border-radius: 5px; width: 106px;} body.track-order-page #static-page-content .right form input[type=submit]{ background: #00AA50; border-radius: 5px; width: 106px;} body.register-page div#static-page-content div.inputs input.proceed{ background: #00AA50; border-radius: 5px;} body.register-page div#static-page-content div.inputs p.news-letter{ font-weight: normal;} .ismobile body.login-page div#static-page-content div.inputs div.float-left-content div.input-holder input.proceed{ background: #00AA50; border-radius: 5px;} .isdesktop body.login-page div#static-page-content div.inputs div.float-left-content div.input-holder input.proceed{ background: #00AA50; border-radius: 5px;} .isdesktop body.login-page div#static-page-content div.inputs div.float-left-content div.input-holder input[type=checkbox]{ margin-top: 9px;} #header #header-account-login a.button{ background: #00AA50; border-radius: 5px;} #header #header-account-login a.button.myaccount{ background: #0099CC; border-radius: 5px;} #header #header-account-login a.button.logout{ background: #DB2727; border-radius: 5px;} #header #header-account-login a.button.trackorder{ background: #363636; border-radius: 5px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button{ background: #00AA50; border-radius: 5px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery span.field-validation-valid{ color: #ef0000; margin-top: 5px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form div{ margin: 10px 0;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method label{ padding: 10px 15px; line-height: 24px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method .selected{ border: 1px solid #333;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method{ margin-bottom: 20px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method.next-day{ margin-bottom: 16px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 0 0; color: #112884;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit.checkout-submit-delivery-block{ margin-top: 0px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery .newsletter-signup label{ color: #424242; font-size: 14px; padding: 0;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery .newsletter-signup{ margin: 22px 0px 12px;} .ismobile body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit input[type=checkbox]{ margin: 10px 8px 0 2px; width: 15px; height: 15px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .confirm-payment-btn button{ border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button{ height: 35px; font-size: 15px; border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button.delivery{ width: 200px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit button.billing{ min-width: 180px; padding-left: 20px; padding-right: 10px; margin: 0px 30px 16px 12px; height:35px!important;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit.checkout-submit-deliveryno .billing{ float: right; margin: 0px 40px 10px!important;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit.checkout-submit-deliveryyes{ margin: 18px 0 0 16px; width: 200px!important;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form{ float: none;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form div{ margin: 20px 0;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #saved-addresses div{ margin-bottom: 26px; float: none;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #address-contact-details{ margin-bottom: 4px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form .use-delivery{ margin: 16px 0px 25px 0px!important; width: 396px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form div span.label{ text-align: left; margin: 0 15px 0 0;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .checkout-address-form input.text{ width: 300px; height: 35px; margin: 2px 2px 2px 0;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery span.field-validation-valid{ color: #ef0000; line-height: 12px; top: -2px; position: relative;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method{ margin-bottom:30px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method label{ padding: 10px 25px; line-height: 32px; height: 34px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #shipping-methods-container .shipping-method label .shipping-method-name input[type=radio]{ margin-right: 6px; height: 15px; width: 15px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery #checkout-address-submit input[type=checkbox]{ margin: 8px 8px 0px 2px; height: 14px; width: 14px;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .clearfix.newsletter-signup{ float: left;} .isdesktop body.checkout-delivery-page.paypal-confirmation.delivery .newsletter-signup label{ float: left; color: #424242; font-weight: normal; font-size: 14px;} .ismobile body.checkout-delivery-page.cycle-to-work-confirmation.delivery #checkout-address-submit button{ border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery #checkout-address-submit button{ height: 35px; font-size: 15px; border-radius: 5px; background: #00AA50;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery .checkout-submit-deliveryno{ margin-top: 8px!important;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery #checkout-address-submit{ margin-top: 8px!important;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery .confirming-payment{ min-height: 20px;} .isdesktop body.checkout-delivery-page.cycle-to-work-confirmation.delivery p.confirming-payment.hide{ margin-top: 15px;} .js-window-popup .window.add-to-basket .column .button{ border-radius: 5px;} .js-window-popup .button.style-8{ background: #00AA50;} .js-window-popup .window.checkout-popup .checkout-change-country-popup .confirm a#change-country-popup-confirm{ background: #00AA50;} .js-window-popup .window.checkout-change-country-popup .confirm a#change-shipping-popup-confirm{ background: #00AA50;} .js-window-popup .window.checkout-change-shipping-popup .confirm a#change-country-popup-confirm{ background: #00AA50;} .js-window-popup .window.checkout-change-shipping-popup .confirm a#change-shipping-popup-confirm{ background: #00AA50;} .js-window-popup .checkout-change-country-popup .confirm a{ border-radius: 5px;} .js-window-popup .checkout-change-shipping-popup .confirm a{ border-radius: 5px;} .js-window-popup .cycle-to-work-value-remaining .cycle-to-work-value-remaining__btn--positive{ background: #00AA50; border-radius: 5px;} .js-window-popup .cycle-to-work-value-remaining .cycle-to-work-value-remaining__btn--negative{ border-radius :5px;} .js-window-popup .out-of-stock-cart-item .item .available{ background: #00AA50; border-radius: 5px; padding: 10px;} .js-window-popup .out-of-stock-cart-item .item .remove{ border-radius: 5px; padding: 10px;} .js-window-popup .out-of-stock-cart-item .item .remove span{ background-position: 0px -106px; width:14px; height: 14px;} .ismobile .finance-contact-details-page .checkout-main button.proceed{ border-radius: 5px; background: #00AA50; margin-bottom: 10px;} .ismobile .finance-contact-details-page .checkout-main button.proceed .icon{ position: relative; margin: 0px; height: 14px; display: inline-block;} .ismobile .finance-contact-details-page .checkout-main .clearfix .newsletter-signup{ margin: 10px 0px 23px;} .ismobile .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup input[type=checkbox]{ width: 15px; height: 15px; margin: 15px 10px 0px 0px;} .ismobile .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup label{ color: #424242;} .ismobile .finance-contact-details-page .checkout-main img.v12-image{ margin: 18px 0px 10px;} .ismobile .finance-contact-details-page .checkout-main .finance-summary .monthly-payment{ color: #00AA50;} .isdesktop .finance-contact-details-page .checkout-main button.proceed{ height: 35px; border-radius: 5px; background: #00AA50; width: 200px; margin-left: 306px;} .isdesktop .finance-contact-details-page .checkout-main .small-text{ margin: 20px 142px 0 0; width: 200px; text-align: center; float: right;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details input{ width: 400px; padding: 8px; margin: -2px 0 0 10px;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup input{ margin: 8px 8px 0px 2px; width: 15px; height: 15px;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup{ width: 60%; margin: 0 0 16px 162px;} .isdesktop .finance-contact-details-page .checkout-main #address-contact-details .newsletter-signup label{ color: #424242; font-size: 14px;} .isdesktop .finance-contact-details-page .checkout-main img.v12-image{ margin: 24px 0px 18px;} .isdesktop .finance-contact-details-page .checkout-main .finance-summary .monthly-payment{ color: #00AA50;} .isdesktop .checkout-main #saved-addresses div{ margin-bottom: 26px; float: none;} .isdesktop .checkout-main #address-contact-details{ margin-bottom: 4px;} .isdesktop .checkout-main .checkout-address-form .use-delivery{ margin: 16px 0px 25px 0px!important; width: 396px;} .isdesktop .checkout-main .use-delivery #use-delivery-options{ margin-left: 40px;} .isdesktop .checkout-main .checkout-address-top .title{ margin-top: 10px;} .isdesktop .checkout-main .checkout-address-form div span.label{ text-align: left; margin: 0 15px 0 0;} .isdesktop .checkout-main .checkout-address-form input.text{ width: 300px; height: 32px; padding-left: 15px; margin: 2px 2px 2px 0;} .isdesktop .checkout-main .checkout-address-form input.text.postcode{ width: 144px;} .isdesktop .checkout-main #address-find-btn{ border-radius: 5px;} .isdesktop .checkout-main #change-address-btn{ border-radius: 5px;} .isdesktop .checkout-main span.field-validation-valid{ color: #ef0000; line-height: 12px; top: -2px; position: relative;} .isdesktop .checkout-main .checkout-address-form #enter-manually{ color: #727272; border: 1px solid #adacac; border-radius: 5px; margin-left: 20px; text-decoration: none;} .isdesktop .checkout-main #saved-addresses #saved-addresses-dropdown{ margin-left: 35px; width: 188px; background-position: 147px -1172px;} .isdesktop .checkout-main .checkout-address-top select{ width: 188px; height: 32px; margin-left: 10px; padding-left: 15px; background-position: 147px -1172px;} .isdesktop .checkout-main .checkout-address-form select{ height: 32px; padding-left: 15px; background-position: 104px -1172px;} .isdesktop .checkout-main .checkout-address-form select.title{ background-position: 31px -1172px;} .isdesktop .checkout-main #checkout-address-postcode span.field-validation-valid{ left: 112px; top: 5px; display: block;} .isdesktop .checkout-main div#address-find-container{ margin-top: 50px;} .isdesktop .checkout-main #address-find-result #multiple-found-addresses{ margin-left: 118px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method{ margin-bottom:34px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method.next-day{ margin-bottom: 15px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method label{ padding: 10px 25px; line-height: 32px; height: 34px;} .isdesktop .checkout-main #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 0 0; color: #112884;} .isdesktop .checkout-main #shipping-methods-container .shipping-method label .shipping-method-name input[type=radio]{ margin-right: 6px; height: 15px; width: 15px;} .isdesktop .checkout-main #checkout-address-submit input[type=checkbox]{ margin: 8px 8px 0px 2px; height: 14px; width: 14px;} .isdesktop .checkout-main .clearfix.newsletter-signup{ float: left;} .isdesktop .checkout-main .newsletter-signup label{ float: left; color: #424242; font-weight: normal; font-size: 14px;} .isdesktop .checkout-main ul.payment-methods{ height: 40px;} .isdesktop .checkout-main ul.payment-methods li.card a{ height: 22px; padding: 10px 10px 14px;} .isdesktop .checkout-main ul.payment-methods li.paypal a{ padding: 10px 10px 19px;} .isdesktop .checkout-right .checkout-summary .checkout-summary-section .tick-box{ display: none;} .ismobile .checkout-main #checkout-address-postcode{ margin-bottom: 0px!important;} .ismobile .checkout-main #address-find-btn{ border-radius: 5px;} .ismobile .checkout-main #change-address-btn{ border-radius: 5px;} .ismobile .checkout-main span.field-validation-valid{ color: #ef0000; margin-top: 5px;} .ismobile .checkout-main #checkout-address-postcode .field-validation-valid{ width: auto;} .ismobile .checkout-main .checkout-address-form input.text.postcode{ width: 55%; margin: 0px;} .ismobile .checkout-main #address-find-btn{ width: 96px;} .ismobile .checkout-main #change-address-btn{ width: 96px;} .ismobile .checkout-main #address-find-btn .icon{ right: 9px; top: 12px;} .ismobile .checkout-main #change-address-btn .icon{ right: 9px; top: 12px;} .ismobile .checkout-main #shipping-methods-container .shipping-method label{ padding: 10px 15px; line-height: 24px;} .ismobile .checkout-main #shipping-methods-container .shipping-method .selected{ border: 1px solid #333;} .ismobile .checkout-main #shipping-methods-container .shipping-method{ margin-bottom: 20px;} .ismobile .checkout-main #shipping-methods-container .shipping-method.next-day{ margin-bottom: 16px;} .ismobile .checkout-main #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 0 0; color: #112884;} .ismobile .checkout-main .checkout-address-form .use-delivery{ box-sizing: border-box;} .ismobile .checkout-main #checkout-address-submit.checkout-submit-delivery-block{ margin-top: 0px;} .ismobile .checkout-main .newsletter-signup label{ color: #424242; font-size: 14px; padding: 0;} .ismobile .checkout-main .newsletter-signup{ margin: 22px 0px;} .ismobile .checkout-main #checkout-address-submit input[type=checkbox]{ margin: 10px 8px 0 2px; width: 15px; height: 15px;} .checkout-login-container .main .left .forgot-password input.continue-guest{ border-radius: 5px; background: #00AA50;} .checkout-login-container .main .left .forgot-password input.continue-login{ border-radius: 5px; background: #00AA50;} .checkout-login-container .main .left .forgot-password .no-account-guest{ border-radius: 5px; background: #00AA50; padding: 7px 11px;} body.shopping-cart-page #page-content .body-wrapper .order-summary__content .checkout-button.checkout{ height: 40px; border-radius: 5px; color: white; font-weight: bold; background: #00AA50;} body.shopping-cart-page #page-content .body-wrapper .shopping-cart .basket .voucher-section .voucher-section-button{ font-size: 12px; border-radius: 5px; background: #00AA50;} body.shopping-cart-page #page-content .body-wrapper .cart-message .empty-basket-section .checkout-button.checkout{ border-radius: 5px!important; background: #00AA50!important;} .product-page .window.product-finance .finance-container .finance-calculations .banner .deposit-slider-container .note.note{ visibility: hidden; position:relative;} .product-page .window.product-finance .finance-container .finance-calculations .banner .deposit-slider-container .note::after{ visibility: visible; display: block; content: '*Deposits not available with PayPal Credit'; margin-top: -8px;} .ismobile body.shopping-cart-page .order-summary__delivery .dd-delivery.dd-delivery{ background-position: 101px -1173px; width: 136px;} .ismobile .checkout-delivery-page .checkout-main #shipping-methods-container#shipping-methods-container{ clear: both;} .isdesktop #main-navigation .mm-no-col-title .links-title{margin-left:-30px;width:210px;min-height: 29px;} .ismobile body.page-home #page-content /*Fixes*/ img{image-rendering: initial;} .ismobile body.page-home #page-content /*Reverts desktop image rendering*/ .row{margin-bottom: 10px;} .ismobile body.page-home #page-content /*Override mobile homepage 0 margin bottom */ #static-page-content{margin: 0 0 20px 0;} .ismobile body.page-home #page-content /*Removes border that gets applied to mobile homepage*/ .custom-html{height: auto;} .ismobile body.page-home #page-content /*Adjusts site wide banner height to allow for USPs*/ div.hide-for-discount-scheme{margin-bottom: 0;} .ismobile body.page-home #page-content /*Misc*/ .hp-promo-2x2{margin-left:5px} .ismobile body.page-home #page-content /*Text*/ h2:not(.css-accordion__title){margin-bottom: 0;margin-top: 15px;} .ismobile body.page-home #page-content /*Newsletter Sign-up*/ .column.full.hp-newsletter-signup{background: rgba(216,44,25,1);height: auto;padding: 10px 5% 60px 5%;width: 90%;} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-voucher{float: none; display: block; clear: both; position: relative; left: 50%; transform: translateX(-50%);} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-input{font-size: 13px;width: 60%;padding: 10px 5% 9px 5%;} .ismobile body.page-home #page-content .hp-newsletter-signup h3{white-space:normal; margin-bottom: 20px;} .ismobile body.page-home #page-content .hp-newsletter-signup p{text-align:center;} .ismobile body.page-home #page-content .hp-newsletter-signup h3{text-align:center;} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-btn-signup{width: calc(40% - 20px);position: relative;left: 0;top: 1px;} .ismobile body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-chevron{position: relative; top: -30px; right: -5px;} .ismobile body.page-home #page-content /*USPs*/ .hp-full-usp div img{width: 100%; height: auto; max-height: 100%;} .ismobile body.page-home #page-content #static-page-content .hp-full-usp .column > a img{margin-top: 0; margin-bottom: 0;} .ismobile body.page-home #page-content .hp-full-usp{margin-left: 5px;} .ismobile body.page-home #page-content /*Guides*/ .news-article{height:auto; padding: 15px; margin-bottom: 20px;} .ismobile body.page-home #page-content /*Layout*/ .body-wrapper #static-page-content .page-builder .col-2-mobile div{padding-bottom: 10px;} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .col-3-mobile div{padding-bottom: 10px;} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .col-4-mobile div{padding-bottom: 10px;} .ismobile body.page-home #page-content .col-2-mobile.hp-promo-2x2 div:nth-child(2n){float: right;} .ismobile body.page-home #page-content .col-2-mobile.hp-promo-2x2 div{width: calc(50% - 6px); padding: 0 0 12px 0;} .ismobile body.page-home #page-content .col-2-mobile.hp-promo-2x2.flow-opposite{margin: 0 0 0 5px;} .ismobile body.page-home #page-content /*Carousel*/ #static-page-content .page-builder .hp-carousel .static-page-banner .bx-wrapper{height: auto;} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-carousel{padding: 0; margin-top: -10px; margin-bottom: -19px; height: auto;} .ismobile body.page-home #page-content .mobile-full-width{padding-left: 0; padding-right: 0;} .ismobile body.page-home #page-content .hp-carousel ul.pagebuilder-bxslider{width: 100%; padding-top: 0;} .ismobile body.page-home #page-content .hp-carousel ul.pagebuilder-bxslider li{width: 100%;} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .column.mobile-full-width{padding: 0;} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.col-2-mobile div{padding-bottom: 0;} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .col-2-mobile div{padding-bottom: 5px;} .ismobile body.page-home #page-content .col-2-mobile.hp-brand-logo-buttons{margin-left: 5px;} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider .homepage_mainbanner li img{aspect-ratio:600 / 570} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-carousel{aspect-ratio:1 / 1} .ismobile body.page-home #page-content .body-wrapper #static-page-content .hp-full-usp .column{width:40%} .ismobile body.page-home #page-content .body-wrapper .hp-full-usp div img{max-width:150px} .ismobile body.page-home #page-content .body-wrapper .column.full.hp-newsletter-signup{width:95%;box-sizing:border-box;margin:0 2.5%} .ismobile body.page-home #page-content .body-wrapper .quad-logo{top:10%;left:0;transform:scale(0.6) translate(-25px,-20px)} .ismobile body.page-home #page-content .body-wrapper .mobile-full-width{padding-left:0;padding-right:0;} .ismobile body.page-home #page-content .body-wrapper .split-banner-html{width:100%;height:68px;border-radius:15px} .ismobile body.page-home #page-content .body-wrapper .split-banner-html:before{border-radius:0 15px 15px 0} .ismobile body.page-home #page-content .body-wrapper .split-banner-text-container{padding:2px 20px 20px 70px;overflow:hidden;height:68px} .ismobile body.page-home #page-content .body-wrapper .split-banner-html .split-banner-text-container:before{height:51px;width:50px;background-size:100% 100%} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html h2{font-size:1.4em} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html p{font-size:1.2em;line-height:12px} .ismobile body.page-home #page-content .body-wrapper .split-banner-html.split-c2w .split-banner-text-container:after{height:44px;width:50px;right:49px;top:11px;background-size:100% auto} .ismobile body.page-home #page-content .body-wrapper .split-banner-html:after{height:26px;width:26px;background-size:100% auto;right:10px;top:20px} .ismobile body.page-home #page-content .body-wrapper .hp-promo-blocks .as-text figure a:after{font-size:1em;background-size:16px;padding:10px 18px 10px 0;right:5px;bottom:2px} .ismobile body.page-home #page-content .body-wrapper .hp-promo-blocks .as-text.as-text-tab-sale-invert figure a:after{background-size:16px} .ismobile body.page-home #page-content .body-wrapper .hp-promo-blocks .hp-promo-main.as-text.as-text-tab figure a:before{left:10px;transform:scale(1);position:absolute;top:0;font-size:1.6em;padding:8px 20px 7px 20px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h2{padding:0 20px 0 20px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h3{padding:0 20px 0 20px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h2{padding:0 20px 0 20px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h3{padding:0 20px 0 20px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h2{font-size:1.8em;top:7px;left:0;line-height:1;padding-bottom:0} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h3{top:80px;left:0;font-size:1em;line-height:1;padding-bottom:0} .ismobile body.page-home #page-content .body-wrapper .hp-promo-blocks .as-text.as-text-tab figure a:before{left:15px;font-size:.9em;padding:4px 10px 3px 10px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .hp-promo-main.as-text figure a h2{font-size:2.9em;top:64px;left:3px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .hp-promo-main.as-text figure a h3{top:235px;left:3px;font-size:1.4em} .ismobile body.page-home #page-content .body-wrapper .hp-promo-blocks .hp-promo-main.as-text figure a:after{font-size:1.5em;background-size:26px;padding:10px 29px 10px 0;right:10px;bottom:13px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h2{font-size:1.35em;left:20%;top:10%} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h3{font-size:1.2em;left:75px;top:65px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a:after{right:11px;top:initial;bottom:-13px;font-size:1.45em;padding:30px 30px 30px 0} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a[data-ga-action="Footer Promo Banner"]:after{background-size:27px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text a{position:relative;display:inline-block} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text h3{padding:0 20px 10px 20px;font-size:1.3em;position:relative;top:-30px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text img{transform:scale(0.4)} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text .column{width:49%;height:100px;box-sizing:border-box;display:inline-block} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-btn-signup{width:42%;left:10px;text-align:right;padding:0 36px 0 0} .ismobile body.page-home #page-content .body-wrapper .input-and-button{position:relative;width:100%;display:block} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-form .input-and-button:after{content:"";background:url(../png/chevron-right-red-on-white.png);background-size:36px 36px;width:37px;height:37px;position:absolute;bottom:-29px;right:-15px} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp div img{width:100%;height:auto;max-height:100%} .ismobile body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .column.half:last-child{padding: 0 10px 5px 10px} body.page-home #page-content /*--Desktop--*/ /*Fixes*/ img{image-rendering: -webkit-optimize-contrast;} body.page-home #page-content /*Improve Image Sharpness*/ .hp-stacking-fix{display: inline-block;} body.page-home #page-content /*Split banner mobile stacking fix*/ /*Text*/ .body-wrapper #static-page-content .page-builder .column h1{font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color:#424242; font-size: 24px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column h2{font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color:#424242; font-size: 24px;} body.page-home #page-content h3{font-size:16px; font-weight:normal; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; line-height: 1.1;} body.page-home #page-content .hp-browse-by-department h3{height:40px;} body.page-home #page-content .line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content .line-clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow: hidden;} body.page-home #page-content /*Newsletter Sign-up*/ .column.full.hp-newsletter-signup{background-color: rgba(216,44,25,1); height:81px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup p{font-size: 13px; letter-spacing: 1px;} body.page-home #page-content .hp-newsletter-signup h3{font-size: 24px; padding-top: 15px; letter-spacing: 2px;} body.page-home #page-content .hp-newsletter-signup p{ text-transform: uppercase;color: #fff; font-weight:bold; clear:none; text-align:left;} body.page-home #page-content .hp-newsletter-signup h3{ text-transform: uppercase;color: #fff; font-weight:bold; clear:none; text-align:left;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-input{width: 58%; margin: -7px 0 10px 0; padding: 10px 10px 9px 15px; border: 0;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-input.has-validated{color: #2e2e2e; letter-spacing: 1px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-btn-signup{background-color: rgba(216,44,25,1); color: #fff; font-size: 16px; margin: 0 0 10px 5px; padding: 0; border: 0; width: 40%; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;} body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-voucher{float: left; display: inline; margin-right: 20px;} body.page-home #page-content .hp-newsletter-signup .hp-newsletter-ico-chevron{width: 20px; float: right; display: inline; position: relative; top: -31px; right: 10px;} body.page-home #page-content /*USPs*/ .hp-usp.hp-usp-mobile img{max-width: 112px; height: auto; position: relative; top: -5px;} body.page-home #page-content .hp-usp.hp-usp-mobile{ background-color: #f5f5f5; text-align: center; height: 50px; border-width: 0 0 1px 0; border-style:solid; border-color:#d5d5d5; overflow-y: hidden;} body.page-home #page-content .hp-usp.hp-usp-mobile .column{display:inline;} body.page-home #page-content .hp-full-usp div img{max-height:82px; width:auto;} body.page-home #page-content /*Guides*/ .news-article{padding:10px; border: 1px solid #a5a5a5; background-color: #fff;} body.page-home #page-content .article-photo{margin: 0 auto 5px auto;} body.page-home #page-content .article-photo img{margin-bottom:5px; width: 100%;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .news-article h2{height: 38px; line-height: 1; margin-bottom: 5px; margin-top: 10px; text-transform: uppercase; font-size: 18px; letter-spacing: 2px; color: #424242; text-align: center; text-overflow: ellipsis;} body.page-home #page-content .news-article h3{position: relative; bottom: -5px; display: block; text-align: center; text-transform: uppercase; font-size: 15px; letter-spacing: 2px; color: #424242; font-weight: bold; margin-top: 15px; margin-bottom: 20px;} body.page-home #page-content .news-article h3::after{content: " ›"; color:#2e2e2e; font-size:20px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .news-article p{font-size: 14px; color: #424242; height: 48px; line-height: 1.35;} body.page-home #page-content /*Brands Bar - Buttons*/ .hp-brand-logo-buttons a{border: 1px solid #d1d3d4; background-color: #f0f0f0; border-radius: 5px; padding: 2% 1% 1% 2%; display: inline-block;} body.page-home #page-content .hp-brand-logo-buttons img{width:70%;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-brand-logo-buttons .column > a img{margin-top: 0; margin-bottom: 0;} body.page-home #page-content /*Brands Bar*/ .hp-brands-bar{-webkit-box-sizing: border-box; box-sizing: border-box; clear: left; height: 40px; margin: 0; overflow: hidden;} body.page-home #page-content .hp-brands-bar .hp-brand{background-color: transparent; display: block; height: 40px; float: left;padding: 0; background-repeat: no-repeat; background-image: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/2020-03-brand-sprite.svg); background-image: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/2020-03-brand-sprite.png) \9;} body.page-home #page-content .hp-brands-bar .hp-brand-1{background-position: 0 0; width: 11.5345%;} body.page-home #page-content .hp-brands-bar .hp-brand-2{background-position: -112px 0; width: 11.2255%;} body.page-home #page-content .hp-brands-bar .hp-brand-3{background-position: -221px 0; width: 10.8136%;} body.page-home #page-content .hp-brands-bar .hp-brand-4{background-position: -1089px -3px;background-size: 1000%; width: 12.5%;} body.page-home #page-content .hp-brands-bar .hp-brand-5{background-position: -319px -1px; width: 15.3450%;} body.page-home #page-content .hp-brands-bar .hp-brand-6{background-position: -430px 2px; width: 10.7106%; background-size: 960%;} body.page-home #page-content .hp-brands-bar .hp-brand-7{background-position: -576px 1px; width: 12.7703%;} body.page-home #page-content .hp-brands-bar .hp-brand-8{background-position: -697px 1px; width: 14.9331%;} body.page-home #page-content /*Layout*/ .column.eighth{width:12.5%;} body.page-home #page-content .hp-promo-blocks figure{margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; display: block;} body.page-home #page-content .hp-promo-blocks figure a{margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; display: block;} body.page-home #page-content .hp-promo-blocks figure a img{margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 0; display: block;} body.page-home #page-content .hp-promo-2x2{padding: 0 10.16px 0 0; margin: 0 0 0 -7.16px;} body.page-home #page-content .hp-promo-2x2.flow-opposite{padding: 0 7.16px 0 3px; margin: 0;} body.page-home #page-content .hp-promo-2x2 div{padding: 0 0 18.5px 14px;} body.page-home #page-content .hp-promo-main{padding-left: 17.16px;padding-right: 7.16px;} body.page-home #page-content .hp-promo-main.flow-opposite{padding-left: 7.16px;padding-right: 17.16px;} body.page-home #page-content /*Carousel*/ .hp-carousel{position: relative; top: 0; height: 400px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-carousel .bx-wrapper{height: 417px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider .homepage_mainbanner.desktop-version{height: 439px;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider ul.homepage_mainbanner{position: absolute; top: 0; left: 0;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider{margin-bottom: 0; margin-top: 0; overflow: hidden;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider{position: relative; clear: both;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider .bx-wrapper .bx-controls-direction{display: inline-block;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider .bx-wrapper .bx-pager{bottom: 35px; padding: 0; position: absolute;} body.page-home #page-content .body-wrapper #static-page-content .page-builder .homepage-slider{min-height:320px} body.page-home #page-content .hp-trending-categories h3{height:40px;word-break:break-word;overflow:hidden;line-height: 1.2;max-width:100%} body.page-home #page-content .hp-promo-blocks .as-text figure a:after{text-transform:lowercase} body.page-home #page-content .body-wrapper #static-page-content .page-builder .circle-bg .nav-bte [class="ga"]:before{background:#56848f} body.page-home #page-content #static-page-content .column.double-fifth{width:40%; padding-left:0;padding-right:0} body.page-home #page-content #static-page-content .column.double-fifth .column.half{padding-left:17.16px;padding-right:17.16px} body.page-home #page-content .body-wrapper #static-page-content .page-builder .individual-product-cards .column.double-fifth #product-cards .search-results .product.category{width:50%} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product a{width:80%;margin-left:10%;margin-right:10%} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product{border:0;margin-left:0;margin-bottom:0} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product:hover{border-color:transparent; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product .brand-logo{display:none} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product .pricing{display:none} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product .finance-msg{display:none} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product .product-availability{display:none} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product .no-review-stars{display:none} body.page-home #page-content .page-builder .nav-product-cards #product-cards .search-results .product .review-stars{display:none} body.page-home #page-content .page-builder #product-cards .search-results .product .p-title{text-align:center;font-size:14px;font-weight:normal;margin-bottom:10px;line-height:1.1;height:42px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-carousel .bx-wrapper{height:432px} body.page-home #page-content #static-page-content .hp-full-usp .column{display:inline-block; width:24%; float:none} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column h2{text-transform:none;letter-spacing:0} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .news-article h2{text-transform:none;letter-spacing:0} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .news-article h3{text-transform:none;letter-spacing:0} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column h1{text-transform:none;letter-spacing:0} body.page-home #page-content .body-wrapper .hp-full-usp div img{max-height:120px} body.page-home #page-content .body-wrapper #static-page-content .page-builder .circle-bg [class="ga"]:before{background:linear-gradient(-45deg, #000 0%, #000 55%, #fff 56%, #fff 100%); border-radius:20%; opacity:0.075 !important} body.page-home #page-content .body-wrapper #static-page-content .page-builder .circle-bg .tax-free-bikes [class="ga"]:before{background:linear-gradient(-45deg, #640a1a 0%, #000 55%, #fff 56%, #fff 100%)} body.page-home #page-content .body-wrapper .news-article{border-radius:10px;background-color:#eee;border:0 solid transparent} body.page-home #page-content .body-wrapper .article-photo img{border-radius:5px 5px 0 0} body.page-home #page-content .body-wrapper .column.full.hp-newsletter-signup{border-radius:10px} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-btn-signup{background-color:transparent;margin:10px 0 10px 0;padding-right:50px;box-sizing:border-box;display:inline;position:relative;left:30px;top:-11px; z-index:99} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup .hp-newsletter-input.has-validated{border-radius:5px} body.page-home #page-content .split-banner-html{width:100%;height:90px;background-color:#eee;border-radius:15px;position:relative} body.page-home #page-content .split-banner-html:before{position:absolute;right:0;top:0;content:" ";width:80%;height:100%;border-radius:0 15px 15px 0;background:linear-gradient(-45deg, #e5e5e5 0%, #e5e5e5 55%, #eee 56%, #eee 100%)} body.page-home #page-content .split-banner-html:after{height:38px;width:38px;position:absolute;right:15px;top:24px;display:block} body.page-home #page-content .split-banner-html.split-finance:after{content:"";background:url(../png/chevron-finance-min.png) no-repeat center center} body.page-home #page-content .split-banner-html.split-c2w:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/chevron-c2w-min.png) no-repeat center center} body.page-home #page-content .split-banner-html.split-commute:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/chevron-c2w-min.png) no-repeat center center} body.page-home #page-content .split-banner-html.split-ebikes:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/chevron-green-min.png) no-repeat center center} body.page-home #page-content .split-banner-text-container{width:100%;position:relative;top:0;box-sizing:border-box;left:0;height:90px;display:block;padding:27px 20px 20px 100px} body.page-home #page-content .split-banner-html .split-banner-text-container:before{height:72px;width:71px;position:absolute;top:8px;left:9px} body.page-home #page-content .split-banner-html.split-ebikes .split-banner-text-container:before{left:13px;top:7px} body.page-home #page-content .split-banner-html.split-commute .split-banner-text-container:before{left:13px;top:7px} body.page-home #page-content .split-banner-html.split-c2w .split-banner-text-container:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/c2w-logos-min.png) no-repeat center center;height:72px;width:81px;position:absolute;right:57px;top:9px;display:block} body.page-home #page-content .split-banner-html.split-commute .split-banner-text-container:before{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/ico-commute-min.png) no-repeat center center} body.page-home #page-content .split-banner-html.split-ebikes .split-banner-text-container:before{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/ico-ebikes-min.png) no-repeat center center} body.page-home #page-content .split-banner-html.split-c2w .split-banner-text-container:before{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/ico-c2w-min.png) no-repeat center center} body.page-home #page-content .split-banner-html.split-finance .split-banner-text-container:before{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/ico-finance-min.png) no-repeat center center} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html h2{font-size:2em;font-weight:900;color:#222} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html.split-c2w p{color:#d31716} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html.split-commute p{color:#d31716} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html.split-finance p{color:#00aee9} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html.split-finance p sup{color:#00aee9} body.page-home #page-content .body-wrapper #static-page-content .page-builder .column .split-banner-html.split-ebikes p{color:#348f41} body.page-home #page-content .hp-promo-blocks .as-text figure a:after{content:"shop now";color:#fff;position:absolute;right:8px;bottom:22px;text-align:right;font-weight:900;font-size:1.45em;background:url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/chevron-red-shadow-min.png) center right no-repeat;background-size:24px;padding:10px 28px 10px 0;text-shadow:1px 1px 4px #000;overflow:visible} body.page-home #page-content .body-wrapper .hp-promo-blocks .as-text.as-text-tab-sale-invert figure a:after{background:url(https://tredz.azureedge.net/assets/images/userpages/images/icons/chevron-white-shadow-min.png) center right no-repeat;background-size:24px} body.page-home #page-content .body-wrapper .hp-promo-blocks .as-text{position:relative} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h2{position:absolute;text-shadow:1px 1px 4px #000;color:#fff;line-height:0.9;padding:0 30px 0 30px;width:100%;box-sizing:border-box;text-align:left} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h3{position:absolute;text-shadow:1px 1px 4px #000;color:#fff;line-height:0.9;padding:0 30px 0 30px;width:100%;box-sizing:border-box;text-align:left} body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h2{position:absolute;text-shadow:1px 1px 4px #000;color:#fff;line-height:0.9;padding:0 30px 0 30px;width:100%;box-sizing:border-box;text-align:left} body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h3{position:absolute;text-shadow:1px 1px 4px #000;color:#fff;line-height:0.9;padding:0 30px 0 30px;width:100%;box-sizing:border-box;text-align:left} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h2{font-size:2.4em;font-weight:900;left:0;top:32px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-bottom:10px} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .as-text figure a h3{font-size:1em;font-weight:500;left:0;top:110px;line-height:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:break-spaces} body.page-home #page-content .body-wrapper .hp-promo-blocks .as-text figure a.find-out-more:after{content:"find out more"} body.page-home #page-content .body-wrapper .hp-promo-blocks .as-text.as-text-tab figure a:before{content:"In Stock";color:#fff;background-color:#d31716;border-radius:0 0 5px 5px;width:auto;height:auto;position:absolute;left:25px;top:0;line-height:1;text-align:left;padding:8px 20px 5px 20px} body.page-home #page-content .body-wrapper .quad-logo{position:absolute;top:10%;left:0;transform:scale(0.9) translate(22px,-5px)} body.page-home #page-content .body-wrapper .hp-promo-blocks .hp-promo-main.as-text.as-text-tab figure a:before{transform:scale(1.6);position:absolute;top:8px;left:50px} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-main.as-text figure a h2{font-size:3.64em;left:8px;top:105px;padding:0 100px 0 30px} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-promo-blocks .hp-promo-main.as-text figure a h3{left:10px;font-size:1.6em;top:285px} body.page-home #page-content .body-wrapper .hp-promo-blocks .hp-promo-main.as-text figure a:after{font-size:1.92em;background-size:32px;padding:10px 37px 10px 0;right:32px;bottom:22px} body.page-home #page-content .body-wrapper .hp-promo-blocks .hp-promo-main.as-text figure a[data-ga-label="7 Reasons to Buy an E-Bike"]:after{content:"find out more"} body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h2{font-size:2.35em;font-weight:900;left:95px;top:48px;line-height:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-bottom:10px} body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a h3{font-size:1.4em;font-weight:500;left:95px;top:85px;line-height:1;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a:after{content:"shop now";color:#fff;position:absolute;right:44px;top:40px;text-align:right;font-weight:900;font-size:2.45em;background:url(https://tredz.azureedge.net/assets/images/userpages/images/icons/chevron-red-shadow-min.png) center right no-repeat;background-size:42px;padding:30px 48px 30px 0;text-shadow:1px 1px 4px #000;overflow:visible} body.page-home #page-content .body-wrapper #static-page-content .page-builder .footer-promo.as-text a[data-ga-action="Footer Promo Banner"]:after{content:"shop ebikes";background:url(https://tredz.azureedge.net/assets/images/userpages/images/icons/chevron-green-shadow.png) center right no-repeat} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text img{transform:scale(0.7) translate(0,10px)} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text h3{color:#d31716} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text h3 sup{color:#d31716} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-full-usp.as-text h3{font-size:1.2em;font-weight:700;padding:10px 40px;box-sizing:border-box;white-space:break-spaces} body.page-home #page-content .body-wrapper .hp-newsletter-signup h3{font-weight:900;letter-spacing:0.8px;text-transform:none} body.page-home #page-content .body-wrapper #static-page-content .page-builder .hp-newsletter-signup p{font-size:16px;top:-5px; position:relative} body.page-home #page-content .body-wrapper .hp-newsletter-signup p{text-transform:none;letter-spacing:0.5px} body.catalog-page div.float-right-content.product-area div.sorting-paging .total-products{ width: 185px;} body.catalog-page div.float-right-content.product-area div.sorting-paging div.paging .page-number{ margin: 0px 8px;} body.paypal-credit-available .hidetestB{ display: none;} .ismobile .out-of-stock-product-page .product-card .product-card__link.product-card__link{ max-height: 40px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert.instant-expert{ padding: 0px 0 10px; margin: 0px 0 0px; border-bottom: 0px solid #ccc;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a[href*="advice-nav-top"]{position: relative;top: 20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert p{font-size: 15px; color: #6e6e6e;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .display p{font-size: 1.5em; line-height: 1.45em; font-style: italic; color: #6e6e6e;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert img{margin-top: 10px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td ul li{margin: 10px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .feature-header{border-bottom: 4px solid #d5d5d5 !important; margin-bottom: 10px !important; font-size: 2.4em !important; line-height: 1.1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .tab-change-btn{border: 1px solid #cdcdcd; border-right-width: 1px; border-right-width: 0; display: block; font-size: 14px; font-weight: 600; line-height: 20px; outline: none; padding: 9px 16px 13px; position: relative; vertical-align: baseline; z-index: 1;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn{font-size: 1.23em; border-width: 2px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-primary{color: #ffffff; background-color: #da2727;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn{padding: 7px 25px; letter-spacing: 1px; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; border: 1px solid transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; cursor: pointer; white-space: nowrap; margin: 5px; font-size: 16px; line-height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-primary:hover{color: #ffffff; background-color: #d44d4d; border-color: #d44d4d;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .gifts-buttons-2018:hover{background-color:#0cd9b0; border-color:#0cd9b0 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn-green{background-color: #07aa4f !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-green:hover{background-color:#4ccb84 !important; border-color:#4ccb84 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn-blue{background-color: #0d547e !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-blue:hover{background-color:#3c7292 !important; border-color:#3c7292 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn-orange{background-color: #f37121 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-orange:hover{background-color:#f7ae86 !important; border-color:#f7ae86 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn-c2w{background-color: #7e2e3c !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn.btn-c2w:hover{background-color:#3d0b14 !important; border-color:#3d0b14 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ul{padding: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ._pb-circle{height: 50px; width: 50px; border-radius: 50%; line-height: 50px; background-color:#d31716; text-align:center; color:#fff; float:left; position:relative; top:-2px; margin:0 10px 0 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ._pb-circle span{font-size:1.5em; color:#fff; font-weight:bold;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .comp-key{width:140px; height:auto; float:right; position:absolute; bottom:0; left :20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert h3._pb-circle-heading{display:inline;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation{overflow: scroll !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation ul{width: max-content !important;width: -moz-max-content;width: -webkit-max-content;width: -o-max-content;width: 770px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li a:hover{color:#fff;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/range-page-icons-2.png') center bottom no-repeat !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li a{padding: 16px !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0; margin-top:0; left:0; width: 100%;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new ul{margin: auto 0; padding: 0; list-style-type: none; display: inline; position: relative; padding-right: 20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new li{float: left; padding: 0; border-bottom: 3px solid #fff; border-left: 0 solid #f5f5f5; border-right: 1px solid #f5f5f5; list-style: none !important; transition: 200ms ease-in;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new li a{color: #595959; text-decoration: none; display: block; font-weight: bold; padding: 24px 14px 23px 14px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03); border-bottom: 3px solid #d31716 !important; border-left: 0 solid #f0f0f0; border-right: 1px solid #fff;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important; margin-top: -10px;margin-left: -20px !important;padding: 0 !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .bounce-arrow_nav{margin-top: -20px;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new .hrz-scroll div{overflow-x: scroll !important; height: 68px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new ul{width: max-content !important; width: -moz-max-content !important; width: -webkit-max-content !important; width: -o-max-content !important; display: block !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new_container{height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert div.hrz-scroll{overflow-x: scroll !important; height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation-new_container .table-wrapper.no-margin{margin-right: -20px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert h1{text-transform: none;line-height: 1.2em} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert h3{text-transform: none;line-height: 1.2em} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert p a{font-size: inherit;color: #db2727;text-decoration: underline;font-weight: normal} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .center{text-align: center} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert hr{margin-bottom: 0 !important;position: relative;z-index: 39;background: #ccc;height: 1px;margin: 10px 0;border: 0;clear: both} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert img{max-width: 100%;max-height: 100%;height: auto;width:auto} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert h2._pb-sub-header{margin-top: -1px;background: none;color: #2e2e2e;font-weight: 900;padding: 5px 5px 5px 5px !important;border-bottom: 4px solid #d31716;display: inline-block;text-align: center;position: relative;font-size: 20px !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ._pb-sub-header hr{display: none} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert ul.disc{margin-left: 20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .clearfix{zoom:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .clearfix:before{content:" ";display:table} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .clearfix:after{content:" ";display:table;clear:both} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column{float:left;padding-left:0;padding-right:1.32rem;box-sizing:border-box} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.full{width:100%;margin-left: 0;margin-right: 0;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.half{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.third{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.fourth{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.fifth{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.sixt{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-third{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-fourth{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-fifth{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.two-sixth{width:100%;padding-right: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column.half:nth-child(2){padding-right: 0 !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column ul{list-style:disc;margin-left: 15px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column ul li{list-style:disc} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation{padding:0!important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#636363;-webkit-overflow-scrolling: touch;height: 46px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table.variants{all:initial !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert b{font-weight:bold !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert strong{font-weight:bold !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table.variants{border-spacing: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .variants table tr th{background-color: #ffffff} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .variants td a{color:#fff;text-decoration:none} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert td.variant-area{background-color: #d31716; border-color: #ffffff;text-align:center} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert td.variant-area:first-child{background-color: #d31716; border-color: #ffffff} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert li.up-point{background:none !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert li.up-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png);padding: 0 0px 0px 0;display: block;float: left;margin-top: -5px;margin-right: 5px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert li.down-point{background:none !important} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert li.down-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png);padding: 0 0px 0px 0;display: block;float: left;margin-top: -5px;margin-right: 5px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .highlights-summary li{font-size: 1.077em !important;list-style: none!important;padding: 0 0 15px 0px;line-height: 20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 thead tr .groupset-table-cell-shimano{background-color: #30ace2} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 thead tr .groupset-table-cell-sram{background-color: #ee1b22} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 thead tr .groupset-table-cell-campag{background-color: #000; color:#fff} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 tbody tr td{padding: 9px; vertical-align: middle} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 .table-circle{height: 40px; width: 40px; border-radius: 50%; line-height: 40px; background-color: #d31716; text-align: center; color: #fff; position: relative; margin: 0 10px 10px 20px; display: inline-block; font-size: 1.2em; font-weight: bold; top: 4px; vertical-align: top} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .groupset-table-2 img{max-height: 40px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table{border:1px solid #d5d5d5;border-radius:0;width:calc(100% - 2px);overflow-wrap:anywhere;border-collapse: collapse;overflow-x: auto;display: block; max-width: 980px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table th{background-color:#ececec;border-radius:0;color:#6e6e6e;font-size:18px;padding:9px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table th:first-child{border-radius:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table th:last-child{border-radius:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr:last-child td:first-child{border-radius:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr:last-child td:last-child{border-radius:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr td:first-child{font-weight:bold} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr th{min-width: 120px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tr td{min-width: 120px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th{border-bottom:1px solid #d5d5d5;background-color:#ececec;color:#6e6e6e;font-size:18px;padding:4px 9px;line-height:1;min-width: 120px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th p{color:#6e6e6e;font-size:18px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th b{color:#6e6e6e;font-size:18px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th strong{color:#6e6e6e;font-size:18px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th li{color:#6e6e6e;font-size:18px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th span{color:#6e6e6e;font-size:18px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead tr th a{font-size:16px;padding:0;line-height:1;margin:0 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td{border-bottom:1px solid #d5d5d5;color:#6e6e6e;font-size:16px;padding:14px 9px;line-height:1;min-width: 120px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td p{color:#6e6e6e;font-size:16px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td b{color:#6e6e6e;font-size:16px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td strong{color:#6e6e6e;font-size:16px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td li{color:#6e6e6e;font-size:16px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td span{color:#6e6e6e;font-size:16px;padding:0;line-height:1} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr td a{font-size:16px;padding:0;line-height:1;margin:0 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody tr:last-child td{border-bottom:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert a.btn-table{font-weight:bold;color:#d31716;text-decoration:underline;display:block;text-align:center} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper{overflow:auto} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table thead{display:inline-table;width:100%} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert table tbody{display:inline-table;width:100%} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper.bouncing-chevrons-50 div.bounce-arrow .bouncing{position: absolute; top: 50%} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert div.hrz-scroll{overflow-x: scroll !important; height: 64px !important;} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .table-wrapper{overflow: initial} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .accordion .accordion-item .bounce-arrow{position: initial; display: inline} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .accordion .accordion-item .bouncing{background-color: transparent; right: -35px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top-0-mobile{margin-top:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top-5-mobile{margin-top:5px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top-10-mobile{margin-top:10px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top-20-mobile{margin-top:20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top-30-mobile{margin-top:30px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top-40-mobile{margin-top:40px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top-50-mobile{margin-top:50px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top--5-mobile{margin-top:-5px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top--10-mobile{margin-top:-10px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top--20-mobile{margin-top:-20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top--30-mobile{margin-top:-30px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top--40-mobile{margin-top:-40px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-top--50-mobile{margin-top:-50px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom-0-mobile{margin-bottom:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom-5-mobile{margin-bottom:5px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom-10-mobile{margin-bottom:10px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom-20-mobile{margin-bottom:20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom-30-mobile{margin-bottom:30px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom-40-mobile{margin-bottom:40px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom-50-mobile{margin-bottom:50px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom--5-mobile{margin-bottom:-5px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom--10-mobile{margin-bottom:-10px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom--20-mobile{margin-bottom:-20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom--30-mobile{margin-bottom:-30px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom--40-mobile{margin-bottom:-40px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .margin-bottom--50-mobile{margin-bottom:-50px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .comp-key{width:140px;height:auto;float:right;position:absolute;bottom:0;left:20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .comp-key-container{position:relative} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .number-in-circle + h3{margin: 0 0 0 10px;display: inline-block} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .number-in-circle{height: 50px;width: 50px;border-radius: 50%;line-height: 50px;background-color: #d31716;text-align: center;position: relative;display: inline-block;top: -3px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .number-in-circle{color: #fff;font-size: 20px;font-weight: bold} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-primary{display: inline-block;border-radius: 10px;background-color: rgb(211,23,22);padding: 12px 50px 10px 20px;text-transform: none;letter-spacing: 1px; font-weight: 500;color: #ffffff;text-align: left;line-height: 1.3;position: relative;white-space: initial;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 0;pointer-events: initial} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-primary:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/images/icons/cta-chevron-white.png) no-repeat center center;height:100%;width:50px;display:inline-block;position:absolute;top:0;right:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-primary:hover{color:#fff;background-color:#d44d4d;border-color:#d44d4d} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-default{display:inline-block;border-radius:0;background-color:#d3d3d3;padding:10px 50px 10px 20px;text-transform:uppercase;letter-spacing:2px;font-weight:bolder;color:#333;text-align:left;line-height:1.3;position:relative;white-space:initial;margin-top:5px;margin-right:10px;margin-bottom:10px;margin-left:0;pointer-events: initial} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-default:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/static-elements/cta-chevron-grey-20.png) no-repeat center center;height:100%;width:50px;display:inline-block;position:absolute;top:9px;top:0;right:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .btn.btn-default:hover{color:#333;background-color:#e3e3e3;border-color:#e3e3e3} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .no-margin{margin: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .embed-responsive{position: relative;display: block;height: 0;padding: 0;overflow: hidden} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .embed-responsive.embed-responsive-16by9{padding-bottom: 56.25%} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .embed-responsive.embed-responsive-16by9 iframe{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert *{font-family: "Nunito Sans",Arial,Helvetica,sans-serif} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .row.clearfix .column h2:not(._pb-sub-header){font-weight: 900} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range-model-container{vertical-align:middle;position: absolute;margin-top: -7px;display: table} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range-model-container-left::before{content:"";float:left;display:table-cell;position:absolute;left:-25px;display: table-cell;position: absolute;left: -23px;border-left: solid 0 transparent;border-right: solid 23px rgba(211,23,22,.8);border-top: solid 25px transparent;border-bottom: solid 25px transparent} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range-model-container-right::after{content:"";float:right;display:table-cell;position:absolute;right:-25px;right: -23px;border-left: solid 23px rgba(211,23,22,.8);border-right: solid 0 transparent;border-top: solid 25px transparent;border-bottom: solid 25px transparent} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range{box-sizing: border-box;line-height:1;color:#2e2e2e;overflow:visible;height:45px;background: rgba(211,23,22,.8);height: 50px;display: table-cell;float: none;padding: 2px 5px 2px 60px;vertical-align: middle} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range::before{background-repeat:no-repeat;background-position:center;background-size:contain;background-color:#fff;height:40px;display:inline-block;float:left;border:5px solid #f5f5f5;box-shadow:0 2px 5px rgba(0,0,0,0.3);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);position: absolute;width: 60px;top: 4px;left: -10px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range .range-label{font-family: 'Nunito Sans',sans-serif;font-style: normal;font-weight: 700;color:#fff;font-size: 1em;margin-top: unset} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table{border-radius:0;border-width:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table td{border-radius:0;border-width:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table th{border-radius:0;border-width:0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table thead tr th{background-color:#2e2e2e;color:#fff;vertical-align:top;padding:10px 20px;width:20%} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table thead tr th h3{color:#ffffff;font-size:24px;margin-bottom:10px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table thead tr th p{font-weight:normal;color:#ffffff;font-size:16px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table td{border-bottom:1px solid #c0c0c0} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table tbody tr td{padding:10px 15px 30px 15px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table tbody tr td:nth-child(odd){background-color:#e9e9e9;vertical-align:top} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table tbody tr td:nth-child(even){background-color:#d5d5d5;vertical-align:top} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range-model-container.range-model-electric .range{background: rgba(70,170,79,.8)} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range-model-container.range-model-electric.range-model-container-right::after{border-left: solid 23px rgba(70,170,79,.8)} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range-model-container.range-model-electric.range-model-container-left::before{border-right: solid 23px rgba(70,170,79,.8)} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-1{width:200px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-2{width:240px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-3{width:280px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-4{width:320px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-5{width:360px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-6{width:400px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-0-25col{min-width: 47px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-0-5col{min-width: 94px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-0-75col{min-width: 141px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-1col{min-width: 188px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-1-25col{min-width: 235px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-1-5col{min-width: 282px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-1-75col{min-width: 329px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-2col{min-width: 376px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-2-25col{min-width: 423px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-2-5col{min-width: 470px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-2-75col{min-width: 517px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-3col{min-width: 564px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-3-25col{min-width:611px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-3-5col{min-width:658px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-3-75col{min-width: 705px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-4col{min-width: 752px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-4-25col{min-width: 799px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-4-5col{min-width: 846px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-4-75col{min-width: 893px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart .range-width-5col{min-width: 940px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .chart-container{width: 100%;overflow-x: scroll;position: relative} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .chart-container table{width: 945.67px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range img{background-color: #fff;height: auto;display: inline-block;float: left;border: 5px solid #f5f5f5;box-shadow: 0 2px 5px rgba(0,0,0,0.3);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);position: absolute;width: 100%;max-width: 44px;top: -7px;left: -5px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .column .column{padding-left: 0;margin-bottom: 20px} .ismobile .product-page .tab-popup .tab-popup-content.pd-tabs-content .instant-expert .brand-model-chart table .range .range-label a{font-size: 13px;color: #fff} .isdesktop .product-page .buying-advice-container .instant-expert.instant-expert{padding: 0px 0 10px;margin: 0px 0 0px;border-bottom: 0px solid #ccc;} .isdesktop .product-page .buying-advice-container .instant-expert a[href*="advice-nav-top"]{position: relative;top: 20px;} .isdesktop .product-page .buying-advice-container .instant-expert p{font-size: 15px;color: #6e6e6e;} .isdesktop .product-page .buying-advice-container .instant-expert .display p{font-size: 1.5em;line-height: 1.45em;font-style: italic;color: #6e6e6e;} .isdesktop .product-page .buying-advice-container .instant-expert .feature-header{border-bottom: 4px solid #d5d5d5 !important;margin-bottom: 10px !important;font-size: 2.4em !important;} .isdesktop .product-page .buying-advice-container .instant-expert .tab-change-btn{border: 1px solid #cdcdcd;border-right-width: 1px;border-right-width: 0;display: block;font-size: 14px;font-weight: 600;line-height: 20px;outline: none;padding: 9px 16px 13px;position: relative;vertical-align: baseline;z-index: 1;} .isdesktop .product-page .buying-advice-container .instant-expert .btn{font-size: 1.23em;border-width: 2px;} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-primary{color: #ffffff;background-color: #da2727;} .isdesktop .product-page .buying-advice-container .instant-expert .btn{padding: 7px 25px;letter-spacing: 1px;display: inline-block;font-weight: normal;text-align: center;text-decoration: none;vertical-align: middle;border: 1px solid transparent;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;cursor: pointer;white-space: nowrap;margin:5px;font-size: 16px;line-height: 32px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-primary:hover{color: #ffffff;background-color: #d44d4d;border-color: #d44d4d;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color: #0aa586 !important;} .isdesktop .product-page .buying-advice-container .instant-expert .gifts-buttons-2018:hover{background-color:#0cd9b0;border-color:#0cd9b0 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-green{background-color: #07aa4f !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-green:hover{background-color:#4ccb84 !important;border-color:#4ccb84 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-blue{background-color: #0d547e !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-blue:hover{background-color:#3c7292 !important;border-color:#3c7292 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-orange{background-color: #f37121 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-orange:hover{background-color:#f7ae86 !important;border-color:#f7ae86 !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-c2w{background-color: #7e2e3c !important;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn.btn-c2w:hover{background-color:#3d0b14 !important;border-color:#3d0b14 !important;} .isdesktop .product-page .buying-advice-container .instant-expert ._pb-circle{height: 50px;width: 50px;border-radius: 50%;line-height: 50px;background-color:#d31716;text-align:center;color:#fff;float:left;position:relative;top:-2px;margin:0 10px 0 0;font-size:20px;color:#fff;font-weight:bold;} .isdesktop .product-page .buying-advice-container .instant-expert ._pb-circle span{font-size:20px;color:#fff;font-weight:bold;} .isdesktop .product-page .buying-advice-container .instant-expert .comp-key{width:140px;height:auto;float:right;position:absolute;bottom:0;left :20px;} .isdesktop .product-page .buying-advice-container .instant-expert h3._pb-circle-heading{display:inline;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation{padding:0!important;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation ul{list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #636363;} .isdesktop .product-page .buying-advice-container .instant-expert div.banner-navigation ul{list-style: none;margin-left: 0;margin-top: 5px;margin-bottom: -10px;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation li{float:left;list-style-type:none!important;margin-bottom:0!important} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation li a{display:block;color:#c5c5c5;text-align:center;padding:15px;text-decoration:none;font-weight:normal;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation li a:hover{color:#fff;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/range-page-icons-2.png') center bottom no-repeat !important;} .isdesktop .product-page .buying-advice-container .instant-expert div.banner-navigation-new{position: relative;top:0;display: block;background-color: #fff;box-shadow: 0 0;height: 64px;overflow: hidden;z-index: 1;border-bottom: 1px solid #f5f5f5;margin-bottom:0;margin-top:0;left:0;width: 100%;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new ul{margin: auto 0;padding: 0;list-style-type: none;display: inline;position: relative;padding-right: 0;margin-left: 0 !important;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new li{float: left;padding: 0;border-bottom: 3px solid #fff;border-left: 0 solid #f5f5f5;border-right: 1px solid #f5f5f5;list-style: none !important;transition: 200ms ease-in;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new li a{color: #595959;text-decoration: none;display: block;font-weight: bold;padding: 23px 14px 23px 14px;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new li:hover{background-color: rgba(211,23,22,0.03);border-bottom: 3px solid #d31716 !important;border-left: 0 solid #f0f0f0;border-right: 1px solid #fff;} .isdesktop .product-page .buying-advice-container .instant-expert .table-wrapper.no-margin{margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} .isdesktop .product-page .buying-advice-container .instant-expert .banner-navigation-new_container{height: 65px;border-bottom: 1px solid #f5f5f5 !important;margin-top: -10px;padding: 0 !important;} .isdesktop .product-page .buying-advice-container .instant-expert .bounce-arrow_nav{margin-top: -20px;} .isdesktop .product-page .buying-advice-container .instant-expert h3{text-transform: none;} .isdesktop .product-page .buying-advice-container .instant-expert h1{text-transform: none;} .isdesktop .product-page .buying-advice-container .instant-expert p a{font-size: inherit;color: #db2727;text-decoration: underline;font-weight: normal;} .isdesktop .product-page .buying-advice-container .instant-expert .center{text-align: center;} .isdesktop .product-page .buying-advice-container .instant-expert hr{margin-bottom: 0 !important;position: relative;z-index: 39;background: #ccc;height: 1px;margin: 10px 0;border: 0;clear: both;} .isdesktop .product-page .buying-advice-container .instant-expert h2._pb-sub-header{background: none;color: #2e2e2e;font-weight: 900;padding: 5px 5px 5px 5px !important;border-bottom: 4px solid #d31716;display: inline-block;text-align: center;position: relative;font-size: 20px !important;} .isdesktop .product-page .buying-advice-container .instant-expert ._pb-sub-header hr{display: none;} .isdesktop .product-page .buying-advice-container .instant-expert ul.disc{margin-left: 20px;} .isdesktop .product-page .buying-advice-container .instant-expert .clearfix{zoom: 1;} .isdesktop .product-page .buying-advice-container .instant-expert .clearfix:before{content:" ";display:table} .isdesktop .product-page .buying-advice-container .instant-expert .clearfix:after{content:" ";display:table;clear:both} .isdesktop .product-page .buying-advice-container .instant-expert .column{box-sizing:border-box; -webkit-box-sizing:border-box;float:left;margin-left: 0;padding-left:15px;padding-right:15px;} .isdesktop .product-page .buying-advice-container .instant-expert .column.full{width:100%} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-third{width:66.7%} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-fourth{width:75%} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-fifth{width:80%} .isdesktop .product-page .buying-advice-container .instant-expert .column.two-sixth{width:83.3%} .isdesktop .product-page .buying-advice-container .instant-expert .column.half{width:50%} .isdesktop .product-page .buying-advice-container .instant-expert .column.third{width: 33.3%} .isdesktop .product-page .buying-advice-container .instant-expert .column.fourth{width:25%} .isdesktop .product-page .buying-advice-container .instant-expert .column.fifth{width:20%} .isdesktop .product-page .buying-advice-container .instant-expert .column.sixth{width:16.6%} .isdesktop .product-page .buying-advice-container .instant-expert .column.flow-opposite{float:right} .isdesktop .product-page .buying-advice-container .instant-expert .column ul{list-style:disc;margin-left: 15px;} .isdesktop .product-page .buying-advice-container .instant-expert .column ul li{list-style:disc;} .isdesktop .product-page .buying-advice-container .instant-expert b{font-weight:bold !important;} .isdesktop .product-page .buying-advice-container .instant-expert strong{font-weight:bold !important;} .isdesktop .product-page .buying-advice-container .instant-expert table.variants{border-spacing: 0;border: 0;} .isdesktop .product-page .buying-advice-container .instant-expert .TableHead th{background-color: #ffffff;padding:15px 15px;background-color:#e5e5e5;} .isdesktop .product-page .buying-advice-container .instant-expert .variants table tr th{background-color: #ffffff;} .isdesktop .product-page .buying-advice-container .instant-expert .variants td{background-color:#f5f5f5;padding:5px;margin:0;border-right:1px solid #eaeaea;border-top: 1px solid #eaeaea;} .isdesktop .product-page .buying-advice-container .instant-expert .variants td a{color:#fff;text-decoration:none;} .isdesktop .product-page .buying-advice-container .instant-expert td.discipline{background-color: #2e2e2e;color:#fff;vertical-align:top;} .isdesktop .product-page .buying-advice-container .instant-expert td.variant-area{background-color: #d31716;border-color: #ffffff;text-align:center;} .isdesktop .product-page .buying-advice-container .instant-expert td.variant-area:first-child{background-color: #d31716;} .isdesktop .product-page .buying-advice-container .instant-expert .discipline strong{color: #fff !important;} .isdesktop .product-page .buying-advice-container .instant-expert .variant-area a{color: #fff !important;text-decoration: none !important;font-weight: normal !important;} .isdesktop .product-page .buying-advice-container .instant-expert li.up-point{background:none !important;} .isdesktop .product-page .buying-advice-container .instant-expert li.up-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png);padding: 0 0px 0px 0;display: block;float: left;margin-top: -5px;margin-right: 5px;} .isdesktop .product-page .buying-advice-container .instant-expert li.down-point{background:none !important;} .isdesktop .product-page .buying-advice-container .instant-expert li.down-point:before{content: url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png);padding: 0 0px 0px 0;display: block;float: left;margin-top: -5px;margin-right: 5px;} .isdesktop .product-page .buying-advice-container .instant-expert .highlights-summary li{font-size: 1.077em !important;list-style: none!important;padding: 0 0 15px 0px;line-height: 20px;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 thead tr .groupset-table-cell-shimano{background-color: #30ace2;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 thead tr .groupset-table-cell-sram{background-color: #ee1b22;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 thead tr .groupset-table-cell-campag{background-color: #000; color:#fff;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 tbody tr td{padding: 9px; vertical-align: middle;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 .table-circle{height: 40px; width: 40px; border-radius: 50%; line-height: 40px; background-color: #d31716; text-align: center; color: #fff; position: relative; margin: 0 10px 10px 20px; display: inline-block; font-size: 1.2em; font-weight: bold; top: 4px; vertical-align: top;} .isdesktop .product-page .buying-advice-container .instant-expert .groupset-table-2 img{max-height: 40px;} .isdesktop .product-page .buying-advice-container .instant-expert table{border:1px solid #d5d5d5;border-radius:0;width:calc(100% - 2px);overflow-wrap:anywhere;} .isdesktop .product-page .buying-advice-container .instant-expert table th{background-color:#ececec;border-radius:0;color:#6e6e6e;font-size:18px;padding:9px;} .isdesktop .product-page .buying-advice-container .instant-expert table th:first-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table th:last-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table tr:last-child td:first-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table tr:last-child td:last-child{border-radius:0;} .isdesktop .product-page .buying-advice-container .instant-expert table tr td:first-child{font-weight:bold;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th{border-bottom:1px solid #d5d5d5;background-color:#ececec;color:#6e6e6e;font-size:18px;padding:4px 9px;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th p{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th b{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th strong{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th li{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th span{color:#6e6e6e;font-size:18px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table thead tr th a{font-size:16px;padding:0;line-height:1;margin:0 0;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td{border-bottom:1px solid #d5d5d5;color:#6e6e6e;font-size:16px;padding:14px 9px;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td p{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td b{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td strong{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td li{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td span{color:#6e6e6e;font-size:16px;padding:0;line-height:1;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr td a{font-size:16px;padding:0;line-height:1;margin:0 0;} .isdesktop .product-page .buying-advice-container .instant-expert table tbody tr:last-child td{border-bottom:0;} .isdesktop .product-page .buying-advice-container .instant-expert a.btn-table{font-weight:bold;color:#d31716;text-decoration:underline;display:block;text-align:center;} .isdesktop .product-page .buying-advice-container .instant-expert .table-wrapper{overflow:auto;} .isdesktop .product-page .buying-advice-container .instant-expert .comp-key{width:140px;height:auto;float:right;position:absolute;bottom:0;left:20px} .isdesktop .product-page .buying-advice-container .instant-expert .comp-key-container{position:relative} .isdesktop .product-page .buying-advice-container .instant-expert .number-in-circle + h3{margin: 0 0 0 10px;display: inline-block} .isdesktop .product-page .buying-advice-container .instant-expert .number-in-circle{height: 50px;width: 50px;border-radius: 50%;line-height: 50px;background-color: #d31716;text-align: center;position: relative;display: inline-block;top: -3px;} .isdesktop .product-page .buying-advice-container .instant-expert .number-in-circle{color: #fff;font-size: 20px;font-weight: bold;} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top-0{margin-top:0} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top-5{margin-top:5px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top-10{margin-top:10px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top-20{margin-top:20px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top-30{margin-top:30px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top-40{margin-top:40px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top-50{margin-top:50px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top--5{margin-top:-5px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top--10{margin-top:-10px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top--20{margin-top:-20px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top--30{margin-top:-30px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top--40{margin-top:-40px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-top--50{margin-top:-50px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom-0{margin-bottom:0} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom-5{margin-bottom:5px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom-10{margin-bottom:10px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom-20{margin-bottom:20px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom-30{margin-bottom:30px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom-40{margin-bottom:40px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom-50{margin-bottom:50px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom--5{margin-bottom:-5px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom--10{margin-bottom:-10px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom--20{margin-bottom:-20px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom--30{margin-bottom:-30px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom--40{margin-bottom:-40px} .isdesktop .product-page .buying-advice-container .instant-expert .margin-bottom--50{margin-bottom:-50px} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-primary{display: inline-block;border-radius: 10px;background-color: rgb(211,23,22);padding: 12px 50px 10px 20px;text-transform: none;letter-spacing: 1px; font-weight: 500;color: #ffffff;text-align: left;line-height: 1.3;position: relative;white-space: initial;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 0;pointer-events: initial} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-primary:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/images/icons/cta-chevron-white.png) no-repeat center center;height:100%;width:50px;display:inline-block;position:absolute;top:0;right:0} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-primary:hover{color:#fff;background-color:#d44d4d;border-color:#d44d4d} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-default{display:inline-block;border-radius:0;background-color:#d3d3d3;padding:10px 50px 10px 20px;text-transform:uppercase;letter-spacing:2px;font-weight:bolder;color:#333;text-align:left;line-height:1.3;position:relative;white-space:initial;margin-top:5px;margin-right:10px;margin-bottom:10px;margin-left:0;pointer-events: initial} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-default:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/static-elements/cta-chevron-grey-20.png) no-repeat center center;height:100%;width:50px;display:inline-block;position:absolute;top:9px;top:0;right:0} .isdesktop .product-page .buying-advice-container .instant-expert .btn.btn-default:hover{color:#333;background-color:#e3e3e3;border-color:#e3e3e3} .isdesktop .product-page .buying-advice-container .instant-expert .tab-view__tab.tab-link{font-size: 15px;font-weight: normal;color: #d31716;} .isdesktop .product-page .buying-advice-container .instant-expert .no-margin{margin: 0} .isdesktop .product-page .buying-advice-container .instant-expert .embed-responsive{position: relative;display: block;height: 0;padding: 0;overflow: hidden} .isdesktop .product-page .buying-advice-container .instant-expert .embed-responsive.embed-responsive-16by9{padding-bottom: 56.25%} .isdesktop .product-page .buying-advice-container .instant-expert .embed-responsive.embed-responsive-16by9 iframe{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0} .isdesktop .product-page .buying-advice-container .instant-expert img{max-width: 100%;max-height: 100%;height: auto} .isdesktop .product-page .buying-advice-container .instant-expert *{font-family: "Nunito Sans",Arial,Helvetica,sans-serif} .isdesktop .product-page .buying-advice-container .instant-expert .row.clearfix .column h2:not(._pb-sub-header){font-weight: 900} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range-model-container{vertical-align:middle;position: absolute;margin-top: -7px;display: table} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range-model-container-left::before{content:"";float:left;display:table-cell;position:absolute;left:-25px;display: table-cell;position: absolute;left: -23px;border-left: solid 0 transparent;border-right: solid 23px rgba(211,23,22,.8);border-top: solid 25px transparent;border-bottom: solid 25px transparent} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range-model-container-right::after{content:"";float:right;display:table-cell;position:absolute;right:-25px;right: -23px;border-left: solid 23px rgba(211,23,22,.8);border-right: solid 0 transparent;border-top: solid 25px transparent;border-bottom: solid 25px transparent} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range{box-sizing: border-box;line-height:1;color:#2e2e2e;overflow:visible;height:45px;background: rgba(211,23,22,.8);height: 50px;display: table-cell;float: none;padding: 2px 5px 2px 60px;vertical-align: middle} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range::before{background-repeat:no-repeat;background-position:center;background-size:contain;background-color:#fff;height:40px;display:inline-block;float:left;border:5px solid #f5f5f5;box-shadow:0 2px 5px rgba(0,0,0,0.3);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);position: absolute;width: 60px;top: 4px;left: -10px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range .range-label{font-family: 'Nunito Sans',sans-serif;font-style: normal;font-weight: 700;color:#fff;font-size: 1em;margin-top: unset} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table{border-radius:0;border-width:0} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table td{border-radius:0;border-width:0} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table th{border-radius:0;border-width:0} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table thead tr th{background-color:#2e2e2e;color:#fff;vertical-align:top;padding:10px 20px;width:20%} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table thead tr th h3{color:#ffffff;font-size:24px;margin-bottom:10px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table thead tr th p{font-weight:normal;color:#ffffff;font-size:16px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table td{border-bottom:1px solid #c0c0c0} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table tbody tr td{padding:10px 15px 15px 15px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table tbody tr td:nth-child(odd){background-color:#e9e9e9;vertical-align:top} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table tbody tr td:nth-child(even){background-color:#d5d5d5;vertical-align:top} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range-model-container.range-model-electric .range{background: rgba(70,170,79,.8)} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range-model-container.range-model-electric.range-model-container-right::after{border-left: solid 23px rgba(70,170,79,.8)} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range-model-container.range-model-electric.range-model-container-left::before{border-right: solid 23px rgba(70,170,79,.8)} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-1{width:200px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-2{width:240px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-3{width:280px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-4{width:320px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-5{width:360px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-6{width:400px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-0-25col{min-width: 47px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-0-5col{min-width: 94px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-0-75col{min-width: 141px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-1col{min-width: 188px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-1-25col{min-width: 235px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-1-5col{min-width: 282px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-1-75col{min-width: 329px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-2col{min-width: 376px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-2-25col{min-width: 423px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-2-5col{min-width: 470px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-2-75col{min-width: 517px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-3col{min-width: 564px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-3-25col{min-width:611px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-3-5col{min-width:658px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-3-75col{min-width: 705px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-4col{min-width: 752px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-4-25col{min-width: 799px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-4-5col{min-width: 846px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-4-75col{min-width: 893px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart .range-width-5col{min-width: 940px} .isdesktop .product-page .buying-advice-container .instant-expert .chart-container{width: 100%;overflow-x: scroll;position: relative} .isdesktop .product-page .buying-advice-container .instant-expert .chart-container table{width: 945.67px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range img{background-color: #fff;height: auto;display: inline-block;float: left;border: 5px solid #f5f5f5;box-shadow: 0 2px 5px rgba(0,0,0,0.3);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);position: absolute;width: 100%;max-width: 54px;top: -12px;left: -5px} .isdesktop .product-page .buying-advice-container .instant-expert .column .column{padding-left: 0;margin-bottom: 20px} .isdesktop .product-page .buying-advice-container .instant-expert .brand-model-chart table .range .range-label a{font-size: 13px;color: #fff} .ismobile .instant-search-results .corrected-term-text{display:none!important;} .ismobile .instant-search-results .more-button .btn{ width:100%!important;} .ismobile .instant-search-results .search-result-content-product{ padding: 10px 0!important;} .errors.paypal-error.errors.paypal-error{ font-size: 14px; padding: 8px 10px; border: 1px solid #DF2727; margin-top: 10px;} .isdesktop .catalog-page .price input{ padding: 3px 6px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product>a>img{ height: 24px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product{ height: 420px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product.most-popular{ height: 440px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product .img-wrap img{ max-width: 98%!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing .rrp{ font-size: 14px!important;} .isdesktop body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing .price-detail{ margin-top: 8px!important;} .ismobile .product-page .product-information-block /**/ #style-update{} .ismobile .product-page .product-information-block a{color: #d31716;text-decoration: underline;} .ismobile .product-page .product-information-block .icon-link{display: block;font-weight: 700;font-size:14px;} .ismobile .product-page .product-information-block .icon-link:hover{text-decoration: none;} .ismobile .product-page .product-information-block .icon-link::before{display: inline-block;padding: 0 45px 0 0;vertical-align: middle;margin-left: -60px;} .ismobile .product-page .product-information-block .icon-link{display: inline-block;overflow: hidden;position: relative;padding: 20px 20px 20px 70px; font-family:'Source Sans Pro',sans-serif;} .ismobile .product-page .product-information-block /**/ .icon-link.range-review::before{content: ""; background: url(../png/ico_50px-review-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .ismobile .product-page .product-information-block .icon-link.pdf-download::before{content: ""; background: url(../png/ico_50px-pdf-download-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .ismobile .product-page .product-information-block .icon-link.guide-page::before{content: ""; background: url(../png/ico_50px-guide-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .ismobile .product-page .product-information-block .icon-link.car-rack-compat::before{content: ""; background: url(../jpg/car-rack-guide-graphic.jpg) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .ismobile .product-page .product-information-block .icon-link.all-bikes-built::before{content: ""; background: url(../png/ico_50px-bikes-fully-built.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .ismobile .product-page .product-information-block .icon-link.cannondale-app::before{content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png); float: left; margin-top: -9px; content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .ismobile .product-page .product-information-block .product-description-video{min-width:100%;min-height:100%;width:100%;} .product-page .content-area .column.three .tab-container .tabs li[data-ga-label="Tabs > Finance"]::after{ visibility: visible; content: 'Finance'; top: 0px; position: absolute; display: block; padding: 10px 15px 12px; background-color: white; line-height: 20px; text-align: center; font-size: 14px;} .product-page .content-area .column.three .tab-container .tabs li[data-ga-label="Tabs > Finance"].selected::after{ top: 3px; padding: 8px 15px 12px} .product-page .content-area .column.three .tab-container .tabs li[data-ga-label="Tabs > Finance"] div{ visibility: hidden; position:relative; width: 47px; height: 20px;} .isdesktop .product-page .content-area .column.three .tab-view__content article li h3{ margin-top:20px; } .count-down-timer .custom-html .dropdown{background-image: none;} .count-down-timer .custom-html /*a > img{height:auto; max-width:980px; width:100%;} .count-down-timer .custom-html */ .announcement-stripe{display: inline-block;background: #000;color: #fff;width: 100%;height: auto;text-align: center;padding: 10px 20px;box-sizing: border-box;margin-left: auto;margin-right: auto;font-family: 'Nunito Sans';font-weight: 600} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description /**/ #style-update{} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description a{color: #d31716;text-decoration: underline;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link{display: block;font-weight: 700;font-size:14px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link:hover{text-decoration: none;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link::before{display: inline-block;padding: 0 45px 0 0;vertical-align: middle;margin-left: -60px;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link{display: inline-block;overflow: hidden;position: relative;padding: 20px 20px 20px 70px; font-family:'Source Sans Pro',sans-serif;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.range-review::before{content: ""; background: url(../png/ico_50px-review-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.pdf-download::before{content: ""; background: url(../png/ico_50px-pdf-download-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.guide-page::before{content: ""; background: url(../png/ico_50px-guide-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.car-rack-compat::before{content: ""; background: url(../jpg/car-rack-guide-graphic.jpg) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.all-bikes-built::before{content: ""; background: url(../png/ico_50px-bikes-fully-built.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} .isdesktop .product-page .content-area .column.three .product-detail-tabs .tab-view__content .product-description .icon-link.cannondale-app::before{content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png); float: left; margin-top: -9px; content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1;} body.shopping-cart-page .shopping-cart .basket .main.main{ padding-bottom: 15px;} .checkout-main #address-finder{ background-position: -25px -118px!important; height: 35px!important;} .checkout-main #shipping-methods-container .shipping-method{ margin-bottom: 20px;} .checkout-main #checkout-address-submit input[type=checkbox]{ margin: 9px 8px 0 2px;} .checkout-main #shipping-methods-container .shipping-method .shipping-method-note{ text-align: left; margin: 5px 0 20px 0; color: #112884;} .checkout-main .checkout-address-form #enter-manually{ color: #555; font-weight: 600; font-style: italic;} .checkout-main #shipping-methods-container h2{ padding-top: 20px; padding-bottom: 10px;} .checkout-main #shipping-methods-container .shipping-method label .shipping-method-desc{ font-style: italic; color: #666;} .ismobile .product-page .content-area .column.one .prices.prices{ width: 100%; margin: 0; padding: 0;} .ismobile .product-page .content-area .column.one .prices .price-discount-row{ padding: 0 3%; width: auto;} .ismobile .product-page .content-area .column.one .prices .finance-rrp-row{ padding: 0 3%; width: auto; margin: -5px 0 15px;} .ismobile .product-page .content-area .column.one .prices .rrp{ color: #747577; } .ismobile.layout-50-50 body.catalog-page div.float-right-content.product-area div.search-results .product{ padding-top: 60px!important;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results div.product{ margin: 10px auto 50px !important;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results div.product:first-of-type{ margin-top: 50px !important;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results div.product:last-child{ margin-bottom:0px !important;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing{ height: 58px;} .ismobile.layout-standard body.catalog-page div.float-right-content.product-area div.search-results .product::after{ background: #E8E8E6; bottom: 0; content: ''; left: 0; margin-left: -2px; position: absolute; top: -60px; width: 2px;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing{ height: 64px!important; margin-top: 20px;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product{ margin: 10px auto 50px !important;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product:first-of-type{ margin-top: 50px !important;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product:last-child{ margin-bottom:0px !important;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results div.product .pricing .price-detail .saving{ top: 25px;} .ismobile.layout-40-60 body.catalog-page div.float-right-content.product-area div.search-results .product::after{ background: #E8E8E6; bottom: 0; content: ''; left: 0; margin-left: -2px; position: absolute; top: -60px; width: 2px;} .ismobile body.catalog-page div.float-right-content.product-area div.sorting-paging.bottom{ margin-top: 10px;} .ismobile body.catalog-page div.float-right-content.product-area .quick-sub-category-container.use-icon .quick-sub-category .icon.trials{ background-position: -96px -484px; } .ismobile body.catalog-page div.float-right-content.product-area .quick-sub-category-container.use-icon .quick-sub-category .icon.jump{ background-position: -4px -322px;} .out-of-stock-product-page-content .oos-product__image{max-height: 160px;} .out-of-stock-product-page-content .oos-related-searches{ margin-top: 10px; } .out-of-stock-product-page-content .oos-new-product{margin-top:30px;} .out-of-stock-product-page-content .oos-new-product .oos-header{ border-bottom: 1px solid #666; border-top: 1px solid #666;} .out-of-stock-product-page-content .oos-related-searches .oos-related-searches__link:first-child{ margin-bottom: 30px;} .out-of-stock-product-page-content .oos-related-searches .oos-related-searches__links{ white-space: normal;} .out-of-stock-product-page-content .oos-related-searches .oos-related-searches__link{white-space: nowrap;} .out-of-stock-product-page-content .icon-link{ display: block; font-weight: 700; font-size:14px;} .out-of-stock-product-page-content .icon-link:hover{ text-decoration: none;} .out-of-stock-product-page-content .icon-link::before{ display: inline-block; padding: 0 45px 0 0; vertical-align: middle; margin-left: -30px;} .out-of-stock-product-page-content a.icon-link{ display: inline-block; overflow: hidden; position: relative; padding: 20px 20px 20px 70px; color: #d31716; text-decoration: underline;} .out-of-stock-product-page-content .icon-link.range-review::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-review-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.pdf-download::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-pdf-download-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.guide-page::before{/*content: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png);*/ content: ""; background: url(/Assets/Images/UserPages/product-page-icons/ico_50px-guide-page-col.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.car-rack-compat::before{/*content: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg);*/ content: ""; background: url(/Assets/Images/UserPages/Product-Manuals/car-rack-guide-graphic.jpg) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.all-bikes-built::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png);*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/ico_50px-bikes-fully-built.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .out-of-stock-product-page-content .icon-link.cannondale-app::before{/*content: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png); float: left; margin-top: -9px;*/ content: ""; background: url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png) no-repeat center center; height: 100%; width: 130px; position: absolute; top: 0; left: 0; z-index: -1; } .isdesktop #page-content #timer a .timer .timer-segment .timer-data{ color: #2f2f2f; font-size: 26px} .isdesktop #page-content #timer a .timer .timer-segment .timer-display{ color: #2f2f2f; font-size: 10px} .isdesktop #page-content #timer a .timer{right: 115px;} .isdesktop #page-content #timer a .timer .timer-segment{ width: 22%; } .isdesktop #page-content #timer .count-down-timer{height: 45px;} .isdesktop #page-content #timer .timer-slide-down{-webkit-backface-visibility: hidden; /*Fixes flickering effect on Chrome*/} .isdesktop #page-content #timer .timer-slide-down{position:absolute; top: 40px;} .isdesktop #page-content #timer /* .timer-segment::after{content: " :"; color: #fff;} .isdesktop #page-content #timer .timer-segment:last-child::after{content: "";} .isdesktop #page-content #timer */ #html-text-stripe{ position: relative; display: block; width: 100%; padding: 0; height: 44px; overflow: hidden; text-decoration:none;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop{ background: url(../png/contour-bg.png) center center no-repeat; background-size: cover; background-color: #2f2f2f; box-sizing: border-box; color: white; display: table; font-family: 'Nunito Sans',sans-serif; height: 44px; margin-top: 0; padding: 0 20px 0 170px; position:relative; width: 100%;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop img{ width: 140px; padding: 0; margin: 0 20px 0 0; display: inline-block; position: absolute; top: 3px; left: 10px;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe.ga .specialized-price-drop .stripe-text{ padding: 1px 210px 0 0; height: 44px; display: table-cell; vertical-align: middle;} .isdesktop #page-content #timer.count-down-timer #html-text-stripe .stripe-text h2{color: #fff;display: inline;font-family: 'Nunito Sans',sans-serif;vertical-align: baseline; font-weight: 900; position: relative; left: 10px; font-size: 1.6em; font-size: 21px;top: 0;} .isdesktop #page-content #timer.count-down-timer #html-text-stripe .stripe-text h3{ color: #fff; display: inline; font-family: 'Nunito Sans',sans-serif; vertical-align: baseline; position: relative; left: 24px; font-weight: 700; font-size: 1.3em; font-size: 17px; top: 0;} .isdesktop #page-content #timer.count-down-timer #html-text-stripe .specialized-price-drop .stripe-cta{ color: #fff; position: absolute; right: 8px; top: 0; bottom: 0; text-align: right; font-weight: 900; background: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/chevron-red-shadow-min.png) center right no-repeat; background-size: 24px; padding: 11px 28px 0 0; overflow: visible; font-family: 'Nunito Sans',sans-serif; font-size: 21px; box-sizing: border-box; display: table-cell; vertical-align: middle; height: 44px; max-height: 44px; line-height: 1;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount{background: none} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span{ color:#333; line-height: 0; margin-top: 0; margin-bottom: 0;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h2{ position: absolute; top: 24px; left: 20px; line-height: 0; margin-top: 0; margin-bottom: 0;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h3{ color: #2f2f2f !important; position: absolute; top: 25px; left: 140px; line-height: 0; margin-top: 0; margin-bottom: 0;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .promoWrapper{ position: absolute; top: 21px; left: 450px;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-cta{ height: 30px !important; top: 7px !important; padding: 10px 15px 8px 15px !important;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span span.promoText{ font-size: 22px !important; font-weight: 900 !important; font-family: 'Nunito Sans',sans-serif;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span span.useCode{ font-size: 13px !important; font-family: 'Nunito Sans',sans-serif;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount{ background: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/brand-bg-desktop-v2.png) center center no-repeat; background-color: #d31716; background-size: 100%; padding: 0 20px 0 20px;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount .stripe-text{ padding: 1px 10px 0 0; height: 44px; display: table-cell; vertical-align: middle;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount .stripe-cta{ background: url(https://tredz.azureedge.net/assets/images/userpages/images/icons/chevron-white-empty.png) center right no-repeat; background-size: 24px;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount .stripe-text h2{ top: 18px; left: 270px; font-weight: 700; text-transform: uppercase; font-size: 19px; line-height: 0; margin-top: 0; margin-bottom: 0; margin-block-start: 0; margin-block-end: 0; height: 0; position: absolute; transform: translateY(-10px); top: 62%; padding: 6px 5px 5px 5px;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount .stripe-text h3{ float: left; top: 9px; left: 0; font-weight: 900; text-transform: initial; font-size: 24px; line-height: 0; margin-top: 0; margin-bottom: 0; margin-block-start: 0; margin-block-end: 0; transform: translateY(-10px); height: 0;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount img{ width: 400px; padding: 0; margin: 0 20px 0 0; display: inline-block; position: relative; top: 9px; left: -45px;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount{ background: none; background-color: #58b8b9 !important;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h2{ position: absolute; top: 24px; left: 20px; line-height: 0; margin-top: 0; margin-bottom: 0; color: #fff !important;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h3{ color: #fff !important; position: absolute; top: 25px; left: 140px; line-height: 0; margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-size: 18px;} .isdesktop #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span{ color: #fff; line-height: 0; margin-top: 0; margin-bottom: 0;} .isdesktop #page-content #timer .center{text-align: center} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.full{width: 100%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.half{width: 50%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.third{width: 33.3%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-third{width: 66.6%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.fourth{width: 25%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-fourth{width: 75%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.fifth{width: 20%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-fifth{width: 80%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.sixth{width: 16.6%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-sixth{width: 16.6%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.seventh{width: 14.28%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-seventh{width: 85.72%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.eigth{width: 12.5%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-eigth{width: 87.5%} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container *{font-family: 'Nunito Sans',sans-serif} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container{width: 100%;background: #f0f0f0;height: 40px;box-sizing: border-box;position: relative;overflow: hidden;margin: 20px 0} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container.bg-pattern{ background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/contour-bg.png) center center no-repeat; background-color:#a5a5a5; background-size: cover;} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .html-stripe-content{ padding: 0 10px} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column{ float: left; display: table} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column .vert-middle{ display: table-cell; height: 40px; vertical-align: middle} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .stripe-cta{ background: #fff; display: inline-block; font-size: 12px; line-height: 1; padding: 6px 20px 6px 20px; border-radius: 5px; position: absolute; right: 0; top: 50%; transform: translate(-10px, -50%); font-weight:700; text-transform:uppercase;} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column h2{ float: left; clear: right; padding: 0 5px; margin: 0; line-height: 1; font-size: 16px; font-weight:900;} .isdesktop #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column h3{ float: left; clear: right; padding: 0 5px; margin: 0; line-height: 1; font-size: 16px; font-weight:700;} .isdesktop #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container{ height: auto;} .isdesktop #page-content #timer.count-down-timer #html-stripe .timer-slide-down{ position: absolute; top: 24px;} .isdesktop #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column .vert-middle{ height: auto; padding: 15px 0 10px 0;} .isdesktop #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column h2{width: 100%;text-align: center} .isdesktop #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column h3{width: 100%;text-align: center} .isdesktop #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column p{width: 100%;text-align: center} .isdesktop #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .code-box{ background: #fff; height: auto; box-sizing: border-box; box-shadow: 0px 1px 5px rgba(0,0,0,0.5); width: 95%; position: relative; left: 2.5%; padding: 10px;} .isdesktop #page-content #timer.count-down-timer{height: unset} .isdesktop #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container.bg-pattern{ background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/2023-bike-discounts-v1.jpg) center center no-repeat;} .isdesktop #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container .column h2{ text-align: center; color:#fff; text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);} .isdesktop #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container .column h3{ text-align: center; color:#fff; text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);} .isdesktop #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container .column h2{ position: relative; left: 90px;} .isdesktop #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container .column:nth-child(1) h3{ text-transform: uppercase;} .isdesktop #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container.bg-pattern{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/2023-extra-10-helmets-v2.png) center center no-repeat;background-color: #5d90d5} .isdesktop #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column:nth-child(1) h3{text-transform: uppercase} .isdesktop #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column h2{color:#fff} .isdesktop #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column h3{color:#fff} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container{background: #cef0f7} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave .timer-slide-down .html-stripe-container{background: #f3f3f3} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave .timer-slide-down .code-box{background: #cef0f7} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave .discount-code{background: #fff;padding: 10px;display: inline-block;border-radius: 5px;margin: 10px 5px 0px 5px;font-weight: 900;font-size: 1.3em} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave > .html-stripe-container h3{text-transform: uppercase} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave > .html-stripe-container h2{text-transform: uppercase} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container h3{color: #2f2f2f} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container h2{color: #2f2f2f} .isdesktop #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container p{color: #2f2f2f} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing h2{color: #fff} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing h3{color: #fff} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container.bg-pattern{background-color: #222} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column h2{text-transform: uppercase;font-size: 20px} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column h3{float: none;display: inline-block;position: relative;left: 50%;transform: translate(-50%,0)} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column .callout{text-transform: uppercase;} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column .callout:before{background: #d31716;content: "";height: 4px;display: inline-block;position: absolute;width: 20px;top: 6px;left: -25px} .isdesktop #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column .callout:after{background: #d31716;content: "";height: 4px;display: inline-block;position: absolute;width: 20px;top: 6px;right: -25px} .isdesktop #page-content #timer.count-down-timer .promoPriceMatchSram#html-stripe .html-stripe-container.bg-pattern{background: url('https://tredz.azureedge.net/assets/images/userpages/promotion-banners/stripe-2023-htmlbg-sram-wont-be-beaten-v2b.jpg') center center no-repeat} .isdesktop #page-content #timer.count-down-timer .promoPriceMatchSram#html-stripe .html-stripe-container .column h2{color: #fff;text-shadow: none;text-transform: uppercase} .isdesktop #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container.bg-pattern{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/stripe-2023-summer-bike-deals.png) center top no-repeat;background: #a2caeb;} .isdesktop #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container .column h2{text-align: center;color:#fff;text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);text-shadow: none;color: #315a90;} .isdesktop #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container .column h3{text-align: center;color:#fff;text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);text-shadow: none;color: #315a90;} .isdesktop #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container .column h2{position: relative;left: 90px;text-transform: uppercase;font-size: 1.8em;top: 1px} .isdesktop #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container .column:nth-child(1) h3{letter-spacing: 2px;text-transform: uppercase} .js-window-popup .window.price-match .footer span{ margin-right: 6px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder /*Mobile overrides*/ .groupset-table-2 .table-circle{margin:0 10px 10px 20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._service-packages .accordion-header::before{content:"";margin-left:15px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new_container .banner-navigation-new.hrz-scroll{overflow-x:scroll;height:64px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new ul{width:max-content !important; width:-moz-max-content !important; width:-webkit-max-content !important; width:-o-max-content !important; display:block !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .table-wrapper.no-margin{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new_container{height:64px !important;margin-bottom:-10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li a{padding:23px 14px 23px 14px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new{width:100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .highlights-summary_column-half{width:43%;float:left;margin:5px 0 5px 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder span.rr-stars_text{text-align:left;width:45%;float:left;font-size:1.2em;line-height:1.2;margin-top:13px;margin-bottom:20px;margin-right:20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder div.rr-stars{background-size:30px;height:30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.fourth.highlights-summary_column-half._attributes{width:46%;margin:0 2% 2% 2%;min-height:80px;padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new{background:#f5f5f5;margin-top:-20px;padding-top:10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .rr-size-guide{display:block;clear:left} .ismobile #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon{width:auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .third:not(:nth-child(8)) .rr-selling-point{border-bottom:1px solid #d5d5d5} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new li{text-align:center} .ismobile #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .column{text-align:center} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .highlights-summary-new h3{font-size:1.4em;line-height:1.4} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .highlights-summary-new span{font-size:1.6em;line-height:1} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-content{padding:10px 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div.open{background:#fff !important;color:unset !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div.open{width:100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div{height:unset;width:100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{float:unset;position:absolute;left:unset} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{top:unset} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{margin:unset} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{right:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._pb-sizing-table{margin-top:-5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .quote small{font-size:0.7em} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third > figure{margin:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third > figure._mobile-spacing{margin:20px 0 20px 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .section-buttons{display:none} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update ._pb-mob-no-padding{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._pb-circle{display:block} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.half{padding:0 10px 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third{padding:0 10px 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.fourth{padding:0 10px 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.fifth{padding:0 10px 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.sixth{padding:0 10px 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.half:last-child{padding:0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.third:last-child{padding:0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.fourth:last-child{padding:0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.fifth:last-child{padding:0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.sixth:last-child{padding:0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-half{width:calc(50% - 20px);float:left} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-half:nth-child(odd){float:right} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .highlights-summary li{margin:0 0 15px 0;padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update li.down-point{background:none;text-align:left} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update li.up-point{background:none;text-align:left} .ismobile #page-content .body-wrapper #static-page-content .page-builder li.up-point:before{content:url(../png/range-page-plus2.png);padding:0 0px 0px 0;display:block;float:left;margin-top:-5px;margin-right:5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder li.down-point:before{content:url(../png/range-page-minus2.png);padding:0 0px 0px 0;display:block;float:left;margin-right:5px;margin-top:-5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder td.variant-area{background-color:#d31716} .ismobile #page-content .body-wrapper #static-page-content .page-builder td.discipline{background-color:#2e2e2e;color:#fff;vertical-align:top} .ismobile #page-content .body-wrapper #static-page-content .page-builder .discipline strong{color:#fff !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-blocks figcaption h2{line-height:1 !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-blocks figcaption h3{line-height:1 !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.promo-half > .half{width:48%;float:left;margin:0 1% -20px 0;padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.promo-half > .third{width:48%;float:left;margin:0 1% -20px 0;padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.promo-half > .fourth{width:48%;float:left;margin:0 1% -20px 0;padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .promo-half hr{position:relative;top:20px;margin-bottom:15px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .steps-caption{margin:10px 0;border-bottom:1px solid #d5d5d5;padding-bottom:40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .steps-caption ._pb-circle{float:left} .ismobile #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .pagebuilder-bxslider h2.h2-intext{width:45%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .pagebuilder-bxslider h3.h3-intext{width:45%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .section-buttons{width:45%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned li a{max-width:100%;text-overflow:ellipsis} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-0-mobile{margin-top:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-5-mobile{margin-top:5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-10-mobile{margin-top:10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-20-mobile{margin-top:20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-30-mobile{margin-top:30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-40-mobile{margin-top:40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top-50-mobile{margin-top:50px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--5-mobile{margin-top:-5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--10-mobile{margin-top:-10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--20-mobile{margin-top:-20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--30-mobile{margin-top:-30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--40-mobile{margin-top:-40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-top--50-mobile{margin-top:-50px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-0-mobile{margin-bottom:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-5-mobile{margin-bottom:5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-10-mobile{margin-bottom:10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-20-mobile{margin-bottom:20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-30-mobile{margin-bottom:30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-40-mobile{margin-bottom:40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-50-mobile{margin-bottom:50px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--5-mobile{margin-bottom:-5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--10-mobile{margin-bottom:-10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--20-mobile{margin-bottom:-20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--30-mobile{margin-bottom:-30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--40-mobile{margin-bottom:-40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--50-mobile{margin-bottom:-50px} .ismobile #page-content .body-wrapper #static-page-content .page-builder sup{vertical-align:super} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion-table{overflow-x:scroll} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion-click-to-expand{display:none} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-card-intro h2{text-align:center} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner.full-width-header{width:100%;margin-left:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart{position:relative} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart .range-container figure:after{right:-15px;top:6px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .chart-container{overflow-x:scroll;max-width:100%;display:block;position:relative;cursor:pointer} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table{width:945px;overflow-y:hidden;overflow-x:scroll} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-highlights_logo-container{max-width:50%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-highlights_logo-middle{width:90%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update img.brand-page-logo{max-width:160px;display:block} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update img.brand-page-logo img.brand-page-logo{margin-bottom:-20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner{margin-left:0;max-width:100%;width:100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext{font-size: 2.2em;width: 45%;padding-right: 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo{content:"";margin-top:0;display:block;font-size:3em;padding-right:30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo:before{content:"";margin-top:0;display:block} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo:after{width:60px;height:40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub::before{width:80px;height:80px;margin-top:-10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub{font-size:2.2em} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="review"] .h1-wrapper{position:relative;bottom:0;left:0;width:100%;height:auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="review"] .h1-wrapper h1.h1-intext{background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0) 100%);line-height:1.1;font-size:2.4em;position:absolute;top:unset;bottom:0;left:0;width:calc(100% - 30px);height:auto;padding-top:20px;padding-left:15px;padding-right:15px;padding-bottom:10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h2.h2-intext{padding:10px 15px;line-height:.9;font-size:1.8em} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h3.h3-intext{font-size:1.6em;line-height:1} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .product-card-price-inline #product-cards .search-results .product{margin-top:0;margin-right:-30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary.btn-from-price{text-align:center} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table{border-collapse:collapse;overflow-x:auto;display:block;max-width:980px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th{min-width:120px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td{min-width:120px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tr th{min-width:120px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tr td{min-width:120px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table thead{display:inline-table;width:100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody{display:inline-table;width:100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .table-wrapper.bouncing-chevrons-50 div.bounce-arrow .bouncing{position:absolute;top:50%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .table-wrapper{overflow:initial} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .table-wrapper{overflow:hidden} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion .accordion-item .bounce-arrow{position:initial;display:inline} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion .accordion-item .bouncing{background-color:transparent;right:-35px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .rr-header-2020-padding{padding:0 40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 h1{font-size:2.5em;line-height:1.2} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 h2{font-size:2em;line-height:1.2} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 h3{font-size:1.8em;line-height:1.2} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.rr-2020 p{font-size:1.3em;line-height:1.2} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020-text{padding:40px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.no-padding{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.no-margin{margin:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .img-wrap{height:auto;min-height: 110px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .review-stars{position:relative;top:0;margin-top:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .col-2-mobile .column{width:calc(50% - 10px);float:left;padding-left:5px !important;padding-right:0 !important;padding-bottom:5px;padding-top:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .col-3-mobile .column{width:calc(33.33% - 8.25px);float:left;padding-left:5px !important;padding-right:0 !important;padding-bottom:5px;padding-top:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .col-4-mobile .column{width:calc(25% - 10px);float:left;padding-left:5px !important;padding-right:0 !important;padding-bottom:5px;padding-top:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .heading-icon-100:before{height:100px;top:20px;left:0;left:50%;width:100px;transform:translateX(-50%)} .ismobile #page-content .body-wrapper #static-page-content .page-builder .heading-icon-100{padding:130px 0 0 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-center{text-align:center} .ismobile #page-content .body-wrapper #static-page-content .page-builder .element-center-mobile{position:relative;left:50%;transform:translateX(-50%)} .ismobile #page-content .body-wrapper #static-page-content .page-builder .mobile-full-width{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .static-page-banner img{width:100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block{width: 90%;padding: 10px 0 0 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block .newsletter-sign-up .input-and-button.rounded input[type=email]{width: 100% !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block .newsletter-sign-up .input-and-button.rounded input[type=submit]{width: 100% !important;margin: 15px 0 0 0 !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block .newsletter-sign-up .input-and-button.rounded:after{top: 29px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block p strong{display: block;margin-bottom: 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._pb-calculator-arrow{float:none;display:block;clear:both;margin:-10px auto 0px auto;width:70px;height:auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder .c2w-top-up-logo{display:block} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .column.shop-info{margin-top:-50px;margin-bottom:10px;margin-left:3%;width:82%;padding:6% 6%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .shop-info .shop-opening-hours tr td{padding:10px 15px} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._accordion-icon{margin-top:-15px !important;margin-left:0 !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .accordion-item_shops div span{padding-right:15px !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder .c2w-logos img{margin-top:0 !important;margin-bottom:0 !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder div.logo_shops figure{margin-bottom:-30px !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .banner-navigation{height:46px;width:100%;overflow:scroll} .ismobile #page-content .body-wrapper #static-page-content .page-builder .banner-navigation ul{-webkit-overflow-scrolling:touch;height:46px;width:550px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update ._size-guide div.bx-viewport{height:240px} .ismobile #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion .accordion-item div{width:calc(100% - 20px);padding:17px 20px 17px 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .ico-live-chat-sml{left:5px;top:10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #financedetails #activefinance{display: inline-block; margin-top: 28px; margin-bottom: 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #financeamounts h3{font-size: 1.3em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #financeperiod h3{font-size: 1.3em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .finance-calculator #financecontainer #financeamounts h3{font-size: 1.3em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .finance-calculator #financecontainer #financeperiod h3{font-size: 1.3em;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .finance-calculator{margin: 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .finance-calculator #financecontainer #financetext{padding-right: 23px} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #bikevalue .financeinput{text-align: center} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #financedetails{text-align: center} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #bikevalue span.price{text-align: center} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer .bnpl{text-align: center} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #financedetails{margin-bottom: 20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #bikevalue span.price{margin: 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer .bnpl{width: 100%; margin-left: 0px} .ismobile #page-content .body-wrapper #static-page-content .page-builder #financecontainer #financefooter #financeinfo{display: none} .ismobile #page-content .body-wrapper #static-page-content .page-builder .finance-calculator #financecontainer #financefooter #financeinfo{display: none} .ismobile #page-content .body-wrapper #static-page-content .page-builder #c2wcalculator .c2w-textbox-wrapper span{margin-right: 10px; margin-top: 7px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update #c2wcalculator .c2w-textbox-wrapper{display: inline-block; margin: 5px 0 15px 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .c2w-steps img.c2w-step{max-width: 150px;position: relative;left: 50%;transform: translateX(-50%)} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .fair-market-value table thead tr th{font-size: 11px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .fair-market-value td:first-of-type li{font-size: 16px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update #c2wcalculator label{width: 100%;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .c2w-header-logo{max-width:100px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .cycleplan-header-logo{max-width: 100px;right:20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .service-pack-opt .btn-primary{bottom: 0;left: 20px;position: absolute} .ismobile #page-content .body-wrapper #static-page-content .page-builder .shop-brand-logo figure{margin-bottom:-30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.full.shop-header{width:100%;margin-left:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .numbered-circle .circle-caption{max-width:100%; width:100%;margin: 20px auto 5px auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder .firstUL li{background: #bbb;font-weight: 700;cursor: pointer;border: 0;margin: 5px 5px 0 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .firstUL li.selected{background: #000; color:#fff} .ismobile #page-content .body-wrapper #static-page-content .page-builder .content-container [id*="content-for-"]:first-child{margin-top: 15px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion-header{width:95%;padding-right:5%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-highlights-logo-container{max-width:50%;height:90px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-highlights-logo{height:90px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .brand-highlights-logo-middle{width:90%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-highlights-h1.h1-intext{font-size:2.2em;height: calc(100% - 30px)} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-pop-categories .promo-block-large{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-pop-categories .column.half.promo-blocks.promo-half{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-pop-categories .promo-block-large.column.half{padding: 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.no-padding:last-child{padding:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.no-margin:last-child{margin:0} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .hi-vis-comparison .image-compare h2{font-size: 1.2em} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .product-card-fourth .search-results .product{width: 100%} .ismobile #page-content .body-wrapper #static-page-content .page-builder .statement-icon{text-align:center;margin: 20px 0 0px 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .statement-icon img{display: block; margin-bottom: 40px; margin-left: auto; margin-right: auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder #product-cards .search-results .product .yotpo{top: -4px;width: 100px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .circle-bg .col-2-mobile [class="ga"]::before{padding: calc(1rem + 20px)} .ismobile #page-content .body-wrapper #static-page-content .page-builder .circle-bg .col-3-mobile [class="ga"]::before{padding: calc(1rem - 6px)} .ismobile #page-content .body-wrapper #static-page-content .page-builder .h1-wrapper:before{content: "";width: 55%;height: 600px;background: url(https://tredz.azureedge.net/assets/images/userpages/images/the-trail/trail-general-mobile.svg) no-repeat;background: url(https://tredz.azureedge.net/assets/images/userpages/images/the-trail/trail-general-mobile.png) no-repeat;background-position: top right;display: block;position: absolute;top: -10px;right: -10px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h2{margin-top: 10px;margin-bottom: 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update h3{padding-top: 5px;margin-bottom: 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder #product-cards .search-results .product .finance-msg p{font-size: 14px!important; position: relative; top: -1px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .c2w-nav .offer__info-heading{margin: 0 0 40px 0;font-size: 18px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .c2w-nav .offer__info span{line-height: 1.1;position: absolute;bottom: 20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .c2w-nav .offer__info p{line-height: 1.1;position: absolute;bottom: 20px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .prod-card-2-mobile #product-cards .search-results .product .finance-msg{height: 70px; width: 95%; left: 5%; padding: 5px 10px 10px 10px; box-sizing: border-box} .ismobile #page-content .body-wrapper #static-page-content .page-builder .prod-card-2-mobile #product-cards .search-results .product .finance-msg p{font-size: 13px !important;line-height: 22px !important} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing .price-detail span{line-height: 1.2;font-size: 14px; width: 100%; margin-top: 0; position: relative; top: 40px;text-align: center} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .pricing .price-detail span{font-size: 12px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .price-detail{text-align: center} .ismobile #page-content .body-wrapper #static-page-content .page-builder #product-cards .search-results .product .finance-msg p span{font-size: 12px!important;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing{background: none;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .review-stars{display: none} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .no-review-stars{display: none} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing .sales-price{padding: 8px 15px 7px 15px; font-size: 15px; text-align: center; top: -4px; left: 50%; transform: translate(-50%); box-sizing: border-box; background: #d31716; border-radius: 5px; height: auto; line-height: 20px; width: auto;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile #product-cards .search-results .product{width: 50%;float:left} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .brand-logo{height: 30px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .img-wrap img{max-width: 90%;max-height: 85px;margin: 20px auto 0 auto;min-height:auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing .price-detail .saving{line-height: 1.2; font-size: 16px; width: 100%; text-align: center} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .pricing .price-detail .saving{font-size: 14px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .product-availability{bottom: -5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .p-title{font-size: 16px; margin-top: 5px; margin-bottom: 10px; height: auto; min-height: 45px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .prod-card-2-mobile .search-results .product .p-title{height: 70px} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing{background: none;width: 100%;position: relative;left: 0;margin: 0 0 50px 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .product-availability .avail-text{font-weight: 900; position: relative; top: 1px; left: 2px;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .page-cycle-to-work-quote .your-products a.mfp-ajax{width:auto} .ismobile #page-content .body-wrapper #static-page-content .page-builder .dropdown{background-position: right 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner h1.h1-intext.h1-intext-promo{padding-right: 0;transform: translate(-50%,40px);font-size: 2.4em;width: 100%;left: 50%} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .row.clearfix:nth-child(3) .h1-wrapper h1.h1-intext.h1-intext-promo{transform: translate(-50%,30px)} .ismobile #page-content .body-wrapper #static-page-content .page-builder#style-update .product-card-price-inline #product-cards .search-results .product .pricing{margin: -28px 0 -30px -15px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .column.sale-blocks{padding: 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .sale-blocks > .column.half:last-child{padding: 0 2px;left: 2px;position: relative} .ismobile #page-content .body-wrapper #static-page-content .page-builder .sale-blocks > .column.sale-block-main:last-child{padding: 0 10px;position: relative;left: 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .sale-blocks .column.half{padding: 0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .sale-blocks .column:not(.sale-block-main).half{padding: 0 0 0 5px;left: 0;} .ismobile #page-content .body-wrapper #static-page-content .page-builder .circle-bg .column:not(:hover) > [class="ga"]:before{transform: translate(-50%, -50%) scale(0.9)} .ismobile #page-content .body-wrapper #static-page-content .page-builder .circle-bg .column:hover > [class="ga"]:before{transform: translate(-50%, -50%) scale(1.1)} .ismobile #page-content .body-wrapper #static-page-content .page-builder .sale-blocks .column.full .column.full{padding: 0 10px} .ismobile #page-content .body-wrapper #static-page-content .page-builder h1.h1-intext.h1-intext-promo{padding-right: 0} .ismobile #page-content .body-wrapper #static-page-content .page-builder .subheading-intext{transform: translateY(120px);line-height: 1.1} .ismobile #page-content .body-wrapper #static-page-content .page-builder .col-3-mobile{margin-left: 5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .col-4-mobile{margin-left: 5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .col-5-mobile{margin-left: 5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .sale-blocks .column.third{padding: 0 0 5px 5px} .ismobile #page-content .body-wrapper #static-page-content .page-builder .col-5-mobile div{width: calc(20% - 7px);float: left;padding-left: 5px !important;padding-right: 0 !important;padding-bottom: 0;padding-top: 0} #page-content .body-wrapper #static-page-content .page-builder .promo-only-content{display: block} .product-page [data-current-category="E-Vouchers"] .product-option-price .product-option-price__message{ display: none !important;} .product-page [data-current-category="E-Vouchers"] .product-option-price .product-option-price__info{ display: none !important;} .product-page [data-current-category="E-Vouchers"] #occasion-wrapper{ display: none !important;} body.catalog-page div.seo-data a.ga{color:#d31716; text-decoration: underline;} body.catalog-page div.seo-data .catalogue_content_container{height:222.5px;} body.catalog-page div.seo-data .catalogue_content_container h1{text-transform: capitalize;} body.catalog-page div.seo-data .video{width:50%;float:left; margin-right:10px; margin-bottom: 10px;} body.catalog-page div.seo-data .text{overflow:hidden;} body.catalog-page div.seo-data p{margin-bottom: 5px; padding-top: 0px;} body.catalog-page div.seo-data .catalogue_content_text-only p:first-of-type{padding-top:0px;} body.catalog-page div.seo-data .catalogue_content_text-only p{font-size: 15px;} body.catalog-page div.seo-data .catalogue_content_text-only b{font-size: 15px;} body.catalog-page div.seo-data .catalogue_content_text-only{height: auto;padding: 10px 20px 0 0;box-sizing: border-box;margin-bottom: -20px;} body.catalog-page div.seo-data .catalogue_content_text-only .static-page-row{margin-left: -10px; margin-right: -10px; margin-top: 10px;} body.catalog-page div.seo-data .category_header_container{background: #f7f7f7;width: 795px;display: inline-block;} body.catalog-page div.seo-data .category_header_header{} body.catalog-page div.seo-data .category_header_container img.head_image{float: right;margin-left: 15px;width: 253px;height: auto;} body.catalog-page div.seo-data .category_header_header_text{min-height: 220px; width: 765px; background: none;padding: 15px;} body.catalog-page div.seo-data .category_header_header_text p a{color: unset} body.catalog-page div.seo-data .category_header_container h1{text-transform: none;font-size: 24px;padding: 0px;margin: 0;} body.catalog-page div.seo-data .category_header_container hr{background: #ccc;height: 1px; margin-bottom: 10px;border: 0;clear: both;} body.catalog-page div.seo-data .category_header_two_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_three_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_four_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_five_row{clear: both;text-align: center;padding: 0 10px 10px 10px;} body.catalog-page div.seo-data .category_header_two_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_three_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_four_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_five_row a{text-decoration: none;position: relative;float: left;margin: 0 10px 10px 0; padding: 0;} body.catalog-page div.seo-data .category_header_two_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_three_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_four_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_five_row a:last-child{margin-right: 0 !important;margin-left: 0;} body.catalog-page div.seo-data .category_header_two_row a{width: 382px;} body.catalog-page div.seo-data .category_header_three_row a{width: 251px;} body.catalog-page div.seo-data .category_header_four_row a{width: 186px;} body.catalog-page div.seo-data .category_header_five_row a{width: 147px;} body.catalog-page div.seo-data .category_header_two_row a>h2{width: 376px;} body.catalog-page div.seo-data .category_header_three_row a>h2{width: 245px;} body.catalog-page div.seo-data .category_header_four_row a>h2{width: 180px;} body.catalog-page div.seo-data .category_header_five_row a>h2{width: 141px;} body.catalog-page div.seo-data .category_header_two_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_three_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_four_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_five_row a>h2{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_two_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_three_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_four_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_five_row a:hover>h2{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_two_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_three_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_four_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_five_row.content a>h2{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_two_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_three_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_four_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_five_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_two_row a>h3{width: 376px;} body.catalog-page div.seo-data .category_header_three_row a>h3{width: 245px;} body.catalog-page div.seo-data .category_header_four_row a>h3{width: 180px;} body.catalog-page div.seo-data .category_header_five_row a>h3{width: 141px;} body.catalog-page div.seo-data .category_header_two_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_three_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_four_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_five_row a>h3{position: relative;background: #333;color: #fff;font-size: 16px;font-weight: 700;line-height: 26px;border: solid 3px #333;border-radius: 5px;display: inline-block;margin-bottom: 0;text-decoration: none;text-transform: none;vertical-align: middle;cursor: pointer;background-image: none;white-space: nowrap;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} body.catalog-page div.seo-data .category_header_two_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_three_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_four_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_five_row a:hover>h3{background-color: #6e6e6e;border: solid 3px #6e6e6e !important;} body.catalog-page div.seo-data .category_header_two_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_three_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_four_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_five_row.content a>h3{border: solid 3px #333;background-color: transparent;color: #333;font-size: 14px;line-height: 16px;} body.catalog-page div.seo-data .category_header_two_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_three_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_four_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_five_row.content a:hover>h3{border-color: #6e6e6e;color: #6e6e6e;} body.catalog-page div.seo-data .category_header_three_row.content hr{ margin-bottom: 20px; position: relative; top: 5px;} #page-content .body-wrapper #static-page-content .page-builder a.fade-out{opacity:1;transition:0.4s;-webkit-transition:0.4s} #page-content .body-wrapper #static-page-content .page-builder a.fade-out:hover{opacity:0.5;transition:0.4s;-webkit-transition:0.4s} #page-content .body-wrapper #static-page-content .page-builder a.fade-out:not(:hover){opacity:1;transition:0.4s;-webkit-transition:0.4s} #page-content .body-wrapper #static-page-content .page-builder .round-nav-block img{-webkit-transition:-webkit-transform .8s ease-in-out;-ms-transition:-ms-transform .8s ease-in-out;transition:transform .8s ease-in-out} #page-content .body-wrapper #static-page-content .page-builder .round-nav-block img:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-primary.gifts-buttons.gifts-buttons-2018{background-color:#0aa586 !important} #page-content .body-wrapper #static-page-content .page-builder .gifts-buttons-2018:hover{background-color:#0cd9b0;border-color:#0cd9b0 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn-green{background-color:#07aa4f !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-green:hover{background-color:#4ccb84 !important;border-color:#4ccb84 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn-blue{background-color:#0d547e !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-blue:hover{background-color:#3c7292 !important;border-color:#3c7292 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn-orange{background-color:#f37121 !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-orange:hover{background-color:#f7ae86 !important;border-color:#f7ae86 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn-c2w{background-color:#7e2e3c !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-c2w:hover{background-color:#3d0b14 !important;border-color:#3d0b14 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn-cyan{background-color:#4ca1d9 !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-cyan:hover{background-color:#1d6187 !important;border-color:#1d6187 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn-black{background-color:#000000 !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-black:hover{background-color:#2e2e2e !important;border-color:#2e2e2e !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn-clearance{background-color:#efc51d !important;color:#000;font-weight:bold} #page-content .body-wrapper #static-page-content .page-builder a.btn.btn-clearance:hover{background-color:#bf9d16 !important;border-color:#bf9d16 !important;border-width:2px;color:#000;font-weight:bold} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2020{background-color:#292343 !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2020:hover{background-color:#4f3f92 !important;border-color:#4f3f92 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2021{background-color:#2f4d54 !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2021:hover{background-color:#56848f !important;border-color:#56848f !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2022{background-color:#5f97a0 !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2022:hover{background-color:#2c4f55 !important;border-color:#2c4f55 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2023{background-color:#205BEF !important} #page-content .body-wrapper #static-page-content .page-builder a.btn.xmas-2023:hover{background-color:#1818D1 !important;border-color:#1818D1 !important;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder .xmas-treat-temp{display:none} #page-content .body-wrapper #static-page-content .page-builder .btn{font-size:1.23em;border-width:2px} #page-content .body-wrapper #static-page-content .page-builder .crumb a:hover{text-decoration:underline} #page-content .body-wrapper #static-page-content .page-builder p{font-size:1.23em} #page-content .body-wrapper #static-page-content .page-builder ul li{font-size:1.23em} #page-content .body-wrapper #static-page-content .page-builder .display p{font-size:1.5em} #page-content .body-wrapper #static-page-content .page-builder p span{font-size:inherit;color:inherit} #page-content .body-wrapper #static-page-content .page-builder p a{font-size:inherit;color:#db2727;text-decoration:underline} #page-content .body-wrapper #static-page-content .page-builder li a{font-size:inherit;color:#db2727;text-decoration:underline} #page-content .body-wrapper #static-page-content .page-builder p a:hover{text-decoration:none} #page-content .body-wrapper #static-page-content .page-builder h2 a{font-size:inherit;color:inherit} #page-content .body-wrapper #static-page-content .page-builder .quote > p{font-style:italic;font-size:0.45em} #page-content .body-wrapper #static-page-content .page-builder sup{vertical-align:super} #page-content .body-wrapper #static-page-content .page-builder .h2-wrapper{position:relative} #page-content .body-wrapper #static-page-content .page-builder .element-center{position:relative;left:50%;transform:translateX(-50%)} #page-content .body-wrapper #static-page-content .page-builder .margin-top-0{margin-top:0} #page-content .body-wrapper #static-page-content .page-builder .margin-top-5{margin-top:5px} #page-content .body-wrapper #static-page-content .page-builder .margin-top-10{margin-top:10px} #page-content .body-wrapper #static-page-content .page-builder .margin-top-20{margin-top:20px} #page-content .body-wrapper #static-page-content .page-builder .margin-top-30{margin-top:30px} #page-content .body-wrapper #static-page-content .page-builder .margin-top-40{margin-top:40px} #page-content .body-wrapper #static-page-content .page-builder .margin-top-50{margin-top:50px} #page-content .body-wrapper #static-page-content .page-builder .margin-top--5{margin-top:-5px} #page-content .body-wrapper #static-page-content .page-builder .margin-top--10{margin-top:-10px} #page-content .body-wrapper #static-page-content .page-builder .margin-top--20{margin-top:-20px} #page-content .body-wrapper #static-page-content .page-builder .margin-top--30{margin-top:-30px} #page-content .body-wrapper #static-page-content .page-builder .margin-top--40{margin-top:-40px} #page-content .body-wrapper #static-page-content .page-builder .margin-top--50{margin-top:-50px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-0{margin-bottom:0} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-5{margin-bottom:5px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-10{margin-bottom:10px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-20{margin-bottom:20px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-30{margin-bottom:30px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-40{margin-bottom:40px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom-50{margin-bottom:50px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--5{margin-bottom:-5px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--10{margin-bottom:-10px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--20{margin-bottom:-20px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--30{margin-bottom:-30px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--40{margin-bottom:-40px} #page-content .body-wrapper #static-page-content .page-builder .margin-bottom--50{margin-bottom:-50px} #page-content .body-wrapper #static-page-content .page-builder .column h1{text-transform:none;font-size:2.385em;color:#565656} #page-content .body-wrapper #static-page-content .page-builder .column.third h2{font-size:1.693em} #page-content .body-wrapper #static-page-content .page-builder .column.fourth h2{font-size:1.54em} #page-content .body-wrapper #static-page-content .page-builder .column > a img{margin-top:1em;margin-bottom:1em} #page-content .body-wrapper #static-page-content .page-builder #guide-hub-grid .column.third:nth-child(3n+4){clear:left} #page-content .body-wrapper #static-page-content .page-builder #guide-hub-grid .column.third:nth-child(n+4){margin-top:20px} #page-content .body-wrapper #static-page-content .page-builder #guide-hub-grid .column.fourth:nth-child(4n+5){clear:left} #page-content .body-wrapper #static-page-content .page-builder #guide-hub-grid .column.fourth:nth-child(n+5){margin-top:20px} #page-content .body-wrapper #static-page-content .page-builder #nav-buttons .nav-button a > h3{position:relative;font-weight:700;border:solid 3px #333;border-radius:5px;display:inline-block;text-decoration:none;text-transform:none;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin:0 10px;display:block;background:#333;background-image:none;color:#fff;font-size:16px;line-height:26px;padding:10px 0;letter-spacing:0} #page-content .body-wrapper #static-page-content .page-builder #nav-buttons .nav-button.nav-button-style-1 a > h3{border:solid 3px #333;background-color:transparent;color:#333;font-size:14px;line-height:16px} #page-content .body-wrapper #static-page-content .page-builder .feature-header{border-bottom:4px solid #d5d5d5;margin:10px 0 20px 0} #page-content .body-wrapper #static-page-content .page-builder ._hp-section-title_2019-02{border-bottom:4px solid #d31716;display:inline-block;position:relative} #page-content .body-wrapper #static-page-content .page-builder .vertical-middle{display:table} #page-content .body-wrapper #static-page-content .page-builder .vertical-middle div:first-of-type{display:table-cell;vertical-align:middle} #page-content .body-wrapper #static-page-content .page-builder .individual-product-cards #product-cards .search-results .product.category{width:100%} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block{background-color: #d31716;border-radius: 15px;margin-top: 5px;padding-top: 5px;width: 100%;text-align: center;position: relative;left: 50%;transform: translateX(-50%);box-sizing: border-box} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block p{color:#fff} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block p:first-of-type{text-align: center;padding: 10px 20px} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block p strong{color:#fff} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block .newsletter-sign-up{padding: 0 30px !important;margin: 10px 0 20px 0 !important;text-align: center;position: relative;left: 50% !important;transform: translateX(-50%);box-sizing: border-box;width: 100%;display: inline-block} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block .newsletter-sign-up .input-and-button.rounded input[type=email]{width: 66% !important;margin: 0 !important;padding: 12px 10px 10px 15px !important;border: 0 !important;border-radius: 10px;font-size: 15px} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block .newsletter-sign-up .input-and-button.rounded input[type=submit]{width: 32% !important;box-sizing: border-box;margin: 0 0 0 2% !important;display: inline-block;border-radius: 10px;background-color: #880505;padding: 12px 50px 10px 20px !important;text-transform: none;letter-spacing: 1px;font-weight: 500;color: #fff;text-align: left;line-height: 1.3;position: relative;white-space: initial;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 0;pointer-events: initial;font-size: 15px !important;border-width: 0} #page-content .body-wrapper #static-page-content .page-builder .offer-expiry-block .newsletter-sign-up .input-and-button.rounded:after{content: "";background: url(https://tredz.azureedge.net/assets/images/userpages/images/icons/cta-chevron-white.png) no-repeat center center;height: 100%;width: 50px;display: inline-block;position: absolute;top: -1px;right: 30px;pointer-events: none} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work #c2wcalculator{width:400px;border:0;border-radius:10px;overflow:hidden;padding:20px 10px;margin:10px auto;background:#00436b} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work #c2wcalculator h2{ text-align:center;color:#fff} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input{ margin:10px 0;overflow:hidden;position:relative} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input.icon span{ position:absolute;left:187px;top:6px;font-size:15px;color:#777;line-height:1em;height:12px} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input label{ padding:5px 10px;width:40%;display:block;float:left;color:#fff;text-align:right;font-size:15px} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input input{ float:left;display:block;width:50%;padding:5px;color:#777;font-size:14px} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input select{ float:left;display:block;width:50%;padding:5px;color:#777;font-size:14px} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input input{padding-left:15px;width:49%} #page-content .body-wrapper #static-page-content .page-builder body.page-cycle-to-work-cycle-to-work .input select{width:49%;padding:4px} #page-content .body-wrapper #static-page-content .page-builder ._pb-calculator-arrow{float:right;display:block;clear:both;margin:-10px auto 0px auto;width:110px;height:auto} #page-content .body-wrapper #static-page-content .page-builder ._hidden-content{display:none !important} #page-content .body-wrapper #static-page-content .page-builder ._translate-center{position:relative;left:50%;transform:translateX(-50%)} #page-content .body-wrapper #static-page-content .page-builder ._half-nopadding{padding-left:0 !important;padding-right:0 !important;width:50% !important;float:left} #page-content .body-wrapper #static-page-content .page-builder ._half-nopadding_desktop{width:50%;padding-left:0rem;padding-right:0rem;float:left} #page-content .body-wrapper #static-page-content .page-builder .padding-left-right-5{padding-left:5px !important;padding-right:5px !important} #page-content .body-wrapper #static-page-content .page-builder .line-clamp-2 h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-content .body-wrapper #static-page-content .page-builder .line-clamp-3 h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #page-content .body-wrapper #static-page-content .page-builder ul._guide-list a{margin:0 10px} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block.nav-block_spacing img{margin-bottom:1em !important} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block_spacing{margin:2px !important} #page-content .body-wrapper #static-page-content .page-builder ul._guide-list a{color:#d31716 !important;text-decoration:underline !important} #page-content .body-wrapper #static-page-content .page-builder ul._guide-list li{color:#d31716 !important;list-style-type:none !important;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block_spacing figcaption h3{color:#fff !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:1.4em !important;line-height:1.4em} #page-content .body-wrapper #static-page-content .page-builder ._guide-list_spacing{display:block;max-height:0;padding-top:0;padding-bottom:0px} #page-content .body-wrapper #static-page-content .page-builder div.highlights-summary-new{padding-bottom:20px} #page-content .body-wrapper #static-page-content .page-builder img.rr-summary-icon{display:block;width:90px;height:auto;margin-left:auto;margin-right:auto} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new span{font-size:1.6em;line-height:0.8;font-weight:bold;color:#d31716} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .half{margin-top:10px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .third{margin-top:10px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .fourth{margin-top:10px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new h3{margin-top:10px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new div:last-child{text-align:right} #page-content .body-wrapper #static-page-content .page-builder .summary-quote p{text-align:center;font-style:italic;font-size:1.4em !important} #page-content .body-wrapper #static-page-content .page-builder div.rr-stars{background:url(/assets/images/icons/stars.svg) repeat-x;background-size:30px;height:30px;margin:15px 0;overflow:hidden} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_text{margin-top:20px;display:inline-block} #page-content .body-wrapper #static-page-content .page-builder div.rr-stars_no-stars{width:150px !important;background-position:0 -30px !important} #page-content .body-wrapper #static-page-content .page-builder .rr-stars.rr-stars_bg{width:150px !important;background-position:0 -30px !important;margin-top:-45px !important} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_half-star{width:15px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_1-star{width:30px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_2-star{width:60px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_1half-star{width:45px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_3-star{width:90px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_2half-star{width:75px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_4-star{width:120px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_3half-star{width:105px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_5-star{width:150px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_4half-star{width:135px !important;position:relative} #page-content .body-wrapper #static-page-content .page-builder .rr-stars_container{overflow:hidden} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary-new .rr-selling-point{color:#2e2e2e;display:inline-block;padding:0 0 20px 0;text-align:left} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon{font-size:14px;font-weight:bold;color:#6e6e6e;display:inline-block;position:relative;padding:20px 0 20px 0;left:0;width:calc(100% - 70px);text-align:left;margin-left:60px;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon:before{height:100%;width:50px;position:absolute;top:0;left:0;display:inline-block;vertical-align:middle;margin-left:-60px;content:""} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_frame:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-frame.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_suspension:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-suspension-.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_suspension-fork:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-suspension-fork.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_fork-rigid:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-rigid-fork.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_rear-shock:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-rear-shock.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_drivetrain:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-drivetrain.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_brakes-disc:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-brakes-–-disc.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_brakes-rim:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-brakes-–-rim.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_wheels-mountain:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-wheels-–-mountain.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_wheels-road:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-wheels-–-road.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_dropper-post:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-dropper-seatpost.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_fixed-seatpost:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-fixed-seatpost.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_motor:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-motor.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_battery:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-battery.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_display:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-display.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_mudguards:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-mudguards---racks.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_lights:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-lights.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_weight:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-weight.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_value:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-value-for-money.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .rr-selling-point .sp-icon_bottle-cage:before{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/reviews/selling-point-icons/rr-selling-point-frame-mounted-bottle-cage2.png) no-repeat center center;background-size:50px} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new_container{height:65px;border-bottom:1px solid #f5f5f5;margin-top:-10px;padding:0} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new{position:relative;top:0;display:block;background-color:#fff;box-shadow:0 0;height:64px;overflow:hidden;z-index:1;border-bottom:1px solid #f5f5f5;margin-bottom:0;margin-top:0;left:0;width:100%} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new ul{margin:auto 0;padding:0;list-style-type:none;display:inline;position:relative;padding-right:20px} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li{float:left;padding:0;border-bottom:3px solid #fff;border-left:0 solid #f5f5f5;border-right:1px solid #f5f5f5;list-style:none;transition:200ms ease-in} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li a{color:#595959;text-decoration:none;display:block;font-weight:bold;padding:23px 14px 22px 14px} #page-content .body-wrapper #static-page-content .page-builder .banner-navigation-new li:hover{background-color:rgba(211,23,22,0.03);border-bottom:3px solid #d31716 !important;border-left:0 solid #f0f0f0;border-right:1px solid #fff} #page-content .body-wrapper #static-page-content .page-builder .table-wrapper.no-margin{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0} #page-content .body-wrapper #static-page-content .page-builder .bounce-arrow_nav{margin-top:-20px} #page-content .body-wrapper #static-page-content .page-builder .privacy-cookies .accordion .accordion-content span{border:0 !important} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item{background:#fff;padding:0} #page-content .body-wrapper #static-page-content .page-builder .accordion-item:last-child{border-width:0;border-style:solid;border-color:#ccc} #page-content .body-wrapper #static-page-content .page-builder .accordion-item:first-child{border-top:0} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div{display:block;cursor:pointer;padding:17px 0;background:#fff;color:#000;margin:0;font-size:1.23em} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item{border:0} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span{background-image:url("/assets/images/svg/tredz-product-page.svg?v=1.53.0");background-image:url("/assets/images/svg/tredz-product-page.png?v=1.53.0") \9;background-repeat:no-repeat;background-position:-10px -359px;display:inline-block;zoom:1;width:14px;height:14px;background-repeat:no-repeat;margin:5px 10px -2px 0;position:relative;right:-97%;top:50% !important;margin-top:-7px !important} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div.open{background:#fff;color:#000;padding:17px 0} #page-content .body-wrapper #static-page-content .page-builder .accordion .accordion-item div span.down{background-position:-10px -64px} #page-content .body-wrapper #static-page-content .page-builder .privacy-cookies .accordion .accordion-item .accordion-header div.open{background:transparent !important;color:#565656 !important;font-weight:100 bold !important;border-bottom:0 solid #ccc} #page-content .body-wrapper #static-page-content .page-builder .accordion-header{border-width:0 0 1px 0;border-style:solid;border-color:#ccc} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h1-intext.blank{position:relative;background:#434343} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h2-intext{font-size:30px;z-index:9;width:75%;color:#fff;padding:0 15px;margin:0;line-height:42px} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner .h3-intext{font-size:24px;z-index:9;width:75%;color:#fff;padding:0 15px 10px;margin:0;line-height:30px;font-weight:400} #page-content .body-wrapper #static-page-content .page-builder .h1-wrapper-overlay{position:absolute;bottom:0;left:0;width:100%;} #page-content .body-wrapper #static-page-content .page-builder .section-buttons{position:absolute;bottom:0;right:0;z-index:99;padding:15px} #page-content .body-wrapper #static-page-content .page-builder p.review-date{text-align:right;line-height:2.385em} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary{background:#f7f7f7;} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li{font-size:1.077em !important;list-style:none !important;padding:0 0 0 40px;line-height:26px} #page-content .body-wrapper #static-page-content .page-builder .updated-date{display:inline-block;width:15px;height:14px;background:url('/Assets/Images/UserPages/Page Builder/range-review-hub/calendar-icon.png') 0 0 no-repeat;position:relative;top:2px} #page-content .body-wrapper #static-page-content .page-builder .highlights{background-color:#f9f9f9;border:2px solid lightgrey;padding:15px} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.left{font-size:1.2em; color:#fff} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.right{font-size:1.2em; color:#fff} #page-content .body-wrapper #static-page-content .page-builder #review-rating span.right:before{content:"";position:absolute;top:0;left:0;border-width:1.2em 1.2em 0px 0px;border-style:solid;border-color:#DB2727 transparent transparent #DB2727} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block{position:relative} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block a{display:block;padding:0} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block img{display:block} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block h2{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center} #page-content .body-wrapper #static-page-content .page-builder figure.nav-block h2 span{color:inherit;font-size:inherit} #page-content .body-wrapper #static-page-content .page-builder #start-your-quote p{font-size:1.077em} #page-content .body-wrapper #static-page-content .page-builder #start-your-quote li{font-size:1.077em} #page-content .body-wrapper #static-page-content .page-builder #c2wcalculator{border:0;border-radius:10px;background-color:#00436b;padding:20px;margin:10px 0 0 0} #page-content .body-wrapper #static-page-content .page-builder #c2wcalculator h2{padding:0;text-align:center;line-height:1;margin:0 0 20px 0} #page-content .body-wrapper #static-page-content .page-builder #c2wcalculator label{color:#fff} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block{position:relative;float:left;padding:0;overflow:hidden;margin-bottom:5px;width:100%} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block img{display:block} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block h2{background:rgba(0,0,0,0.6);color:#fff !important;font-size:16px !important;padding:5px 10px !important;line-height:20px;border-left:solid 4px #DB2727;position:absolute;bottom:0;width:100%} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block:hover:hover > h2{background:rgba(0,0,0,0.8)} #page-content .body-wrapper #static-page-content .page-builder .catalogue_content_block h2:hover > h2{background:rgba(0,0,0,0.8)} #page-content .body-wrapper #static-page-content .page-builder .accordion.vacancies{margin:0 0 20px 0} #page-content .body-wrapper #static-page-content .page-builder .accordion.vacancies .accordion-header{font-size:18px;font-weight:700} #page-content .body-wrapper #static-page-content .page-builder ._pb-circle{height:50px;width:50px;border-radius:50%;line-height:50px;background-color:#d31716;text-align:center;color:#fff;position:relative;top:-2px;margin:0 10px 0 0;display:inline-block} #page-content .body-wrapper #static-page-content .page-builder ._pb-circle span{font-size:1.5em;color:#fff;padding:0 0 0 4px} #page-content .body-wrapper #static-page-content .page-builder ._pb-caution{width:50px;height:50px;float:left;position:relative;margin:-15px 15px 30px 0} #page-content .body-wrapper #static-page-content .page-builder ._pb-caution-block{background-color:#f0f0f0;border-radius: 5px;box-shadow: 1px 1px 4px rgb(178,178,178);box-shadow: 1px 1px 4px rgba(0,0,0,0.2);padding:20px 30px 10px 30px;margin:20px 0} #page-content .body-wrapper #static-page-content .page-builder ._pb-caution-block img{width:50px;height:auto;float:right;position:relative;top:-45px;right:-10px} #page-content .body-wrapper #static-page-content .page-builder ._pb-sub-header img{position:relative;margin-top:20px !important} #page-content .body-wrapper #static-page-content .page-builder ._size-guide div.bx-viewport{height:310px !important} #page-content .body-wrapper #static-page-content .page-builder .pagebuilder-bxslider img[src^="/prodimg"]{width:100%;height:auto} #page-content .body-wrapper #static-page-content .page-builder h2._pb-sub-header{background:none;color:#2e2e2e;font-weight:bold;padding:5px 4px 5px 3px;border-bottom:4px solid #d31716;display:inline-block;text-align:center;position:relative;left:50%;transform:translateX(-50%)} #page-content .body-wrapper #static-page-content .page-builder ._pb-sub-header hr{display:none} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion-content{width:100%} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion .accordion-content{padding:0;overflow-x:scroll} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion{margin-bottom:10px} #page-content .body-wrapper #static-page-content .page-builder ._size-guide .accordion-header{font-weight:bold} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li.up-point{background:none} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li.up-point{background:none} #page-content .body-wrapper #static-page-content .page-builder li.up-point:before{content:url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-plus2.png);padding:0;display:block;float:left;margin-top:-5px;margin-right:5px} #page-content .body-wrapper #static-page-content .page-builder li.down-point{background:none !important} #page-content .body-wrapper #static-page-content .page-builder li.down-point:before{content:url(/Assets/Images/UserPages/Page%20Builder/Misc%20Pages/range-page-minus2.png);padding:0 0px 0px 0;display:block;float:left;margin-top:-5px;margin-right:5px} #page-content .body-wrapper #static-page-content .page-builder .highlights-summary li{font-size:1.077em !important;list-style:none !important;padding:0 0 15px 0px;line-height:20px} #page-content .body-wrapper #static-page-content .page-builder .promo-half{margin-top:10px} #page-content .body-wrapper #static-page-content .page-builder .promo-blocks figcaption h2{margin-bottom:10px !important;line-height:1 10px !important;color:#2e2e2e !important} #page-content .body-wrapper #static-page-content .page-builder .promo-blocks figcaption h3{font-size:1.3em !important;font-weight:bold !important;color:#2e2e2e !important} #page-content .body-wrapper #static-page-content .page-builder .promo-blocks.promo-half:nth-child(2n-1){margin-top:13px} #page-content .body-wrapper #static-page-content .page-builder .promo-half hr{top:0;position:relative} #page-content .body-wrapper #static-page-content .page-builder .promo-half .half:nth-child(2n+1) > a figure img{margin-right:10px !important} #page-content .body-wrapper #static-page-content .page-builder .promo-half .half:nth-child(2n) > a figure img{margin-left:10px !important} #page-content .body-wrapper #static-page-content .page-builder .promo-code{display:inline-block;padding:10px 20px;background-color:#d31716;margin:10px 10px 0 0} #page-content .body-wrapper #static-page-content .page-builder .promo-code p{color:#ffffff !important} #page-content .body-wrapper #static-page-content .page-builder .promo-code p b{color:#ffffff !important} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .pagebuilder-bxslider h2.h2-intext{font-size:30px;z-index:9;width:75%;color:#fff;padding:0 15px;margin:0;line-height:42px} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .pagebuilder-bxslider h3.h3-intext{font-size:24px;z-index:9;width:75%;color:#fff;padding:0 15px 10px;margin:0;line-height:30px;font-weight:400} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned li a{color:#ffffff;text-decoration:none} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .bx-wrapper .bx-pager{background:#fff;background:rgba(0,0,0,0.0)} #page-content .body-wrapper #static-page-content .page-builder .carousel-captioned .bx-wrapper .bx-pager.bx-default-pager a.active{background:#d31716} #page-content .body-wrapper #static-page-content .page-builder img.frame{box-shadow:0 2px 5px rgba(0,0,0,0.3)} #page-content .body-wrapper #static-page-content .page-builder img.tilt-left{-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg);transition:0.3s ease-in-out 0s !important} #page-content .body-wrapper #static-page-content .page-builder img.tilt-right{-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg);transition:0.3s ease-in-out 0s !important} #page-content .body-wrapper #static-page-content .page-builder .accordion-table table{margin-bottom:20px;margin-top:10px;width:calc(100% - 2px)} #page-content .body-wrapper #static-page-content .page-builder .accordion-content.accordion-header.accordion-table{display:block;max-height:0;padding-top:0;padding-bottom:0;overflow-x:auto;} #page-content .body-wrapper #static-page-content .page-builder .accordion-table table tr:first-child td:first-child{border-radius:0} #page-content .body-wrapper #static-page-content .page-builder .accordion-table table tr:last-child td:first-child{border-radius:0} #page-content .body-wrapper #static-page-content .page-builder .accordion-table > p{font-size:1em} #page-content .body-wrapper #static-page-content .page-builder .accordion-table tr:first-child p{font-weight:bold} #page-content .body-wrapper #static-page-content .page-builder small.accordion-click-to-expand{color:#d31716;float:right;margin-right:30px;margin-top:5px} #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion-table td:first-child{font-weight:bold;position:sticky;left:0;background-color:#333;border-bottom:1px solid #333} #page-content .body-wrapper #static-page-content .page-builder#style-update .accordion .accordion-table td:first-child p{color:#fff} #page-content .body-wrapper #static-page-content .page-builder table.resp-size-guide-wrapper{border:0} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-container{min-height:200px;display:table;width:100%} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-header{min-height:50px;padding:5px 25px 5px 0;vertical-align:middle} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-row{max-width:100%;min-height:40px;display:table-row} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-row:nth-child(2n){background:#f5f5f5} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-label{float:left;text-align:left;padding:0 0 0 1%;width:80px} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{float:left} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{float:left} #page-content .body-wrapper #static-page-content .page-builder .resp-size-bar{float:left} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{float:left;height:40px} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{float:left;height:40px} #page-content .body-wrapper #static-page-content .page-builder .resp-size-bar{float:left;height:40px} #page-content .body-wrapper #static-page-content .page-builder .resp-size-bar{background:#d31716;height:10px;position:relative;top:50%;transform:translateY(-50%);border-radius:5px;width:20%} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{width:40%} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{width:40%} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-wrap{float:left;height:40px;vertical-align:middle;position:relative;width:calc(49% - 80px)} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-label{display:table-cell} #page-content .body-wrapper #static-page-content .page-builder .resp-size-guide-wrap{display:table-cell} #page-content .body-wrapper #static-page-content .page-builder .resp-size-min{display:table-cell} #page-content .body-wrapper #static-page-content .page-builder .resp-size-max{display:table-cell} #page-content .body-wrapper #static-page-content .page-builder .brand-card-logo{margin:5px auto 30px auto;max-width:160px;width:100%;height:auto} #page-content .body-wrapper #static-page-content .page-builder .brand-card-logo img{display:block;margin:0 auto} #page-content .body-wrapper #static-page-content .page-builder .brand-card-logo a.btn-primary{margin:15px 0 10px 0} #page-content .body-wrapper #static-page-content .page-builder .brand-card-intro p.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0 0;height:89px} #page-content .body-wrapper #static-page-content .page-builder .brand-card{background-color:#f5f5f5;padding:20px;border-style:solid;border-color:#d5d5d5;border-width:1px;height:auto;margin-bottom:10px;margin-top:10px} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter{margin-bottom:20px} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter ul{background-color:#fff;border-bottom:1px solid #f5f5f5;padding:0} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter li{border-bottom:3px solid #fff;color:#2e2e2e;display:inline-block;font-size:1.2em;font-weight:bold;margin:0 !important;padding:15px 10px} #page-content .body-wrapper #static-page-content .page-builder .brand-name-filter li:hover{background-color:rgba(211,23,22,0.03);border-bottom:3px solid #d31716 !important} #page-content .body-wrapper #static-page-content .page-builder .back-to-top_arrow .animation{-webkit-animation-name:bounce-vertical;animation-name:bounce-vertical;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-play-state:running;animation-play-state:running} #page-content .body-wrapper #static-page-content .page-builder .back-to-top_arrow{display:inline-block;width:110px;position:relative;top:10px} #page-content .body-wrapper #static-page-content .page-builder .back-to-top_arrow span{ width:30px;height:30px;padding:0;background-image:url(../../assets/images/svg/catalouge-page.svg);background-image:url(../../assets/images/svg/catalouge-page.png)\9;background-repeat:no-repeat;background-position:-2px -673px;transform:rotate(-90deg);display:block;float:left;position:relative;top:-18px;left:-18px} #page-content .body-wrapper #static-page-content .page-builder a.cannondale-app{color:#d31716;text-decoration:underline;display:inline-block;padding-top:10px;font-weight:bold} #page-content .body-wrapper #static-page-content .page-builder a.icon-link.cannondale-app::before{content:url(https://tredz.azureedge.net/assets/images/userpages/product-page-icons/cannondale-app-logo.png);float:left;margin-right:45px;margin-top:-8px} #page-content .body-wrapper #static-page-content .page-builder .accordion-table-header{background-color:#f5f5f5 !important} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner.full-width-header{width:calc(100% + 22px);margin-left:-10px} #page-content .body-wrapper #static-page-content .page-builder .static-page-banner.full-width-header img{width:100%} #page-content .body-wrapper #static-page-content .page-builder .guide-card{box-shadow:0 2px 5px rgba(0,0,0,0.25);margin-bottom:20px;margin-top:0;padding-bottom:20px;padding-left:0;padding-right:0;background-color:#f5f5f5;display:inline-block} #page-content .body-wrapper #static-page-content .page-builder .guide-card p a{font-weight:700;line-height:1;text-decoration:none;display:block;padding:9px 10px 10px 10px;color:#2e2e2e} #page-content .body-wrapper #static-page-content .page-builder .guide-card p a.nav-highlight{color:#d31716} #page-content .body-wrapper #static-page-content .page-builder .guide-card p{color:#2e2e2e;font-weight:bolder;padding:0} #page-content .body-wrapper #static-page-content .page-builder .guide-card p a:hover{background-color:rgb(242, 222, 223);background-color:rgba(211,23,22,.1);border-radius: 5px;transition:500ms} #page-content .body-wrapper #static-page-content .page-builder .guide-card figcaption{padding:5px 15px 0 15px} #page-content .body-wrapper #static-page-content .page-builder .guide-card figcaption.guide-half{float:left;width:calc(50% - 34.3px)} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure{border-bottom:4px solid #d31716;display:block} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure img{display:block;margin:0;width:100%} #page-content .body-wrapper #static-page-content .page-builder .guide-card h2.guide-card-cta{display:inline-block;line-height:1.2;padding:15px 25px 15px 0;position:relative} #page-content .body-wrapper #static-page-content .page-builder .guide-card h2.guide-card-cta:after{background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/guides-reviews/cta-chevron-red-white.png) no-repeat center center;content:"";display:inline-block;height:100%;position:absolute;right:-5px;top:0;vertical-align:middle;width:30px} #page-content .body-wrapper #static-page-content .page-builder .guide-card h2:hover{opacity:0.8;transition:500ms} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure a{opacity:1;transition:0.4s;-webkit-transition:0.4s;display:block;padding-top:0;padding-bottom:0} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure a:hover{opacity:0.5;transition:0.4s;-webkit-transition:0.4s;display:block;padding-top:0;padding-bottom:0} #page-content .body-wrapper #static-page-content .page-builder .guide-card figure a:not(:hover){opacity:1;transition:0.4s;-webkit-transition:0.4s;display:block;padding-top:0;padding-bottom:0} #page-content .body-wrapper #static-page-content .page-builder div[data-ga-category="Static Pages Navigation"]{margin-top:20px} #page-content .body-wrapper #static-page-content .page-builder#style-update .guide-card h2.guide-card-cta{font-size:1.4em} #page-content .body-wrapper #static-page-content .page-builder#style-update figcaption h2.related-range{font-size:2em} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container{vertical-align:middle;position: absolute;margin-top: -7px;display: table} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container-left::before{content:"";float:left;display:table-cell;position:absolute;left:-25px;display: table-cell;position: absolute;left: -23px;border-left: solid 0 transparent;border-right: solid 23px rgba(211,23,22,.8);border-top: solid 25px transparent;border-bottom: solid 25px transparent} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container-right::after{content:"";float:right;display:table-cell;position:absolute;right:-25px;right: -23px;border-left: solid 23px rgba(211,23,22,.8);border-right: solid 0 transparent;border-top: solid 25px transparent;border-bottom: solid 25px transparent} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range{box-sizing: border-box;line-height:1;color:#2e2e2e;overflow:visible;height:45px;background: rgba(211,23,22,.8);height: 50px;display: table-cell;float: none;padding: 2px 5px 2px 60px;vertical-align: middle} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range::before{background-repeat:no-repeat;background-position:center;background-size:contain;background-color:#fff;height:40px;display:inline-block;float:left;border:5px solid #f5f5f5;box-shadow:0 2px 5px rgba(0,0,0,0.3);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);position: absolute;width: 60px;top: 4px;left: -10px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range .range-label{font-family: 'Nunito Sans',sans-serif;font-style: normal;font-weight: 700;color:#fff;font-size: 1em;margin-top: unset} #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart table{border-radius:0;border-width:0} #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart table td{border-radius:0;border-width:0} #page-content .body-wrapper #static-page-content .page-builder .brand-model-chart table th{border-radius:0;border-width:0} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th{background-color:#2e2e2e;color:#fff;vertical-align:top;padding:10px 20px;width:20%} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th h3{color:#ffffff;font-size:24px;margin-bottom:10px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th p{font-weight:normal;color:#ffffff;font-size:16px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table td{border-bottom:1px solid #c0c0c0} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table tbody tr td{padding:10px 15px 30px 15px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table tbody tr td:nth-child(odd){background-color:#e9e9e9;vertical-align:top} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table tbody tr td:nth-child(even){background-color:#d5d5d5;vertical-align:top} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container.range-model-electric .range{background: rgba(70,170,79,.8)} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container.range-model-electric.range-model-container-right::after{border-left: solid 23px rgba(70,170,79,.8)} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table .range-model-container.range-model-electric.range-model-container-left::before{border-right: solid 23px rgba(70,170,79,.8)} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-1{min-width:200px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-2{min-width:240px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-3{min-width:280px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-4{min-width:320px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-5{min-width:360px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-6{min-width:400px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-0-25col{min-width: 47px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-0-5col{min-width: 94px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-0-75col{min-width: 141px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-1col{min-width: 188px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-1-25col{min-width: 235px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-1-5col{min-width: 282px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-1-75col{min-width: 329px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-2col{min-width: 376px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-2-25col{min-width: 423px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-2-5col{min-width: 470px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-2-75col{min-width: 517px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-3col{min-width: 564px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-3-25col{min-width:611px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-3-5col{min-width:658px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-3-75col{min-width: 705px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-4col{min-width: 752px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-4-25col{min-width: 799px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-4-5col{min-width: 846px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-4-75col{min-width: 893px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart .range-width-5col{min-width: 940px} #page-content .body-wrapper #static-page-content .page-builder#style-update h2{text-transform: capitalize;font-weight: 900;color:#2e2e2e;font-size:2.2em;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update h3{text-transform: capitalize;font-weight:700;color:#2e2e2e;font-size:1.8em;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update p.quote{font-weight:700;font-style:normal;font-size:2em;line-height:1.4} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner{width:calc(100% + 22px);margin-left:-10px} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner .h1-wrapper img{width:100%} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary{display: inline-block;border-radius: 10px;background-color: rgb(211,23,22);padding: 12px 50px 10px 20px;text-transform: none;letter-spacing: 1px; font-weight: 500;color: #ffffff;text-align: left;line-height: 1.3;position: relative;white-space: initial;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 0;pointer-events: initial} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/images/icons/cta-chevron-white.png) no-repeat center center;height:100%;width:50px;display:inline-block;position:absolute;top:0;right:0} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary:hover{color:#fff;background-color:#d44d4d;border-color:#d44d4d} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-default{display:inline-block;border-radius: 10px;background-color:#d3d3d3;padding:10px 50px 10px 20px;text-transform:none;letter-spacing:1px;font-weight:bolder;color:#333;text-align:left;line-height:1.3;position:relative;white-space:initial;margin-top:5px;margin-right:10px;margin-bottom:10px;margin-left:0;pointer-events: initial} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-default:after{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/content-images/static-elements/cta-chevron-grey-20.png) no-repeat center center;height:100%;width:50px;display:inline-block;position:absolute;top:9px;top:0;right:0} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-default:hover{color:#333;background-color:#e3e3e3;border-color:#e3e3e3} #page-content .body-wrapper #static-page-content .page-builder#style-update .checkbox:before{content:"";background:url(https://tredz.azureedge.net/assets/images/userpages/images/icons/ico-tick-40px.png) no-repeat center center;height:100%;width:130px;position:absolute;top:0;left:0;display:inline-block;padding:0 45px 0 0;vertical-align:middle;margin-left:-60px} #page-content .body-wrapper #static-page-content .page-builder#style-update .checkbox{display:block;overflow:hidden;position:relative;padding:10px 20px 10px 70px} #page-content .body-wrapper #static-page-content .page-builder#style-update .callout-dialogue{background-color: #f0f0f0;padding: 0 30px 20px 30px;box-shadow: 1px 1px 4px rgb(178,178,178);box-shadow: 1px 1px 4px rgba(0,0,0,0.2);border-radius: 5px;border-color: transparent;display:inline-block} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext{font-family: 'Nunito Sans',sans-serif;font-style: normal;font-weight: 900;line-height: 0.9;font-size: 2.2em;position: absolute;top: 15px;left: 0;width: 246px} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo{font-size:6em;padding-right:30px} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo:before{display:none} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub{text-align: left} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-hub::before{display:none} #page-content .body-wrapper #static-page-content .page-builder#style-update .h1-wrapper h1{height: calc(100% - 50px);background: none;text-shadow: 2px 2px 4px rgba(0,0,0,0.8), 4px 4px 18px rgba(0,0,0,0.2)} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th h3{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-model-chart table thead tr th p{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .intext{position:absolute;z-index:8;width:auto;padding:0 15px;margin:0;bottom:0;left:0;right:0} #page-content .body-wrapper #static-page-content .page-builder#style-update h2.intext{font-style:normal;font-family: 'Nunito Sans',Arial,sans-serif;font-weight:700;line-height:.9;padding-top:50px;padding-left:30px;padding-right:30px;font-size:3.6em;letter-spacing:0px} #page-content .body-wrapper #static-page-content .page-builder#style-update .h2-wrapper h2.intext{height:calc(100% - 50px);color:#fff;text-transform:none;background:none;text-shadow:8px 8px 15px rgb(0,0,0,1), 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h2.h2-intext{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay h3.h3-intext{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .section-buttons{width:25%} #page-content .body-wrapper #static-page-content .page-builder#style-update div[itemprop="reviewBody"] .h1-wrapper-overlay{background:linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.8) 0%, rgba(0,0,0,.6) 60%,rgba(0,0,0,0) 100%)} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block h2{color:#fff;font-weight:900;font-style:normal;font-family: 'Nunito Sans',Arial,sans-serif;text-transform:none;line-height:1;text-shadow:4px 4px 4px rgb(0,0,0,1)} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block h2 sup{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block-btn .nav-block h2{position:absolute;top:45%;left:50%;transform:translateX(-50%) translateY(-100%)} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block span{font-weight:900;font-style:normal;font-family: 'Nunito Sans',Arial,sans-serif;text-transform:none} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block img{margin-top:0;margin-bottom:0} #page-content .body-wrapper #static-page-content .page-builder#style-update .nav-block-btn a.btn{position:relative;bottom:80px;margin-bottom:-30px} #page-content .body-wrapper #static-page-content .page-builder#style-update table{border:1px solid #d5d5d5;border-radius:0;width:calc(100% - 2px);overflow-wrap:anywhere} #page-content .body-wrapper #static-page-content .page-builder#style-update table th{background-color:#ececec;border-radius:0;color:#6e6e6e;font-size:18px;padding:9px} #page-content .body-wrapper #static-page-content .page-builder#style-update table th:first-child{border-radius:0} #page-content .body-wrapper #static-page-content .page-builder#style-update table th:last-child{border-radius:0} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr:last-child td:first-child{border-radius:0} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr:last-child td:last-child{border-radius:0} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr td:first-child{font-weight:bold} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th{border-bottom:1px solid #d5d5d5;background-color:#ececec;color:#6e6e6e;font-size:18px;padding:4px 9px;line-height:1;} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th p{color:#6e6e6e;font-size:18px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th b{color:#6e6e6e;font-size:18px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th strong{color:#6e6e6e;font-size:18px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th li{color:#6e6e6e;font-size:18px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th span{color:#6e6e6e;font-size:18px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table thead tr th a{font-size:16px;padding:0;line-height:1;margin:0 0} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td{border-bottom:1px solid #d5d5d5;color:#6e6e6e;font-size:16px;padding:14px 9px;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td p{color:#6e6e6e;font-size:16px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td b{color:#6e6e6e;font-size:16px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td strong{color:#6e6e6e;font-size:16px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td li{color:#6e6e6e;font-size:16px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td span{color:#6e6e6e;font-size:16px;padding:0;line-height:1} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr td a{font-size:16px;padding:0;line-height:1;margin:0 0} #page-content .body-wrapper #static-page-content .page-builder#style-update table tbody tr:last-child td{border-bottom:0} #page-content .body-wrapper #static-page-content .page-builder#style-update a.btn-table{font-weight:bold;color:#d31716;text-decoration:underline;display:block;text-align:center} #page-content .body-wrapper #static-page-content .page-builder#style-update .table-wrapper{overflow:auto} #page-content .body-wrapper #static-page-content .page-builder .no-margin{margin:0} #page-content .body-wrapper #static-page-content .page-builder .no-padding{padding:0} #page-content .body-wrapper #static-page-content .page-builder .grey-chevron::after{content:url(https://tredz.azureedge.net/assets/images/userpages/content-images/static-elements/cta-chevron-black-22.png);width:22px;height:22px;position:relative;left:5px;top:3px} #page-content .body-wrapper #static-page-content .page-builder .column.column-vertical-middle{vertical-align:middle} #page-content .body-wrapper #static-page-content .page-builder .rr-2020 h1{font-size: 4em;font-family: 'Nunito Sans',sans-serif;font-weight: 900;font-style: normal;line-height: 1.1;text-transform: none} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-2020 h2{font-size:2.5em;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-2020 h3{font-size:2em;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-2020 p{font-size:1.5em;line-height:1.2} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020{background-color:#222;display:inline-block;margin-top:-20px;color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020-text{padding:0 80px;direction:ltr} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 h1{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 h2{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 h3{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 p{color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-section-2020 p sup{color:#fff} #page-content .body-wrapper #static-page-content .page-builder .rr-header-2020-padding{padding:0 200px} #page-content .body-wrapper #static-page-content .page-builder .rr-header-2020-padding.rr-header-2020-padding-thin{padding:0 90px} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020.rr-header-2020-text-bottom figcaption{position:absolute;top:95%;transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020.rr-header-2020-text-top figcaption{position:absolute;top:0;transform:translate(-50%,20px);-webkit-transform:translate(-50%,20px)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h1{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h1 sup{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h2{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h3{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 p{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 b{color:#fff;text-shadow:8px 8px 15px #000, 6px 0 7px rgba(0,0,0,0.65)} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h1.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h2.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 h3.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 p.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .rr-header-2020 b.dark{color:#2e2e2e;text-shadow:8px 8px 15px #fff, 3px 3px 7px #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .section-related-guides figure.nav-block h2{text-shadow:4px 4px 4px rgb(0,0,0,1)} #page-content .body-wrapper #static-page-content .page-builder#style-update .section-related-guides figure.nav-block h2 sup{text-shadow:4px 4px 4px rgb(0,0,0,1)} #page-content .body-wrapper #static-page-content .page-builder .section-related-guides .column{padding-left:7.5px;padding-right:7.5px} #page-content .body-wrapper #static-page-content .page-builder .section-related-guides figure.nav-block::before{background:transparent} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 thead tr .groupset-table-cell-shimano{background-color:#30ace2} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 thead tr .groupset-table-cell-sram{background-color:#ee1b22} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 thead tr .groupset-table-cell-campag{background-color:#000;color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .groupset-table-2 tbody tr td{padding:9px;vertical-align:middle} #page-content .body-wrapper #static-page-content .page-builder .groupset-table-2 .table-circle{height:40px;width:40px;border-radius:50%;line-height:40px;background-color:#d31716;text-align:center;color:#fff;position:relative;margin:0 10px 10px 20px;display:inline-block;font-size:1.2em;font-weight:bold;top:4px;vertical-align:top} #page-content .body-wrapper #static-page-content .page-builder .groupset-table-2 img{max-height:40px} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product{border:0;background-color:#fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product{height:auto} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .p-title{font-size:18px;line-height:22px;font-style:normal;text-transform:none;text-align:center;font-family: 'Nunito Sans',sans-serif;margin-top:-60px} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .img-wrap{width:100%;height:230px;margin:0;padding:0} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .img-wrap:before{content:"";width:85%;height:100px;position:absolute;display:block;top:28px;left:50%;transform:translateX(-50%);background: linear-gradient(0deg, #fff 50%, #efefef 80%);border-radius: 10px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .img-wrap img{max-width:280px;height:auto;position:relative;width:auto;margin:10px auto 0 auto;mix-blend-mode:darken;min-height:140px;max-height:160px} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .brand-logo{height:40px} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing .sales-price{position: relative;right: 20px;background-color: transparent;padding: 14px 10px 0 0;height: 25px;width: 100%;color: #fff;font-family: 'Nunito Sans',sans-serif;font-style: normal;font-weight: 700;font-size: 1.4em;float: left} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing{color: #FFF;background-color: #d31716;margin: 20px 0px 50px 0;padding: 0 0 16px 10px;width: 170px;height: 24px;float: right;display: block;clear: both;position: relative;bottom: 0;left: 0;right: 0;border-radius: 5px;text-align: right} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing .price-detail .saving{padding: 5px 0;font-size: 1.2em;float:right} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .price-detail span{display:block;float:none;width:auto;line-height:14px;margin-top:50px;clear:both} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .product-availability{display:block;clear:both} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .price-detail{position:relative;right:0;top:-40px;float:left;margin-top:3px;width:100%;text-align:right;} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .review-stars{position:relative;left:0;float:none;display:inline-block;margin-bottom:20px} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .no-review-stars{display:none} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .review-stars{width:auto;position:relative;float:left;display:inline-block;left:50%;transform:translateX(-50%);margin-top:-35px;margin-bottom:5px;height:30px;top:40px} #page-content .body-wrapper #static-page-content .page-builder#style-update div .product-card-price-inline #product-cards .search-results .product:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} #page-content .body-wrapper #static-page-content .page-builder#style-update div .product-card-price-inline #product-cards .search-results .product a{pointer-events:none} #page-content .body-wrapper #static-page-content .page-builder#style-update div .product-card-price-inline #product-cards .search-results .product{width:auto;height:auto;border:0;margin-left:0;margin-bottom:0;position:relative;text-align:initial;float:none;top:-38px;display:inline-block} #page-content .body-wrapper #static-page-content .page-builder#style-update div .product-card-price-inline #product-cards .search-results .product .pricing{position: relative;bottom: 0;height: auto;width: auto;padding: 0;display: inline-block;overflow: hidden;-ms-transform: none;-webkit-transform: none;transform: none;background-color: transparent;margin: -28px 0 -30px 20px;width: 150px;height: 30px} #page-content .body-wrapper #static-page-content .page-builder#style-update div .product-card-price-inline #product-cards .search-results .product .pricing .sales-price{text-align: center;border-radius: 0;background-color: transparent;letter-spacing: 0;color: #ffffff;position: absolute;top: 3px;left: -30px;font-family: "Nunito Sans";font-size: 16px;-ms-transform: none;-webkit-transform: none;transform: none;white-space: nowrap} #page-content .body-wrapper #static-page-content .page-builder#style-update div .product-card-price-inline::before{content:"\A";white-space:pre} #page-content .body-wrapper #static-page-content .page-builder#style-update div .product-card-price-inline{margin-top:-1.5em} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary.btn-from-price{padding-bottom:2em} #page-content .body-wrapper #static-page-content .page-builder .heading-icon-100:before{content:"";background-size:contain;height:100%;width:100px;position:absolute;top:0;left:0;vertical-align:middle} #page-content .body-wrapper #static-page-content .page-builder .heading-icon-100{display:block;position:relative;padding:30px 0 30px 130px} #page-content .body-wrapper #static-page-content .page-builder .variant-area{background-color: #d31716} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr .variant-area .link_class{color:#fff;font-weight:normal} #page-content .body-wrapper #static-page-content .page-builder#style-update table tr .variant-area:first-child{font-weight:normal} #page-content .body-wrapper #static-page-content .page-builder .comp-key{width:140px;height:auto;float:right;position:absolute;bottom:0;left:20px} #page-content .body-wrapper #static-page-content .page-builder .comp-key-container{position:relative} #page-content .body-wrapper #static-page-content .page-builder#style-update .category-header-button a > h3{border-radius: 5px; margin: 0 10px; padding: 10px 0;text-transform: none; white-space: nowrap;} #page-content .body-wrapper #static-page-content .page-builder#style-update .category-header-button.category-header-button-style1 a > h3{border: solid 3px #333; color: #333; font-size: 14px; line-height: 16px;letter-spacing: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .ico-live-chat-sml{max-width:30px; height:auto;position: relative;top: 8px; left:8px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary.finance-provider{width:100%;margin-bottom:15px;text-align: center;background-color: #2e2e2e;padding-bottom: 25px;border-width:0 !important;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary.finance-provider:hover{background-color:#000;border-width:0 !important;} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary.finance-provider img{display:block; margin:0 auto;} #page-content .body-wrapper #static-page-content .page-builder#style-update .finance-calculator h3{font-size: 1.4em; margin: 14px 4px; line-height: 1.1} #page-content .body-wrapper #static-page-content .page-builder#style-update #financecontainer #financedetails #activefinance p{margin-top: -16px; margin-bottom: 8px} #page-content .body-wrapper #static-page-content .page-builder #financecontainer .monthlyinput{width: 120px} #page-content .body-wrapper #static-page-content .page-builder #financecontainer #financefooter .info-container #financeinfo{display: none} #page-content .body-wrapper #static-page-content .page-builder .finance-calculator #financecontainer{height: 100%; padding-bottom: 0} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2wlogos figure{width:calc(32% - 40px);height:auto;float:left;border:1px solid #aeaeae;padding:10px;margin:10px; border-radius:5px;background-color:#f5f5f5} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2wlogos figure:hover{opacity:0.5;transition:1s} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2wlogos img{width: 100%;height: auto} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2wlogos figure:not(:hover){opacity:1;transition: 1s} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2wlogos a figcaption{color:#2e2e2e;font-size: 1.4em;line-height: 18px} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2wlogos a figcaption:hover{text-decoration:underline} #page-content .body-wrapper #static-page-content .page-builder#style-update .column.list-style-none ul{list-style:none} #page-content .body-wrapper #static-page-content .page-builder#style-update .column.list-style-none ul li{list-style:none} #page-content .body-wrapper #static-page-content .page-builder#style-update .list-indent-10{text-indent:0;margin-left:20px} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2w-steps img.c2w-step{max-width:150px;margin-top:-50px} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2w-steps .callout-dialogue{padding:20px} #page-content .body-wrapper #static-page-content .page-builder#style-update .text-size-boost p{font-size:1.4em} #page-content .body-wrapper #static-page-content .page-builder#style-update #c2wcalculator span{color:#fff} #page-content .body-wrapper #static-page-content .page-builder ._pb-circle-c2w{float:left} #page-content .body-wrapper #static-page-content .page-builder ._pb-circle._pb-circle-c2w + p{margin-left:60px} #page-content .body-wrapper #static-page-content .page-builder .c2w-header-logo{float:right;margin-top:-230px;position:relative;margin-right:10px;max-width:180px;z-index:10} #page-content .body-wrapper #static-page-content .page-builder .c2w-logos-sixths figure{border-radius: 20px} #page-content .body-wrapper #static-page-content .page-builder#style-update .c2w-nav .offer__info .offer__info-heading{font-family: 'Nunito Sans',Arial,sans-serif;font-weight: 700;font-style: normal;text-transform:none} #page-content .body-wrapper #static-page-content .page-builder .cycleplan-header-logo{max-width:140px;position:absolute;right:40px;top:0;z-index:10} #page-content .body-wrapper #static-page-content .page-builder#style-update .service-pack-opt .btn-primary{bottom: 30px; position: absolute; right: 37px;} #page-content .body-wrapper #static-page-content .page-builder .shop-header{padding-left:0;padding-right:0;margin-left:-10px;margin-top:-10px;width:calc(100% + 22px)} #page-content .body-wrapper #static-page-content .page-builder .shop-header img{width:100%} #page-content .body-wrapper #static-page-content .page-builder .shop-info{border:1px solid #d5d5d5;border-radius:5px;background-color:rgba(255,255,255,.95);margin-right:1.5%;margin-top:-370px;padding:20px 30px;width:31.5%} #page-content .body-wrapper #static-page-content .page-builder .column .shop-name{font-size:2em;line-height:1.1;margin-bottom:18px;padding-top:8px} #page-content .body-wrapper #static-page-content .page-builder .column .shop-name .shop-icon{float:left;height:auto;padding-right:15px;max-width:60px} #page-content .body-wrapper #static-page-content .page-builder#style-update .column.shop-info h3{font-size: 2em;margin-bottom: 10px;margin-top: 15px} #page-content .body-wrapper #static-page-content .page-builder#style-update .shop-info_giant{background-color: rgba(0,121,194,1);border: 0} #page-content .body-wrapper #static-page-content .page-builder .numbered-circle{vertical-align: middle;display:block} #page-content .body-wrapper #static-page-content .page-builder .numbered-circle .circle-caption{box-sizing:border-box;display:inline-block;max-width:calc(100% - 55px); padding:0 20px;vertical-align: middle} #page-content .body-wrapper #static-page-content .page-builder .numbered-circle .circle{display:inline-block;vertical-align: middle} #page-content .body-wrapper #static-page-content .page-builder .numbered-circle .circle .inner-circle{background-color:#d31716;border-radius: 50%;box-sizing:border-box;color: #fff;display: table-cell;float: none;font-size: 18px;font-weight:bold;height: 50px;line-height: 1;margin:0;padding: 4px 5px 6px 5px;width: 50px;text-align: center;vertical-align: middle} #page-content .body-wrapper #static-page-content .page-builder#style-update .shop-by-department h3{font-size:16px;font-weight:normal;height:40px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;line-height: 1.1;text-transform:none;letter-spacing:0} #page-content .body-wrapper #static-page-content .page-builder .glossary-container ul li{color: #fff} #page-content .body-wrapper #static-page-content .page-builder#style-update .content-container [id*="content-for-"] h2{background-color: #000;max-width:80px;padding:10px;color:#ffffff;text-align:center;font-size:30px;margin: 0 0 20px -10px} #page-content .body-wrapper #static-page-content .page-builder .fade-on-hover:hover{opacity:0.5;transition:.4s;} #page-content .body-wrapper #static-page-content .page-builder .brand-highlights-logo{display:table-cell; vertical-align:middle; width:280px; height:120px} #page-content .body-wrapper #static-page-content .page-builder .brand-highlights-logo-middle{margin-left:auto; margin-right:auto; width:220px} #page-content .body-wrapper #static-page-content .page-builder .brand-highlights-logo-container{background-color:rgba(0,0,0,1);position:absolute;top:0; left:20px;max-width:280px;height:120px;border-radius: 0 0 10px 10px;z-index: 10} #page-content .body-wrapper #static-page-content .page-builder .brand-highlights-h1.h1-intext:before{content: "";display: block;padding-top: 90px} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.brand-highlights-h1.h1-intext{top: 40px;left: 10px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-pop-categories .column.half.promo-half{padding:0 15px;margin-top: 10px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-pop-categories .promo-block-large{padding:0 0 0 17px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-pop-categories .promo-block-large.flow-opposite{padding:0 8px 0 9px} #page-content .body-wrapper #static-page-content .page-builder#style-update .brand-pop-categories .promo-blocks.promo-half:nth-child(2n-1){margin-top:-7px} #page-content .body-wrapper #static-page-content .page-builder#style-update .hero-ranges{box-sizing:border-box;background:#f0f0f0;display:inline-block} #page-content .body-wrapper #static-page-content .page-builder#style-update .padding-10-left-right{padding: 0 10px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .padding-20-left-right{padding: 0 20px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .padding-30-left-right{padding: 0 30px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .padding-40-left-right{padding: 0 40px;} #page-content .body-wrapper #static-page-content .page-builder .fourth.promo-fourth{padding-left: 7.16px; padding-right: 7.16px;} #page-content .body-wrapper #static-page-content .page-builder .hi-vis-comparison .image-compare .image-compare__drag-handle{width: 3px} #page-content .body-wrapper #static-page-content .page-builder .hi-vis-comparison .image-compare .image-compare__drag-handle:after{margin-top: -53px} #page-content .body-wrapper #static-page-content .page-builder .hi-vis-comparison .image-compare--widget__hud-heading{background: rgba(0,0,0,0.8);border-color: transparent} #page-content .body-wrapper #static-page-content .page-builder .hi-vis-comparison .image-compare .image-compare__slide-container{padding-bottom: 10px} #page-content .body-wrapper #static-page-content .page-builder#style-update .hi-vis-comparison .image-compare--widget__hud-heading{color: #fff;opacity: 1} #page-content .body-wrapper #static-page-content .page-builder .delimiter + a:hover{text-decoration: underline} #page-content .body-wrapper #static-page-content .page-builder#style-update .product-card-fourth .search-results .product{width: calc(25% - 12px)} #page-content .body-wrapper #static-page-content .page-builder#style-update .product-card-fourth .search-results .product .img-wrap img{max-width: 180px} #page-content .body-wrapper #static-page-content .page-builder #review-rating .left{font-size: 1.8em; color: #fff} #page-content .body-wrapper #static-page-content .page-builder #review-rating .right{font-size: 1.8em; color: #fff} #page-content .body-wrapper #static-page-content .page-builder #review-rating .left{background-color: #d31716; padding: 0 0 0 10px; margin-left: 5px; font-weight: 700} #page-content .body-wrapper #static-page-content .page-builder #review-rating .right{background-color: black; padding: 0 10px 0 25px; position: relative} #page-content .body-wrapper #static-page-content .page-builder #review-rating .right:before{content: ""; position: absolute; top: 0; left: 0; border-width: 1.2em 1.2em 0 0; border-style: solid; border-color: #d31716 transparent transparent #d31716} #page-content .body-wrapper #static-page-content .page-builder#style-update[data-guide="maintenance"] p{font-size:18px} #page-content .body-wrapper #static-page-content .page-builder#style-update[data-guide="brand-sizing"] table thead tr th{min-width: 100px} #page-content .body-wrapper #static-page-content .page-builder#style-update[data-guide="brand-sizing"] .bx-wrapper .bx-pager{background: transparent} #page-content .body-wrapper #static-page-content .page-builder#style-update[data-guide="brand-sizing"] .bx-wrapper .bx-pager.bx-default-pager a.active{background: #d31716} #page-content .body-wrapper #static-page-content .page-builder#style-update[data-guide="brand-sizing"] .check{color: #008000} #page-content .body-wrapper #static-page-content .page-builder .statement-icon{margin:60px 0 60px 0} #page-content .body-wrapper #static-page-content .page-builder .statement-icon img{position: relative; top: 35px; margin-right: 10px; margin-top: -55px} #page-content .body-wrapper #static-page-content .page-builder .promo-block-large-right{padding-right: 5px;padding-left: 15px} #page-content .body-wrapper #static-page-content .page-builder #product-cards .search-results .product .yotpo{margin: auto;padding-top: 0;width: 100px;height: 26px;position: relative;top: 10px} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner .h1-wrapper img{min-height: 200px} #page-content .body-wrapper #static-page-content .page-builder#style-update .circle-bg h3{height: 40px;font-size: 16px;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;line-height: 1.1;text-transform: none;letter-spacing: 0} #page-content .body-wrapper #static-page-content .page-builder .column.seventh{width:14.2%} #page-content .body-wrapper #static-page-content .page-builder .circle-bg [class="ga"]:before{content: " ";background: #222;position: absolute;left: 50%;border-radius: 50%;height: 80px;width: 80px;cursor: pointer;padding: calc(.375rem + 8px);top: calc(50% - 30px)} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .column:hover > [class="ga"]:before{opacity:0.1;transition:0.2s ease-in;transform: translate(-50%, -50%) scale(1)} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .column:not(:hover) > [class="ga"]:before{opacity: 0.1;transition: 0.2s ease-in;transform: translate(-50%, -50%) scale(1)} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .tax-free-bikes [class="ga"]:before{background:#640a1a} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .column{position:relative} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .column > a img{position: relative} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .sixth [class="ga"]:before{padding: calc(.375rem + 14px)} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner .h1-wrapper img[class*="logo"]{min-height: initial} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner .h1-wrapper img[src*="logo"]{min-height: initial} #page-content .body-wrapper #static-page-content .page-builder .article-date{font-size: 0.95em;margin-bottom: -25px;margin-top:-5px} #page-content .body-wrapper #static-page-content .page-builder .article-date sup{font-size: 0.7em} #page-content .body-wrapper #static-page-content .page-builder[data-ga-category="Clearance Page"]#style-update .search-results .product .img-wrap img{min-height: 1px} #page-content .body-wrapper #static-page-content .page-builder .h1-wrapper{overflow: hidden} #page-content .body-wrapper #static-page-content .page-builder .h1-wrapper:before{content: "";width: 732px;height: 600px;background: url(https://tredz.azureedge.net/assets/images/userpages/images/the-trail/trail-general.svg) no-repeat;background: url(https://tredz.azureedge.net/assets/images/userpages/images/the-trail/trail-general.png) no-repeat;background-position: top right;display: block;position: absolute; top: 0; right: 0} #page-content .body-wrapper #static-page-content .page-builder .rr-header-2020::before{content: "";width: 1002px;height: 600px;background: url(https://tredz.azureedge.net/assets/images/userpages/images/the-trail/trail-general.svg) no-repeat;background: url(https://tredz.azureedge.net/assets/images/userpages/images/the-trail/trail-general.png) no-repeat;background-position: top right;display: block;position: absolute; top: 0; right: 0;margin-right: -10px} #page-content .body-wrapper #static-page-content .page-builder *{font-family: 'Nunito Sans',Arial,sans-serif} #page-content .body-wrapper #static-page-content .page-builder#style-update .h1-wrapper h1.h1-intext.h1-intext-promo{text-align: left;line-height: 0.9;font-size: 2.2em;position: absolute;top: 15px;left: 0;width: 246px;height: auto;padding: 0 15px;transform: translateY(0);} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner .h1-wrapper img.header-callout{display: none} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo br{display: none !important} #page-content .body-wrapper #static-page-content .page-builder [itemprop="reviewBody"] .h1-wrapper:before{display: none} #page-content .body-wrapper #static-page-content .page-builder#style-update .static-page-banner.full-width-header .h1-wrapper h1{background: none} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing{background: none;width: 100%;position: relative;left: 0;margin: 0 0 70px 0} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing .sales-price{padding: 8px 15px 7px 15px; font-size: 15px; text-align: center; top: 6px; left: 50%; transform: translate(-50%); box-sizing: border-box; background: #d31716; border-radius: 5px; height: auto; line-height: 20px; width: auto} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .pricing .price-detail span{line-height: 1.2;font-size: 14px; width: 100%; margin-top: 0; position: relative; top: 50px;text-align: center} #page-content .body-wrapper #static-page-content .page-builder .product-availability .avail-text{font-weight: 900; position: relative; top: 1px; left: 2px;} #page-content .body-wrapper #static-page-content .page-builder#style-update .search-results .product .finance-msg p span{padding: 6px} #page-content .body-wrapper #static-page-content .page-builder#style-update .page-cycle-to-work-quote #start-your-quote .your-products .product-option ul li{padding: 6px 12px 6px 12px;background: #348f41} #page-content .body-wrapper #static-page-content .page-builder#style-update .page-cycle-to-work-quote #start-your-quote .your-products .product-option .recently-viewed-btn{padding: 6px 12px 6px 12px;background: #0099a8} #page-content .body-wrapper #static-page-content .page-builder#style-update .page-cycle-to-work-quote .btn-container.hide input{background: #54565a;border: none;padding: 7px 12px 8px 12px} #page-content .body-wrapper #static-page-content .page-builder#style-update .page-cycle-to-work-quote .btn-container input{background: #348f41;border: none;padding: 7px 12px 8px 12px} #page-content .body-wrapper #static-page-content .page-builder#style-update .page-cycle-to-work-quote .start-your-quote .do-you-know .tick-box{border-radius: 5px} #page-content .body-wrapper #static-page-content .page-builder#style-update .h1-wrapper h1.h1-intext.h1-intext-promo{text-align: center;width: 100%;position: absolute;left: 0;right: 0;bottom: 0;transform: translateY(60px);font-size: 4em;padding: 0} #page-content .body-wrapper #static-page-content .page-builder#style-update .row.clearfix:nth-child(3) .h1-wrapper h1.h1-intext.h1-intext-promo{transform: translateY(100px)} #page-content .body-wrapper #static-page-content .page-builder#style-update .subheading-intext{z-index: unset} #page-content .body-wrapper #static-page-content .page-builder[data-guide="brand-sizing"] .bx-viewport{padding-bottom: 20px} #page-content .body-wrapper #static-page-content .page-builder#style-update .btn.btn-primary{margin-right: 0;margin-left: 0;} #page-content .body-wrapper #static-page-content .page-builder#style-update .sale-blocks .column > a img{margin: 0} #page-content .body-wrapper #static-page-content .page-builder .column.eighth{width: 12.5%;} #page-content .body-wrapper #static-page-content .page-builder .sale-blocks .column.full .column.full{box-sizing: border-box;padding-right: 5px;padding-left: 5px;padding-bottom: 5px} #page-content .body-wrapper #static-page-content .page-builder .hp-browse-by-department.circle-bg .line-clamp2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden} #page-content .body-wrapper #static-page-content .page-builder .hp-browse-by-department.circle-bg .line-clamp3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .col-4 .column:hover > [class="ga"]:before{transform: translate(-50%, -50%) scale(1.6)} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .col-4 .column:not(:hover) > [class="ga"]:before{transform: translate(-50%, -50%) scale(1.5)} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .col-7 .column:hover > [class="ga"]:before{transform: translate(-50%, -50%) scale(1.1)} #page-content .body-wrapper #static-page-content .page-builder .circle-bg .col-7 .column:not(:hover) > [class="ga"]:before{transform: translate(-50%, -50%) scale(1)} #page-content .body-wrapper #static-page-content .page-builder#style-update h1.h1-intext.h1-intext-promo{font-size: 5em;line-height: 1;text-align: center;padding: 0;height: 0;transform: translateY(40px);top: 0;bottom: 0;left: 0;right: 0;margin: 0;text-transform: capitalize;position: absolute;z-index: 8;width: auto;color: #fff} #page-content .body-wrapper #static-page-content .page-builder .subheading-intext{color: #fff !important; height: 0;z-index: 10;text-transform: uppercase;font-size: 20px;font-weight: bold;letter-spacing: 2px;position: absolute;text-shadow: 8px 8px 15px rgb(0 0 0), 6px 0 7px rgb(0 0 0 / 65%); text-align: center;top: 0;left: 0;right: 0;bottom: 0;transform: translateY(220px)} #page-content .body-wrapper #static-page-content .page-builder#style-update .embed-responsive.embed-responsive-9by16{padding-bottom: 178.25%} #page-content .body-wrapper #static-page-content .page-builder.brands{ display:none; } .ismobile #page-content #timer a .timer{ left: 44.5%; top: 50%; transform: translateY(-50%);} .ismobile #page-content #timer a .timer .timer-segment{width: 30% !important;position: relative;top: 1px;} .ismobile #page-content #timer a .timer .timer-segment .timer-data{ color: #2f2f2f;font-size: 26px;line-height: 34px;font-weight: bold;position: relative;} .ismobile #page-content #timer a .timer .timer-segment .timer-display{ color: #2f2f2f;font-size: 14px;line-height: 0;} .ismobile #page-content #timer span.timer-display{ bottom: 0;} .ismobile #page-content #timer .dropdown{ background-image: none; height: auto;} .ismobile #page-content #timer .timer-slide-down{ -webkit-backface-visibility: hidden; /*Fixes flickering effect on Chrome*/} .ismobile #page-content #timer /* .timer-segment::after{ content: ":"; color: #fff;} .ismobile #page-content #timer .timer-segment:last-child::after{ content: "";} .ismobile #page-content #timer */ &.count-down-timer #html-text-stripe{ position: relative; display: block; width: 100%; padding: 0;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop{ background: url(../png/contour-bg-mobile.png) center center no-repeat; background-size: cover; background-color: #2f2f2f; box-sizing: border-box; color: white; display: block; font-family: 'Nunito Sans',sans-serif; height: 75px; margin-top: 0; padding: 0 20px 0 20px; position:relative; width: 100%;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop img{ max-width: 140px; height: auto; margin: 3px 0 0 0; display: inline-block; position: absolute; top: 0; right: 50%;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop .stripe-text{ box-sizing: border-box; display: block; width: 100%; text-align: center; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); height: 70px; padding: 0;} .ismobile #page-content #timer.count-down-timer #html-text-stripe .stripe-text h2{ color: #fff; font-family: 'Nunito Sans',sans-serif; float: left; font-weight: 900; transform: translate(0,0); margin-left: 10px; text-align: left; margin-top: 0; margin-bottom: 0; font-size: 16px; position: absolute; top: 22px; bottom: 0; left: 50%; line-height: 0 !important; padding: 0;} .ismobile #page-content #timer.count-down-timer #html-text-stripe .stripe-text h3{ display:none;} .ismobile #page-content #timer.count-down-timer #html-text-stripe .stripe-cta{ color: #fff; position: absolute; left: 50%; bottom: 6px; text-align: right; font-weight: 900; font-size: 1.6em; background: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/chevron-red-shadow-min.png) center right no-repeat; background-size: 24px; padding: 10px 28px 10px 28px; overflow: visible; font-family: 'Nunito Sans',sans-serif; transform: translateX(-50%); font-size: 21px; transform: translate(-50%,-13px); padding: 8px 28px 10px 28px; bottom: 0 !important; line-height: 0 !important;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount{ background:none;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text{ } .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h2{ color: #d31716 !important; transform: translate(0,0); position: absolute; padding: 0; width: 50%; left: 0; top: 17px; background: none;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h3{ color: #333; width: 50%; line-height: 1; height: 20px; font-size: 18px; margin-block-start: 0; margin-block-end: 0; position: absolute; padding: 30px 0 0 0; top: 0; transform: translateY(0); display: inline-block;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text .promoWrapper{ top: 5px; left: 75%; transform: translateX(-50%); width: 100%;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span span.useCode{ color: #333; font-size: 12px; font-family: 'Nunito Sans',sans-serif; position: relative; top: 2px; left: 50%; transform: translate(-50%,0); padding: 0; height: 20px; margin: 0; line-height: 1;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span span.promoText{ color: #333; position: absolute; font-family: 'Nunito Sans',sans-serif; font-size: 18px; top: 0; left: 50%; transform: translate(-50%,0); padding: 16px 0 0 0; height: 20px; margin: 0; line-height: 1;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-cta{ color: #333 !important; padding: 10px 15px 10px 15px !important; box-sizing: content-box; height: 0 !important; line-height: 0 !important; display: inline-block; border-radius: 2px !important; transform: translate(-54.5%, -3px); left: 75% !important;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount{ background: url(https://tredz.azureedge.net/assets/images/userpages/homepage/images/brand-bg-mobile-v2.png) center center no-repeat; background-color: #d31716; background-size: 100%; padding: 0 20px 0 20px;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount .stripe-cta{ background: url(https://tredz.azureedge.net/assets/images/userpages/images/icons/chevron-white-empty.png) center right no-repeat; background-size: 20px; padding: 13px 25px 12px 18px; font-size: 1.3em; display:none;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount .stripe-text h2{ font-weight: 700; text-transform: uppercase; font-size: 17px; position: absolute; background: url(https://tredz.azureedge.net/assets/images/userpages/images/icons/chevron-white-empty.png) center right no-repeat; background-size: 20px; padding: 17px 25px 10px 0; top: 40px; left: 50%; transform: translate(-50%,-3px); margin-left: -2px; width: auto; min-width: 150px; box-sizing: content-box; font-family: 'Nunito Sans',sans-serif;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount .stripe-text h3{ display: inline-block; color: #fff; text-align: center; width: 100%; position: absolute; left: -5px; top: 50%; font-weight: 900; text-transform: initial; font-size: 22px; height: 20px; margin-block-start: 0; margin-block-end: 0; line-height: 0; transform: translateY(-60%); font-family: 'Nunito Sans',sans-serif;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe .specialized-price-drop.big-bike-discount img{ display:none;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount{ background: none; background-color: #58b8b9 !important;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h2{ color: #fff !important; transform: translate(0,0); position: absolute; padding: 0; width: 60%; left: 0; top: 17px; background: none;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text h3{ color: #fff; width: 60%; line-height: 1; height: 20px; font-size: 13px; margin-block-start: 0; margin-block-end: 0; position: absolute; padding: 30px 0 0 0; top: 5px; transform: translateY(0); display: inline-block; text-transform: uppercase;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text .promoWrapper{ top: 5px; left: 75%; transform: translateX(-50%); width: 100%;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span span.useCode{ color: #fff; font-size: 12px; font-family: 'Nunito Sans',sans-serif; position: relative; top: 2px; left: 50%; transform: translate(-50%,0); padding: 0; height: 20px; margin: 0; line-height: 1;} .ismobile #page-content #timer.count-down-timer .custom-html #html-text-stripe[data-ga-label="10% Off All Parts And Components"] .specialized-price-drop.big-bike-discount .stripe-text span span.promoText{ color: #fff; position: absolute; font-family: 'Nunito Sans',sans-serif; font-size: 18px; top: 0; left: 50%; transform: translate(-50%,0); padding: 16px 0 0 0; height: 20px; margin: 0; line-height: 1;} .ismobile #page-content #timer .center{text-align:center} .ismobile #page-content #timer .element-center{position: relative;left: 50%;transform: translate(-50%,10px)} .ismobile #page-content #timer .logo.element-center{left: 50%;transform: translate(-50%,0);position: absolute;top: 12px} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.full{width: 100%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.half{width: 50%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.third{width: 33.3%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-third{width: 66.6%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.fourth{width: 25%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-fourth{width: 75%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.fifth{width: 20%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-fifth{width: 80%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.sixth{width: 16.6%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-sixth{width: 16.6%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.seventh{width: 14.28%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-seventh{width: 85.72%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.eigth{width: 12.5%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column.two-eigth{width: 87.5%} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container *{font-family: 'Nunito Sans',sans-serif} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container{ width: 100%; background: #f0f0f0; height: 145px; box-sizing: border-box; position: relative; overflow: hidden; margin: 0;} .ismobile #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container{ height: auto; padding-bottom: 15px; padding-top: 20px; border-top: 3px solid #fff;} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container.bg-pattern{ background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/contour-bg.png) center center no-repeat; background-color:#a5a5a5; background-size: cover;} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .col-1-mobile .column{ width: 100%; clear: both;} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .html-stripe-content{ padding: 0 10px} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column{ float: left; display: table} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column .vert-middle{ height: 45px; display: table-cell;} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .stripe-cta{ background: #fff; display: inline; font-size: 12px; line-height: 1; padding: 6px 20px 6px 20px; border-radius: 5px; position: absolute; right: 50%; top: 100%; transform: translate(50%, -35px); font-weight:700; text-transform:uppercase;} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column h2{ padding: 5px 5px; margin: 0; line-height: 1; font-size: 16px; font-weight: 900;} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column h3{ padding: 5px 5px; margin: 0; line-height: 1; font-size: 13px; font-weight: 700;} .ismobile #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column h2{white-space: break-spaces;width: 100%;text-align: center} .ismobile #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column h3{white-space: break-spaces;width: 100%;text-align: center} .ismobile #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column p{white-space: break-spaces;width: 100%;text-align: center} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container .column .vert-middle .code-box{ background: #fff; height: auto; box-sizing: border-box; box-shadow: 0px 1px 5px rgba(0,0,0,0.5); width: 95%; position: relative; left: 2.5%; padding: 10px;} .ismobile #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column .vert-middle{height: auto} .ismobile #page-content #timer.count-down-timer #html-stripe .timer-slide-down .html-stripe-container .column.half{display: table} .ismobile #page-content #timer.count-down-timer #html-stripe .html-stripe-container{height: 100px} .ismobile #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container .column h2{ font-size: 26px; margin-top: -22px; text-align: center; color:#fff; text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);} .ismobile #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container .column h3{ text-align: center; color:#fff; text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);} .ismobile #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container .column:nth-child(1) h3{ margin-top: 5px; text-transform: uppercase;} .ismobile #page-content #timer.count-down-timer .promoBikeDiscounts #html-stripe .html-stripe-container.bg-pattern{ background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/2023-bike-discounts-v1-mobile.jpg) center center no-repeat; background-size: cover;} .ismobile #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column h2{text-align: center;color:#fff} .ismobile #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column h3{text-align: center;color:#fff} .ismobile #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column:nth-child(1) h3{margin-top: 4px;text-transform: uppercase} .ismobile #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container.bg-pattern{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/2023-extra-10-helmets-v2-mobile.png) center center no-repeat;background-color: #5d90d5;background-size: cover} .ismobile #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column h3{margin-top: -22px} .ismobile #page-content #timer.count-down-timer .promoHelmets15 #html-stripe .html-stripe-container .column h2{margin-top: -9px} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container{background: #cef0f7} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave .timer-slide-down .html-stripe-container{background: #f3f3f3} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave .timer-slide-down .column .vert-middle .code-box{background: #cef0f7} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave .discount-code{background: #fff;padding: 10px;display: inline-block;border-radius: 5px;margin: 10px 5px 0px 5px;font-weight: 900;font-size: 1.3em} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave > .html-stripe-container h3{text-transform: uppercase} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave > .html-stripe-container h2{text-transform: uppercase} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container h3{color: #2f2f2f;white-space: break-spaces} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container h2{color: #2f2f2f} .ismobile #page-content #timer.count-down-timer #html-stripe.pacSpendSave .html-stripe-container p{color: #2f2f2f} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing h2{color: #fff} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing h3{color: #fff} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container.bg-pattern{background-color: #222} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column h2{text-transform: uppercase;font-size: 1.6em;margin-top: 8px;width: 100%;display: block;text-align: center;box-sizing: border-box} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column h3{float: none;display: inline-block;position: relative;left: 50%;transform: translate(-50%,-30px)} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column .callout{text-transform: uppercase;margin-top: 20px} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column .callout:before{background: #d31716;content: "";height: 4px;display: inline-block;position: absolute;width: 20px;top: 6px;left: -25px} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container .column .callout:after{background: #d31716;content: "";height: 4px;display: inline-block;position: absolute;width: 20px;top: 6px;right: -25px} .ismobile #page-content #timer.count-down-timer #html-stripe.clearance-clothing .html-stripe-container{height: 120px} .ismobile #page-content #timer.count-down-timer .promoPriceMatchSram#html-stripe .html-stripe-container .column h2{font-size: 14px;text-align: center;color: #fff;text-transform: uppercase;margin-top: -3%} .ismobile #page-content #timer.count-down-timer .promoPriceMatchSram#html-stripe .html-stripe-container.bg-pattern{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/stripe-2023-htmlbg-sram-wont-be-beaten-mobile.jpg) center 20% no-repeat;background-size: cover} .ismobile #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container .column h2{font-size: 26px;margin-top: -22px;text-align: center;text-transform: uppercase;color:#fff;text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);text-shadow: none;color: #315a90;} .ismobile #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container .column h3{text-align: center;color:#fff;text-shadow: 0 0 6px rgba(0,0,0,1), 0 0 16px rgba(0,0,0,1);text-shadow: none;color: #315a90;} .ismobile #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container .column:nth-child(1) h3{letter-spacing: 2px;margin-top: 5px;text-transform: uppercase} .ismobile #page-content #timer.count-down-timer .promoSummerBikeDeals #html-stripe .html-stripe-container.bg-pattern{background: url(https://tredz.azureedge.net/assets/images/userpages/promotion-banners/stripe-2023-summer-bike-deals-mobile.png);background-repeat:no-repeat;background-size: 145% auto;background-position: 0 -47px;background: #a2caeb;}