Ribble R872 Disc

Description

html body .bike-recommended, html body .bikebuilder-heading.bikebuilder-heading-pos, html body .bike-banner–image, html body .bikes-intro.bikes-intro–product, html body .bike-banner { display: none;}html body .bike-description { padding: 0; text-align: left; position: relative; z-index: 1;}html body .bike-gallery { margin: 64px 0;}html body .bike-customhtml { padding: 0; text-align: left; position: relative; z-index: 1;}html body .bike-sizing { padding: 0; position: relative; z-index: 1;}.bike-customhtml img { width: auto; max-width: 100%;}.bike-customhtml, .bike-sizing, .bike-description { padding: 0!important;}.bike-customhtml img { width: auto; max-width: 100%; margin: 0; display: block;}.bike-gallery { margin: 40px 0;}.block { margin-bottom: 32px; padding: 16px 32px; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-evenly; -ms-align-items: center; align-items: center; align-content: space-around;}.block–no-margin { margin: 0;}.block–no-padding { padding: 0;}.block–image { background: black no-repeat center; background-size: cover; min-height: 40vh; position: relative; overflow: hidden;}.block–image .ebm__logos > a { background: #fff; box-sizing: border-box; display: inline-block; padding: 4px 4px 10px; border-radius: 8px; margin: 4px;}.block–image:before { content: ”; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.65);}.block–image .placeholder { padding: 16px; box-sizing: border-box; color: #fff; font-size: 16px; line-height: 21px; z-index: 2; position: relative;}.bike__page__block { box-sizing: border-box; overflow: hidden; padding: 0; margin: 32px auto; max-width: 1440px;}.bike__page__wrap { max-width: 768px; margin: 48px auto; overflow: hidden; padding: 16px; box-sizing: border-box;}.bike__page__wrap.bike__page__wrap–padded { padding: 32px 16px;}.bike__page__wrap–large { max-width: 1280px; margin: 0 auto;}.page { margin: 0 auto; text-align: center; font-size: 16px; line-height: 1.35rem;}.page h1 { font-size: 54px; font-weight: bold;}.page h2 { font-size: 28px; font-weight: bold; text-transform: uppercase; margin: 0 0 8px;}.bike__page__header { background-color: black; background-size: cover; background-position: center center; min-height: 55vh; color: #fff; margin: 0; position: relative; overflow: hidden;}.bike__page__header:after { content: ”; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; /* Permalink – use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+75&0.65+0,0+75 */ background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 75%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#a6000000′, endColorstr=’#00000000′,GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}.bike__page__header__copy { font-size: 18px; line-height: 24px; margin-bottom: 15px; z-index: 3; position: relative;}.bike__page__buy { display: inline-block; margin-bottom: 16px;}.bike__page__copy { padding: 48px; box-sizing: border-box; overflow: hidden; text-align: center;}.bike__page__header .split { padding: 0;}.split img { margin: 0;}.split { min-height: 1px; width: 50%; padding: 16px 48px; box-sizing: border-box; text-align: left; order: 1; z-index: 3; position: relative;}.split.split–third { width: 33.33333333%; padding: 16px;}.split–no-padding { padding: 0;}.split.right { order: 2;}.split.top { align-self: flex-start;}.split.bottom { align-self: flex-end;}@media screen and (max-width: 767px) { .page h1 { font-size: 42px; font-weight: bold; } .page h2 { font-size: 22px; } .split { width: 100%; } .split.right { order: 0; } .split.split–third { padding: 4px; } .split.split–mobile { width: 50%; }}.sizes, .cyclescheme { display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-evenly; -ms-align-items: flex-end; align-items: flex-end; align-content: space-around; width: 100%; margin: 48px auto 22px;}.size__block { flex: 1; flex-basis: auto; /* default value */ flex-grow: 1; min-width: 120px; margin: 16px 0;}.cyclescheme__block { flex: 1; flex-basis: auto; /* default value */ flex-grow: 1; min-width: 80px; margin: 16px 0;}.size__block { flex: 1; flex-basis: auto; /* default value */ flex-grow: 1; min-width: 120px; margin: 16px 0;}.size__block .size__block__image { padding-bottom: 200px; width: auto; position: relative;}.size__block .size__block__image svg { position: absolute; top: 0; left: 0; height: 100%; width: 100%;}.size__block__title { font-weight: bold; font-size: 18px; font-family: ‘Univia Pro’, sans-serif;}.size__block__value { font-size: 14px; font-family: ‘Univia Pro’, sans-serif; box-sizing: border-box; padding: 4px 8px;}.inside__leg { display: none;}.active .height { display: none;}.active .inside__leg { display: inline-block;}.toggle__wrapper { vertical-align: middle; margin-top: 16px;}.toggle__label { vertical-align: middle; font-weight: bold; margin-right: 10px;}.toggle { width: 160px; position: relative; overflow: hidden; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; vertical-align: middle;}.toggle__track { background: #46585d; padding: 3px 2px; border-radius: 4px; overflow: hidden; height: 32px;}.toggle__button { -webkit-transition: ease 300ms all; -moz-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all; background: #fff; position: absolute; height: 32px; width: 32px; line-height: 32px; left: 3px; right:auto; width: 20%; border-radius: 2px; text-align: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}.toggle__button:before { content: ‘f0da’; display: inline-block; font: normal normal normal 12px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333D42; line-height: 32px; vertical-align: middle; position: relative; top: -2px;}.active .toggle__button:before { content: ‘f0d9′;}.bike__page__buy .toggle__track { background: #004225;}.bike__page__buy.active .toggle__track { background: #000;}.active .toggle__button { left: 100%; margin-left: -3px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}.toggle__copy { text-align: center;}.toggle__copy–left, .toggle__copy–right { position: absolute; width: 120px;}.toggle__copy–right { right: 100%;}.toggle__copy–left { left: 100%;}.button.primary { margin: 0;}ul.plus-list { list-style: none; padding-left: 0;}ul.plus-list li:before { content: +; color: #00b3e3; font-weight: bold; margin-right: 6px;}@media (max-width: 640px) { .bike { width: 100%; padding: 0; }}.bike-product-heading, .bike-sizing__diagram, .bike-sizing__data, .fa.fa-arrows-h { display: none;}.bike-sizing__data { padding-bottom: 64px;}.bike-sizing, .bike-sizing__diagram { text-align: center;}.bike-sizing__diagram img { display: inline-block;}.bike-sizing{ padding-bottom: 32px;}.toggle__option__b { display: none;}.active .toggle__option__a { display: none;}.active .toggle__option__b { display: inline-block;}.toggle__wrapper { vertical-align: middle; margin-top: 16px;}.toggle__header { font-family: univia-pro,’Helvetica Neue’,Arial,sans-serif; vertical-align: middle; text-transform: uppercase; text-align: center; font-size: 16px; font-weight: bold; padding: 16px 8px 8px; box-sizing: border-box; width: 100%;}.toggle__label { vertical-align: middle; font-weight: bold; margin:0 3px; display: inline-block; text-align: left; width: 100px; cursor: pointer;}.toggle__label–left { color: #00b3e3; text-align: right;}.active .toggle__label–left { color: inherit;}.active .toggle__label–right { color: #00b3e3;}@media (max-width: 767px) { .toggle { width: 68px; position: relative; overflow: hidden; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; vertical-align: middle; }}.toggle { width: 68px; position: relative; overflow: hidden; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; vertical-align: middle;}.toggle__track { background: #46585d; padding: 3px 2px; border-radius: 4px; overflow: hidden; height: 32px;}.toggle__button { -webkit-transition: ease 300ms all; -moz-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all; back