{"title":"Serotta Bicycles","description":"\u003cstyle\u003e\n        .full-width-banner {\n            width: 100%;\n            background-color: #252525;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0;\n            position: fixed;\n            top: 74px;\n            left: 0;\n            z-index: 1000;\n            visibility: hidden;\n            opacity: 0;\n            transition: visibility 0s, opacity 0.5s ease-in-out;\n        }\n\n        .greyBG {\n            background-color: #252525;\n        }\n\n        .banner-text-left {\n            font-size: 19px;\n            font-weight: bold;\n            color: #FFF;\n            padding: 7px 0 7px 50px;\n        }\n\n        .banner-button-right {\n            background-color: #CC0000;\n            color: white;\n            padding: 10px 20px;\n            text-decoration: none;\n            font-size: 16px;\n            font-weight: bold;\n            cursor: pointer;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            transition: background-color 0.3s;\n            align-self: stretch;\n        }\n\n        .banner-button-right:hover {\n            background-color: #330000;\n        }\n\n        .section--padded-medium {\n            padding-top: 0 !important;\n            padding-bottom: calc(6 * var(--space-unit));\n        }\n\n        .breadcrumbs {\n            display: none !important;\n        }\n\n        #discover {\n            margin: 0;\n            padding: 0;\n            background-color: #000;\n            color: #FFF !important;\n        }\n\n        #discoverIntro h1 {\n            color: #FFF !important;\n            font-size: 6em;\n            margin: 0;\n        }\n\n        #discoverIntro h1 span {\n            font-style: italic;\n            font-weight: 200;\n        }\n\n        #discoverIntro p {\n            color: #FFF !important;\n            font-size: 2em;\n            margin: 0\n        }\n\n        #discover h2 {\n            color: #FFF !important;\n        }\n\n        #discover a {\n            color: #FFF !important;\n        }\n\n        #discover a:hover {\n            color: #C00 !important;\n        }\n\n        #discover .section {\n            padding: 0;\n            margin: 0;\n        }\n\n        #discover .section img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        #discover .header-section {\n            height: 70vh;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: flex-end;\n            color: #000;\n            text-align: right;\n            padding-right: 40px;\n        }\n\n        .greyBGquote {\n            background-color: #252525;\n        }\n\n        #discover .header-section .header-content {\n            max-width: 900px;\n            padding: 0 20px;\n        }\n\n        #discover .text-right,\n        #discover .text-left {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #discover .text-left img,\n        #discover .text-right img {\n            flex: 1;\n            width: 50%;\n        }\n\n        #discover .text-left .text,\n        #discover .text-right .text {\n            flex: 1;\n            padding: 6em;\n            width: 50%;\n        }\n\n        #discover .header-text {\n            flex: 1;\n            padding: 8em 10em;\n        }\n\n        #discover .quote-text {\n            flex: 1;\n            padding: 5em 10em;\n            font-size: 1.8em;\n        }\n\n        #discover .quote-text i {\n            color: #999;\n        }\n\n        #discover .header-text h2 span {\n            color: #C00;\n        }\n\n        #discover h2 span {\n            font-weight: 200;\n        }\n\n        #discover .text-right {\n            flex-direction: row-reverse;\n        }\n\n        #discover .parallax {\n            background-attachment: fixed;\n            background-size: cover;\n            background-position: top center;\n            color: white;\n            padding: 8em 10em;\n            text-align: center;\n            height: 300px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        #discover .full-width-image {\n            text-align: center;\n        }\n\n        #discover .full-width-image img {\n            width: 100%;\n        }\n\n        #discover .full-width-no-padding {\n            margin: 0;\n            padding: 0;\n        }\n\n        .text-wht {\n            color: #fff !important;\n        }\n\n        .text-blk {\n            color: #000 !important;\n        }\n\n        .blackbg {\n            background-color: #000;\n        }\n\n        .shop-now-button {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 10px 20px 15px 20px;\n            background-color: #000;\n            color: #fff;\n            text-decoration: none;\n            border-radius: 5px;\n            transition: background-color 0.3s;\n        }\n\n        .shop-now-buttonWHT {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 10px 20px 15px 20px;\n            background-color: #666;\n            color: #000 !important;\n            text-decoration: none;\n            border-radius: 5px;\n            transition: background-color 0.3s;\n        }\n\n        .shop-now-buttonWHT a {\n            color: #000 !important;\n        }\n\n        .shop-now-button:hover,\n        .shop-now-buttonWHT:hover {\n            background-color: #444;\n            color: #fff;\n        }\n\n        #shopnow {\n            height: 50px;\n        }\n\n        #contactRA {\n            padding: 100px 0 0 0\n        }\n\n        \/* Padded sections *\/\n        .padded-section {\n            padding: 4em !important;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .padded-content {\n            display: flex;\n            align-items: center;\n            width: 100%;\n            max-width: 1200px;\n        }\n\n        .padded-section.text-right .padded-content {\n            flex-direction: row-reverse;\n        }\n\n        .padded-section.text-left .padded-content {\n            flex-direction: row;\n        }\n\n        .padded-content img {\n            flex: 1;\n            width: 50%;\n            border-radius: 20px;\n        }\n\n        .padded-content .text {\n            flex: 1;\n            padding: 2em;\n            text-align: left;\n        }\n        .padded-content iframe {\n          flex: 1;                \/* take up 50% of the row *\/\n          width: 50%;\n          \/* override align-items:center on the parent so this child fills it: *\/\n          align-self: stretch;\n          border: 0;\n        }\n\n        \/* Image Callout *\/\n        .imagCallout {\n            background-color: #252525;\n            padding-top: 2.5em;\n            text-align: center;\n        }\n\n        .imagCallout img {\n            margin: 0 auto;\n            display: block;\n        }\n\n        \/* Callouts *\/\n        #specs-and-stats-container {\n            padding: 5em 9em;\n            background-color: #000;\n        }\n\n        #specs-and-stats {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            grid-auto-rows: auto;\n            gap: 20px;\n        }\n\n        .hero-cta {\n            display: flex;\n            align-items: center;\n            padding: 20px;\n            border: 2px solid #454545;\n            border-radius: 20px;\n            background-color: #252525;\n            color: #fff;\n        }\n\n        .hero-cta .image {\n            flex: 1;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .hero-cta .block-heading {\n            flex: 2;\n            padding: 20px;\n        }\n\n        .theme-night h2 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h5-font-size);\n        }\n\n        .card-metrics {\n            font-size: 6.5rem;\n            color: #fff;\n            font-weight: bold;\n        }\n\n        .card-paragraph {\n            margin-top: 10px;\n        }\n        .card-paragraph h3 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h5-font-size);\n        }\n\n        .icons {\n            width: 100px;\n            height: 100px;\n        }\n\n        \/* Discover Detail Info *\/\n        .discoverDetailInfo-container {\n            padding: 5em 9em;\n            background-color: #000;\n        }\n\n        .discoverDetailInfo {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }\n\n        .discoverDetailInfo-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 20px;\n            border: 2px solid #454545;\n            border-radius: 20px;\n            background-color: #252525;\n            color: #fff;\n        }\n\n        .discoverDetailInfo-item .image {\n            margin-bottom: 20px;\n        }\n\n        .discoverDetailInfo-item .image img {\n            width: 100%;\n            height: auto;\n            border-radius: 10px;\n        }\n\n        .discoverDetailInfo-item .block-heading h2 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: 2.5rem;\n            text-align: center;\n        }\n\n        .discoverDetailInfo-item .card-paragraph {\n            text-align: center;\n        }\n\n        .icons {\n            max-width: 100%;\n            height: auto;\n        }\n\n        \/* Image Slider *\/\n        .discover-slider-container {\n            position: relative;\n            max-width: 100%;\n            margin: auto;\n            overflow: hidden;\n        }\n\n        .discover-slider {\n            position: relative;\n            width: 100%;\n            height: 450px;\n        }\n\n        .discover-slide {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            opacity: 0;\n            transition: opacity 1s ease-in-out;\n            z-index: 1;\n        }\n\n        .discover-slide.active {\n            opacity: 1;\n            z-index: 2;\n        }\n\n        .discover-slide .discover-text {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            color: white;\n            background-color: rgba(0, 0, 0, 0.5);\n            padding: 10px;\n            border-radius: 5px;\n            max-width: 30%;\n        }\n\n        .discover-slide-left .discover-text {\n            left: 70px;\n        }\n\n        .discover-slide-right .discover-text {\n            right: 70px;\n        }\n\n        .discover-text h3 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h6-font-size);\n        }\n\n        .discover-prev,\n        .discover-next {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            color: white;\n            border: none;\n            padding: 10px;\n            cursor: pointer;\n            font-size: 18px;\n            user-select: none;\n            z-index: 3;\n            background-color: #000;\n        }\n\n        .discover-prev {\n            left: 10px;\n        }\n\n        .discover-next {\n            right: 10px;\n        }\n\n        .discover-slider-icon {\n            width: 50px;\n            height: 50px;\n        }\n\n        \/* Card Slider *\/\n        .custom-card-slider-container {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            padding: 2.5em 4.5em;\n            box-sizing: border-box;\n        }\n\n        .custom-card-slider-container h2,\n        #photo-boxes-container h2 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h4-font-size);\n        }\n\n        .custom-card-slider {\n            display: flex;\n            transition: transform 0.5s ease-in-out;\n        }\n\n        .custom-card {\n            box-sizing: border-box;\n            padding: 30px;\n            flex: 0 0 25%;\n        }\n\n        .custom-card img {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 20px;\n        }\n\n        .custom-card-nav {\n            display: flex;\n            justify-content: center;\n            margin: 0 0 25px 0;\n        }\n\n        .custom-card-prev,\n        .custom-card-next {\n            background-color: rgba(0, 0, 0, 0.5);\n            color: white;\n            border: none;\n            padding: 10px 15px;\n            cursor: pointer;\n            font-size: 18px;\n            border-radius: 50%;\n            user-select: none;\n            z-index: 2;\n            margin: 0 20px;\n        }\n\n        .card-spacer {\n            display: block;\n            height: 25px;\n        }\n\n        \/* Build Callouts *\/\n        #photo-boxes-container {\n            padding: 2.5em 4.5em;\n            background-color: #000;\n        }\n\n        #photo-boxes {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            grid-auto-rows: auto;\n            gap: 3.5em;\n        }\n\n        .photo-box {\n            position: relative;\n            background-size: cover;\n            background-position: center;\n            height: 35em;\n            display: flex;\n            align-items: flex-end;\n            padding: 20px;\n            border: 2px solid #454545;\n            border-radius: 10px;\n            color: #fff;\n        }\n\n        .photo-content {\n            padding: 10px;\n            border-radius: 5px;\n            width: 100%;\n        }\n\n        .photo-content h3 {\n            color: #fff;\n            margin: 0 0 10px 0;\n            font-size: var(--h6-font-size);\n        }\n\n        .photo-box p {\n            margin: 0 0 10px 0;\n        }\n\n        .photo-box-button {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 10px 20px 15px 20px;\n            background-color: #666;\n            color: #000;\n            text-decoration: none;\n            border-radius: 5px;\n            transition: background-color 0.3s;\n        }\n\n        .photo-box-button:hover {\n            background-color: #444;\n            color: #fff;\n        }\n\n        \/* Video *\/\n\n        .full-width-discover-video {\n            width: 100%;\n            position: relative;\n            padding-top: 56.25%;\n            overflow: hidden;\n        }\n\n        .full-width-discover-video iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        \/* Geometry Chart *\/\n        #enve_geometryChart {\n            color: white;\n            padding: 0 8em 3em 8em;\n        }\n\n        .enve_geometry-chart-container {\n            background-color: black;\n            padding: 10px;\n            width: 100%;\n            overflow-x: auto;\n            box-sizing: border-box;\n        }\n\n        .enve_geometry-chart {\n            display: table;\n            width: 100%;\n            table-layout: auto;\n            border-collapse: collapse;\n        }\n\n        .enve_geometry-chart-row {\n            display: table-row;\n            width: 100%;\n        }\n\n        .geometry-chart-cell {\n            display: table-cell;\n            padding: 8px;\n            border: 1px solid #333;\n            text-align: center;\n            box-sizing: border-box;\n            white-space: nowrap;\n        }\n\n        .enve_geometry-chart-header {\n            font-weight: bold;\n            text-align: center;\n        }\n\n        .enve_geometry-chart-header .geometry-chart-cell {\n            text-align: center;\n        }\n\n        \/* Sticky first column *\/\n        .enve_geometry-chart-row .geometry-chart-cell:first-child,\n        .enve_geometry-chart-header .geometry-chart-cell:first-child {\n            font-weight: bold;\n            text-align: left;\n            position: sticky;\n            left: 0;\n            background-color: black;\n            z-index: 2;\n            border-right: 1px solid #333;\n            min-width: 150px;\n        }\n\n        .enve_geometry-chart-row:nth-child(odd) {\n            background-color: #111;\n        }\n\n        .enve_geometry-chart-row:nth-child(even) {\n            background-color: #222;\n        }\n\n        .geometry-chart-cell:hover {\n            background-color: #333;\n        }\n\n        .color-grid-container {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr) !important;\n            grid-template-rows: repeat(2, auto);\n            gap: 20px;\n            padding: 5em 9em;\n        }\n\n        .color-grid-item {\n            text-align: center;\n        }\n\n        .color-grid-item img {\n            width: 100%;\n            height: auto;\n            border: 2px solid #454545;\n            border-radius: 20px;\n        }\n\n        .color-grid-item h3 {\n            font-weight: 300;\n            margin: 10px 0 10px 0;\n            color: #fff;\n            font-size: var(--h5-font-size);\n        }\n\n        .color-grid-item h3 span {\n            font-weight: 900;\n        }\n\n        .color-grid-item p {\n            font-size: 0.9em;\n            color: #666;\n        }\n\n        .color-grid-item .bike1 {\n            border: 3px solid #91e6b4\n        }\n\n        .color-grid-item .bike2 {\n            border: 3px solid #4d4c8e\n        }\n        .mosaic-grid {\n          display: grid;\n          grid-template-columns: repeat(4, 1fr);\n          grid-auto-rows: 350px;\n          gap: 8px;\n          grid-auto-flow: dense;\n          padding:8px 0\n        }\n        \n        .mosaic-item img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          display: block;\n        }\n        \n        .mosaic-item:nth-child(3) {\n          grid-column: span 2;\n          grid-row: span 2;\n        }\n        .mosaic-item:nth-child(7) {\n          grid-column: span 2;\n          grid-row: span 1;\n        }\n        .mosaic-item:nth-child(9) {\n          grid-column: span 1;\n          grid-row: span 2;\n        }\n        .mosaic-item:nth-child(14) {\n          grid-column: span 2;\n          grid-row: span 2;\n        }\n\n        \/* FORM RESET *\/\n        .bcontact-content {\n            background-color: #252525 !important;\n        }\n        .bcontact-title, .bcontact-description{\n            display:none\n        }\n        .bcontact-field-heading{\n            color:#FFF !important\n        }\n        .bcontact_input input, .bcontact_textarea textarea{\n            border-color: #666 !important;\n            background-color: #999 !important;\n        }\n\n        \/* Media Queries *\/\n\n        \/* Mobile Devices (max-width: 600px) *\/\n        @media (max-width: 600px) {\n            #discover .header-section {\n                height: 80vh;\n                background-size: cover;\n                background-position: left center;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: flex-end;\n                color: #000;\n                text-align: right;\n                padding-right: 10px;\n            }\n\n            #enve_geometryChart {\n                padding: 0 1em 3em 1em;\n            }\n\n            .geometry-chart-cell {\n                padding: 5px;\n                font-size: 12px;\n                min-width: 55px;\n            }\n\n            .enve_geometry-chart-row .geometry-chart-cell:first-child,\n            .enve_geometry-chart-header .geometry-chart-cell:first-child {\n                min-width: 80px;\n            }\n\n            #contactRA {\n                padding: 10px 0 0 0\n            }\n\n            #discover .header-text {\n                padding: 1.5em;\n            }\n\n            .photo-box-button {\n                display: none\n            }\n\n            .photo-box {\n                height: 200px;\n            }\n\n            .color-grid-container {\n                grid-template-columns: 1fr !important;\n                grid-template-rows: repeat(6, auto);\n                padding: 2em\n            }\n        }\n\n        \/* Tablets and Small Screens (max-width: 768px) *\/\n        @media (max-width: 768px) {\n            .full-width-banner {\n                display: none;\n            }\n\n            #contactRA {\n                padding: 30px 0 0 0\n            }\n\n            .padded-section {\n                padding: 1.5em !important;\n            }\n\n            \/* Adjust header section *\/\n            #discover .header-section {\n                height: 300px;\n                padding: 20px 0 0 0;\n                text-align: center;\n            }\n\n            #discover .header-text {\n                padding: 1.5em;\n            }\n\n            #discoverIntro .header-content {\n                background-color: rgba(0, 0, 0, 0.7);\n                width: 100%;\n                padding: 20px 0 !important\n            }\n\n            #discoverIntro h1 {\n                color: #FFF !important;\n                font-size: 2.3em;\n                margin: 0;\n            }\n\n            #discoverIntro p {\n                color: #FFF !important;\n                font-size: 1.3em;\n                margin: 0\n            }\n\n            \/* Adjust text-left and text-right sections *\/\n            #discover .text-left,\n            #discover .text-right {\n                flex-direction: column;\n                text-align: center;\n            }\n\n            #discover .text-left img,\n            #discover .text-right img {\n                width: 100%;\n            }\n\n            #discover .text-left .text,\n            #discover .text-right .text {\n                width: 100%;\n                padding: 2em 1em;\n            }\n\n            \/* Adjust padded sections *\/\n            .padded-section {\n                padding: 2em 1em;\n            }\n\n            .padded-content {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .padded-content img {\n                width: 100%;\n            }\n\n            .padded-content .text {\n                width: 100%;\n                padding: 1em;\n                text-align: center;\n            }\n\n            .photo-box-button {\n                display: none\n            }\n\n            \/* Adjust parallax section *\/\n            #discover .parallax {\n                padding: 10em 1em;\n                background-attachment: scroll;\n            }\n\n            \/* Adjust full-width-image section *\/\n            #discover .full-width-image img {\n                width: 100%;\n            }\n\n            \/* Adjust specs-and-stats section *\/\n            #specs-and-stats-container {\n                padding: 2em 1em;\n            }\n\n            #specs-and-stats {\n                grid-template-columns: 1fr;\n            }\n\n            .hero-cta {\n                flex-direction: column;\n                text-align: center;\n            }\n\n            .hero-cta .image,\n            .hero-cta .block-heading {\n                width: 100%;\n            }\n\n            .card-metrics {\n                font-size: 4rem;\n            }\n\n            .desktop-slider {\n                display: none;\n            }\n\n            \/* Show mobile-only stacked content *\/\n            .mobile-only {\n                display: block;\n            }\n\n            \/* Stacked layout for mobile items *\/\n            .discover-stacked .discover-item {\n                margin-bottom: 20px;\n            }\n\n            .discover-stacked .discover-item img {\n                width: 100%;\n                height: auto;\n            }\n\n            .discover-stacked .discover-text {\n                background-color: rgba(0, 0, 0, 0.7);\n                color: white;\n                padding: 10px;\n                text-align: center;\n            }\n\n            \/* Adjust card slider *\/\n            .custom-card-slider-container {\n                padding: 1.5em;\n            }\n\n            .custom-card-slider {\n                flex-wrap: nowrap;\n            }\n\n            .custom-card {\n                flex: 0 0 50%;\n            }\n\n            .custom-card img {\n                width: 100%;\n                height: auto;\n            }\n\n            .custom-card-nav {\n                margin-top: 10px;\n            }\n\n            .custom-card-prev,\n            .custom-card-next {\n                font-size: 24px;\n                padding: 10px;\n            }\n\n            \/* Adjust photo boxes *\/\n            #photo-boxes-container {\n                padding: 2em 1em;\n            }\n\n            #photo-boxes {\n                grid-template-columns: 1fr;\n            }\n\n            .photo-box {\n                height: 200px;\n            }\n\n            .photo-content h3 {\n                font-size: 1.5rem;\n            }\n\n            \/* Adjust padded sections with text alignment *\/\n            .padded-section.text-left .padded-content,\n            .padded-section.text-right .padded-content {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            .padded-section.text-left .padded-content img,\n            .padded-section.text-right .padded-content img {\n                width: 100%;\n            }\n\n            .padded-section.text-left .padded-content .text,\n            .padded-section.text-right .padded-content .text {\n                width: 100%;\n                padding: 1em;\n            }\n\n            #discover .quote-text {\n                padding: 1.5em 1em;\n                font-size: calc(var(--body-font-size) * .1rem);\n            }\n\n            \/* Discover Detail Info adjustments *\/\n            .discoverDetailInfo-container {\n                padding: 2em;\n            }\n\n            .discoverDetailInfo {\n                grid-template-columns: 1fr;\n            }\n\n            .discoverDetailInfo-item .block-heading h2 {\n                font-size: 1.8rem;\n            }\n            .mosaic-grid {\n              grid-template-columns: repeat(2, 1fr);\n              grid-auto-rows: 120px;\n              gap: 4px;\n            }\n          \n            .mosaic-item:nth-child(n+9) {\n              display: none;\n            }\n        }\n\n        \/* Desktop and Larger Screens (min-width: 769px) *\/\n        @media (min-width: 769px) {\n\n            \/* Hide mobile-only content *\/\n            .mobile-only {\n                display: none;\n            }\n\n            .color-grid-container {\n                grid-template-columns: repeat(2, 1fr);\n                grid-template-rows: repeat(3, auto);\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"full-width-banner\"\u003e\n        \u003cspan class=\"banner-text-left\"\u003eDiscover Serotta Bikes\u003c\/span\u003e\n        \u003ca href=\"#shopnow\" class=\"banner-button-right\"\u003eBuild yours today\u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Show\/Hide Banner on Scroll\n        window.onscroll = function () { scrollBanner() };\n\n        function scrollBanner() {\n            var banner = document.querySelector(\".full-width-banner\");\n\n            if (document.body.scrollTop \u003e 300 || document.documentElement.scrollTop \u003e 300) {\n                banner.style.visibility = \"visible\";\n                banner.style.opacity = \"1\"; \/\/ Fade in\n            } else {\n                banner.style.visibility = \"hidden\";\n                banner.style.opacity = \"0\"; \/\/ Fade out\n            }\n        }\n    \u003c\/script\u003e\n    \u003cdiv id=\"discover\"\u003e\n        \u003cdiv id=\"discoverIntro\" class=\"section header-section\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta.jpg?v=1750345902');\"\u003e\n            \u003cdiv class=\"header-content\"\u003e\n                \u003ch1\u003eSerotta \u003cspan\u003eBikes\u003c\/span\u003e\n\u003c\/h1\u003e\n                \u003cp\u003eOne Cyclist. One Bike. One Dream\u003c\/p\u003e\n                \u003ca href=\"#shopnow\" class=\"photo-box-button\" title=\"Build your Serotta today\" role=\"link\"\u003eBuild Your Dream\u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n         \u003cdiv class=\"section full-width-image full-width-no-padding greyBGquote\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2\u003eA Legacy Built Pedal by Pedal\u003c\/h2\u003e\n                \u003cp\u003e\n                Since 1972, Serotta has been a pioneer, innovating and perfecting the art of custom bicycles. Every frame carries decades of experience, tradition, and a relentless pursuit of perfection.\n            \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-right\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                 \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/1aDwplUtyGM?si=DAzSE9bJmAowtbyS\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen\u003e\n            \u003c\/iframe\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eThe Innovator Behind the Legend\u003c\/h2\u003e\n                    \u003cp\u003e\n                        Ben Serotta isn't just a bike builder—he's a cycling legend. His visionary approach revolutionized bike fitting and frame design, setting a standard the industry still follows today.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n         \u003cdiv class=\"section text-left gradBG\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-Legend-T9.jpg?v=1750352551\" alt=\"Legend T9\" title=\"Legend T9\"\u003e\n            \u003cdiv class=\"text\"\u003e\n                \u003ch2\u003eLegend T9\u003c\/h2\u003e\n                \u003cp\u003eFor cyclists demanding nothing short of excellence, Legend T9 represents the pinnacle of personalized cycling performance.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"discoverDetailInfo-container\"\u003e\n            \u003ch2 class=\"text-wht\"\u003eExpress Yourself\u003c\/h2\u003e\n            \u003cp\u003eChoose from diverse, durable finishes designed to reflect your personality and elevate your ride.\u003c\/p\u003e\n            \u003cdiv class=\"discoverDetailInfo\"\u003e\n                \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-Satin-Polish.jpg?v=1750345903\" alt=\"Serotta Finishes - Satin Polish\" title=\"Serotta Finishes - Satin Polish\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003e Satin Polish\u003c\/h3\u003e\n                            \u003cp\u003eSmooth and timeless elegance\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                 \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-Brushed-Polish.jpg?v=1750345903\" alt=\"Serotta Finishes - Brushed Polish\" title=\"Serotta Finishes - Brushed Polish\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003eBrushed Polish\u003c\/h3\u003e\n                            \u003cp\u003eTextured sophistication\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-Brite-Matte.jpg?v=1750345902\" alt=\"Serotta Finishes - Brite-Matte\" title=\"Serotta Finishes - Brite-Matte\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003eBrite-Matte\u003c\/h3\u003e\n                            \u003cp\u003eDurable, satin brilliance\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-Cerakote.jpg?v=1750345902\" alt=\"Serotta Finishes - Cerakote\" title=\"Serotta Finishes - Cerakote\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003eCerakote\u003c\/h3\u003e\n                            \u003cp\u003eUnmatched durability in vibrant colors\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"discoverDetailInfo-item\"\u003e\n                    \u003cdiv class=\"image\"\u003e\n                        \u003cimg class=\"icons\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-liquid-paint.jpg?v=1750345903\" alt=\"Serotta Finishes - Liquid Paint by Jordan Low\" title=\"Serotta Finishes - Liquid Paint by Jordan Low\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"block-heading\"\u003e\n                        \u003cdiv class=\"card-paragraph\"\u003e\n                            \u003ch3\u003eLiquid Paint by Jordan Low\u003c\/h3\u003e\n                            \u003cp\u003eYour frame as an exquisite work of art, uniquely yours.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding greyBGquote\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2\u003eYour Optimal Cycling Position\u003c\/h2\u003e\n                \u003cp\u003e\n                    A Serotta is never off-the-rack. Each bike is custom-built, meticulously tuned to your individual body metrics, riding style, and future adaptability—ensuring unparalleled comfort and efficiency.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-Optimal-Cycling-Position.jpg?v=1750345903\" alt=\"Your Optimal Cycling Position\" title=\"Van Rysel RCR-F Pro\"\u003e\n        \u003c\/div\u003e\n\n        \u003csection class=\"mosaic-grid\"\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-1-o.jpg?v=1750345903\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-2-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-6-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-4-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-5-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-3-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-7-o.jpg?v=1750345903\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-8-o.jpg?v=1750345903\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-9-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-10-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-11-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-12-o.jpg?v=1750345903\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-13-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-14-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-15-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"mosaic-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-bikes-16-o.jpg?v=1750345902\" alt=\"Serotta Bikes\"\u003e\u003c\/div\u003e\n        \u003c\/section\u003e\n\n\n        \u003cdiv class=\"section parallax text-wht quote-text\" style=\"background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/Process-to-Perfection.jpg?v=1750345902');\"\u003e\n            \u003ch2 class=\"text-wht\"\u003eThe Process to Perfection | RA Cycles\u003c\/h2\u003e\n            \u003cp\u003e\n                Combine world-class consultation, precision bike fitting, and collaborative design to deliver a Serotta that’s truly yours—engineered for performance, tailored for fit, and finished with personal style. It’s not just a purchase; it’s a journey to your ultimate ride.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-left\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/ra-custom-studios.png?v=1731342047\" alt=\"RA Cycles Custom Studios Consultation\" title=\"RA Cycles Custom Studios Consultation\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eRA Cycles Custom Studios Consultation:\u003c\/h2\u003e\n                    \u003cp\u003eYour journey begins in our custom studios in Brooklyn, Walnut Creek, or Miami. Our RA Black Specialists—elite advisors—guide you in conceptualizing your ultimate ride.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-right\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/SENSEI-Bike-Fit.jpg?v=1750345903\" alt=\"SENSEI Bike Fit\" title=\"SENSEI Bike Fit\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eSENSEI Bike Fit\u003c\/h2\u003e\n                    \u003cp\u003e\n                        With your goals set, our renowned SENSEI Bike Fit specialists tailor every dimension of your Serotta, harmonizing your body with your bike for maximum comfort and performance.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"section padded-section text-left\"\u003e\n            \u003cdiv class=\"padded-content\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/files\/serotta-partnership.jpg?v=1750345902\" alt=\"A Community Affair\" title=\"A Community Affair\"\u003e\n                \u003cdiv class=\"text text-wht\"\u003e\n                    \u003ch2 class=\"text-wht\"\u003eA Community Affair\u003c\/h2\u003e\n                    \u003cp\u003eBuilding your Serotta is collaborative. Our specialists, fitters, and Serotta craftsmen unite, meticulously refining every detail of your custom build.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n        \u003cdiv id=\"shopnow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"section full-width-image full-width-no-padding greyBGquote\"\u003e\n            \u003cdiv class=\"header-text\"\u003e\n                \u003ch2\u003eYour Serotta Awaits\u003c\/h2\u003e\n                \u003cp\u003e\n                    Begin your journey today. Experience the thrill, the comfort, and the bespoke performance only a Serotta, crafted through RA Cycles, can deliver.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv contactform-embed=\"488530\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\u003c\/div\u003e","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0608\/7684\/9196\/collections\/serotta-bicycles-1188069.jpg?v=1771291449","url":"https:\/\/ricycles.com\/collections\/serotta-bicycles.oembed","provider":"RA Cycles","version":"1.0","type":"link"}