#main-header,#main-header .nav li ul,.et-search-form,#main-header .et_mobile_menu{background-color:rgba(0,0,0,0.66)}.nav li ul{border-color:#40c621}.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,.et_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info{color:#ffffff}.et_search_form_container input::-moz-placeholder{color:#ffffff}.et_search_form_container input::-webkit-input-placeholder{color:#ffffff}.et_search_form_container input:-ms-input-placeholder{color:#ffffff}#top-menu li a{font-size:16px}body.et_vertical_nav .container.et_search_form_container .et-search-form input{font-size:16px!important}#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,.et_color_scheme_red #top-menu li.current-menu-ancestor>a,.et_color_scheme_red #top-menu li.current-menu-item>a,.et_color_scheme_pink #top-menu li.current-menu-ancestor>a,.et_color_scheme_pink #top-menu li.current-menu-item>a,.et_color_scheme_orange #top-menu li.current-menu-ancestor>a,.et_color_scheme_orange #top-menu li.current-menu-item>a,.et_color_scheme_green #top-menu li.current-menu-ancestor>a,.et_color_scheme_green #top-menu li.current-menu-item>a{color:#40c621}#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#ffffff}.footer-widget{color:#ffffff}#main-header{box-shadow:none}.et-fixed-header#main-header{box-shadow:none!important}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:48px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:48px}.et_header_style_split .centered-inline-logo-wrap{width:95px;margin:-95px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:95px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:95px}.et_header_style_centered #top-menu>li>a{padding-bottom:17px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:39px 0 39px 0!important}.et_header_style_centered #main-header .logo_container{height:95px}#logo{max-height:45%}.et_pb_svg_logo #logo{height:45%}.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:17.1px}.et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_split .et-fixed-header #et-top-navigation{padding:43px 0 0 0}.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a{padding-bottom:43px}.et_header_style_centered header#main-header.et-fixed-header .logo_container{height:85px}.et_header_style_split .et-fixed-header .centered-inline-logo-wrap{width:85px;margin:-85px 0}.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{max-height:85px}.et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo{height:85px}.et_header_style_slide .et-fixed-header #et-top-navigation,.et_header_style_fullscreen .et-fixed-header #et-top-navigation{padding:34px 0 34px 0!important}.et-fixed-header#top-header,.et-fixed-header#top-header #et-secondary-nav li ul{background-color:#40c621}.et-fixed-header #top-menu a,.et-fixed-header #et_search_icon:before,.et-fixed-header #et_top_search .et-search-form input,.et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after,.et-fixed-header #et-top-navigation .et-cart-info{color:#ffffff!important}.et-fixed-header .et_search_form_container input::-moz-placeholder{color:#ffffff!important}.et-fixed-header .et_search_form_container input::-webkit-input-placeholder{color:#ffffff!important}.et-fixed-header .et_search_form_container input:-ms-input-placeholder{color:#ffffff!important}.et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a{color:#40c621!important}}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_section.et_pb_section_first{padding-top:inherit}.et_pb_fullwidth_section{padding:0}}@media only screen and (max-width:980px){h1{font-size:54px}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:46px}h3{font-size:39px}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:32px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:82px}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:28px}.et_pb_row,.et_pb_column .et_pb_row_inner{padding:73px 0}}@media only screen and (max-width:767px){body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url{font-size:17px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content,.et_pb_best_value{font-size:19px}h1{font-size:46px}h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p{font-size:39px}h3{font-size:33px}h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:27px}.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-size:70px}.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2{font-size:24px}.et_pb_section{padding:36px 0}.et_pb_section.et_pb_section_first{padding-top:inherit}.et_pb_section.et_pb_fullwidth_section{padding:0}.et_pb_row,.et_pb_column .et_pb_row_inner{padding:150px 0}}#main-header,#et-top-navigation{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif}#main-footer{display:none}#top-menu li>a:hover{box-shadow:0 5px 0 0 #40c621!important;padding-bottom:10px;opacity:1!important}#top-menu li li a{padding-bottom:6px!important}#top-menu li.current-menu-item>a,.et-fixed-header #top-menu li.current-menu-item>a{border:5px solid #40c621;padding:10px;margin-bottom:-10px}.ten-columns .et_pb_module{width:10%;float:left}.nine-columns .et_pb_module{width:11.11%;float:left}.eight-columns .et_pb_module{width:12.5%;float:left}.seven-columns .et_pb_module{width:14.28%;float:left}.six-columns .et_pb_module{width:16.66%;float:left}.five-columns .et_pb_module{width:20%;float:left}.et_pb_slide{height:100vh}.mobile_menu_bar::before{color:#40c621!important}@font-face{font-family:"evogria";src:url("http://grahamweighcycles.com/wp-content/uploads/et-fonts/Evogria.otf") format("opentype")}.et_pb_button_4,.et_pb_button_4:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_4:before,body #page-container .et_pb_button_4:after{display:none!important}.et_pb_button_5.et_pb_module,.et_pb_module .et_pb_button_5.et_pb_module:hover{margin-top:-500px!important}body #page-container .et_pb_button_5{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}body #page-container .et_pb_button_4:hover{color:#40c621!important}body #page-container .et_pb_button_4{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}body #page-container .et_pb_button_3:hover{color:#40c621!important}.et_pb_button_3,.et_pb_button_3:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_3:before,body #page-container .et_pb_button_3:after{display:none!important}.et_pb_button_4.et_pb_module,.et_pb_module .et_pb_button_4.et_pb_module:hover{margin-top:-500px!important}body #page-container .et_pb_button_5:hover{color:#40c621!important}.et_pb_button_5,.et_pb_button_5:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_6:before,body #page-container .et_pb_button_6:after{display:none!important}.et_pb_button_7.et_pb_module,.et_pb_module .et_pb_button_7.et_pb_module:hover{margin-top:-500px!important}body #page-container .et_pb_button_7{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}body #page-container .et_pb_button_7:hover{color:#40c621!important}.et_pb_button_6,.et_pb_button_6:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_6:hover{color:#40c621!important}body #page-container .et_pb_button_5:before,body #page-container .et_pb_button_5:after{display:none!important}.et_pb_button_6.et_pb_module,.et_pb_module .et_pb_button_6.et_pb_module:hover{margin-top:-500px!important}body #page-container .et_pb_button_6{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}body #page-container .et_pb_button_3{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}.et_pb_button_3.et_pb_module,.et_pb_module .et_pb_button_3.et_pb_module:hover{margin-top:-500px!important}.et_pb_text_4.et_pb_text{color:#ffffff!important}.et_pb_text_4{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif;font-weight:700;text-transform:uppercase;font-size:22px}.et_pb_section_5{padding-bottom:30px;margin-top:18px}.et_pb_row_4.et_pb_row{margin-top:-75px!important;margin-bottom:-75px!important}.et_pb_row_3.et_pb_row{padding-bottom:NaNpx}.et_pb_section_4.et_pb_section{background-color:#000000!important}.et_pb_button_1,.et_pb_button_1:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_1:before,body #page-container .et_pb_button_1:after{display:none!important}.et_pb_section_4{padding-top:51.1094px;padding-right:0px;padding-bottom:59px;padding-left:0px}.et_pb_row_4{max-width:94%!important;width:94%}.et_pb_image_2{margin-left:0}div.et_pb_section.et_pb_section_6{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2018/05/gwfooter2.png)!important}.et_pb_section_6{padding-top:51.1875px;padding-right:0px;padding-bottom:25px;padding-left:0px}.et_pb_section_6.et_pb_section{background-color:#000000!important}.et_pb_row_5{max-width:94%!important;width:94%}.et_pb_image_7{margin-left:0}.et_pb_image_6{margin-left:0}.et_pb_image_3{margin-left:0}.et_pb_image_4{margin-left:0}.et_pb_image_5{margin-left:0}.et_pb_button_7,.et_pb_button_7:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_7:before,body #page-container .et_pb_button_7:after{display:none!important}body #page-container .et_pb_button_13{color:#52B848!important;border-width:1px!important;border-color:#ffffff;border-radius:0px;letter-spacing:4px;font-size:14px;font-family:'evogria',Helvetica,Arial,Lucida,sans-serif!important;background-color:#000000}body #page-container .et_pb_button_13:hover{color:#ffffff!important}.et_pb_button_13,.et_pb_button_13:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_13:before,body #page-container .et_pb_button_13:after{display:none!important}body #page-container .et_pb_button_12:after{line-height:1.7em;font-size:1em!important;opacity:1;margin-left:.3em;left:auto}body #page-container .et_pb_button_12:hover:after{margin-left:.3em;left:auto;margin-left:.3em}body #page-container .et_pb_button_11:after{line-height:1.7em;font-size:1em!important;opacity:1;margin-left:.3em;left:auto}body #page-container .et_pb_button_12{color:#ffffff!important;border-width:1px!important;border-color:#ffffff;border-radius:0px;letter-spacing:4px;font-size:14px;font-family:'evogria',Helvetica,Arial,Lucida,sans-serif!important;padding-left:0.7em;padding-right:2em;background-color:#000000}body #page-container .et_pb_button_12:hover{color:#ffffff!important}div.et_pb_section.et_pb_section_7{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2018/05/gwfooter2.png)!important}.et_pb_section_7.et_pb_section{background-color:#000000!important}body #page-container .et_pb_button_14{color:#52B848!important;border-width:1px!important;border-color:#ffffff;border-radius:0px;letter-spacing:4px;font-size:14px;font-family:'evogria',Helvetica,Arial,Lucida,sans-serif!important;background-color:#000000}body #page-container .et_pb_button_14:hover{color:#ffffff!important}.et_pb_button_14,.et_pb_button_14:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_14:before,body #page-container .et_pb_button_14:after{display:none!important}.et_pb_text_6 h1{font-size:32px}.et_pb_text_6{font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif;font-size:17px}.et_pb_row_6{max-width:94%!important;width:94%}.et_pb_image_9{max-width:55%;margin-top:-10px!important;margin-left:0}.et_pb_text_6.et_pb_text{color:#ffffff!important}body #page-container .et_pb_button_11:hover:after{margin-left:.3em;left:auto;margin-left:.3em}body #page-container .et_pb_button_11:hover{color:#ffffff!important}.et_pb_button_9.et_pb_module,.et_pb_module .et_pb_button_9.et_pb_module:hover{margin-top:-500px!important}body #page-container .et_pb_button_9{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}body #page-container .et_pb_button_9:hover{color:#40c621!important}.et_pb_button_9,.et_pb_button_9:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_8:before,body #page-container .et_pb_button_8:after{display:none!important}.et_pb_button_8,.et_pb_button_8:hover{padding:0.3em 1em!important}.et_pb_button_8.et_pb_module,.et_pb_module .et_pb_button_8.et_pb_module:hover{margin-top:-500px!important}body #page-container .et_pb_button_8{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}body #page-container .et_pb_button_8:hover{color:#40c621!important}body #page-container .et_pb_button_9:before,body #page-container .et_pb_button_9:after{display:none!important}.et_pb_button_10.et_pb_module,.et_pb_module .et_pb_button_10.et_pb_module:hover{margin-top:-500px!important}.et_pb_text_5.et_pb_text{color:#ffffff!important}.et_pb_text_5{font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif;font-size:17px}.et_pb_text_5 h1{font-size:32px}body #page-container .et_pb_button_11{color:#ffffff!important;border-width:1px!important;border-color:#ffffff;border-radius:0px;letter-spacing:4px;font-size:14px;font-family:'evogria',Helvetica,Arial,Lucida,sans-serif!important;padding-left:0.7em;padding-right:2em;background-color:#000000}.et_pb_image_8{margin-top:-10px!important;margin-left:0}body #page-container .et_pb_button_10:before,body #page-container .et_pb_button_10:after{display:none!important}body #page-container .et_pb_button_10{color:#ffffff!important;border-width:0px!important;font-size:17px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}body #page-container .et_pb_button_10:hover{color:#40c621!important}.et_pb_button_10,.et_pb_button_10:hover{padding:0.3em 1em!important}body #page-container .et_pb_button_1:hover{background:rgba(0,0,0,0.58)!important}body #page-container .et_pb_button_1{color:#ffffff!important;border-width:4px!important;border-color:rgba(12,12,12,0);font-size:33px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;background-color:rgba(0,0,0,0.68)}.et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button,.et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button:hover{padding:0.3em 1em!important}body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button:before,body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button:after{display:none!important}.et_pb_slide_3.et_pb_slide .et_pb_slide_overlay_container{background-color:rgba(0,0,0,0.19)}body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button:hover{color:#52b848!important;background:rgba(122,122,122,0)!important;border-color:#52b848!important}body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button{color:#ffffff!important;border-width:2px!important;border-color:#ffffff;border-radius:1px;letter-spacing:0px;font-size:20px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important}body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button:hover{color:#52b848!important;background:rgba(122,122,122,0)!important;border-color:#52b848!important}.et_pb_slider .et_pb_slide_3 .et_pb_slide_description .et_pb_button_wrapper{text-align:center}.et_pb_slide_3.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{border-radius:3px}body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button{color:#ffffff!important;border-width:2px!important;border-color:#ffffff;border-radius:1px;letter-spacing:0px;font-size:20px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important}body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button:hover{color:#52b848!important;background:rgba(122,122,122,0)!important;border-color:#52b848!important}.et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button,.et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button:hover{padding:0.3em 1em!important}body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button:before,body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button:after{display:none!important}body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button{color:#ffffff!important;border-width:2px!important;border-color:#ffffff;border-radius:1px;letter-spacing:0px;font-size:20px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important}.et_pb_slider .et_pb_slide_4 .et_pb_slide_description .et_pb_button_wrapper{text-align:center}.et_pb_slider .et_pb_slide_0 .et_pb_slide_description .et_pb_button_wrapper{text-align:center}.et_pb_section_0{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button,.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button:hover{padding:0.3em 1em!important}body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button:before,body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button:after{display:none!important}body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button:before,body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button:after{display:none!important}.et_pb_slide_1.et_pb_slide .et_pb_slide_overlay_container{background-color:rgba(0,0,0,0.21)}.et_pb_slide_1.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{border-radius:3px}.et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button,.et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button:hover{padding:0.3em 1em!important}body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button:hover{color:#52b848!important;background:rgba(122,122,122,0)!important;border-color:#52b848!important}.et_pb_slider .et_pb_slide_1 .et_pb_slide_description .et_pb_button_wrapper{text-align:center}body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button{color:#ffffff!important;border-width:2px!important;border-color:#ffffff;border-radius:1px;letter-spacing:0px;font-size:20px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important}.et_pb_slide_0.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{border-radius:3px}.et_pb_slide_0.et_pb_slide .et_pb_slide_overlay_container{background-color:rgba(0,0,0,0.21)}body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button:before,body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button:after{display:none!important}.et_pb_slide_2.et_pb_slide .et_pb_slide_overlay_container{background-color:rgba(0,0,0,0.21)}.et_pb_slide_2.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{border-radius:3px}.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button,.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button:hover{padding:0.3em 1em!important}body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button:hover{color:#52b848!important;background:rgba(122,122,122,0)!important;border-color:#52b848!important}.et_pb_slider .et_pb_slide_2 .et_pb_slide_description .et_pb_button_wrapper{text-align:center}body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button{color:#ffffff!important;border-width:2px!important;border-color:#ffffff;border-radius:1px;letter-spacing:0px;font-size:20px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important}.et_pb_slide_4.et_pb_slide .et_pb_slide_overlay_container{background-color:rgba(0,0,0,0.19)}.et_pb_slide_4.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{border-radius:3px}.et_pb_text_0 h3{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif;font-size:31px;color:#000000!important}.et_pb_text_1.et_pb_text{color:#3f3f3f!important}.et_pb_text_2 h1{font-size:47px;color:#0e8bf2!important}.et_pb_text_0 h1{font-size:47px;color:#0e8bf2!important}.et_pb_row_1{max-width:94%!important;width:94%}.et_pb_section_2{padding-top:51.1094px;padding-right:0px;padding-bottom:30px;padding-left:0px}.et_pb_section_2.et_pb_section{background-color:#ffffff!important}.et_pb_text_2 h3{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif;font-size:31px;color:#000000!important}.et_pb_image_0{margin-left:0}body #page-container .et_pb_button_0:hover:after{margin-left:0;left:auto;margin-left:.3em;opacity:1}body #page-container .et_pb_button_0:after{line-height:1em;font-size:1.6em!important;margin-left:-1em;left:auto}.et_pb_section_3{padding-top:110px;padding-bottom:100px}body #page-container .et_pb_button_0{color:#0c71c3!important;border-color:#0c71c3;font-size:16px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important}.et_pb_text_3{font-family:'Roboto',Helvetica,Arial,Lucida,sans-serif;font-size:16px}.et_pb_image_1{margin-left:0}.et_pb_text_3.et_pb_text{color:#3f3f3f!important}body.et_button_custom_icon #page-container .et_pb_cta_0.et_pb_promo .et_pb_button:after{font-size:18px}body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button:after{font-size:1.6em}body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button:before,body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button:after{display:none!important}.et_pb_slide_5.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{border-radius:3px}.et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button,.et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button:hover{padding:0.3em 1em!important}body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button:hover{color:#52b848!important;background:rgba(122,122,122,0)!important;border-color:#52b848!important}.et_pb_slider .et_pb_slide_5 .et_pb_slide_description .et_pb_button_wrapper{text-align:center}body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button{color:#ffffff!important;border-width:2px!important;border-color:#ffffff;border-radius:1px;letter-spacing:0px;font-size:20px;font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important}.et_pb_fullwidth_slider_0.et_pb_slider{height:100vh}.et_pb_slide_5.et_pb_slide .et_pb_slide_overlay_container{background-color:rgba(0,0,0,0.19)}.et_pb_cta_0.et_pb_promo p{line-height:1em}.et_pb_cta_0.et_pb_promo{line-height:1em;padding-top:40px!important;padding-bottom:9px!important;margin-top:0px!important;margin-bottom:0px!important}body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button{color:#e93947!important;background:#ffffff;border-width:0px!important;border-radius:0px;font-size:18px;font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;background-color:#ffffff}.et_pb_section_1{padding-top:0px;padding-bottom:0px}.et_pb_cta_0.et_pb_promo h2,.et_pb_cta_0.et_pb_promo h1.et_pb_module_header,.et_pb_cta_0.et_pb_promo h3.et_pb_module_header,.et_pb_cta_0.et_pb_promo h4.et_pb_module_header,.et_pb_cta_0.et_pb_promo h5.et_pb_module_header,.et_pb_cta_0.et_pb_promo h6.et_pb_module_header{font-family:'evogria',Helvetica,Arial,Lucida,sans-serif!important;font-weight:300!important;font-size:14px!important;color:#ffffff!important;letter-spacing:23px!important;text-align:center!important}.et_pb_section_1.et_pb_section{background-color:#000000!important}.et_pb_slider .et_pb_slide_0{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2025/09/GWR.jpg)}.et_pb_slider .et_pb_slide_0 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_0 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important;font-size:45px!important}.et_pb_slider .et_pb_slide_1 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_1 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important;font-size:45px!important}.et_pb_slider .et_pb_slide_1{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2020/12/DRS-8.0-home-2.jpg)}.et_pb_slider .et_pb_slide_4 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_4 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_4{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2018/11/raleigh-Ebike.jpg)}.et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important;font-size:45px!important}.et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important;font-size:45px!important}.et_pb_slider .et_pb_slide_5{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2018/12/IMG_2830.jpg)}.et_pb_slider .et_pb_slide_5 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_5 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_3 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_3 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_3{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2018/08/parrgrain-1.jpg)}.et_pb_slider.et_pb_module .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_content{color:#ffffff!important}.et_pb_slider .et_pb_slide_2{background-image:url(http://grahamweighcycles.com/wp-content/uploads/2022/01/GB2.jpg)}.et_pb_slider .et_pb_slide_2 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_2 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important;font-size:45px!important}.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-family:'Fjalla One',Helvetica,Arial,Lucida,sans-serif!important;font-weight:700!important;font-size:45px!important;color:#ffffff!important}@media only screen and (min-width:981px){.et_pb_section_7{display:none!important}.et_pb_row_0.et_pb_row{padding-top:0px;padding-bottom:0px}}@media only screen and (max-width:980px){body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button:after{font-size:20px!important}.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title{font-size:41px!important}.et_pb_cta_0.et_pb_promo h2,.et_pb_cta_0.et_pb_promo h1.et_pb_module_header,.et_pb_cta_0.et_pb_promo h3.et_pb_module_header,.et_pb_cta_0.et_pb_promo h4.et_pb_module_header,.et_pb_cta_0.et_pb_promo h5.et_pb_module_header,.et_pb_cta_0.et_pb_promo h6.et_pb_module_header{font-size:17px!important}.et_pb_cta_0.et_pb_promo{padding-top:40px!important;padding-bottom:9px!important}body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button:after{font-size:20px!important}body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button:after{font-size:20px!important}body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button:after{font-size:20px!important}body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button:after{font-size:20px!important}body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button:after{font-size:20px!important}.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:45px!important}.et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:45px!important}.et_pb_slider .et_pb_slide_3 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_3 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:45px!important}.et_pb_slider .et_pb_slide_5 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_5 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_4 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_4 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:45px!important}.et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:45px!important}.et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:45px!important}}@media only screen and (min-width:768px) and (max-width:980px){.et_pb_section_6{display:none!important}.et_pb_section_4{display:none!important}.et_pb_section_1{display:none!important}}@media only screen and (max-width:767px){.et_pb_row_1.et_pb_row{padding-top:15px!important}body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_button:after{font-size:16px!important}.et_pb_text_1{font-size:12px}body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_button:after{font-size:16px!important}.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description .et_pb_slide_title{font-size:31px!important}.et_pb_cta_0.et_pb_promo h2,.et_pb_cta_0.et_pb_promo h1.et_pb_module_header,.et_pb_cta_0.et_pb_promo h3.et_pb_module_header,.et_pb_cta_0.et_pb_promo h4.et_pb_module_header,.et_pb_cta_0.et_pb_promo h5.et_pb_module_header,.et_pb_cta_0.et_pb_promo h6.et_pb_module_header{font-size:20px!important}.et_pb_fullwidth_slider_0{margin-top:-10px!important}body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_button:after{font-size:16px!important}.et_pb_text_2{padding-top:35px!important}.et_pb_section_6{display:none!important}body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button:after{font-size:16px!important}body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_button:after{font-size:16px!important}.et_pb_section_5{padding-top:1px;margin-bottom:-55px}.et_pb_section_4{display:none!important}body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button,body #page-container .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_button:after{font-size:16px!important}.et_pb_section_1{display:none!important}.et_pb_slider .et_pb_slide_5.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:35px!important}.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:35px!important}.et_pb_slider .et_pb_slide_1.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:35px!important}.et_pb_slider .et_pb_slide_3.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:35px!important}.et_pb_slider .et_pb_slide_3 .et_pb_slide_description,.et_pb_slider_fullwidth_off .et_pb_slide_3 .et_pb_slide_description{padding-top:5px!important}.et_pb_slider .et_pb_slide_4.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:35px!important}.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size:35px!important}}@media screen and (min-width:768px){.et_pb_column .et_pb_newsletter_form{width:100%}}@media(max-width:799px){#Intro:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)!important}}@media only screen and (min-width:981px){.Gym_Email_field{width:55%;margin-top:0!important;margin-bottom:0!important}.Intro-Section{background-size:contain;background-position:right}#Gallery:before{content:" ";width:100%!important;height:100px;border-radius:50%/100px 100px 0 0;background:#fff;visibility:visible!important;display:block;margin-top:-150px}}@media(min-width:980px){.et_pb_column_1_2 .et_pb_map{height:345px}}@media(min-width:800px){.gym_call_action .et_pb_promo_description{text-align:left}.gym_call_action .et_pb_promo_button.et_pb_button{position:absolute;right:0;bottom:30px}.Gym_slider .et_pb_slide.et_pb_bg_layout_dark{height:512px}}@media(min-width:985px) and (max-width:1260px){.Gym_headline .et_pb_text.et_pb_module{font-size:55px}.Gym_headline .Gym_black_headline{font-size:36px!important;letter-spacing:5px!important}}SEARCH …R23:HOW TO CREATE A SCROLLING IMAGE CAROUSEL IN DIVIcarousel imageby Michelle | Oct 3,2016 | Recipes | 467 commentsR23:How to Create a Scrolling Image Carousel in DiviUPDATE:29th July 2017:Recipe #23 – How to create a scrolling image carousel is so far the most popular recipe on Divi Soup. It has the most page views and most comments with around 300 at the time of updating this post.The majority of those comments are from Soupies looking to increase the number of images displayed and whilst this can be done,it may not be that easy unless you are comfortable with more advanced CSS. Whilst I try to help as many as I can,its very difficult to keep up with individual requests and there are only so many hours in the day ?So with that in mind,I have completely rewritten this post with a view to streamlining the code and making it easier for you to change it to fit your needs. In this update I have:Refined the code and removed superfluous propertiesConsolidate code where possible and switched to shorthand animationReduced the places code needs to be edited to change the number imagesConfigured the effect so no extra padding is added across devicesRemoved the need for media queriesAdded a pause on hover effectIncluded code to display 10,15,20 and 25 images.Included free JSON files for 10,15,20 and 25 images.So let’s get cooking!VIEW THE DEMOINGREDIENTSThe Divi Theme from Elegant Themes10 images 200 x 200pxCOOKING TIMEThis should take you around 15 minutes max.PREPARATIONThe first thing we need to do is set up our section. So add a new section with one column and then in the Advanced tab give it a CSS class of ds-carousel-section.How to create a scrolling image carousel divi tutorialNext,in the Design tab give the section a top and bottom padding of 0. Then save & exit.How to create a scrolling image carousel divi tutorialNow open up the row settings and in the Design tab apply the following:Make this row fullwidth:YesUse custom gutter width:YesGutter width:1Custom margin,Custom padding and Column padding:Top=0 Bottom=0How to create a scrolling image carousel divi tutorialHow to create a scrolling image carousel divi tutorialFinally,in the Advanced tab give the row 2 custom CSS classes of ds-image-carousel and ds-image-carousel-first with a single space in between.How to create a scrolling image carousel divi tutorialThen save & exit.OK,that’s our prep done.METHODNext,add an image module to your row and click Upload an Image,then upload your 200 x 200px image to the media library and select it to add it to the module.How to create a scrolling image carousel divi tutorialIf you want your image to link to a page then enter the URL in the Link URL field,How to create a scrolling image carousel divi tutorialThen in the Design tab set Image Alignment to Center and Always center image on mobile to YesLeave all other settings at their default.How to create a scrolling image carousel divi tutorialFinally,click on the Advanced tab and give the module a CSS Class of ds-carousel-logo,and then scroll to the bottom and set the Animation to No Animation. Save & Exit.How to create a scrolling image carousel divi tutorialHow to create a scrolling image carousel divi tutorialNow duplicate the image module 4 times so you have 5 image modules in total. Then open up each module and swap out the images and the link URLs if you have used them so each one is unique.How to create a scrolling image carousel in diviNext,duplicate the Row twice so you have 3 rows,each with 5 image modules. In the second row,again swap out the images and Link URLs for each module so they are unique. Leave the third row of modules alone,the contents of the third row needs to be identical to the contents of the first row to create the continuous scrolling effect. Just remember in future if you want to change anything in the first row of modules,you need to replicate those changes in the third row as well.How to create a scrolling image carousel in diviNow open up the row settings for the second row,click on the Custom CSS tab and change the class ds-image-carousel-first to ds-image-carousel-second..How to create a scrolling image carousel divi tutorialAnd do the same in the third row,changing ds-image-carousel-first to ds-image-carousel-third.How to create a scrolling image carousel divi tutorialNow it’s time for the CSS. Here’s what we are doing:This section stops the browser adding a horizontal scrollbar..ds-carousel-section{overflow:hidden}Next we set the width of our image modules,as we are using 5 images we have them set to 20% (100 / 5). We are also floating them left so they appear in a row rather than stacking on top of each other as is the default behaviour..ds-carousel-logo{width:20%;float:left}Here we setting the position and visibility of the rows,we are initially having them invisible so they are only seen when the animation triggers..ds-image-carousel{float:left;position:absolute;padding:0;opacity:0;z-index:0}Next we are setting how our animation should run. The first declaration applies to the first row,this animation will run for a duration of 15 seconds and will only run once.The second declaration applies to the second and third rows,the animation will run for 30 seconds and will run indefinitely.The third declaration applies to the third row only and this sets a 15 second delay before the animation for that row begins..ds-image-carousel-first{position:relative;z-index:1;-webkit-animation:first 15s 1 linear forwards;animation:first 15s 1 linear forwards}.ds-image-carousel-second,.ds-image-carousel-third{-webkit-animation:rest 30s infinite linear;animation:rest 30s infinite linear}.ds-image-carousel-third{-webkit-animation-delay:15s;animation-delay:15}Here we are defining the animation effect. I have omitted vendor prefixes for brevity but they are in the full CSS you can copy from the toggle after this explanation.In the first set of keyframes we are defining the animation for the first row. It begins with the row in its default position and then moves it off screen to the left and then sets it to be invisible.The second set of keyframes applies to the rest of the rows. It begins with the row off screen to the right and then moves it in a continuous motion across the screen and then off to the left.@keyframes first{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;z-index:1}99.99%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1;z-index:1}100%{opacity:0;z-index:0}}@keyframes rest{0.01%{opacity:0;z-index:0}0.011%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:1}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}}Finally,the last declaration simply makes our carousel stop moving when it is hovered over. This is something many people have asked how to do..ds-carousel-section:hover .ds-image-carousel{-webkit-animation-play-state:paused;animation-play-state:paused}Copy and paste the complete code from the toggle below into your child theme stylesheet or Divi theme options custom CSS box.You can then view your page and it should look similar to my demo.10 IMAGES CSSBut what if you want more images? Well I have already written the CSS you need for 15,20 and 25 images,but its a little different so let’s take a look at it.In the CSS for 20 images for example,things are slightly different. You can see from the code below that where we previously defined the animation for the second and third rows,we have also added in a fourth and fifth row and changed the duration of the animation to 60 seconds.If we want 20 images,and each row of 5 images is on screen for 15 seconds,that totals 60 seconds. If we were using 15 images this total would be 45 seconds and for 25 images the total would be 75 seconds (see the pattern here?).Next,we still have our 15 second delay before the animation starts on our third row,but we have also added in an animation delay for the fourth and fifth rows,increasing that delay by 15 seconds for each row..ds-image-carousel-second,.ds-image-carousel-third,.ds-image-carousel-fourth,.ds-image-carousel-fifth{-webkit-animation:rest 60s infinite linear;animation:rest 60s infinite linear}.ds-image-carousel-third{-webkit-animation-delay:15s;animation-delay:15}.ds-image-carousel-fourth{-webkit-animation-delay:30s;animation-delay:30}.ds-image-carousel-fifth{-webkit-animation-delay:45s;animation-delay:45}.ds-image-carousel-second,.ds-image-carousel-third,.ds-image-carousel-fourth,.ds-image-carousel-fifth{-webkit-animation:rest 60s infinite linear;animation:rest 60s infinite linear}.ds-image-carousel-third{-webkit-animation-delay:15s;animation-delay:15}.ds-image-carousel-fourth{-webkit-animation-delay:30s;animation-delay:30}.ds-image-carousel-fifth{-webkit-animation-delay:45s;animation-delay:45}