body{ margin: 0; padding: 0; font-family: sans-serif; }
.top_section{ background-image: URL('https://www.ultimatepedals.com/images/home_background.jpg'); background-size: cover; background-repeat: no-repeat; padding-bottom: 200px; padding-top: 106px; position: relative; height: 484px; overflow: hidden; }
.top_section_maker{ height: 526px; padding-top: 106px; display: flex; align-items: center; justify-content: center; background-color: #555555; }
#topsection_makername{ white-space: nowrap; font-weight: bold; text-transform: uppercase; visibility: hidden; font-size: 1500px; }
.top_section_sitemap, .top_section_shoppingcart{ background-image: URL('https://www.ultimatepedals.com/images/home_background.jpg'); background-size: cover; background-repeat: no-repeat; padding-bottom: 20px; padding-top: 106px; position: relative; overflow: hidden; }
.top_section_shoppingcart{ padding-top: 0; }
#top_section_video_container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; }
#top_section_video_overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1; }
#top_section_video{ height: 100%; }
.top_header, .top_header_shoppingcart{ padding: 8px 17px 17px; position: fixed; top: 0; left: 0; width: 100%; height: 106px; box-sizing: border-box; transition: background-color .4s; z-index: 1000; }
.top_header.shown, .top_header_shoppingcart.shown{ background-color: rgba(0,0,0,0.75); }
#top_header_menu_button{ font-size: 17px; font-family: sans-serif; color: #ffffff; display: inline-block; width: 95px; cursor: pointer; position: relative; top: -20px; }
#top_header_menu_button .menu_button_icon{ width: 35px; display: inline-block; margin-right: 10px; vertical-align: middle; }
#top_header_menu_button .menu_button_icon .menu_button_icon_bar{ width: 100%; height: 5px; background-color: #ffffff; margin: 10px 0; }
#top_header_menu_button .menu_button_icon .menu_button_icon_bar:nth-child(1){ margin-top: 5px; }
.top_header_logo{ display: inline-block; text-align: center; font-family: times new roman, serif; font-size: 33px; font-weight: bold; width: calc(100% - 165px); text-align: center; }
.top_header_logo a{ color: #ffffff; text-decoration: none; display: inline-block; }
.top_header_logo img{ display: block; width: 27px; margin: 0 auto; }
.top_header_logo img.top_header_logo2{ display: none; }
.top_header_logo_phone{ display: block; font-size: 22px; }
.top_header_cart_button{ width: 60px; display: inline-block; position: relative; top: -10px; }
.top_header_cart_button img{ display: inline-block; width: 45px; }
.top_header_cart_button img.top_header_cart2{ display: none; }
.top_header_cart_qty{ position: relative; top: -20px; right: 28px; color: #ffffff; font-weight: bold; }
.top_header:hover, .top_header_shoppingcart:hover{ background-color: #ffffff; color: #000000; }
.top_header:hover .top_header_logo a, .top_header_shoppingcart:hover .top_header_logo a{ color: #000000; }
.top_header:hover .top_header_logo .top_header_logo1, .top_header_shoppingcart:hover .top_header_logo .top_header_logo1{ display: none; }
.top_header:hover .top_header_logo .top_header_logo2, .top_header_shoppingcart:hover .top_header_logo .top_header_logo2{ display: block; }
.top_header:hover .top_header_cart_qty, .top_header_shoppingcart:hover .top_header_cart_qty{ color: #000000; }
.top_header:hover #top_header_menu_button, .top_header_shoppingcart:hover #top_header_menu_button{ color: #000000; }
.top_header:hover #top_header_menu_button .menu_button_icon .menu_button_icon_bar, .top_header_shoppingcart:hover #top_header_menu_button .menu_button_icon .menu_button_icon_bar{ background-color: #000000; }
.top_header:hover .top_header_cart_button .top_header_cart1, .top_header_shoppingcart:hover .top_header_cart_button .top_header_cart1{ display: none; }
.top_header:hover .top_header_cart_button .top_header_cart2, .top_header_shoppingcart:hover .top_header_cart_button .top_header_cart2{ display: inline-block; }
.selects_container{ text-align: center; margin-top: 90px; z-index: 2; position: absolute; width: 100%; }
.selects_container_title{ font-size: 42px; font-family: sans-serif; font-weight: bold; color: #ffffff; margin-bottom: 30px; display: block; }
.selects_container_inner{ width: 100%; padding: 0 2.5%; box-sizing: border-box; transition: top .4s; }
.selects_container_inner.sticky{ background-color: #666666; position: fixed; top: 0; padding-top: 10px; padding-bottom: 10px; }
.form-select{ width: 18%; height: 60px; margin: 0% 0.6%; background-color: #ffffff; border-radius: 30px; border: none; font-size: 24px; padding-left: 25px; box-sizing: border-box; }
#go_button, #main_go_button{ width: 18%; height: 60px; margin: 0% 0.6%; background-color: #ffffff; border-radius: 30px; border: none; font-size: 24px; box-sizing: border-box; }
#go_button:hover, #main_go_button:hover{ background-color: #000000; color: #ffffff; border: 1px solid #ffffff; cursor: pointer; }
.sliding_menu{ position: fixed; top: 0; left: -240px; background-color: #333333; color: #ffffff; padding: 10px 10px 20px 10px; transition: all 0.4s; z-index: 2000; }
.sliding_menu_logo_container{ text-align: center; }
.sliding_menu_logo_a{ color: #ffffff; text-decoration: none; display: inline-block; }
.sliding_menu.active{ left: 0; }
.sliding_menu_close_button{ font-family: sans-serif; font-size: 32px; cursor: pointer; display: inline-block; }
.sliding_menu_logo{ text-align: center; margin: 10px auto 30px; font-family: times new roman; font-size: 19px; }
.sliding_menu_logo img{ width: 25px; display: block; margin: 0 auto 6px auto; }
.sliding_menu_item{ display: block; color: #ffffff; text-decoration: none; font-family: sans-serif; font-size: 24px; padding: 10px 30px 10px 10px; text-align: left; }
.bottom_section{ padding: 20px; max-width: 1280px; margin: 0 auto; margin-top: 25px; }
.bottom_section_header{ padding: 0 100px; }
.bottom_section_header h1{ font-size: 24px; text-align: center; }
.bottom_section_header p{ font-size: 16px; text-align: center; padding: 10px 50px; }
.section_boxes_container{ width: 100%; margin-top: 50px; padding-bottom: 50px; }
.section_boxes_row{ display: flex; flex-direction: row; align-items: center; background-color: #f8f8f8; }
.section_box{ width: 50%; box-sizing: border-box; }
.section_box_image{ width: 100%; }
.section_box_text{ padding: 10px 100px; box-sizing: border-box; text-align: center; }
.section_box img{ width: 100%; display: block; }
.section_box h2{ font-size: 19px; }
.section_box p{ font-size: 16px; }
/*.bottom_section h2{ font-size: 26px; font-family: sans-serif; font-weight: normal; }
.bottom_section p{ font-size: 26px; font-family: sans-serif; }*/
.custom_modal_background{ background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; transition: all 0.3s; opacity: 0; z-index: 99998; display: none; }
.custom_modal{ width: 95%; max-width: 450px; padding: 20px; font-family: sans-serif; background-color: #ffffff; border-radius: 10px; position: fixed; top: 50%; left: 50%; transition: all 0.3s; transform: translateX(-50%) translateY(-50%); opacity: 0; z-index: 99999; box-sizing: border-box; display: none; max-height: 90vh; overflow: auto; }
.custom_modal_background.visible, .custom_modal.visible{ display: block; opacity: 1; }
.custom_modal_close{ font-size: 24px; position: absolute; top: 20px; right: 13px; cursor: pointer; }
.custom_modal_bottom_buttons{ float: right; }
.custom_modal_close_button, .custom_modal_selectgeneration_button{ display: inline-block; padding: 10px 20px; border: 1px solid #333333; background-color: transparent; color: #333333; cursor: pointer;  margin: 20px 25px 0px 0px; font-size: 16px; height: 40px; width: 105px; border-radius: 20px; }
.custom_modal_selectgeneration_button{ width: 100%; margin: 5px auto; }
.customize_question{ padding: 0 5px; border-radius: 12px; font-size: 20px; font-weight: bold; border: 1px solid #000000; background-color: #ffffff; margin-left: 5px; }
.customize_question:hover{ border: 1px solid #000000; background-color: #333333; color: #ffffff; cursor: pointer; }
.customize_modal_title{ font-size: 21px; text-align: center; margin-top: 10px; margin-bottom: 2px; }
#links_table, #maker_links_table, #product_maker_links_table, #maker_product_links_table{ margin: 50px 0 20px 0; }
#product_maker_links_table_container, #maker_product_links_table_container{ width: 100%; margin-bottom: -50px; padding-top: 50px; padding-bottom: 90px; background-color: #ffffff; }
#product_maker_links_table, #maker_product_links_table{ max-width: 1280px; margin: 0 auto; }
.links_table_maker, .links_table_select, .maker_table_item, .product_table_item{ width: calc(25% - 20px); margin: 5px 10px; padding: 10px; font-size: 16px; box-sizing: border-box; position: relative; background-color: #ffffff; border: 1px solid #666666; display: inline-block; color: #000000; text-decoration: none; }
.product_table_item{ width: calc(30.3% - 20px); }
.links_table_select{ width: 100%; margin: 5px 0 0; }
.links_table_maker{ border: none; padding: 0; margin-bottom: 20px; cursor: initial; }
.links_table_makerlink{ color: #000000; font-weight: bold; }
.links_table_options_container{ width: 100%; font-size: 16px; background-color: #ffffff; border: 1px solid #666666; box-sizing: border-box; position: absolute; top: 38px; left: 0; z-index: 1; }
.links_table_arrow{ float: right; }
.links_table_option{ width: 100%; display: block; padding: 5px; color: #666666; box-sizing: border-box; }
.links_table_option:hover{ color: #ffffff; background-color: #666666; }
.hidden_options_element{ display: none; }
.maker_table_name{ font-weight: bold; }
.missing_vehicle_link, .missing_maker_link{ font-size: 26px; display: inline-block; margin-top: 35px; color: #ffffff !important; }
.missing_vehicle_link{ margin-bottom: 50px; }
.frontSwiperText{ color: #000000; font-weight: bold; position: absolute; bottom: 10px; }
.testimonials_table{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.testimonials_box{ width: 30.3%; margin: 10px 1.5%; border: 1px solid #000000; padding: 10px; box-sizing: border-box;  }
.testimonials_box_date{ margin-bottom: 20px; }
.testimonials_box_text{ margin-bottom: 20px; }
.about_address_box{ float: left; padding: 20px; border: 1px solid #000000; margin: 0 20px 20px 0; }
.about_address_box span{ display: block; margin: 4px 0; }
.about_content{ padding: 0 10px; margin-bottom: 20px; }
#faq_question_listing ul li a, .faq_question_container a{ color: #000000; }
.faq_question_container{ padding: 10px; }
.faq_question_container h2{ magin-bottom: 0; }
.faq_question_container p{ margin-top: 10px; } 
@media all and (max-width: 1300px){
	.form-select{ padding-left: 5px; }
	.links_table_maker, .maker_table_item, .product_table_item{ width: calc(33.3% - 20px); }
}
@media all and (max-width: 1200px){
	.form-select{ font-size: 16px; }
	#go_button, #main_go_button{ font-size: 16px; }
}
@media all and (max-width: 1050px){
	.links_table_maker, .maker_table_item, .product_table_item{ width: calc(50% - 20px); }
}
@media all and (max-width: 992px){
	#top_header_menu_button{ width: auto; }
	.top_header_logo{ width: calc(100% - 163px) }
	.selects_container_title{ font-size: 32px; padding: 0 10px; }
	.bottom_section{ padding: 0; }
	#links_table, #maker_links_table, #product_maker_links_table, #maker_product_links_table{ padding: 20px; }
	.section_boxes_container{ padding-bottom: 0; }
	.bottom_section_header p{ padding-left: 0; padding-right: 0; }
	.bottom_section p{ font-size: 18px; }
	.bottom_section_header{ padding: 0 20px; }
	.section_boxes_row{ flex-direction: column; }
	.section_boxes_row:nth-child(even){ flex-direction: column-reverse; }
	.section_box{ width: 100%; display: block; }
	.section_box_text{ padding: 20px 50px; }
	.section_box h2{ text-align: center; }
	.testimonials_box{ width: 48%; margin: 10px 1%; }
}
@media all and (max-width: 850px){
	.form-select{ width: 100%; height: 60px; margin: 20px auto; border-radius: 30px; font-size: 24px; padding-left: 25px; display: block; }
	#go_button, #main_go_button{ width: 100%; margin: 0 auto; font-size: 24px; }
}
@media all and (max-width: 750px){
	.links_table_maker, .maker_table_item, .product_table_item{ width: 100%; margin: 0 5px; }
	.links_table_maker{ margin: 0 0 20px; }
	.links_table_select{ margin: 0; }
	#product_maker_links_table_container, #maker_product_links_table_container{ padding-bottom: 50px; }
}
@media all and (max-width: 576px){
	.top_header_logo{ width: calc(100% - 115px); }
	.menu_button_text{ display: none; }
	.top_header_logo_text{ font-size: 18px; }
	.top_header_logo_phone{ font-size: 16px; }
	.selects_container{ margin-top: 0px; }
	.testimonials_box{ width: 98%; margin: 10px 1%; }
	.about_address_box{ float: none; margin: 0 20px 20px; }
	.about_address_box span{ text-align: center; }
}
#footer_top{ width: 100%; height: 25px; color: #ffffff; background-color: #333333; padding: 0; box-sizing: border-box; display: flex; align-items: center; margin: 50px 0 0; }
.footer_top_column{ font-size: 16px; text-align: center; width: 33.3%; box-sizing: border-box; display: none; }
.footer_top_column a{ color: #ffffff; text-decoration: none; }
.footer_top_column i{ font-size: 44px; margin-right: 10px; }
.footer_top_column span{ position: relative; top: -8px; }
#footer_middle{ width: 100%; background-color: #ffffff; color: #000000; box-sizing: border-box; display: flex; flex-wrap: wrap; padding-top: 20px; }
.footer_middle_column{ width: 100%; padding: 10px; box-sizing: border-box; display: block; }
.footer_middle_column_first{ text-align: center; }
.footer_middle_column_first i{ font-size: 30px; margin: 0 10px; }
.footer_middle_column_first p{ font-size: 14px; margin: 0 0 20px; }
.footer_middle_column_first p:nth-child(1){ margin-top: -7px; }
#footer_newproductrequest{ font-size: 15px; width: auto; height: 45px; border-radius: 25px; background-color: #ffffff; color: #000000; border: 2px solid #000000; text-align: left; margin-bottom: 20px; padding: 0 10px; }
#footer_newproductrequest span{ position: relative; top: -5px; }
#footer_newproductrequest i{ margin-right: 3px; }
#footer_payment_methods{ margin-bottom: 30px; }
#footer_payment_methods i{ font-size: 32px; }
#footer_pedalgallery_p{ text-align: center; }
#footer_pedalgallery_p a{ color: #000000; text-decoration: none; }
#footer_pedalgallery_p i{ font-size: 28px; }
#footer_pedalgallery_p span{ position: relative; top: -6px; margin-left: 20px; }
.footer_middle_column_list{ list-style: none; padding: 0; }
.footer_middle_column_list li{ margin: 15px 0; }
.footer_middle_column_list li a{ color: #000000; text-decoration: none; }
.footer_middle_column_list li i{ font-size: 27px; margin-right: 18px; }
.footer_middle_column_list li span{ position: relative; top: -3px; }
.footer_middle_column_header{ font-weight: bold; margin-bottom: 20px; }
#footer_contact_column .footer_middle_column_header{ margin-bottom: 15px; }
#footer_contact_column i{ width: 25px; }
#footer_contact_column p{ width: calc(100% - 45px); display: inline-block; }
#footer_contact_column li{ display: flex; align-items: center; margin: 0; }
.footer_middle_column:nth-child(1){ order: 5; }
.footer_middle_column:nth-child(2){ order: 1; }
.footer_middle_column:nth-child(3){ order: 2; }
.footer_middle_column:nth-child(4){ order: 3; }
.footer_middle_column:nth-child(5){ order: 4; }
#footer_bottom{ padding-left: 10px; text-align: center; background-color: #ffffff; padding: 12px 0; }
#footer_bottom p{ margin: 0; }
@media all and (min-width: 768px){
	#footer_top{ height: 70px; }
	.footer_top_column{ display: inline-block; }
	#footer_middle{ padding-top: 90px; }
	.footer_middle_column:nth-child(1){ width: 50%; }
	.footer_middle_column:nth-child(2){ width: 33%; margin-bottom: 40px; padding-left: 50px; }
	.footer_middle_column:nth-child(3){ width: 33%; margin-bottom: 40px; }
	.footer_middle_column:nth-child(4){ width: 33%; margin-bottom: 40px; }
	.footer_middle_column:nth-child(5){ width: 50%; order: 5; }
	.footer_middle_column_header{ margin-bottom: 40px; }
	#footer_contact_column li{ margin: 15px 0; }
	#footer_bottom{ padding-left: 50px; text-align: left; }
}
@media all and (min-width: 851px){
	.top_section{ height: 230px; }
}
@media all and (min-width: 930px){
	#top_section_video{ height: auto; width: 100%; margin: 0; transform: none; }
}
@media all and (min-width: 1170px){
	.footer_middle_column:nth-child(1){ width: 30%; order: 1; }
	.footer_middle_column:nth-child(2){ width: 13%; order: 2; }
	.footer_middle_column:nth-child(3){ width: 12%; order: 3; }
	.footer_middle_column:nth-child(4){ width: 14%; order: 4; }
	.footer_middle_column:nth-child(5){ width: 30%; order: 5; }
	#footer_contact_column .footer_middle_column_header{ margin-bottom: 40px; }
}

#fc body{ padding-top: 0; }
#fc .fc-checkout{margin-top: 30px;}
#fc .top_section_shoppingcart{ height: 126px; }
#fc .top_header_shoppingcart{ padding: 8px 17px 17px; line-height: initial; height: 126px; }
#fc .top_header_logo_text, #fc .top_header_logo_phone{ font-family: "times new roman"; }
#fc .top_header_logo a{ color: #ffffff; text-decoration: none; font-family: "times new roman" !important; }
#fc #top_header_menu_button{ color: #ffffff; font-family: sans-serif; }
#fc #top_header_menu_button .menu_button_icon .menu_button_icon_bar{ background-color: #ffffff}
#fc .top_header_logo1{ display: block; }
#fc .top_header_logo2{ display: none; }
#fc .top_header_cart_button{ top: -20px; font-family: sans-serif; }
#fc .top_header_cart1{ display: inline-block; }
#fc .top_header_cart2{ display: none; }
#fc .top_header_cart_qty{ color: #ffffff; top: -10px; right: 26px; }

#fc .top_header:hover, .top_header_shoppingcart:hover{ background-color: #ffffff !important; color: #000000 !important; }
#fc .top_header:hover .top_header_logo a, .top_header_shoppingcart:hover .top_header_logo a{ color: #000000 !important; }
#fc .top_header:hover .top_header_logo .top_header_logo1, .top_header_shoppingcart:hover .top_header_logo .top_header_logo1{ display: none !important; }
#fc .top_header:hover .top_header_logo .top_header_logo2, .top_header_shoppingcart:hover .top_header_logo .top_header_logo2{ display: block !important; }
#fc .top_header:hover .top_header_cart_qty, .top_header_shoppingcart:hover .top_header_cart_qty{ color: #000000 !important; }
#fc .top_header:hover #top_header_menu_button, .top_header_shoppingcart:hover #top_header_menu_button{ color: #000000 !important; }
#fc .top_header:hover #top_header_menu_button .menu_button_icon .menu_button_icon_bar, .top_header_shoppingcart:hover #top_header_menu_button .menu_button_icon .menu_button_icon_bar{ background-color: #000000 !important; }
#fc .top_header:hover .top_header_cart_button .top_header_cart1, .top_header_shoppingcart:hover .top_header_cart_button .top_header_cart1{ display: none !important; }
#fc .top_header:hover .top_header_cart_button .top_header_cart2, .top_header_shoppingcart:hover .top_header_cart_button .top_header_cart2{ display: inline-block !important; }

#fc #sliding_menu{ padding: 10px 10px 20px 10px; }
#fc .sliding_menu_close_button{ font-family: sans-serif; }
#fc .sliding_menu_logo_a{ color: #ffffff !important; text-decoration: none !important; }
#fc .sliding_menu_logo{ margin: 10px auto 30px; font-family: "times new roman"; }
#fc .sliding_menu_item{ color: #ffffff !important; text-decoration: none !important; font-family: sans-serif; }
#fc #footer_top{margin: 50px 0 0;/* margin-left: -31px; */}
#fc .footer_top_column a{ color: #ffffff; text-decoration: none; font-family: sans-serif; }
#fc #footer_middle{ padding-top: 90px; }
#fc .footer_middle_column_first p{ margin: 0 0 20px; font-size: 14px; font-family: sans-serif; }
#fc #footer_newproductrequest{ margin-bottom: 20px; }
#fc #footer_payment_methods{ margin-bottom: 30px; }
#fc .footer_middle_column{ padding: 10px; }
#fc .footer_middle_col{ padding: 10px; }
#fc .footer_middle_column:nth-child(2), #fc .footer_middle_column:nth-child(3), #fc .footer_middle_column:nth-child(4){ margin-bottom: 40px; }
#fc .footer_middle_column_header{ margin-bottom: 40px; font-family: sans-serif; font-size: 16px; }
#fc .footer_middle_column_list li{ margin: 15px 0; }
#fc .footer_middle_column_list li a{ font-family: sans-serif; color: #000000; font-size: 16px; }
#fc .footer_middle_column_list li p{ font-family: sans-serif; color: #000000; font-size: 16px; }
#fc #footer_bottom{ padding: 12px 0; padding-left: 50px; }
@media all and (min-width: 768px){
	#fc .footer_middle_column:nth-child(2){ padding-left: 50px; }
}