@charset "UTF-8"; /** collect all styles within the webapp */ /* general configuration */ /* stylelint-disable */ /* stylelint-disable */ /* stylelint-enable */ /* stylelint-disable-next-line */ /* stylelint-disable */ /** @param: $color (color) - desired color of placeholder */ /** @section: gradient mixin Example usage: .by_gradient { @include by_gradient($color_silver_700); } */ /** @section: button reset reset button default styles in browsers */ /** @section: calc function crossbrowser calc function Example usage: .by_image_helper { @include calc(width, "100% - 60px"); } */ /** @section: aspect ratio aspect ratio helper Example usage: .by_image_helper { @include aspect-ratio(21, 9); } */ /* stylelint-enable */ .by_cc_scco_btn_row:before, .by_cc_scco_form:before, .by_cc_boom_form:before, .by_cc_boom_btn_row:before, .by_cc_scco_btn_row:after, .by_cc_scco_form:after, .by_cc_boom_form:after, .by_cc_boom_btn_row:after { content: "."; display: block; overflow: hidden; height: 0; } .by_cc_scco_btn_row:after, .by_cc_scco_form:after, .by_cc_boom_form:after, .by_cc_boom_btn_row:after { clear: both; } .by_cc_feature_list_item_label_recommended { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } /* stylelint-disable selector-no-qualifying-type */ .by_promoted_teaser_link_label, .by_article_headline, .by_article_link, .by_site_nav_link, .by_set_language span, .by_share_button, .by_back_top_link_label, .by_dealer_filter_wrapper .by_form_select_text, .by_site_navigation_link, .by_cc_unsupported .by_cc_unsupported_content h1, .by_cc_header_label, .by_cc_header_label_change, .by_cc_header_dropdown li, .by_cc_derivative_info_content h1, .by_cc_carline_label, .by_cc_suggestion_title, .by_cc_summary .by_cc_summary_marketingCode, .by_cc_suggestion_price, .by_cc_summary .by_cc_summary_uppercase, .by_cc_summary h1, .by_cc_summary .by_cc_summary_section_title, .by_cc_summary .by_cc_summary_marketingCode_box, .by_cc_summary_line .by_cc_summary_line_key, .by_cc_summary_line .by_cc_summary_line_description, .by_cc_summary_table .by_cc_summary_config_label, .by_cc_selection_form_label, .by_cc_summary_optionTiles .by_cc_summary_section_title, .by_cc_summary_optionTiles .by_cc_summary_optionTile, .by_cc_summary_optionTiles .by_cc_summary_optionTile_title, .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature, .by_cc_category_model, .by_cc_category_header, .by_cc_features .by_cc_categories ul, ul.by_cc_categories__third_level, .by_cc_derivative_item, .by_cc_suggestion_item, .by_cc_overlay_headline, .by_cc_loading_content, .by_cc_infopane_content_container h1, .by_cc_infopane__message .by_cc_infopane_message_content h1, .by_cc_infopane_conflict_list__add li, .by_cc_infopane_conflict_list__remove li, .by_cc_infopane_conflict_resolution_price_difference__sum, .by_cc_maintenance .by_cc_maintenance_content h1, .by_cc_mco_headline, .by_cc_scco_form_input, .by_cc_scco_form .by_share_service, .by_cc_infopane__udv .by_cc_infopane_udv_content h1, .by_cc_boom_form_input, .by_mm_link, .by_mm_section_title, .by_cc_unsupported .by_cc_unsupported_content, .by_cc_wltp_unit, .by_cc_page__edit .by_cc_header_cta__price, .by_cc_page__summary .by_cc_header_cta__price, .by_cc_carline_price_version, .by_cc_summary_table .by_cc_summary_config_description, .by_cc_summary_table .by_cc_summary_config_price, .by_cc_feature_list_item, .by_cc_infopane_content_container .by_richtext, .by_cc_infopane__message .by_cc_infopane_message_content .by_cc_infopane_message, .by_cc_infopane_conflict_head, .by_cc_maintenance .by_cc_maintenance_content .by_cc_maintenance_message, .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_infopane_udv, .by_cc_settings_warning, .by_cc_settings_price_version, .by_cc_settings_row { font-family: "BentleyLight", arial, helvetica, sans-serif; font-weight: normal; } .by_promoted_teaser_link_label, .by_article_headline, .by_article_link, .by_site_nav_link, .by_set_language span, .by_share_button, .by_back_top_link_label, .by_dealer_filter_wrapper .by_form_select_text, .by_site_navigation_link, .by_cc_unsupported .by_cc_unsupported_content h1, .by_cc_header_label, .by_cc_header_label_change, .by_cc_header_dropdown li, .by_cc_derivative_info_content h1, .by_cc_carline_label, .by_cc_suggestion_title, .by_cc_summary .by_cc_summary_marketingCode, .by_cc_suggestion_price, .by_cc_summary .by_cc_summary_uppercase, .by_cc_summary h1, .by_cc_summary .by_cc_summary_section_title, .by_cc_summary .by_cc_summary_marketingCode_box, .by_cc_summary_line .by_cc_summary_line_key, .by_cc_summary_line .by_cc_summary_line_description, .by_cc_summary_table .by_cc_summary_config_label, .by_cc_selection_form_label, .by_cc_summary_optionTiles .by_cc_summary_section_title, .by_cc_summary_optionTiles .by_cc_summary_optionTile, .by_cc_summary_optionTiles .by_cc_summary_optionTile_title, .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature, .by_cc_category_model, .by_cc_category_header, .by_cc_features .by_cc_categories ul, ul.by_cc_categories__third_level, .by_cc_derivative_item, .by_cc_suggestion_item, .by_cc_overlay_headline, .by_cc_loading_content, .by_cc_infopane_content_container h1, .by_cc_infopane__message .by_cc_infopane_message_content h1, .by_cc_infopane_conflict_list__add li, .by_cc_infopane_conflict_list__remove li, .by_cc_infopane_conflict_resolution_price_difference__sum, .by_cc_maintenance .by_cc_maintenance_content h1, .by_cc_mco_headline, .by_cc_scco_form_input, .by_cc_scco_form .by_share_service, .by_cc_infopane__udv .by_cc_infopane_udv_content h1, .by_cc_boom_form_input { text-transform: uppercase; } .by_form_label.by_footer_form_label, .by_kmi_find_address, .by_form_submit, .by_cc_button, .by_cc_button__green, .by_cc_custom_select, .by_cc_suggestion_select, .by_cc_suggestion_highlight_title, .by_cc_form_response__title, ul.by_cc_categories__third_level li a.by_active, ul.by_cc_categories__third_level li a.by_active:link, ul.by_cc_categories__third_level li a.by_active:visited, ul.by_cc_categories__third_level li a.by_active:hover, ul.by_cc_categories__third_level li a.by_active:active, .by_cc_derivative_item.by_active .by_cc_derivative_item_title, .by_cc_suggestion_item.by_active .by_cc_suggestion_item_title, .by_cc_loading_error_title, .by_cc_infopane_conflict_resolution_title, .by_cc_scco_form_btn, .by_cc_boom_form_btn, .by_mm_sitearea_link, .by_cc_header_cta_btn, .by_cc_suggestion_explanation_text, .by_cc_suggestion_marketing_text .by_richtext, .by_cc_suggestion_highlight_text, .by_cc_suggestion_link_readmore, .by_cc_marketing_code, .by_cc_overlay_rd_form .by_form_rd_input input[type='text'], .by_cc_mmcf .by_form_rd_input input[type='text'], .by_cc_overlay_rd_form .by_subcomponent_richtext, .by_cc_mmcf .by_subcomponent_richtext, .by_cc_overlay_rd_form .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_mmcf .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_overlay_rd_form .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_mmcf .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_overlay_rd_form .by_form_component.by_form_error .by_form_element_error, .by_cc_mmcf .by_form_component.by_form_error .by_form_element_error, .by_cc_form_response__message, .by_cc_mco_form .by_cc_mco_form_input, .by_cc_mco_form .by_cc_mco_form_btn, .by_cc_cco__copy, .by_cc_clwo__copy, .by_cc_cco__separator, .by_cc_clwo__separator { font-family: "BentleyRegular", arial, helvetica, sans-serif; font-weight: normal; } .by_form_label.by_footer_form_label, .by_kmi_find_address, .by_form_submit, .by_cc_button, .by_cc_button__green, .by_cc_custom_select, .by_cc_suggestion_select, .by_cc_suggestion_highlight_title, .by_cc_form_response__title, ul.by_cc_categories__third_level li a.by_active, ul.by_cc_categories__third_level li a.by_active:link, ul.by_cc_categories__third_level li a.by_active:visited, ul.by_cc_categories__third_level li a.by_active:hover, ul.by_cc_categories__third_level li a.by_active:active, .by_cc_derivative_item.by_active .by_cc_derivative_item_title, .by_cc_suggestion_item.by_active .by_cc_suggestion_item_title, .by_cc_loading_error_title, .by_cc_infopane_conflict_resolution_title, .by_cc_scco_form_btn, .by_cc_boom_form_btn { text-transform: uppercase; } .by_cc_overlay_rd_form .by_form_rd_input .by_form_label_text, .by_cc_mmcf .by_form_rd_input .by_form_label_text, .by_cc_settings_warning span, .by_cc_settings_row_total { font-family: "BentleyBold", arial, helvetica, sans-serif; font-weight: normal; } [dir="rtl"] .by_cc_overlay_rd_form .by_form_rd_input .by_form_label_text, .by_cc_overlay_rd_form .by_form_rd_input [dir="rtl"] .by_form_label_text, [dir="rtl"] .by_cc_mmcf .by_form_rd_input .by_form_label_text, .by_cc_mmcf .by_form_rd_input [dir="rtl"] .by_form_label_text, [dir="rtl"] .by_cc_settings_warning span, .by_cc_settings_warning [dir="rtl"] span, [dir="rtl"] .by_cc_settings_row_total { font-weight: bold; } .by_cc_suggestion_label, .by_cc_summary .by_cc_summary_label, .by_cc_cta_block__label, .by_cc_wltp_value, .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element, .by_cc_mmcf .by_form_rd_submit .by_form_submit_element { font-family: "BentleySemiBold", arial, helvetica, sans-serif; font-weight: normal; } .by_cc_suggestion_label, .by_cc_summary .by_cc_summary_label, .by_cc_cta_block__label { text-transform: uppercase; } .by_footer_form_input, .by_b3, .by_article_content, .by_richtext, .by_language_selection, .by_footer_nav_link, .by_form_label, .by_form_input_text, .by_form_input_select, .by_form_select_text, .by_form_checkbox_label, .by_back_top_link_label, .by_article_copy, .by_cc_derivative_info_text, .by_cc_overlay_richtext, .by_cc_mco_richtext, .by_cc_mco_error, .by_cc_scco_richtext, .by_cc_boom_richtext { font-family: arial, helvetica, sans-serif; font-weight: normal; } [dir="rtl"] .by_promoted_teaser_link_label, [dir="rtl"] .by_article_headline, [dir="rtl"] .by_article_link, [dir="rtl"] .by_site_nav_link, [dir="rtl"] .by_set_language span, .by_set_language [dir="rtl"] span, [dir="rtl"] .by_share_button, [dir="rtl"] .by_back_top_link_label, [dir="rtl"] .by_dealer_filter_wrapper .by_form_select_text, .by_dealer_filter_wrapper [dir="rtl"] .by_form_select_text, [dir="rtl"] .by_site_navigation_link, [dir="rtl"] .by_cc_unsupported .by_cc_unsupported_content h1, .by_cc_unsupported .by_cc_unsupported_content [dir="rtl"] h1, [dir="rtl"] .by_cc_header_label, [dir="rtl"] .by_cc_header_label_change, [dir="rtl"] .by_cc_header_dropdown li, .by_cc_header_dropdown [dir="rtl"] li, [dir="rtl"] .by_cc_derivative_info_content h1, .by_cc_derivative_info_content [dir="rtl"] h1, [dir="rtl"] .by_cc_carline_label, [dir="rtl"] .by_cc_suggestion_title, [dir="rtl"] .by_cc_summary .by_cc_summary_marketingCode, .by_cc_summary [dir="rtl"] .by_cc_summary_marketingCode, [dir="rtl"] .by_cc_suggestion_price, [dir="rtl"] .by_cc_summary .by_cc_summary_uppercase, .by_cc_summary [dir="rtl"] .by_cc_summary_uppercase, [dir="rtl"] .by_cc_summary h1, .by_cc_summary [dir="rtl"] h1, [dir="rtl"] .by_cc_summary .by_cc_summary_section_title, .by_cc_summary [dir="rtl"] .by_cc_summary_section_title, [dir="rtl"] .by_cc_summary .by_cc_summary_marketingCode_box, .by_cc_summary [dir="rtl"] .by_cc_summary_marketingCode_box, [dir="rtl"] .by_cc_summary_line .by_cc_summary_line_key, .by_cc_summary_line [dir="rtl"] .by_cc_summary_line_key, [dir="rtl"] .by_cc_summary_line .by_cc_summary_line_description, .by_cc_summary_line [dir="rtl"] .by_cc_summary_line_description, [dir="rtl"] .by_cc_summary_table .by_cc_summary_config_label, .by_cc_summary_table [dir="rtl"] .by_cc_summary_config_label, [dir="rtl"] .by_cc_selection_form_label, [dir="rtl"] .by_cc_summary_optionTiles .by_cc_summary_section_title, .by_cc_summary_optionTiles [dir="rtl"] .by_cc_summary_section_title, [dir="rtl"] .by_cc_summary_optionTiles .by_cc_summary_optionTile, .by_cc_summary_optionTiles [dir="rtl"] .by_cc_summary_optionTile, [dir="rtl"] .by_cc_summary_optionTiles .by_cc_summary_optionTile_title, .by_cc_summary_optionTiles [dir="rtl"] .by_cc_summary_optionTile_title, [dir="rtl"] .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature, .by_cc_summary_optionTiles [dir="rtl"] .by_cc_summary_optionTile_feature, [dir="rtl"] .by_cc_category_model, [dir="rtl"] .by_cc_category_header, [dir="rtl"] .by_cc_features .by_cc_categories ul, .by_cc_features .by_cc_categories [dir="rtl"] ul, [dir="rtl"] ul.by_cc_categories__third_level, [dir="rtl"] .by_cc_derivative_item, [dir="rtl"] .by_cc_suggestion_item, [dir="rtl"] .by_cc_overlay_headline, [dir="rtl"] .by_cc_loading_content, [dir="rtl"] .by_cc_infopane_content_container h1, .by_cc_infopane_content_container [dir="rtl"] h1, [dir="rtl"] .by_cc_infopane__message .by_cc_infopane_message_content h1, .by_cc_infopane__message .by_cc_infopane_message_content [dir="rtl"] h1, [dir="rtl"] .by_cc_infopane_conflict_list__add li, .by_cc_infopane_conflict_list__add [dir="rtl"] li, [dir="rtl"] .by_cc_infopane_conflict_list__remove li, .by_cc_infopane_conflict_list__remove [dir="rtl"] li, [dir="rtl"] .by_cc_infopane_conflict_resolution_price_difference__sum, [dir="rtl"] .by_cc_maintenance .by_cc_maintenance_content h1, .by_cc_maintenance .by_cc_maintenance_content [dir="rtl"] h1, [dir="rtl"] .by_cc_mco_headline, [dir="rtl"] .by_cc_scco_form_input, [dir="rtl"] .by_cc_scco_form .by_share_service, .by_cc_scco_form [dir="rtl"] .by_share_service, [dir="rtl"] .by_cc_infopane__udv .by_cc_infopane_udv_content h1, .by_cc_infopane__udv .by_cc_infopane_udv_content [dir="rtl"] h1, [dir="rtl"] .by_cc_boom_form_input, [dir="rtl"] .by_mm_link, [dir="rtl"] .by_mm_section_title, [dir="rtl"] .by_cc_unsupported .by_cc_unsupported_content, .by_cc_unsupported [dir="rtl"] .by_cc_unsupported_content, [dir="rtl"] .by_cc_wltp_unit, [dir="rtl"] .by_cc_page__edit .by_cc_header_cta__price, .by_cc_page__edit [dir="rtl"] .by_cc_header_cta__price, [dir="rtl"] .by_cc_page__summary .by_cc_header_cta__price, .by_cc_page__summary [dir="rtl"] .by_cc_header_cta__price, [dir="rtl"] .by_cc_carline_price_version, [dir="rtl"] .by_cc_summary_table .by_cc_summary_config_description, .by_cc_summary_table [dir="rtl"] .by_cc_summary_config_description, [dir="rtl"] .by_cc_summary_table .by_cc_summary_config_price, .by_cc_summary_table [dir="rtl"] .by_cc_summary_config_price, [dir="rtl"] .by_cc_feature_list_item, [dir="rtl"] .by_cc_infopane_content_container .by_richtext, .by_cc_infopane_content_container [dir="rtl"] .by_richtext, [dir="rtl"] .by_cc_infopane__message .by_cc_infopane_message_content .by_cc_infopane_message, .by_cc_infopane__message .by_cc_infopane_message_content [dir="rtl"] .by_cc_infopane_message, [dir="rtl"] .by_cc_infopane_conflict_head, [dir="rtl"] .by_cc_maintenance .by_cc_maintenance_content .by_cc_maintenance_message, .by_cc_maintenance .by_cc_maintenance_content [dir="rtl"] .by_cc_maintenance_message, [dir="rtl"] .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_infopane_udv, .by_cc_infopane__udv .by_cc_infopane_udv_content [dir="rtl"] .by_cc_infopane_udv, [dir="rtl"] .by_cc_settings_warning, [dir="rtl"] .by_cc_settings_price_version, [dir="rtl"] .by_cc_settings_row, [dir="rtl"] .by_form_label.by_footer_form_label, [dir="rtl"] .by_kmi_find_address, [dir="rtl"] .by_form_submit, [dir="rtl"] .by_cc_button, [dir="rtl"] .by_cc_button__green, [dir="rtl"] .by_cc_custom_select, [dir="rtl"] .by_cc_suggestion_select, [dir="rtl"] .by_cc_suggestion_highlight_title, [dir="rtl"] .by_cc_form_response__title, [dir="rtl"] ul.by_cc_categories__third_level li a.by_active, ul.by_cc_categories__third_level li [dir="rtl"] a.by_active, [dir="rtl"] .by_cc_derivative_item.by_active .by_cc_derivative_item_title, .by_cc_derivative_item.by_active [dir="rtl"] .by_cc_derivative_item_title, [dir="rtl"] .by_cc_suggestion_item.by_active .by_cc_suggestion_item_title, .by_cc_suggestion_item.by_active [dir="rtl"] .by_cc_suggestion_item_title, [dir="rtl"] .by_cc_loading_error_title, [dir="rtl"] .by_cc_infopane_conflict_resolution_title, [dir="rtl"] .by_cc_scco_form_btn, [dir="rtl"] .by_cc_boom_form_btn, [dir="rtl"] .by_mm_sitearea_link, [dir="rtl"] .by_cc_header_cta_btn, [dir="rtl"] .by_cc_suggestion_explanation_text, [dir="rtl"] .by_cc_suggestion_marketing_text .by_richtext, .by_cc_suggestion_marketing_text [dir="rtl"] .by_richtext, [dir="rtl"] .by_cc_suggestion_highlight_text, [dir="rtl"] .by_cc_suggestion_link_readmore, [dir="rtl"] .by_cc_marketing_code, [dir="rtl"] .by_cc_overlay_rd_form .by_form_rd_input input[type='text'], .by_cc_overlay_rd_form .by_form_rd_input [dir="rtl"] input[type='text'], [dir="rtl"] .by_cc_mmcf .by_form_rd_input input[type='text'], .by_cc_mmcf .by_form_rd_input [dir="rtl"] input[type='text'], [dir="rtl"] .by_cc_overlay_rd_form .by_subcomponent_richtext, .by_cc_overlay_rd_form [dir="rtl"] .by_subcomponent_richtext, [dir="rtl"] .by_cc_mmcf .by_subcomponent_richtext, .by_cc_mmcf [dir="rtl"] .by_subcomponent_richtext, [dir="rtl"] .by_cc_overlay_rd_form .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_overlay_rd_form .by_radiogroup_item [dir="rtl"] .by_form_rd_radiogroup_text, [dir="rtl"] .by_cc_mmcf .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_mmcf .by_radiogroup_item [dir="rtl"] .by_form_rd_radiogroup_text, [dir="rtl"] .by_cc_overlay_rd_form .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_overlay_rd_form .by_form_rd_checkbox [dir="rtl"] .by_form_rd_checkbox_text, [dir="rtl"] .by_cc_mmcf .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_mmcf .by_form_rd_checkbox [dir="rtl"] .by_form_rd_checkbox_text, [dir="rtl"] .by_cc_overlay_rd_form .by_form_component.by_form_error .by_form_element_error, .by_cc_overlay_rd_form .by_form_component.by_form_error [dir="rtl"] .by_form_element_error, [dir="rtl"] .by_cc_mmcf .by_form_component.by_form_error .by_form_element_error, .by_cc_mmcf .by_form_component.by_form_error [dir="rtl"] .by_form_element_error, [dir="rtl"] .by_cc_form_response__message, [dir="rtl"] .by_cc_mco_form .by_cc_mco_form_input, .by_cc_mco_form [dir="rtl"] .by_cc_mco_form_input, [dir="rtl"] .by_cc_mco_form .by_cc_mco_form_btn, .by_cc_mco_form [dir="rtl"] .by_cc_mco_form_btn, [dir="rtl"] .by_cc_cco__copy, [dir="rtl"] .by_cc_clwo__copy, [dir="rtl"] .by_cc_cco__separator, [dir="rtl"] .by_cc_clwo__separator, [dir="rtl"] .by_cc_overlay_rd_form .by_form_rd_input .by_form_label_text, .by_cc_overlay_rd_form .by_form_rd_input [dir="rtl"] .by_form_label_text, [dir="rtl"] .by_cc_mmcf .by_form_rd_input .by_form_label_text, .by_cc_mmcf .by_form_rd_input [dir="rtl"] .by_form_label_text, [dir="rtl"] .by_cc_settings_warning span, .by_cc_settings_warning [dir="rtl"] span, [dir="rtl"] .by_cc_settings_row_total, [dir="rtl"] .by_footer_form_input, [dir="rtl"] .by_b3, [dir="rtl"] .by_article_content, [dir="rtl"] .by_richtext, [dir="rtl"] .by_language_selection, [dir="rtl"] .by_footer_nav_link, [dir="rtl"] .by_form_label, [dir="rtl"] .by_form_input_text, [dir="rtl"] .by_form_input_select, [dir="rtl"] .by_form_select_text, [dir="rtl"] .by_form_checkbox_label, [dir="rtl"] .by_article_copy, [dir="rtl"] .by_cc_derivative_info_text, [dir="rtl"] .by_cc_overlay_richtext, [dir="rtl"] .by_cc_mco_richtext, [dir="rtl"] .by_cc_mco_error, [dir="rtl"] .by_cc_scco_richtext, [dir="rtl"] .by_cc_boom_richtext, [dir="rtl"] .by_cc_suggestion_label, [dir="rtl"] .by_cc_summary .by_cc_summary_label, .by_cc_summary [dir="rtl"] .by_cc_summary_label, [dir="rtl"] .by_cc_cta_block__label, [dir="rtl"] .by_cc_wltp_value, [dir="rtl"] .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element, .by_cc_overlay_rd_form .by_form_rd_submit [dir="rtl"] .by_form_submit_element, [dir="rtl"] .by_cc_mmcf .by_form_rd_submit .by_form_submit_element, .by_cc_mmcf .by_form_rd_submit [dir="rtl"] .by_form_submit_element { font-family: Tahoma, "BentleyRegular", arial, helvetica, sans-serif; } [dir="rtl"] .by_cc_suggestion_label, [dir="rtl"] .by_cc_summary .by_cc_summary_label, .by_cc_summary [dir="rtl"] .by_cc_summary_label, [dir="rtl"] .by_cc_cta_block__label, [dir="rtl"] .by_cc_wltp_value, [dir="rtl"] .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element, .by_cc_overlay_rd_form .by_form_rd_submit [dir="rtl"] .by_form_submit_element, [dir="rtl"] .by_cc_mmcf .by_form_rd_submit .by_form_submit_element, .by_cc_mmcf .by_form_rd_submit [dir="rtl"] .by_form_submit_element { font-weight: bold; } [lang="zh"] .by_promoted_teaser_link_label, [lang="zh"] .by_article_headline, [lang="zh"] .by_article_link, [lang="zh"] .by_site_nav_link, [lang="zh"] .by_set_language span, .by_set_language [lang="zh"] span, [lang="zh"] .by_share_button, [lang="zh"] .by_back_top_link_label, [lang="zh"] .by_dealer_filter_wrapper .by_form_select_text, .by_dealer_filter_wrapper [lang="zh"] .by_form_select_text, [lang="zh"] .by_site_navigation_link, [lang="zh"] .by_cc_unsupported .by_cc_unsupported_content h1, .by_cc_unsupported .by_cc_unsupported_content [lang="zh"] h1, [lang="zh"] .by_cc_header_label, [lang="zh"] .by_cc_header_label_change, [lang="zh"] .by_cc_header_dropdown li, .by_cc_header_dropdown [lang="zh"] li, [lang="zh"] .by_cc_derivative_info_content h1, .by_cc_derivative_info_content [lang="zh"] h1, [lang="zh"] .by_cc_carline_label, [lang="zh"] .by_cc_suggestion_title, [lang="zh"] .by_cc_summary .by_cc_summary_marketingCode, .by_cc_summary [lang="zh"] .by_cc_summary_marketingCode, [lang="zh"] .by_cc_suggestion_price, [lang="zh"] .by_cc_summary .by_cc_summary_uppercase, .by_cc_summary [lang="zh"] .by_cc_summary_uppercase, [lang="zh"] .by_cc_summary h1, .by_cc_summary [lang="zh"] h1, [lang="zh"] .by_cc_summary .by_cc_summary_section_title, .by_cc_summary [lang="zh"] .by_cc_summary_section_title, [lang="zh"] .by_cc_summary .by_cc_summary_marketingCode_box, .by_cc_summary [lang="zh"] .by_cc_summary_marketingCode_box, [lang="zh"] .by_cc_summary_line .by_cc_summary_line_key, .by_cc_summary_line [lang="zh"] .by_cc_summary_line_key, [lang="zh"] .by_cc_summary_line .by_cc_summary_line_description, .by_cc_summary_line [lang="zh"] .by_cc_summary_line_description, [lang="zh"] .by_cc_summary_table .by_cc_summary_config_label, .by_cc_summary_table [lang="zh"] .by_cc_summary_config_label, [lang="zh"] .by_cc_selection_form_label, [lang="zh"] .by_cc_summary_optionTiles .by_cc_summary_section_title, .by_cc_summary_optionTiles [lang="zh"] .by_cc_summary_section_title, [lang="zh"] .by_cc_summary_optionTiles .by_cc_summary_optionTile, .by_cc_summary_optionTiles [lang="zh"] .by_cc_summary_optionTile, [lang="zh"] .by_cc_summary_optionTiles .by_cc_summary_optionTile_title, .by_cc_summary_optionTiles [lang="zh"] .by_cc_summary_optionTile_title, [lang="zh"] .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature, .by_cc_summary_optionTiles [lang="zh"] .by_cc_summary_optionTile_feature, [lang="zh"] .by_cc_category_model, [lang="zh"] .by_cc_category_header, [lang="zh"] .by_cc_features .by_cc_categories ul, .by_cc_features .by_cc_categories [lang="zh"] ul, [lang="zh"] ul.by_cc_categories__third_level, [lang="zh"] .by_cc_derivative_item, [lang="zh"] .by_cc_suggestion_item, [lang="zh"] .by_cc_overlay_headline, [lang="zh"] .by_cc_loading_content, [lang="zh"] .by_cc_infopane_content_container h1, .by_cc_infopane_content_container [lang="zh"] h1, [lang="zh"] .by_cc_infopane__message .by_cc_infopane_message_content h1, .by_cc_infopane__message .by_cc_infopane_message_content [lang="zh"] h1, [lang="zh"] .by_cc_infopane_conflict_list__add li, .by_cc_infopane_conflict_list__add [lang="zh"] li, [lang="zh"] .by_cc_infopane_conflict_list__remove li, .by_cc_infopane_conflict_list__remove [lang="zh"] li, [lang="zh"] .by_cc_infopane_conflict_resolution_price_difference__sum, [lang="zh"] .by_cc_maintenance .by_cc_maintenance_content h1, .by_cc_maintenance .by_cc_maintenance_content [lang="zh"] h1, [lang="zh"] .by_cc_mco_headline, [lang="zh"] .by_cc_scco_form_input, [lang="zh"] .by_cc_scco_form .by_share_service, .by_cc_scco_form [lang="zh"] .by_share_service, [lang="zh"] .by_cc_infopane__udv .by_cc_infopane_udv_content h1, .by_cc_infopane__udv .by_cc_infopane_udv_content [lang="zh"] h1, [lang="zh"] .by_cc_boom_form_input, [lang="zh"] .by_mm_link, [lang="zh"] .by_mm_section_title, [lang="zh"] .by_cc_unsupported .by_cc_unsupported_content, .by_cc_unsupported [lang="zh"] .by_cc_unsupported_content, [lang="zh"] .by_cc_wltp_unit, [lang="zh"] .by_cc_page__edit .by_cc_header_cta__price, .by_cc_page__edit [lang="zh"] .by_cc_header_cta__price, [lang="zh"] .by_cc_page__summary .by_cc_header_cta__price, .by_cc_page__summary [lang="zh"] .by_cc_header_cta__price, [lang="zh"] .by_cc_carline_price_version, [lang="zh"] .by_cc_summary_table .by_cc_summary_config_description, .by_cc_summary_table [lang="zh"] .by_cc_summary_config_description, [lang="zh"] .by_cc_summary_table .by_cc_summary_config_price, .by_cc_summary_table [lang="zh"] .by_cc_summary_config_price, [lang="zh"] .by_cc_feature_list_item, [lang="zh"] .by_cc_infopane_content_container .by_richtext, .by_cc_infopane_content_container [lang="zh"] .by_richtext, [lang="zh"] .by_cc_infopane__message .by_cc_infopane_message_content .by_cc_infopane_message, .by_cc_infopane__message .by_cc_infopane_message_content [lang="zh"] .by_cc_infopane_message, [lang="zh"] .by_cc_infopane_conflict_head, [lang="zh"] .by_cc_maintenance .by_cc_maintenance_content .by_cc_maintenance_message, .by_cc_maintenance .by_cc_maintenance_content [lang="zh"] .by_cc_maintenance_message, [lang="zh"] .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_infopane_udv, .by_cc_infopane__udv .by_cc_infopane_udv_content [lang="zh"] .by_cc_infopane_udv, [lang="zh"] .by_cc_settings_warning, [lang="zh"] .by_cc_settings_price_version, [lang="zh"] .by_cc_settings_row, [lang="zh"] .by_form_label.by_footer_form_label, [lang="zh"] .by_kmi_find_address, [lang="zh"] .by_form_submit, [lang="zh"] .by_cc_button, [lang="zh"] .by_cc_button__green, [lang="zh"] .by_cc_custom_select, [lang="zh"] .by_cc_suggestion_select, [lang="zh"] .by_cc_suggestion_highlight_title, [lang="zh"] .by_cc_form_response__title, [lang="zh"] ul.by_cc_categories__third_level li a.by_active, ul.by_cc_categories__third_level li [lang="zh"] a.by_active, [lang="zh"] .by_cc_derivative_item.by_active .by_cc_derivative_item_title, .by_cc_derivative_item.by_active [lang="zh"] .by_cc_derivative_item_title, [lang="zh"] .by_cc_suggestion_item.by_active .by_cc_suggestion_item_title, .by_cc_suggestion_item.by_active [lang="zh"] .by_cc_suggestion_item_title, [lang="zh"] .by_cc_loading_error_title, [lang="zh"] .by_cc_infopane_conflict_resolution_title, [lang="zh"] .by_cc_scco_form_btn, [lang="zh"] .by_cc_boom_form_btn, [lang="zh"] .by_mm_sitearea_link, [lang="zh"] .by_cc_header_cta_btn, [lang="zh"] .by_cc_suggestion_explanation_text, [lang="zh"] .by_cc_suggestion_marketing_text .by_richtext, .by_cc_suggestion_marketing_text [lang="zh"] .by_richtext, [lang="zh"] .by_cc_suggestion_highlight_text, [lang="zh"] .by_cc_suggestion_link_readmore, [lang="zh"] .by_cc_marketing_code, [lang="zh"] .by_cc_overlay_rd_form .by_form_rd_input input[type='text'], .by_cc_overlay_rd_form .by_form_rd_input [lang="zh"] input[type='text'], [lang="zh"] .by_cc_mmcf .by_form_rd_input input[type='text'], .by_cc_mmcf .by_form_rd_input [lang="zh"] input[type='text'], [lang="zh"] .by_cc_overlay_rd_form .by_subcomponent_richtext, .by_cc_overlay_rd_form [lang="zh"] .by_subcomponent_richtext, [lang="zh"] .by_cc_mmcf .by_subcomponent_richtext, .by_cc_mmcf [lang="zh"] .by_subcomponent_richtext, [lang="zh"] .by_cc_overlay_rd_form .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_overlay_rd_form .by_radiogroup_item [lang="zh"] .by_form_rd_radiogroup_text, [lang="zh"] .by_cc_mmcf .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_mmcf .by_radiogroup_item [lang="zh"] .by_form_rd_radiogroup_text, [lang="zh"] .by_cc_overlay_rd_form .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_overlay_rd_form .by_form_rd_checkbox [lang="zh"] .by_form_rd_checkbox_text, [lang="zh"] .by_cc_mmcf .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_mmcf .by_form_rd_checkbox [lang="zh"] .by_form_rd_checkbox_text, [lang="zh"] .by_cc_overlay_rd_form .by_form_component.by_form_error .by_form_element_error, .by_cc_overlay_rd_form .by_form_component.by_form_error [lang="zh"] .by_form_element_error, [lang="zh"] .by_cc_mmcf .by_form_component.by_form_error .by_form_element_error, .by_cc_mmcf .by_form_component.by_form_error [lang="zh"] .by_form_element_error, [lang="zh"] .by_cc_form_response__message, [lang="zh"] .by_cc_mco_form .by_cc_mco_form_input, .by_cc_mco_form [lang="zh"] .by_cc_mco_form_input, [lang="zh"] .by_cc_mco_form .by_cc_mco_form_btn, .by_cc_mco_form [lang="zh"] .by_cc_mco_form_btn, [lang="zh"] .by_cc_cco__copy, [lang="zh"] .by_cc_clwo__copy, [lang="zh"] .by_cc_cco__separator, [lang="zh"] .by_cc_clwo__separator, [lang="zh"] .by_cc_overlay_rd_form .by_form_rd_input .by_form_label_text, .by_cc_overlay_rd_form .by_form_rd_input [lang="zh"] .by_form_label_text, [lang="zh"] .by_cc_mmcf .by_form_rd_input .by_form_label_text, .by_cc_mmcf .by_form_rd_input [lang="zh"] .by_form_label_text, [lang="zh"] .by_cc_settings_warning span, .by_cc_settings_warning [lang="zh"] span, [lang="zh"] .by_cc_settings_row_total, [lang="zh"] .by_cc_suggestion_label, [lang="zh"] .by_cc_summary .by_cc_summary_label, .by_cc_summary [lang="zh"] .by_cc_summary_label, [lang="zh"] .by_cc_cta_block__label, [lang="zh"] .by_cc_wltp_value, [lang="zh"] .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element, .by_cc_overlay_rd_form .by_form_rd_submit [lang="zh"] .by_form_submit_element, [lang="zh"] .by_cc_mmcf .by_form_rd_submit .by_form_submit_element, .by_cc_mmcf .by_form_rd_submit [lang="zh"] .by_form_submit_element { font-family: "BentleyRegular", arial, helvetica, 宋体, SimSun, 华文细黑, STXihei, sans-serif; font-weight: normal; } [lang="zh"] .by_cc_overlay_rd_form .by_form_rd_input .by_form_label_text, .by_cc_overlay_rd_form .by_form_rd_input [lang="zh"] .by_form_label_text, [lang="zh"] .by_cc_mmcf .by_form_rd_input .by_form_label_text, .by_cc_mmcf .by_form_rd_input [lang="zh"] .by_form_label_text, [lang="zh"] .by_cc_settings_warning span, .by_cc_settings_warning [lang="zh"] span, [lang="zh"] .by_cc_settings_row_total, [lang="zh"] .by_cc_suggestion_label, [lang="zh"] .by_cc_summary .by_cc_summary_label, .by_cc_summary [lang="zh"] .by_cc_summary_label, [lang="zh"] .by_cc_cta_block__label, [lang="zh"] .by_cc_wltp_value, [lang="zh"] .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element, .by_cc_overlay_rd_form .by_form_rd_submit [lang="zh"] .by_form_submit_element, [lang="zh"] .by_cc_mmcf .by_form_rd_submit .by_form_submit_element, .by_cc_mmcf .by_form_rd_submit [lang="zh"] .by_form_submit_element { font-weight: bold; } [lang="ru"] .by_promoted_teaser_link_label, [lang="ru"] .by_article_headline, [lang="ru"] .by_article_link, [lang="ru"] .by_site_nav_link, [lang="ru"] .by_set_language span, .by_set_language [lang="ru"] span, [lang="ru"] .by_share_button, [lang="ru"] .by_back_top_link_label, [lang="ru"] .by_dealer_filter_wrapper .by_form_select_text, .by_dealer_filter_wrapper [lang="ru"] .by_form_select_text, [lang="ru"] .by_site_navigation_link, [lang="ru"] .by_cc_unsupported .by_cc_unsupported_content h1, .by_cc_unsupported .by_cc_unsupported_content [lang="ru"] h1, [lang="ru"] .by_cc_header_label, [lang="ru"] .by_cc_header_label_change, [lang="ru"] .by_cc_header_dropdown li, .by_cc_header_dropdown [lang="ru"] li, [lang="ru"] .by_cc_derivative_info_content h1, .by_cc_derivative_info_content [lang="ru"] h1, [lang="ru"] .by_cc_carline_label, [lang="ru"] .by_cc_suggestion_title, [lang="ru"] .by_cc_summary .by_cc_summary_marketingCode, .by_cc_summary [lang="ru"] .by_cc_summary_marketingCode, [lang="ru"] .by_cc_suggestion_price, [lang="ru"] .by_cc_summary .by_cc_summary_uppercase, .by_cc_summary [lang="ru"] .by_cc_summary_uppercase, [lang="ru"] .by_cc_summary h1, .by_cc_summary [lang="ru"] h1, [lang="ru"] .by_cc_summary .by_cc_summary_section_title, .by_cc_summary [lang="ru"] .by_cc_summary_section_title, [lang="ru"] .by_cc_summary .by_cc_summary_marketingCode_box, .by_cc_summary [lang="ru"] .by_cc_summary_marketingCode_box, [lang="ru"] .by_cc_summary_line .by_cc_summary_line_key, .by_cc_summary_line [lang="ru"] .by_cc_summary_line_key, [lang="ru"] .by_cc_summary_line .by_cc_summary_line_description, .by_cc_summary_line [lang="ru"] .by_cc_summary_line_description, [lang="ru"] .by_cc_summary_table .by_cc_summary_config_label, .by_cc_summary_table [lang="ru"] .by_cc_summary_config_label, [lang="ru"] .by_cc_selection_form_label, [lang="ru"] .by_cc_summary_optionTiles .by_cc_summary_section_title, .by_cc_summary_optionTiles [lang="ru"] .by_cc_summary_section_title, [lang="ru"] .by_cc_summary_optionTiles .by_cc_summary_optionTile, .by_cc_summary_optionTiles [lang="ru"] .by_cc_summary_optionTile, [lang="ru"] .by_cc_summary_optionTiles .by_cc_summary_optionTile_title, .by_cc_summary_optionTiles [lang="ru"] .by_cc_summary_optionTile_title, [lang="ru"] .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature, .by_cc_summary_optionTiles [lang="ru"] .by_cc_summary_optionTile_feature, [lang="ru"] .by_cc_category_model, [lang="ru"] .by_cc_category_header, [lang="ru"] .by_cc_features .by_cc_categories ul, .by_cc_features .by_cc_categories [lang="ru"] ul, [lang="ru"] ul.by_cc_categories__third_level, [lang="ru"] .by_cc_derivative_item, [lang="ru"] .by_cc_suggestion_item, [lang="ru"] .by_cc_overlay_headline, [lang="ru"] .by_cc_loading_content, [lang="ru"] .by_cc_infopane_content_container h1, .by_cc_infopane_content_container [lang="ru"] h1, [lang="ru"] .by_cc_infopane__message .by_cc_infopane_message_content h1, .by_cc_infopane__message .by_cc_infopane_message_content [lang="ru"] h1, [lang="ru"] .by_cc_infopane_conflict_list__add li, .by_cc_infopane_conflict_list__add [lang="ru"] li, [lang="ru"] .by_cc_infopane_conflict_list__remove li, .by_cc_infopane_conflict_list__remove [lang="ru"] li, [lang="ru"] .by_cc_infopane_conflict_resolution_price_difference__sum, [lang="ru"] .by_cc_maintenance .by_cc_maintenance_content h1, .by_cc_maintenance .by_cc_maintenance_content [lang="ru"] h1, [lang="ru"] .by_cc_mco_headline, [lang="ru"] .by_cc_scco_form_input, [lang="ru"] .by_cc_scco_form .by_share_service, .by_cc_scco_form [lang="ru"] .by_share_service, [lang="ru"] .by_cc_infopane__udv .by_cc_infopane_udv_content h1, .by_cc_infopane__udv .by_cc_infopane_udv_content [lang="ru"] h1, [lang="ru"] .by_cc_boom_form_input, [lang="ru"] .by_mm_link, [lang="ru"] .by_mm_section_title, [lang="ru"] .by_cc_unsupported .by_cc_unsupported_content, .by_cc_unsupported [lang="ru"] .by_cc_unsupported_content, [lang="ru"] .by_cc_wltp_unit, [lang="ru"] .by_cc_page__edit .by_cc_header_cta__price, .by_cc_page__edit [lang="ru"] .by_cc_header_cta__price, [lang="ru"] .by_cc_page__summary .by_cc_header_cta__price, .by_cc_page__summary [lang="ru"] .by_cc_header_cta__price, [lang="ru"] .by_cc_carline_price_version, [lang="ru"] .by_cc_summary_table .by_cc_summary_config_description, .by_cc_summary_table [lang="ru"] .by_cc_summary_config_description, [lang="ru"] .by_cc_summary_table .by_cc_summary_config_price, .by_cc_summary_table [lang="ru"] .by_cc_summary_config_price, [lang="ru"] .by_cc_feature_list_item, [lang="ru"] .by_cc_infopane_content_container .by_richtext, .by_cc_infopane_content_container [lang="ru"] .by_richtext, [lang="ru"] .by_cc_infopane__message .by_cc_infopane_message_content .by_cc_infopane_message, .by_cc_infopane__message .by_cc_infopane_message_content [lang="ru"] .by_cc_infopane_message, [lang="ru"] .by_cc_infopane_conflict_head, [lang="ru"] .by_cc_maintenance .by_cc_maintenance_content .by_cc_maintenance_message, .by_cc_maintenance .by_cc_maintenance_content [lang="ru"] .by_cc_maintenance_message, [lang="ru"] .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_infopane_udv, .by_cc_infopane__udv .by_cc_infopane_udv_content [lang="ru"] .by_cc_infopane_udv, [lang="ru"] .by_cc_settings_warning, [lang="ru"] .by_cc_settings_price_version, [lang="ru"] .by_cc_settings_row, [lang="ru"] .by_form_label.by_footer_form_label, [lang="ru"] .by_kmi_find_address, [lang="ru"] .by_form_submit, [lang="ru"] .by_cc_button, [lang="ru"] .by_cc_button__green, [lang="ru"] .by_cc_custom_select, [lang="ru"] .by_cc_suggestion_select, [lang="ru"] .by_cc_suggestion_highlight_title, [lang="ru"] .by_cc_form_response__title, [lang="ru"] ul.by_cc_categories__third_level li a.by_active, ul.by_cc_categories__third_level li [lang="ru"] a.by_active, [lang="ru"] .by_cc_derivative_item.by_active .by_cc_derivative_item_title, .by_cc_derivative_item.by_active [lang="ru"] .by_cc_derivative_item_title, [lang="ru"] .by_cc_suggestion_item.by_active .by_cc_suggestion_item_title, .by_cc_suggestion_item.by_active [lang="ru"] .by_cc_suggestion_item_title, [lang="ru"] .by_cc_loading_error_title, [lang="ru"] .by_cc_infopane_conflict_resolution_title, [lang="ru"] .by_cc_scco_form_btn, [lang="ru"] .by_cc_boom_form_btn, [lang="ru"] .by_mm_sitearea_link, [lang="ru"] .by_cc_header_cta_btn, [lang="ru"] .by_cc_suggestion_explanation_text, [lang="ru"] .by_cc_suggestion_marketing_text .by_richtext, .by_cc_suggestion_marketing_text [lang="ru"] .by_richtext, [lang="ru"] .by_cc_suggestion_highlight_text, [lang="ru"] .by_cc_suggestion_link_readmore, [lang="ru"] .by_cc_marketing_code, [lang="ru"] .by_cc_overlay_rd_form .by_form_rd_input input[type='text'], .by_cc_overlay_rd_form .by_form_rd_input [lang="ru"] input[type='text'], [lang="ru"] .by_cc_mmcf .by_form_rd_input input[type='text'], .by_cc_mmcf .by_form_rd_input [lang="ru"] input[type='text'], [lang="ru"] .by_cc_overlay_rd_form .by_subcomponent_richtext, .by_cc_overlay_rd_form [lang="ru"] .by_subcomponent_richtext, [lang="ru"] .by_cc_mmcf .by_subcomponent_richtext, .by_cc_mmcf [lang="ru"] .by_subcomponent_richtext, [lang="ru"] .by_cc_overlay_rd_form .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_overlay_rd_form .by_radiogroup_item [lang="ru"] .by_form_rd_radiogroup_text, [lang="ru"] .by_cc_mmcf .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_mmcf .by_radiogroup_item [lang="ru"] .by_form_rd_radiogroup_text, [lang="ru"] .by_cc_overlay_rd_form .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_overlay_rd_form .by_form_rd_checkbox [lang="ru"] .by_form_rd_checkbox_text, [lang="ru"] .by_cc_mmcf .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_mmcf .by_form_rd_checkbox [lang="ru"] .by_form_rd_checkbox_text, [lang="ru"] .by_cc_overlay_rd_form .by_form_component.by_form_error .by_form_element_error, .by_cc_overlay_rd_form .by_form_component.by_form_error [lang="ru"] .by_form_element_error, [lang="ru"] .by_cc_mmcf .by_form_component.by_form_error .by_form_element_error, .by_cc_mmcf .by_form_component.by_form_error [lang="ru"] .by_form_element_error, [lang="ru"] .by_cc_form_response__message, [lang="ru"] .by_cc_mco_form .by_cc_mco_form_input, .by_cc_mco_form [lang="ru"] .by_cc_mco_form_input, [lang="ru"] .by_cc_mco_form .by_cc_mco_form_btn, .by_cc_mco_form [lang="ru"] .by_cc_mco_form_btn, [lang="ru"] .by_cc_cco__copy, [lang="ru"] .by_cc_clwo__copy, [lang="ru"] .by_cc_cco__separator, [lang="ru"] .by_cc_clwo__separator { font-family: "GalsWebBook", "BentleyRegular", arial, helvetica, sans-serif; font-weight: normal; } [lang="ru"] .by_cc_overlay_rd_form .by_form_rd_input .by_form_label_text, .by_cc_overlay_rd_form .by_form_rd_input [lang="ru"] .by_form_label_text, [lang="ru"] .by_cc_mmcf .by_form_rd_input .by_form_label_text, .by_cc_mmcf .by_form_rd_input [lang="ru"] .by_form_label_text, [lang="ru"] .by_cc_settings_warning span, .by_cc_settings_warning [lang="ru"] span, [lang="ru"] .by_cc_settings_row_total, [lang="ru"] .by_cc_suggestion_label, [lang="ru"] .by_cc_summary .by_cc_summary_label, .by_cc_summary [lang="ru"] .by_cc_summary_label, [lang="ru"] .by_cc_cta_block__label, [lang="ru"] .by_cc_wltp_value, [lang="ru"] .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element, .by_cc_overlay_rd_form .by_form_rd_submit [lang="ru"] .by_form_submit_element, [lang="ru"] .by_cc_mmcf .by_form_rd_submit .by_form_submit_element, .by_cc_mmcf .by_form_rd_submit [lang="ru"] .by_form_submit_element { font-family: "GalsWebBold", "BentleyBold", arial, helvetica, sans-serif; } .by_footer_form_input { color: #999; font-size: 14px; } .by_b3 { color: #747474; font-size: 12px; } .by_article_content, .by_richtext { color: #333; font-size: 14px; } .by_promoted_teaser_link_label, .by_article_headline, .by_article_link { color: #333; } .by_language_selection, .by_footer_nav_link { color: #fff; font-size: 14px; font-weight: normal; text-decoration: none; line-height: 20px; } /** Font styles for components */ .by_site_nav_link { color: #5b5b5b; font-size: 17px; text-decoration: none; } .by_form_label { text-transform: uppercase; } .by_form_label.by_footer_form_label { color: #fff; font-size: 18px; line-height: 18px; } .by_form_input_text, .by_form_input_select, .by_form_select_text { font-size: 12px; } .by_form_checkbox_label { color: #666; font-size: 12px; } .by_footer_form_input:focus { color: #333; } .by_kmi_find_address { color: #333; font-size: 16px; } .by_form_submit { color: #333; font-size: 16px; } .by_language_selection_label, .by_language_selection_value { text-transform: uppercase; } .by_set_language span { color: #333; font-size: 18px; } .by_footer_nav_link { text-transform: uppercase; } .by_back_top_link_label { color: #747474; font-size: 14px; text-transform: uppercase; } .by_share_button { text-decoration: none; border: none; outline: none; /* stylelint-disable-line */ color: #8d8d8d; font-size: 14px; } .by_share_button:visited, .by_share_button:hover, .by_share_button:active { text-decoration: none; border: none; outline: none; } .by_promoted_teaser_link_label { font-size: 18px; } .by_mm_sitearea_link { font-size: 18px; } .by_mm_link { font-size: 16px; } .by_mm_section_title { font-size: 18px; } .by_article_copy { color: #333; font-size: 14px; } .by_article_link { font-size: 16px; } .by_back_top_link_label, .by_dealer_filter_wrapper .by_form_select_text { font-size: 14px; } .by_site_navigation_link { color: #333; font-size: 19px; text-decoration: none; } /* stylelint-enable */ /* Core / Base Styling */ /** @section features styles basic elements like the page / page wrapper, icons and the customized lightbox */ .by_cc_wrapper { position: relative; } .by_cc_wrapper.by_loading { min-height: 200px; background-color: #fff; } .by_cc_wrapper:not(.by_cc_page__edit) { height: auto !important; } @media screen and (orientation: landscape) { .by_cc_wrapper.by_cc_page__edit { height: auto !important; } } @media screen and (min-width: 700px) { .by_cc_wrapper { padding-bottom: 30px; } } .by_cc_wrapper input, .by_cc_wrapper textarea, .by_cc_wrapper button, .by_cc_wrapper select, .by_cc_wrapper span, .by_cc_wrapper div, .by_cc_wrapper a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .by_cc_wrapper .by_cc_hide { display: none; } #by_cc_icon_storage { display: none; } @media screen and (min-width: 700px) { .by_cc_content .by_cc_pivot_content, .by_cc_summary_pivot_wrapper { height: 619px; } } @media screen and (min-width: 820px) { .by_cc_content .by_cc_pivot_content, .by_cc_summary_pivot_wrapper { height: 484px; } } @media screen and (min-width: 1024px) { .by_cc_content .by_cc_pivot_content, .by_cc_summary_pivot_wrapper { height: 579px; } } @media screen and (min-width: 1920px) { .by_cc_content .by_cc_pivot_content, .by_cc_summary_pivot_wrapper { height: 769px; } } .by_cc_divider, .by_cc_unsupported .by_cc_unsupported_divider, .by_cc_infopane_content_container .by_cc_infopane_divider { height: 0; width: 93px; border-bottom: 1px solid #94c11d; display: block; margin: 0 auto; font-size: 0; } .by_cc_page { position: relative; background-color: #fff; overflow: hidden; height: 100%; min-height: 300px; } @media screen and (min-width: 700px) { .by_cc_page { margin: 0 30px; height: auto; width: auto; } } .by_cc_page.by_loading, .by_cc_page.by_error { min-height: 300px; } .by_cc_content { position: relative; height: 100%; } @media screen and (min-width: 700px) { .by_cc_content { height: auto; padding-bottom: 0; margin-bottom: -45px; } } .by_cc_page__edit .by_cc_content { height: 100%; } @media screen and (min-width: 700px) { .by_cc_page__edit .by_cc_content { height: auto; padding-bottom: 0; } } .by_cc_page__pivot .by_cc_content, .by_cc_page__selection .by_cc_content, .by_cc_page__derivative .by_cc_content { padding: 42px 0 0; } @media screen and (min-width: 700px) { .by_cc_page__pivot .by_cc_content, .by_cc_page__selection .by_cc_content, .by_cc_page__derivative .by_cc_content { padding-top: 45px; padding-bottom: 45px; } } .by_cc_page__summary .by_cc_content { padding: 42px 0 0; } @media screen and (min-width: 700px) { .by_cc_page__summary .by_cc_content { padding-top: 45px; padding-bottom: 45px; } } .by_cc_icon__info, .by_cc_infopane_conflict_list__info, .by_cc_svg_icon_information { display: inline-block; background-position: center; background-repeat: no-repeat; } .no-touch .by_cc_icon__info:hover, .no-touch .by_cc_infopane_conflict_list__info:hover, .no-touch .by_cc_svg_icon_information:hover, .by_cc_suggestion_info:hover, .by_cc_feature_list_item_info.by_active .by_cc_svg_icon_information { fill: #94c11d; } .by_cc_icon__info, .by_cc_infopane_conflict_list__info, .by_cc_svg_icon_information { fill: #bbb; width: 25px; height: 25px; } .by_cc_icon__info.by_cc_icon__info__hide, .by_cc_icon__info__hide.by_cc_infopane_conflict_list__info, .by_cc_svg_icon_information.by_cc_icon__info__hide { display: none; } .by_lb_gallery.by_cc_lightbox { border-top-color: #f6f6f6; } .by_lb_gallery.by_cc_lightbox .by_gallery_stage { background-color: #f6f6f6; } .by_cc_wrapper.by_loading { background: url('data:image/gif;base64,R0lGODlhQgBCAPMAAP///wAAAExMTHp6etzc3KCgoPj4+BwcHMLCwgAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAQgBCAAAE/xDISau9VBzMu/8VcRTWsVXFYYBsS4knZZYH4d6gYdpyLMErnBAwGFg0pF5lcBBYCMEhR3dAoJqVWWZUMRB4Uk5KEAUAlRMqGOCFhjsGjbFnnWgliLukXX5b8jUUTEkSWBNMc3tffVIEA4xyFAgCdRiTlWxfFl6MH0xkITthfF1fayxxTaeDo5oUbW44qaBpCJ0tBrmvprc5GgKnfqWLb7O9xQQIscUamMJpxC4pBYxezxi6w8ESKU3O1y5eyts/Gqrg4cnKx3jmj+gebevsaQXN8HDJyy3J9OCc+AKycCVQWLZfAwqQK5hPXR17v5oMWMhQEYKLFwmaQTDgl5OKHP8cQjlGQCHIKftOqlzJsqVLPwJiNokZ86UkjDg5emxyIJHNnDhtCh1KtGjFkt9WAgxZoGNMny0RFMC4DyJNASZtips6VZkEp1P9qZQ3VZFROGLPfiiZ1mDKHBApwisZFtWkmNSUIlXITifWtv+kTl0IcUBSlgYEk2tqa9PhZ2/Fyd3UcfIQAwXy+jHQ8R0+zHVHdQZ8A7RmIZwFeN7TWMpS1plJsxmNwnAYqc4Sx8Zhb/WPyqMynwL9eMrpQwlfTOxQco1gx7IvOPLNmEJmSbbrZf3c0VmRNUVeJZe0Gx9H35x9h6+HXjj35dgJfYXK8RTd6B7K1vZO/3qFi2MV0cccemkkhJ8w01lA4ARNHegHUgpCBYBUDgbkHzwRAAAh+QQJCgAAACwAAAAAQgBCAAAE/xDISau9VAjMu/8VIRTWcVjFYYBsSxFmeVYm4d6gYa5U/O64oGQwsAwOpN5skipWiEKPQXBAVJq0pYTqnCB8UU5KwJPAVEqK7mCbrLvhyxRZobYlYMD5CYxzvmwUR0lbGxNHcGtWfnoDZYd0EyKLGAgClABHhi8DmCxjj3o1YYB3Em84UxqmACmEQYghJmipVGRqCKE3BgWPa7RBqreMGGfAQnPDxGomymGqnsuAuh4FI7oG0csAuRYGBgTUrQca2ts5BAQIrC8aBwPs5xzg6eEf1lzi8qf06foVvMrtm7fO3g11/+R9SziwoZ54DoPx0CBgQAGIEefRWyehwACKGv/gZeywcV3BFwg+hhzJIV3Bbx0IXGSJARxDmjhz6tzJs4NKkBV7SkJAtOi6nyDh8FRnlChGoVCjSp0aRqY5ljZjplSpNKdRfxQ8Jp3ZE1xTjpkqFuhGteQicFQ1xmWEEGfWXWKfymPK9kO2jxZvLstW1GBLwI54EiaqzxoRvSPVrYWYsq8byFWxqcOs5vFApoKlEEm8L9va0DVHo06F4HQUA6pxrQZoGIBpyy1gEwlVuepagK1xg/BIWpLn1wV6ASfrgpcuj5hkPpVOIbi32lV3V+8U9pVVNck5ByPiyeMjiy+Sh3C9L6VyN9qZJEruq7X45seNe0Jfnfkp+u1F4xEjKx6tF006NPFS3BCv2AZgTwTwF1ZX4QnFSzQSSvLeXOrtEwEAIfkECQoAAAAsAAAAAEIAQgAABP8QyEmrvVQIzLv/FSEU1nFYhWCAbEsRx1aZ5UG4OGgI9ny+plVuCBiQKoORr1I4DCyDJ7GzEyCYziVlcDhOELRpJ6WiGGJCSVhy7k3aXvGlGgfwbpM1ACabNMtyHGCAEk1xSRRNUmwmV4F7BXhbAot7ApIXCJdbMRYGA44uZGkSIptTMG5vJpUsVQOYAIZiihVtpzhVhAAGCKQ5vaQiQVOfGr+PZiYHyLlJu8mMaI/GodESg7EfKQXIBtrXvp61F2Sg10RgrBwEz7DoLcONH5oa3fBUXKzNc2TW+Fic8OtAQBzAfv8OKgwBbmEOBHiSRIHo0AWBFMuwPdNgpGFFAJr/li3D1KuAu48YRBIgMHAPRZSeDLSESbOmzZs4oVDaKTFnqZVAgUbhSamVzYJIIb70ybSp06eBkOb81rJklCg5k7IkheBq0UhTgSpdKeFqAYNOZa58+Q0qBpluAwWDSRWYyXcoe0Gc+abrRL7XviGAyNLDxSj3bArey+EuWJ+LG3ZF+8YjNW9Ac5m0LEYv4A8GTCaGp5fykNBGPhNZrHpcajOFi8VmM9i0K9G/EJwVI9VM7dYaR7Pp2Fn3L8GcLxREZtJaaMvLXwz2NFvOReG6Mel+sbvvUtKbmQgvECf0v4K2k+kWHnp8eeO+v0f79PhLdz91sts6C5yFfJD3FVIHHnoWkPVRe7+Qt196eSkongXw4fQcCnW41F9F0+ETAQAh+QQJCgAAACwAAAAAQgBCAAAE/xDISau9dAjMu/8VISCWcFiFYIBsS4lbJcSUSbg4aMxrfb68nFBSKFg0xhpNgjgMUM9hZye4URCC6MRUGRxI18NSesEOehIqGjCjUK1pU5KMMSBlVd9LXCmI13QWMGspcwADWgApiTtfgRIEBYCHAoYEA2AYWHCHThZ2nCyLgG9kIgehp4ksdlmAKZlCfoYAjSpCrWduCJMuBrxAf1K5vY9xwmTExp8mt4GtoctNzi0FmJMG0csAwBUGs5pZmNtDWAeeGJdZBdrk6SZisZoaA5LuU17n9jpm7feK53Th+FXs3zd//xJOyKbQGAIriOp1a9giErwYCCJGZEexQ8ZzIP8PGPplDRGtjj7OVUJI4CHKeQhfypxJs6bNDyU11rs5IaTPnBpP0oTncwzPo0iTKjXWMmbDjPK8IShikmfIlVeslSwwseZHn1G0sitY0yLINGSVEnC6lFVXigbi5iDJ8WW2tWkXTpWYd9tdvGkjFXlrdy1eDlOLsG34t9hUwgwTyvV2d6Big4efDe6LqylnDt+KfO6cGddmNwRGf5qcxrNp0SHqDmnqzbBqblxJwR7WklTvuYQf7yJL8IXL2rfT5c7KCUEs2gt/G5waauoa57vk/Ur9L1LXb12x6/0OnVxoQC3lcQ1xXC93d2stOK8ur3x0u9YriB+ffBl4+Sc5158LMdvJF1Vpbe1HTgQAIfkECQoAAAAsAAAAAEIAQgAABP8QyEmrvXQMzLv/lTEUliBYxWCAbEsRwlaZpUC4OCgKK0W/pl5uWCBVCgLE7ERBxFDGYUc0UDYFUclvMkhWnExpB6ERAgwx8/Zsuk3Qh6z4srNybb4wAKYHIHlzHjAqFEh2ABqFWBRoXoESBAVmEkhZBANuGJeHXTKMmDkphC8amUN8pmxPOAaik4ZzSJ4ScIA5VKO0BJOsCGaNtkOtZY9TAgfBUri8xarJYsOpzQAIyMxjVbwG0tN72gVxGGSl3VJOB+GaogXc5ZoD6I7YGpLuU/DI9Trj7fbUyLlaGPDlD0OrfgUTnkGosAUCNymKEGzYIhI+JghE0dNH8QKZY+j/8jEikJFeRwwgD4xAOJChwowuT8qcSbOmzQ5FRugscnNCypD5IkYc0VML0JB9iipdyrQptIc9yRyysC1jETkzU2IxZfVqgYk2yRxNdxUB2KWRUtK65nSX02Lb2NoTETOE1brNwFljse2q25MiQnLUZPWsTBghp76QiLegXpXi2GlrnANqCHCz9g3uVu0AZYMZDU8zEFKuZtHdSKP7/Cb0r7/KDPwCaRr010kkWb8hkEq15xyRDA/czIr3JNWZdcCeYNbUQLlxX/CmCgquWTO5XxzKvnt5ueGprjc5tC0Vb+/TSJ4deNbsyPXG54rXHn4qyeMPa5+Sxp351JZU6SbMGXz+2YWeTOxZ4F4F9/UE4BeKRffWHgJ6EAEAIfkECQoAAAAsAAAAAEIAQgAABP8QyEmrvXQMzLv/lTEglmYhgwGuLEWYlbBVg0C0OCim9DwZMlVuCECQKoVRzCdBCAqWApTY2d0oqOkENkkeJ04m9fIqCCW7M0BGEQnUbu34YvD2rhIugMDGBucdLzxgSltMWW0CAl9zBAhqEnYTBAV4ZAOWBU8WdZYrWZBWY3w2IYpyK3VSkCiMOU6uboM4dQNmbQSQtI+Jf0Sqt4Acsp45tcHCpr5zqsXJfLOfBbwhzsl7unWbFwhSlddUTqcclN664IE1iq5k3tTow5qn53Td3/AcCAdP9FXv+JwQWANIEFfBZAIjSRHY7yAGSuoESHDkbWFDhy8U7dsnxwBFbw7/O2iUgYxOrpDk7qFcybKly5cIK7qDSUHjgY37uumcNo3mBAE3gQaV6LOo0aNI4XkcGFJnFUc62bEUesCWJYpR/7nMeDPoFCNGTiatBZSogYtHCTBN2sIjWnAi1po08vaavqpy0UBlyFJE15L1wNaF9yKo1ImCjTq5KWYS3xCDh2gFUOcAqg8G6AK8G3lY2M4sgOzL+/QxQANBSQf+dxZ0m5KiD7jObBqx6gsDqlbgMzqHI7E/avu+6Yp3Y8zAHVty20ETo7IWXtz2l1zt1Uz72ty8fM2jVrVq1GK5ieSmaxC/4TgKv/zmcqDHAXmHZH23J6CoOONLPpG/eAoFZIdEHHz4LEWfJwSY55N30RVD3IL87VFMDdOh9B88EQAAIfkECQoAAAAsAAAAAEIAQgAABP8QyEmrvbQUzLv/lVEg1jBYyGCAbEsRw1aZ5UC4OCiq80kZplVuCECQKprjhEZJyZpPIkZUuL1iPeRAKSEIfFIOQiOUAAtlANMc/Jm4YQsVXuAtwQAYvtiOcwhkTVsZUU5uAlZ+BghpEkkvaB2AiQB1UWZVOWORP3WNOAZflABAApc6m41jcDiGh3agqT8Eny4GtK+1LHO6fmxfvbsanL4hJrBhi5nFFV7IIJOfBsF+uCEIphiAI6PMLikC2VObjN62A+E2H9sj1OYi6cQetxrd5hXYpu5y1vfj9v4CXpgmkBkBK6sQ9CvYYke6LqtGGNknEEa4i+LMHBwxgqEHdOn/ynG4RTHgJI8oU6pcyXKlkZcwW5Y4gPGiEY4JZc6gyVPAgT06gwodStQjSaFjAGokEDOoz3iUmMJUWNKfxZ7iXh6sarTOUzNcZS4sqmgsQxFKRzI1WxDBgZ8Ub0llK7DUW3kD54YtBuOtAFYT9BLFdlfbVjl7W4jslHEX08Qf3AqAPItqwFA00+o4SLcYZkRSblmeMI2yiDSf98ode1hKgZ8hnmq+wLmRXMoE3o7CDPTD0WYHmxwAPAEblwE05ajzdZsCcjzJJ7zGY+AtceaPK+im8Fb4ASQ0KXdoHvhtmu6kt5P22VvR6CXRJ6Cf4POS2wPip3yqr/17hvjSnVKXGnry+VcefkjNV6AF1gmV2ykKOgIaWRT4FFAEACH5BAkKAAAALAAAAABCAEIAAAT/EMhJq720FMy7/5VREJZmIYUBriwlbpUZD2prf289FUM4pLeghIA4jWKwCWFQrCCaQo4BpRsWoBLZBDEgUZa9aIdwreYoPxfPzMOKLdNjBrhLAgxpCpf+xpy3cll2S1giXX0SU1UST4UIXhhkVXtwgSxECIt/Qng0IW03cZkVZJBBXG6dnqGNZgaLNgYEbD+wLKK2iIkDvLm3rbqVtYhxvm9gxhdEs3DJx7BTTJHAwUJgeRdT1NUrZLyHHpiPztWGvKMgsk/kwVzDsczcHVOm8vY47PfdXo0E8fo2iBQQwGuIuCf/AHLwRpAgtjvqGin0wItgmXkJJ1oopbGjx48g/0MCPNhPZIUBAlKqJLjskct6IlE2VBnGpM2bOHN6lJXPHgqYLmQtA+pRJsFHX1r6ywgSzEoBMJbO6jmRiMwwr3SGo6p1Xtadlla88sdVDIKUq/BJLRsFj0o+ftaaXKLSTVKyOc+mtONiaiWA6NRAjXXggF1detmSKnxAsQcDAg4IcHyHMeXHKhUTsKzGsQgzKok+5ozmQM0gA0/fyXxjQOFFmw2LiV0P8gG+ILjAKnz67OEtArDIrCTaBoLCplyfTpnBtIvIv4kV5oucQuEvkmNIvoyhwGvsja0fcFF9AuTB8gwUduNd9fXSfI9PtvdQQmTq45urBqBlovoD9bxn3hd3NsVmgYATRFZcVeiJV4IAC5rEnD0RAAAh+QQJCgAAACwAAAAAQgBCAAAE/xDISau9FCHMu/+VgRBWUVhEYYBsS4lbhZyy6t6gaFNFPBmmFW4IIJAqhFEN2bNoiB6YcJL0SUy1IxUL7VSnAGmGJgHuyiZt9wJTA2bg5k++Pa/ZGnBS/dxazW5QBgRgEnsvCIUhShMzVmWMLnuFYoJBISaPOV9IkUOOmJc4gyNgBqddg6YFA3Y3pIl3HWauo5OybCa1Q6SKuCm7s4mKqLgXhBY6moa3xkQpAwPLZVXIzi1A0QWByXvW1xwi2rGbSb7gVNHkLqfn6GHf7/Lh7vM31kZGxfbYM9ED1EaM0MfPi4l/rf6cGsit4JV/PeqpcojhEMWLGDNq3Agln0cjHP8nIBz50WPIhwIGpFRJ5qTLlzBjrkEgLaSGhoYKCDjA80DIaCl7qBnQs+cAnAWhpVwZo6eAbTJ1qARYBCnMeDI7DqgHDohVNkQPtOSHICjXH2EPbL0IRIDbdRjK8hTw9V3blNMApM1LkYDKpxiI1hIxDy6kVq948u1CIOVZEI0PCHjM6y/lcHMvV3bccSfdF8FYiDBlmVfmCoK76Bzrl/MNop8pEOBZl0Pj2GgB31tbYSdVCWX5lh2aEgVUWQh4gkk9wS2P4j/eyjOwc+xONTszOH8++V0ByXrAU+D5Yidp3dcMKK7w/beE7BRYynCruQWX+GIrSGYPncfYedQd4AYZeS+Ix9FsAliwX2+4adTYfwQ+VxtG/V0TAQAh+QQJCgAAACwAAAAAQgBCAAAE/xDISau9FCHMu/+VgRCWZhGIAa4sJW6VGRdqa39vPSFFWKS3oIRAqqCKO9gEpdwhhRgDSjccxZoAzRNAKPSgHRGBmqP8XDwybwsOHa9UmcRwpnSBbU55aU3aC090gHlzYyd9c3hRillyEyJUK0SGLlNggpGCWCBSI5GWUF1bmpErUkRkBqUtUmpeq6ZHsIQAgjRtp5S0Ll6MUJ2zuD/BF6ilqrvFxzybhZ7JQl29epO60DheXmwWudbX3Dy9xI+T48kEA8M3qua7rd/wks3x0TUH9wKD9DYiXukSBe4JPCBg3j4+BdINSNekiwCBAg52SJgOUDAEAwxKBCWxo8ePIP9DwhtIUmQFigtTFnhIkqBJMyljfnlJs6bNm/Qwajz4hoNDiDRlMgpIMiPNLjEXwoCoD2e/lEO24VzSbuqHLlUJiVk34N5MiRjztaMjcEDWPHRS+irBUoBUnisXvu1KcOfGhQUxdL0Vwi6YtSL+tSDw0G8QwmYJESZ4loWBAQISg1ksoDEryJIPP6zMy/IjRo8jW6YcaS+YlV9rYW7clbMdgm9BEHYbAnJq2QPYPBxgJy8HjE/icmvaBgFjCrYpCIg4Qfij5bFxPUz98Mny3sx3iIYX0PWQ4xMeulhOJvk1A9VPRq7gEnk+I+S/ebFgWnl2CQjWz/CI/kCk9kvE9xIUAQCGd4AF0NGE3m3XnZSZVfpdEwEAIfkECQoAAAAsAAAAAEIAQgAABP8QyEmrvZQQzLv/laFZCGIRiAGuLCVuFXqmbQ2KNFWGpWr/ANGJ4JvIMghYRgnEvIoSQ7KyQzKD1Sbn6dJAj9Geq3TVhryxnCSLNSHV5gt3Iv0yUUwpXIsYlDV5RB0iX2xRgjUDBwJXc0B6UFgFZR8GB5eRL1p4PAV7K5aXeQaRNaRQep8soQelcWOeri2ssnGptbMCB26vIbGJBwOlYL0hpSKTGIqXBcVNKAXJGAiXi5TOWwjRqhUF1QK42EEE24gfBMu84hfkk+EX2u/OhOv1K8T2Zojf0vmz0NEkFNBVLZg6f3K0RVt4Z+A3hB0WejLHbsBBiF3kYdzIsaPHjyz/CBZcBJKCxJMiCwooOSHagAIvXzZjSbOmzZvitF3kyIkDuWUkS8JkCGVASgF+WEKL+dINwZcaMeoZegjnlqhWO5DDamuKqXQ8B1jUaMDhgQJczUgRO9YDgqfXEJYV28+Ct0U7O/60iMHbJyn5KIbhm0tA3jjohL0yoAtcPQN008YQQFnyKraWgzRGxQ0UnLmKbRCg7JiC0ZlA+qCOgtmG0dJGKMcFgQ52FKo10JWiPCADYQzomMDs7SszlcomBawWm3w15KSPKa8GIJsCZRdIj4cWN9D2aNvX6RhFJfawFsaMtFcI39Lw5O3OAlYwepD9GuUkzGNDf8W+ZvgefWeBEn8AGDUbQuhcRGAfxtnD3DoRAAAh+QQJCgAAACwAAAAAQgBCAAAE/xDISau9lBDMu/8VcRSWZhmEAa4shRxHuVVI2t6gAc+TSaE2nBAwGFgEoxBPApQNPbokpXAQKEMI1a/29FAPWokInFkCwwDgsnuCkSgwREY+QdF7NTTb8joskUY9SxpmBFl7EggDawCAGQd3FyhohoyTOANVen2MLXZ6BghcNwZIZBSZgUOGoJV6KwSmaAYFr54Gs6KHQ6VVnYhMrmxRAraIoaLGpEiRwEx5N5m1J83OTK92v1+Q1ry6vwAIpgLg3dS6yhPbA+nmdqJBHwaZ3OYchtA3BNP2GJf9AD0YCggMlwRTAwqUIygJXwE6BUzBEDCgGsMtoh4+NFOAXpWLHP8y1oh3YZ9FkGlIolzJsqXLlzgkwpgIcwKCAjhzPhSApCcMVTBvCtV4sqbRo0iTshFak1WHfQN6WgmaM5+EiFWqUFxIMJROnDN4UuSX1E5OMVyPGlSKaF+7bqHenogqoKi9fQ/lponIk+zFUAkVthPHc9FLwGA58K17FO9DDBH9PguoMuXjFgSi2u2SWTKvwnpx0MIZ2h/ogLQSlq5QauuW1axJpvac4/QUAW+GKGo2G3ZEwxl4ws5QZE3qzSU9R80NIHO5fUsUMX82/II4drcjFXGR8EdxgPMYoyKHCmhmoM1V9/s9iyIait6x1+mIXEjrNeKmw59SMUSR6l5UE1EjM9txN1049RUUlR771fFfUw1OEJUF38E0TzURJkLbUR31EwEAOwAAAAAAAAAAAA==') center center no-repeat; } .by_cc_pivot_grid_cell { background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA9AAD/4QQJaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjBENjNGQTM1RjcxMUU2QTEzNENFMjdGMjU2MERGNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjBENjNGOTM1RjcxMUU2QTEzNENFMjdGMjU2MERGNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBJbGx1c3RyYXRvciBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjM4NDVjZGUtYmRkOC00NGQ4LTlkZDEtMDY5NDNkODFmOThkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE5RDVDQzhFRDEzREU2MTE4QkJFOERGRTI0NUUzRTNCIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+bmV3IGRpYW1vbmRzIHYyIGV4dGVuZGVkPC9yZGY6bGk+IDwvcmRmOkFsdD4gPC9kYzp0aXRsZT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7QBIUGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAA8cAVoAAxslRxwCAAACAAIAOEJJTQQlAAAAAAAQ/OEfici3yXgvNGI0B1h36//uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQoIBgYICgwKCgoKCgwPDAwMDAwMDwwODg8ODgwSEhQUEhIaGhoaGh4eHh4eHh4eHh4BBwcHDAsMFw8PFxoUERQaHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHv/AABEIADMATQMBEQACEQEDEQH/xABpAAADAQEBAAAAAAAAAAAAAAABAgMABAgBAQAAAAAAAAAAAAAAAAAAAAAQAAIBAgUCBgEDBQAAAAAAAAECABExIUFREgOBInHB0TJSE0LwYZGhgqIjQxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9UwE3s+HHb5m3TWBvpFwSH+WZ8YGHIQacgocmyMB4AZgoqTQQF73t2JrmfSBvq248ZocwcQfGAV5ATtI2tofKA0CS/7GpyYEf8/1eBWBoGIBFCKjSBEsyHbx9+q6dYDcYVjuJ3MMrU6QKQNADKrCjCBLea7d/Zb7PKvnAqyKwx6HMQF3Onu7l+QuPEQGLqF3EjbrAXvfVE/yPpAZVVRQCggBuMMajtbJhAA5CppyCmjCx9IDM6re5sBcwF2M/vwX4DzMB6ClKYaQNARuTHag3NnoPEwFHCQd4NXvQ+3oMoDryAnae1viYDQNAmWL1VBUZsbdNYAXiPHindqDfoYFFdWtcXGYgGBNSeXPagwI/LrpAdVCigFBAMAMisKEeECbcjcWDd4yp7uogEKeQbmNVNlFuusCkDQFZA2NmFmF4CfY+768N/yy/jWA7cYJ3A7W+Q84AHIQacgocmyMB4Cb2fDjt8zbpAZUVbYk3JuYCnjodyHacxkYBXkBO1htbQ+UAswUVJoIC972qia/kfSAfrTbtphAaAH9ht/dbrAh+AvTLd7PX+YHQLQNA0CfNTaK0pXOv9KZwEHvWta5fZp+1MKwLwNA/9k=') center center repeat; } .by_cc_button, .by_cc_button__green, .by_cc_custom_select, .by_cc_suggestion_select { padding: 0 30px; line-height: 38px; border: 0; background-color: #bbb; color: #fff; } .by_cc_button[disabled], .by_cc_button__green[disabled], .by_cc_custom_select[disabled], .by_cc_suggestion_select[disabled] { opacity: 0.4; } .by_cc_button__green, .by_cc_custom_select, .by_cc_suggestion_select { background-color: #7f988f; } .by_cc_button_group { margin: 0 -6px; font-size: 0; } .by_cc_button_group button, .by_cc_button_group a { margin: 0 6px; font-size: 14px; } .by_cc_button_group a { display: inline-block; } .by_cc_pager { list-style-type: none; position: absolute; bottom: 12px; margin: 20px auto 0 auto; padding: 0; display: block; width: 100%; text-align: center; z-index: 1000; } .by_cc_pager li { display: inline-block; cursor: pointer; } .by_cc_pager .by_cc_pager_item_link { width: 10px; height: 10px; display: block; background-color: #DDDDDD; border-radius: 10px; margin: 4px; } .by_cc_pager .by_cc_pager_item_link.by_active { background-color: #94c11d; } .by_cc_carline_pager, .by_cc_carousel_pager, .by_cc_suggestion_pager { position: absolute; top: 50%; z-index: 1000; width: 41px; height: 83px; margin-top: -41px; background-position: inherit; } @media screen and (min-width: 700px) { .by_cc_carline_pager, .by_cc_carousel_pager, .by_cc_suggestion_pager { width: 49px; height: 98px; margin-top: -49px; } } .by_slide_left.by_cc_carline_pager, .by_slide_left.by_cc_carousel_pager, .by_slide_left.by_cc_suggestion_pager { height: 80px; width: 40px; background-color: rgba(141, 141, 141, 0.1); border-radius: 0 99px 99px 0; left: 0; cursor: pointer; } .by_slide_left.by_cc_carline_pager .by_cc_svg_icon_arrow_left, .by_slide_left.by_cc_carousel_pager .by_cc_svg_icon_arrow_left, .by_slide_left.by_cc_suggestion_pager .by_cc_svg_icon_arrow_left { width: 16px; margin-left: -10px; fill: #8d8d8d; } .by_slide_right.by_cc_carline_pager, .by_slide_right.by_cc_carousel_pager, .by_slide_right.by_cc_suggestion_pager { height: 80px; width: 40px; background-color: rgba(141, 141, 141, 0.1); border-radius: 99px 0 0 99px; right: 0; cursor: pointer; } .by_slide_right.by_cc_carline_pager .by_cc_svg_icon_arrow_right, .by_slide_right.by_cc_carousel_pager .by_cc_svg_icon_arrow_right, .by_slide_right.by_cc_suggestion_pager .by_cc_svg_icon_arrow_right { width: 16px; margin-right: -10px; fill: #8d8d8d; } @media screen and (orientation: portrait) { .by_cc_page__edit .by_cc_page { display: table; table-layout: fixed; width: 100%; } .by_cc_page__edit .by_cc_content { display: table-row; } .by_cc_page__edit .by_cc_content .by_cc_carousel_wrapper { position: relative; } .by_cc_page__edit .by_cc_features { display: table-row; height: 260px; } } @media screen and (min-width: 700px) { .by_cc_page__edit .by_cc_features { min-height: 340px; } } @media screen and (min-width: 700px) { .by_cc_page__edit .by_cc_page, .by_cc_page__edit .by_cc_content, .by_cc_page__edit .by_cc_features { display: block; } .by_cc_page__edit .by_cc_page { width: auto; } } @media screen and (orientation: portrait) { .by_cc_carousel_wrapper .by_cc_carousel { position: absolute; top: 41px; bottom: 0; height: auto; width: 100%; } } .by_cc_debug_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2001; } @media screen and (min-width: 700px) { .by_cc_debug_overlay { position: absolute; bottom: 45px; } } @media screen and (min-width: 1024px) { .by_cc_debug_overlay { right: 80px; left: 80px; z-index: 1300; } } .by_cc_debug_overlay .by_cc_overlay_inner { padding: 30px; color: #333; background-color: rgba(255, 255, 255, 0.8); font-size: 14px; } @media screen and (min-width: 700px) { .by_cc_debug_overlay .by_cc_overlay_inner { position: relative; } } @media screen and (min-width: 1024px) { .by_cc_debug_overlay .by_cc_overlay_inner { padding: 50px 30px; } } @media screen and (min-width: 1024px) { .by_cc_page__edit .by_cc_debug_overlay .by_cc_overlay_inner { max-height: 100%; } } @media screen and (min-width: 1024px) { .by_cc_debug_overlay .by_cc_overlay_close { top: 60px; } } .by_cc_debug_added h3 { color: #94c11d; } .by_cc_debug_removed h3 { color: #f33; } body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_header:after, body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_feature_details:after { position: absolute; content: ""; background-color: #fff; opacity: 0.7; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; } body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_carousel:after { position: absolute; content: ""; top: 50%; margin-top: -33px; left: 50%; margin-left: -33px; z-index: 1; } body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_feature_details { position: relative; } @media screen and (min-width: 700px) { body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_categories:after { position: absolute; content: ""; background-color: #fff; opacity: 0.7; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; } } /** style definitions for unsupported browser */ .by_cc_wrapper.by_cc_unsupported_wrapper { padding-bottom: 0; } .by_cc_unsupported { padding: 60px 45px; background-color: #333; color: #fff; text-align: center; } .by_cc_unsupported .by_cc_unsupported_content { margin: 0 auto; display: block; max-width: 500px; } .by_cc_unsupported .by_cc_unsupported_content h1 { padding: 0; margin: 0; font-size: 30px; } .by_cc_unsupported .by_cc_unsupported_divider { margin: 30px auto; } .by_cc_wltp_wrapper { line-height: 24px; font-size: 16px; display: block; } .by_cc_wltp_wrapper .by_cc_svg_icon__wltp { display: inline-block; width: 24px; height: 24px; vertical-align: middle; fill: #727376; margin-right: -2px; } .by_cc_wltp_item { display: inline-block; margin-right: 16px; } .by_cc_wltp_item:last-child { margin-right: 0; } .by_cc_wltp_value { font-size: 16px; line-height: 24px; color: #727376; } .by_cc_wltp_unit { font-size: 12px; line-height: 18px; color: #4c4d4f; } @-webkit-keyframes icon-pop-up { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes icon-pop-up { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fade-in-position { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-position { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .by_cc_svg_icon_storage { display: none; } .by_cc_svg_icon, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu { position: relative; width: 100%; height: 100%; } .by_cc_arrow_top__lightest, .by_cc_arrow_bottom__lightest, .by_cc_arrow { width: 0; height: 0; border-style: solid; } .by_cc_arrow_top__lightest { position: absolute; top: -15px; left: 50%; border-color: transparent transparent #fff; border-width: 0 16px 15px; margin-left: -16px; } .by_cc_arrow_bottom__lightest { position: absolute; bottom: -15px; left: 50%; border-color: #fff transparent transparent; border-width: 15px 16px 0; margin-left: -16px; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* stylelint-disable */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ .by_cc_infopane_wrapper { /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ /* RTL direction/left-side scrollbar */ /* scrollbar position: outside */ /* RTL direction/left-side scrollbar (scrollbar position: outside) */ /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ /* non-visible scrollbar */ /* scrollbar position: outside */ /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ /* non-visible horizontal scrollbar */ /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ /* RTL direction/left-side scrollbar */ /* non-visible scrollbar/RTL direction/left-side scrollbar */ /* non-visible horizontal scrollbar */ /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ /* theme: "dark" */ /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ /* theme: "dark-2" */ /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ /* theme: "dark-thick" */ /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ /* theme "dark-thin" */ /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ /* theme "rounded-dark", "rounded-dots-dark" */ /* theme "rounded-dots", "rounded-dots-dark" */ /* theme "rounded-dots-dark" */ /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ /* theme "3d", "3d-dark" */ /* theme "3d-dark" */ /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ /* theme: "3d-thick-dark" */ /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ /* RTL direction/left-side scrollbar */ /* theme: "minimal-dark" */ /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ /* theme "dark-3" */ /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ /* theme "inset-2", "inset-2-dark" */ /* theme "inset-3", "inset-3-dark" */ /* ---------------------------------------- */ } .by_cc_infopane_wrapper .mCustomScrollbar { -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .by_cc_infopane_wrapper .mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto; } .by_cc_infopane_wrapper .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .by_cc_infopane_wrapper .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } .by_cc_infopane_wrapper .mCSB_inside > .mCSB_container { padding-right: 40px; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .by_cc_infopane_wrapper .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .by_cc_infopane_wrapper .mCSB_outside + .mCSB_scrollTools { right: -26px; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .by_cc_infopane_wrapper .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .by_cc_infopane_wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .by_cc_infopane_wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonUp, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .by_cc_infopane_wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .by_cc_infopane_wrapper .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .by_cc_infopane_wrapper .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .by_cc_infopane_wrapper .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .by_cc_infopane_wrapper .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .by_cc_infopane_wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .by_cc_infopane_wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .by_cc_infopane_wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .by_cc_infopane_wrapper .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .by_cc_infopane_wrapper .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; } .by_cc_infopane_wrapper .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .by_cc_infopane_wrapper .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .by_cc_infopane_wrapper .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .by_cc_infopane_wrapper .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .by_cc_infopane_wrapper .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .by_cc_infopane_wrapper .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .by_cc_infopane_wrapper .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .by_cc_infopane_wrapper .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } .by_cc_infopane_wrapper .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .by_cc_infopane_wrapper .mCSB_scrollTools, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonUp, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonDown, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonLeft, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .by_cc_infopane_wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .by_cc_infopane_wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } .by_cc_infopane_wrapper .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .by_cc_infopane_wrapper .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .by_cc_infopane_wrapper .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .by_cc_infopane_wrapper .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .by_cc_infopane_wrapper .mCustomScrollBox:hover > .mCSB_scrollTools, .by_cc_infopane_wrapper .mCustomScrollBox:hover ~ .mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonUp, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonDown, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonLeft, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonRight { background-image: url(bentley.motors.apps.carconfigurator/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonUp:hover, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonDown:hover, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonLeft:hover, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonUp:active, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonDown:active, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonLeft:active, .by_cc_infopane_wrapper .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .by_cc_infopane_wrapper .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .by_cc_infopane_wrapper .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .by_cc_infopane_wrapper .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .by_cc_infopane_wrapper .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .by_cc_infopane_wrapper .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .by_cc_infopane_wrapper .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .by_cc_infopane_wrapper .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .by_cc_infopane_wrapper .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .by_cc_infopane_wrapper .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .by_cc_infopane_wrapper .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .by_cc_infopane_wrapper .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .by_cc_infopane_wrapper .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .by_cc_infopane_wrapper .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .by_cc_infopane_wrapper .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .by_cc_infopane_wrapper .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .by_cc_infopane_wrapper .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools, .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; } .by_cc_infopane_wrapper .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .by_cc_infopane_wrapper .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools_vertical, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .by_cc_infopane_wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .by_cc_infopane_wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .by_cc_infopane_wrapper .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .by_cc_infopane_wrapper .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .by_cc_infopane_wrapper .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .by_cc_infopane_wrapper .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .by_cc_infopane_wrapper .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .by_cc_infopane_wrapper .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .by_cc_infopane_wrapper .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .by_cc_infopane_wrapper .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .by_cc_infopane_wrapper .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .by_cc_infopane_wrapper .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .by_cc_infopane_wrapper .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .by_cc_infopane_wrapper .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .by_cc_infopane_wrapper .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .by_cc_infopane_wrapper .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .by_cc_infopane_wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .by_cc_infopane_wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .by_cc_infopane_wrapper .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .by_cc_infopane_wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .by_cc_infopane_wrapper .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .by_cc_infopane_wrapper .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .by_cc_infopane_wrapper .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .by_cc_infopane_wrapper .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .by_cc_infopane_wrapper .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* stylelint-enable */ /* CC2 Header */ /** @section header styles header from the car configurator including the cta buttons on right hand side */ /** HEADER */ .by_cc_header { position: absolute; width: 100%; } @media screen and (min-width: 700px) { .by_cc_header { z-index: 1500; min-height: 45px; background-color: rgba(239, 239, 239, 0.9); } .by_cc_page__edit .by_cc_header { position: relative; } } .by_cc_header_inner { width: 100%; max-width: 1366px; margin: 0 auto; } @media screen and (min-width: 700px) { .by_cc_header_inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 30px 0 45px; } } /*********************************************** HORIZONTAL CTA NAVIGATION */ .by_cc_header_cta_nav { display: none; } @media screen and (min-width: 700px) { .by_cc_header_cta_nav { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .by_cc_header_cta_nav .by_cc_header_cta_btn { margin: 0 20px; } .by_cc_header_cta_nav .by_cc_header_cta_btn.by_disabled { display: none; } .by_cc_header_cta_nav .by_cc_header_cta_btn[data-hook="sendcode"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .by_cc_header_cta_nav_inner { display: none; } @media screen and (min-width: 700px) { .by_cc_header_cta_nav_inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; opacity: 0; pointer-events: none; } .by_cc_header_cta_nav_inner.by_active { height: auto; opacity: 1; pointer-events: all; } } .by_cc_header_cta_nav_inner_break { height: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; } /*********************************************** TOOLBAR (Interior / Enlarge etc) */ .by_cc_header_toolbar { position: absolute; top: 100%; right: 0; left: 0; border-top: 1px solid #d8d9dc; background-color: rgba(239, 239, 239, 0.9); } .by_cc_header_toolbar .by_cc_header_cta_btn { display: none; } @media screen and (min-width: 700px) { .by_cc_header_toolbar .by_cc_header_cta_btn { width: 47px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .by_cc_header_toolbar .by_cc_header_cta_btn span { display: none; } } @media screen and (min-width: 820px) { .by_cc_header_toolbar .by_cc_header_cta_btn { width: auto; } .by_cc_header_toolbar .by_cc_header_cta_btn span { display: inline; } } .by_cc_header_toolbar .by_cc_header_cta__price { display: none; } .by_cc_header_toolbar_inner { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1366px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 auto; } @media screen and (min-width: 700px) { .by_cc_header_toolbar_inner { padding: 0 30px 0 45px; } } .by_cc_header_cta_btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; color: #335b4c; font-size: 14px; line-height: 20px; } .by_cc_header_cta_btn:hover { color: #003220; } .by_cc_header_cta_btn:hover .by_cc_svg_icon, .by_cc_header_cta_btn:hover .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_header_cta_btn:hover .by_cc_svg_icon_menu { fill: #003220; } .by_cc_header_cta_btn .by_cc_svg_icon, .by_cc_header_cta_btn .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_header_cta_btn .by_cc_svg_icon_menu { width: 24px; height: 24px; fill: #335b4c; } .by_cc_header_cta_btn span { margin-left: 10px; white-space: nowrap; } .by_cc_header_cta_btn.by_button { height: 32px; padding: 6px 10px; color: #fff; margin-right: 0; } .by_cc_header_cta_btn.by_button span { margin: 0; white-space: nowrap; } /*********************************************** CAR MODEL LABEL */ .by_cc_header_label { display: none; max-height: 45px; color: #333; font-size: 24px; line-height: 45px; } @media screen and (min-width: 700px) { .by_cc_header_label { display: block; } } .by_cc_header_label_model { white-space: nowrap; } .by_cc_header_label_change { margin-left: 10px; vertical-align: middle; color: #636363; font-size: 12px; text-decoration: underline; } .by_cc_header_label_change a, .by_cc_header_label_change a:link, .by_cc_header_label_change a:visited, .by_cc_header_label_change a:hover { color: #636363; } .by_cc_page__selection .by_cc_header_label_change { display: none; } .by_cc_header_cta { position: relative; max-height: 45px; font-size: 0; text-align: right; } .by_cc_header_cta .by_cc_svg_icon, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu { pointer-events: none; } .by_cc_header_cta span { display: inline-block; width: 40px; height: 42px; background-position: center; background-repeat: no-repeat; cursor: pointer; } @media screen and (min-width: 700px) { .by_cc_header_cta span { width: 47px; height: 45px; } } .by_cc_header_cta span.by_active .by_cc_header_dropdown { display: block; } .by_cc_header_cta > span { vertical-align: top; } @media screen and (min-width: 700px) { .by_cc_header_cta .by_cc_header_cta__menu_wrapper { border-right: 1px solid #d8d9dc; border-left: 1px solid #d8d9dc; margin-left: 20px; } .by_cc_header_cta .by_cc_header_cta__menu_wrapper.by_active { border-right: 1px solid #335b4c; border-left: 1px solid #335b4c; } .by_cc_header_cta .by_cc_header_cta__menu_wrapper.by_hidden { display: none; } } .by_cc_header_cta .by_cc_header_cta__menu { position: absolute; z-index: 1801; right: 0; display: block; background-color: #7f988f; text-align: center; } @media screen and (min-width: 700px) { .by_cc_header_cta .by_cc_header_cta__menu { position: relative; background-color: transparent; fill: #8d8d8d; } } .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu { width: 23px; fill: #fff; } @media screen and (min-width: 700px) { .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu { fill: #335b4c; } } .by_cc_header_cta .by_active .by_cc_header_cta__menu { background-color: #fff; } @media screen and (min-width: 700px) { .by_cc_header_cta .by_active .by_cc_header_cta__menu { background-color: #335b4c; } } .by_cc_header_cta .by_active .by_cc_header_cta__menu .by_cc_svg_icon_menu { fill: #8d8d8d; } @media screen and (min-width: 700px) { .by_cc_header_cta .by_active .by_cc_header_cta__menu .by_cc_svg_icon_menu { fill: #fff; } } /*********************************************** INTERIOR / EXTERIOR / ENLARGE / ROOF */ @media screen and (min-width: 700px) { .by_cc_page__edit .by_cc_header_cta__interior.by_active, .by_cc_page__edit .by_cc_header_cta__exterior.by_active { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .by_cc_page__edit .by_cc_header_cta__roof:not(.by_hidden) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .by_cc_page__edit .by_cc_header_cta__enlarge { text-align: center; } @media screen and (min-width: 700px) { .by_cc_page__edit .by_cc_header_cta__enlarge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .by_cc_page__edit .by_cc_header_cta__enlarge .by_cc_svg_icon_enlarge { width: 18px; } .by_cc_page__edit .by_cc_header_cta__enlarge .by_cc_svg_icon_minimise { display: none; width: 18px; } .by_cc_page__edit .by_cc_header_cta__enlarge.by_expanded .by_cc_svg_icon_enlarge { display: none; } .by_cc_page__edit .by_cc_header_cta__enlarge.by_expanded .by_cc_svg_icon_minimise { display: inline-block; } /*********************************************** PRICE / PRICE SETTINGS */ .by_cc_header_cta .by_cc_header_cta__settings { display: none; text-align: center; } .by_cc_header_cta .by_cc_header_cta__settings .by_cc_svg_icon_settings { width: 23px; fill: #8d8d8d; } .by_cc_page__edit .by_cc_header_cta__settings, .by_cc_page__summary .by_cc_header_cta__settings { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media screen and (min-width: 700px) { .by_cc_page__edit .by_cc_header_cta__price, .by_cc_page__summary .by_cc_header_cta__price { display: inline-block; width: auto; margin: 0; vertical-align: top; color: #636363; font-size: 18px; line-height: 46px; cursor: default; } .by_cc_page__edit .by_cc_header_cta__price .by_cc_header_cta__price_text, .by_cc_page__summary .by_cc_header_cta__price .by_cc_header_cta__price_text { width: auto; cursor: default; } } .by_cc_header_dropdown__menu_lb_scrim { position: fixed; z-index: 1800; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .by_cc_header_cta__menu_wrapper.by_active .by_cc_header_dropdown__menu_lb_scrim { display: block; } @media screen and (min-width: 700px) { .by_cc_header_cta__menu_wrapper.by_active .by_cc_header_dropdown__menu_lb_scrim { display: none; } } /*********************************************** DROPDOWN NAVIGATION */ .by_cc_header_dropdown { position: absolute; top: 42px; right: -1px; display: none; width: 100%; padding: 0; margin: 0; list-style-type: none; background-color: #fff; -webkit-box-shadow: -3px 5px 6px rgba(0, 0, 0, 0.35), 3px 5px 6px rgba(0, 0, 0, 0.35); box-shadow: -3px 5px 6px rgba(0, 0, 0, 0.35), 3px 5px 6px rgba(0, 0, 0, 0.35); } @media screen and (min-width: 700px) { .by_cc_header_dropdown { top: 45px; width: 230px; background-color: #335b4c; } } .by_cc_header_dropdown li { position: relative; height: 40px; padding: 0 10px; border-bottom: 1px solid #dfdfdf; color: #333; font-size: 14px; text-align: left; line-height: 40px; } @media screen and (min-width: 700px) { .by_cc_header_dropdown li { height: auto; padding: 16px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: #fff; line-height: normal; } .by_cc_header_dropdown li:after { background: none; } .by_cc_header_dropdown li.by_disabled { color: rgba(224, 224, 224, 0.5); } } .by_cc_header_dropdown li .by_cc_svg_icon_arrow_right { position: absolute; right: 13px; width: 14px; height: 100%; fill: #8d8d8d; } @media screen and (min-width: 700px) { .by_cc_header_dropdown li .by_cc_svg_icon_arrow_right { display: none; } } .by_cc_header_dropdown li.by_disabled { color: rgba(224, 224, 224, 0.5); cursor: default; } .by_cc_header_dropdown li:last-child { border-bottom: 0; } .by_cc_header_dropdown__menu { z-index: 1801; } @media screen and (min-width: 700px) { .by_cc_header_dropdown__menu li { text-align: center; } .by_cc_header_dropdown__menu li.by_cc_header_dropdown_item__summary { display: none; border-bottom: none; } } /*********************************************** SPECIAL CASES FOR CERTAIN MENU ITEMS (HOOKS) */ .by_cc_has_cta_nav .by_cc_header_dropdown_item__hook--nav-cta { display: none; } .by_cc_header_dropdown_item__hook[data-hook="getpdf"] { display: none; } .by_cc_page__edit .by_cc_header:not(.by_cc_has_cta_nav) .by_cc_header_dropdown_item__hook[data-hook="getpdf"], .by_cc_page__summary .by_cc_header:not(.by_cc_has_cta_nav) .by_cc_header_dropdown_item__hook[data-hook="getpdf"] { display: list-item; } .by_cc_header_dropdown_item__hook[data-hook="debug"] { display: none; } .by_cc_has_configuration .by_cc_header_dropdown_item__hook[data-hook="debug"] { display: list-item; } /*********************************************** CTA MENU */ .by_cc_cta_menu_link { display: block; padding: 0; color: #333; } @media screen and (min-width: 700px) { .by_cc_header_dropdown .by_cc_header_dropdown_item__link { padding: 0; } .by_cc_cta_menu_link { padding: 16px 10px; color: #fff; } } /*********************************************** EOD CTA MENU */ /* Content Area */ /** @section derivative content styles derivative content page */ .by_cc_derivative_selection_content { position: relative; margin-bottom: 8px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 700px) { .by_cc_derivative_selection_content { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } .by_cc_derivative_selection_content .by_cc_pivot { height: auto; } .by_cc_derivative_wrapper { position: relative; } @media screen and (min-width: 820px) { .by_cc_derivative_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .by_cc_derivative_image_wrapper { position: relative; width: 60%; margin: 0 auto 24px; text-align: center; } @media screen and (min-width: 396px) { .by_cc_derivative_image_wrapper { width: 50%; min-width: 237px; } } @media screen and (min-width: 700px) { .by_cc_derivative_image_wrapper { width: 40%; display: block; } } @media screen and (min-width: 820px) { .by_cc_derivative_image_wrapper { margin: 0 30px 24px; } } .by_cc_derivative_image_wrapper .by_cc_wltp_wrapper { margin: 0; } .by_cc_derivative_image_helper { position: relative; padding-top: 56.25%; margin-top: -36px; max-width: 600px; } @media screen and (min-width: 396px) { .by_cc_derivative_image_helper { margin-top: -20px; } } @media screen and (min-width: 700px) { .by_cc_derivative_image_helper { width: 100%; margin-top: -57px; } } @media screen and (min-width: 820px) { .by_cc_derivative_image_helper { margin-top: 50px; } } @media screen and (min-width: 960px) { .by_cc_derivative_image_helper { margin-top: 40px; } } @media screen and (min-width: 1024px) { .by_cc_derivative_image_helper { margin-top: -55px; } } @media screen and (min-width: 1366px) { .by_cc_derivative_image_helper { margin-top: -55px; } } @media screen and (min-width: 1420px) { .by_cc_derivative_image_helper { margin-top: -65px; } } @media screen and (min-width: 1920px) { .by_cc_derivative_image_helper { margin-top: -55px; max-width: 850px; } } .by_cc_derivative_image_helper .by_cc_derivative_image { position: absolute; bottom: 0; left: 0; width: 100%; } .by_cc_derivative_info { position: relative; text-align: center; padding: 0 30px; margin-bottom: 44px; } @media screen and (min-width: 820px) { .by_cc_derivative_info { width: 50%; height: 100%; padding: 0; margin-top: 24px; margin-bottom: 24px; } } .by_cc_derivative_info_content { display: inline-block; vertical-align: middle; } .by_cc_derivative_info_content h1 { margin: 0 0 10px; color: #333; font-size: 22px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_derivative_info_content h1 { margin-bottom: 30px; } } @media screen and (min-width: 1366px) { .by_cc_derivative_info_content h1 { font-size: 30px; } } @media screen and (min-width: 1920px) { .by_cc_derivative_info_content h1 { font-size: 40px; } } .by_cc_derivative_info_text { display: none; margin: 0 auto 30px; padding: 0 30px; color: #333; font-size: 14px; max-width: 550px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_derivative_info_text { display: block; } } .by_cc_derivative_configure { display: block; margin: 0 auto; min-width: 125px; } .by_cc_derivative_infopanel { display: block; margin: 0 auto 10px; } @media screen and (min-width: 700px) { .by_cc_derivative_infopanel { display: none; } } /** @section selection page styles the selection page */ .by_cc_carline_selection { width: 100%; max-width: 440px; margin: 0 auto; margin-top: -1px; padding-top: 1px; } @media screen and (min-width: 820px) { .by_cc_carline_selection { max-width: none; } } .by_cc_carline_selection .by_cc_pager { left: 0; } .by_cc_carline_selection .by_cc_carline_pager { display: none; } .by_cc_carline_selection .by_cc_carline_pager.by_active { display: block; } .by_cc_carline_list { position: relative; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: -40px; overflow: hidden; } .by_cc_carline_count2 .by_cc_carline_list { width: 200%; } .by_cc_carline_count3 .by_cc_carline_list { width: 300%; } .by_cc_carline_count4 .by_cc_carline_list { width: 400%; } .by_cc_carline_count5 .by_cc_carline_list { width: 500%; } @media screen and (min-width: 820px) { .by_cc_carline_list { margin-top: -50px; width: 100%; } .by_cc_carline_count2 .by_cc_carline_list, .by_cc_carline_count3 .by_cc_carline_list { width: 100%; } .by_cc_carline_count4 .by_cc_carline_list { width: 133%; } .by_cc_carline_count5 .by_cc_carline_list { width: 166%; } } @media screen and (min-width: 1024px) { .by_cc_carline_list { width: 100%; } .by_cc_carline_count4 .by_cc_carline_list { width: 100%; } .by_cc_carline_count5 .by_cc_carline_list { width: 125%; } } @media screen and (min-width: 1366px) { .by_cc_carline_count4 .by_cc_carline_list { margin-top: -70px; } .by_cc_carline_count5 .by_cc_carline_list { width: 100%; } } .by_cc_carline_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 35px 60px; width: 100%; position: relative; } .by_cc_carline_count2 .by_cc_carline_item { width: 50%; } .by_cc_carline_count3 .by_cc_carline_item { width: 33.333%; } .by_cc_carline_count4 .by_cc_carline_item { width: 25%; } .by_cc_carline_count5 .by_cc_carline_item { width: 20%; } @media screen and (min-width: 700px) { .by_cc_carline_item { padding-bottom: 125px; } } @media screen and (min-width: 820px) { .by_cc_carline_item { padding-bottom: 110px; } } @media screen and (min-width: 1024px) { .by_cc_carline_item { padding: 0 20px 110px; } } @media screen and (min-width: 1366px) { .by_cc_carline_item { padding: 0 30px 90px; } } @media screen and (min-width: 1920px) { .by_cc_carline_item { padding: 0 40px 130px; } } .by_cc_carline_item .by_cc_carline_select { min-width: 125px; } .by_cc_carline_item .by_cc_wltp_wrapper { position: absolute; margin: 0 -35px; left: 0; right: 0; bottom: -8px; } @media screen and (min-width: 1024px) { .by_cc_carline_item .by_cc_wltp_wrapper { margin-left: -20px; margin-right: -20px; } } @media screen and (min-width: 1366px) { .by_cc_carline_item .by_cc_wltp_wrapper { margin-left: -30px; margin-right: -30px; } } @media screen and (min-width: 1920px) { .by_cc_carline_item .by_cc_wltp_wrapper { margin-left: -40px; margin-right: -40px; bottom: 0; } } .by_cc_carline_image_wrapper { position: relative; width: 100%; margin: 0 auto; } @media screen and (min-width: 820px) { .by_cc_carline_image_wrapper { max-width: 180px; } } @media screen and (min-width: 1024px) { .by_cc_carline_image_wrapper { max-width: 250px; } } @media screen and (min-width: 1366px) { .by_cc_carline_image_wrapper { max-width: 320px; } } @media screen and (min-width: 1920px) { .by_cc_carline_image_wrapper { max-width: 465px; } } .by_cc_carline_image_wrapper .by_cc_carline_image_helper { padding-top: 56.25%; width: 100%; } .by_cc_carline_image_wrapper .by_cc_carline_image { position: absolute; top: 0; left: 0; width: 100%; } .by_cc_carline_label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 25px; line-height: 1em; margin-top: 28px; margin-bottom: 16px; } @media screen and (min-width: 1920px) { .by_cc_carline_label { margin-top: 16px; } } .by_cc_carline_info { display: block; margin: 0 auto 16px; } .by_cc_carline_wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .by_cc_carline_pager { text-align: center; } @media screen and (min-width: 700px) { .by_cc_carline_pager { bottom: 60px; top: auto; } } @media screen and (min-width: 820px) { .by_cc_carline_pager { bottom: auto; top: 50%; } } @media screen and (max-width: 700px) { .by_slide_left.by_cc_carline_pager, .by_slide_right.by_cc_carline_pager { height: 83px; width: 41px; } .by_slide_left.by_cc_carline_pager .by_cc_svg_icon, .by_slide_left.by_cc_carline_pager .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_slide_left.by_cc_carline_pager .by_cc_svg_icon_menu, .by_slide_right.by_cc_carline_pager .by_cc_svg_icon, .by_slide_right.by_cc_carline_pager .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_slide_right.by_cc_carline_pager .by_cc_svg_icon_menu { width: 20px; fill: #8d8d8d; } } .by_cc_carline_price_version { font-size: 14px; margin: 10px 0 0; } /* stylelint-disable */ /** @section edit view styles the image (model views) carousel placed in content area on edit view */ .by_cc_carousel_wrapper { height: 100%; } @media screen and (min-width: 700px) { .by_cc_carousel_wrapper { position: relative; } .by_cc_carousel_wrapper .by_cc_carousel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; margin-top: 0; -webkit-transition: bottom 500ms ease; transition: bottom 500ms ease; } .by_cc_carousel_wrapper .by_cc_carousel .by_cc_pager, .by_cc_carousel_wrapper .by_cc_carousel.by_reverse .by_cc_pager { bottom: 60px; -webkit-transition: bottom 500ms ease; transition: bottom 500ms ease; } } @media screen and (min-width: 700px) and (min-width: 820px) { .by_cc_carousel_wrapper .by_cc_pager { display: none; } } .by_cc_carousel { position: relative; overflow: hidden; height: 100%; margin: 0; font-size: 0; } .by_cc_carousel_close { display: none; } @media screen and (min-width: 700px) { .by_cc_carousel_wrapper, .by_cc_carousel_item_image { min-height: 490px; padding-top: 76.3358%; } } @media screen and (min-width: 820px) { .by_cc_carousel_wrapper, .by_cc_carousel_item_image { min-height: 355px; padding-top: 46.3%; } } @media screen and (min-width: 1024px) { .by_cc_carousel_wrapper, .by_cc_carousel_item_image { padding-top: 450px; } } @media screen and (min-width: 1366px) { .by_cc_carousel_wrapper, .by_cc_carousel_item_image { min-height: 450px; padding-top: 34.69%; } } .by_cc_carousel_container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 500%; height: 100%; padding: 0; margin: 0; list-style-type: none; } .by_cc_carousel_container .by_cc_carousel_pager { display: none; } @media screen and (min-width: 820px) { .by_cc_carousel_container .by_cc_carousel_pager { top: 50%; display: block; } } .by_cc_carousel_item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; height: 100%; vertical-align: middle; background-color: #f6f6f6; text-align: center; } @media screen and (min-width: 700px) { .by_cc_carousel_item { display: inline-block; } } .by_cc_carousel_item_image { position: relative; height: 100%; width: 100%; padding-top: 60.44122%; } @media screen and (min-width: 1024px) { .by_cc_carousel_item_image { padding-top: 0; } } .by_cc_carousel_item_image img { width: auto; height: 100%; } @media screen and (min-width: 700px) { .by_cc_carousel_item_image img { width: auto; } } @media screen and (min-width: 1024px) { .by_cc_carousel_item_image img { width: auto; height: 100%; } } @media screen and (min-width: 1366px) { .by_cc_carousel_item_image img { width: 100%; } } .by_cc_carousel_item_image.by_loading:after { content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; margin-top: -33px; margin-left: -33px; } .by_cc_wrapper.by_loading .by_cc_carousel_item_image.by_loading:after { display: none; } .by_cc_carousel_item_image_inner, .by_cc_carousel_item_image_inner__static { position: absolute; z-index: 1; top: 0; bottom: 0; width: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .by_cc_carousel_item_image_inner img, .by_cc_carousel_item_image_inner__static img { position: relative; display: inline-block; margin: 0 -150%; } .by_cc_carousel_item_image_inner.by_right_zone img, .by_right_zone.by_cc_carousel_item_image_inner__static img { float: right; margin: 0 !important; } .by_cc_carousel_item_image_inner.by_left_zone img, .by_left_zone.by_cc_carousel_item_image_inner__static img { margin: 0 !important; } .by_cc_carousel_item_image_inner__static { z-index: 2; } .by_cc_carousel_item_image_inner__static > img { -webkit-box-shadow: #000 0 0 0; box-shadow: #000 0 0 0; } .by_cc_carousel_item__interior .by_cc_carousel_item_image:not(.by_empty) .by_cc_carousel_pager.by_slide_left { width: 49px; height: 98px; border-radius: 0 99px 99px 0; background-color: rgba(255, 255, 255, 0.5); } .by_cc_carousel_item__interior .by_cc_carousel_item_image:not(.by_empty) .by_cc_carousel_pager.by_slide_left .by_cc_svg_icon_arrow_left { fill: #fff; } .by_cc_carousel_item__interior .by_cc_carousel_item_image:not(.by_empty) .by_cc_carousel_pager.by_slide_right { width: 49px; height: 98px; border-radius: 99px 0 0 99px; background-color: rgba(255, 255, 255, 0.5); } .by_cc_carousel_item__interior .by_cc_carousel_item_image:not(.by_empty) .by_cc_carousel_pager.by_slide_right .by_cc_svg_icon_arrow_right { fill: #fff; } .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static { top: -3.5%; bottom: -3.5%; height: auto; } @media screen and (min-width: 700px) { .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static { top: 0; right: 0; bottom: 0; left: 0; width: auto; } .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner img, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } } @media screen and (min-width: 820px) { .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static { right: -18%; left: -18%; } .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner img, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static img { width: 100%; height: auto; } } @media screen and (min-width: 1024px) { .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static { right: 0; left: 0; } .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner img, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static img { width: auto; height: auto; } } @media screen and (min-width: 1366px) { .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner img, .by_cc_carousel_item__interior .by_cc_carousel_item_image_inner__static img { width: 100.08%; } } .by_cc_carousel_item__exterior { background-color: #f6f6f6; } .by_cc_carousel_item__exterior.by_cc_carousel_item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .by_cc_carousel_item__exterior .by_cc_carousel_item_image { width: 100%; height: auto; min-height: inherit; } .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner img, .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner__static img { width: 100%; height: auto; -webkit-box-shadow: #000 0 0 0; box-shadow: #000 0 0 0; } @media screen and (min-width: 820px) { .by_cc_carousel_item__exterior .by_cc_carousel_item_image { padding-top: 46.3%; min-height: 355px; } .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner img, .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner__static img { width: auto; height: 100%; } } @media screen and (min-width: 1024px) { .by_cc_carousel_item__exterior .by_cc_carousel_item_image { padding-top: 450px; } .by_cc_carousel_item__exterior .by_cc_carousel_item_image img { width: auto; height: 100%; } } @media screen and (min-width: 1366px) { .by_cc_carousel_item__exterior .by_cc_carousel_item_image { min-height: 450px; padding-top: 34.69%; } .by_cc_carousel_item__exterior .by_cc_carousel_item_image img { width: auto; } } @media screen and (min-width: 700px) { .by_cc_carousel_wrapper .by_cc_carousel_enlarge { z-index: 1400; bottom: -235px; background-color: #f6f6f6; } .by_cc_carousel_wrapper .by_cc_carousel_enlarge.by_reverse { bottom: 0; } .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_container { height: 100%; } .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_pager { bottom: 12px; } } @media screen and (min-width: 820px) { .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item_image { height: 100%; padding-top: 0; } .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item__exterior .by_cc_carousel_item_image { height: 100%; padding-top: 0; } .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner:before, .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner__static:before { content: " "; position: relative; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner img, .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner__static img { max-width: 100%; height: auto; max-height: 100%; margin: 0; vertical-align: middle; } } @media screen and (min-width: 1921px) { .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner img, .by_cc_carousel_wrapper .by_cc_carousel_enlarge .by_cc_carousel_item__exterior .by_cc_carousel_item_image .by_cc_carousel_item_image_inner__static img { height: 100%; } } /* stylelint-enable */ /** @section suggestions styles the suggestion page including the carousel */ /** SWIPEABLE SUGGESTIONS */ .by_cc_content .by_cc_pivot_content .by_cc_pager { position: relative; margin: 0; } @media screen and (min-width: 700px) { .by_cc_content .by_cc_pivot_content .by_cc_pager { position: absolute; margin: 20px auto 0 auto; } } .by_cc_pivot_content { position: relative; height: 100%; } @media screen and (min-width: 700px) { .by_cc_pivot_content { height: auto; } } .by_cc_swipeable_container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; width: 100%; } .by_cc_swipeable_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; width: 100%; vertical-align: top; } .by_cc_swipeable_content_inner { position: relative; height: 100%; } /** PIVOT SCREEN **/ .by_cc_pivot { margin: 0 -150%; font-size: 0; } @media screen and (min-width: 700px) { .by_cc_pivot { height: 33.33%; } } @media screen and (min-width: 820px) { .by_cc_pivot { height: 50%; } } .by_cc_pivot_grid { display: table; margin: -2px auto 0; border-spacing: 2px; } .by_cc_pivot_grid_row { display: table-row; } .by_cc_pivot_grid_cell { display: table-cell; } .by_cc_pivot_grid_cell img { height: 78px; width: 156px; } @media screen and (min-width: 700px) { .by_cc_pivot_grid_cell img { height: 102px; width: 204px; } } @media screen and (min-width: 820px) { .by_cc_pivot_grid_cell img { height: 120px; width: 240px; } } @media screen and (min-width: 1024px) { .by_cc_pivot_grid_cell img { height: 143px; width: 286px; } } @media screen and (min-width: 1920px) { .by_cc_pivot_grid_cell img { height: 191px; width: 382px; } } @media screen and (min-width: 700px) { .by_cc_cutout { position: absolute; bottom: 30%; left: 49px; right: 49px; } } @media screen and (min-width: 820px) { .by_cc_cutout { bottom: 25px; right: auto; width: 50%; } } @media screen and (min-width: 1024px) { .by_cc_cutout { bottom: 30px; } } .by_cc_cutout .by_cc_cutout_inner { position: relative; padding-bottom: 60.441%; margin-top: -20%; } @media screen and (min-width: 700px) { .by_cc_cutout .by_cc_cutout_inner { margin-bottom: 40px; } } @media screen and (min-width: 820px) { .by_cc_cutout .by_cc_cutout_inner { margin-bottom: -15px; } } @media screen and (min-width: 1024px) { .by_cc_cutout .by_cc_cutout_inner { margin-bottom: -25px; } } @media screen and (min-width: 1366px) { .by_cc_cutout .by_cc_cutout_inner { margin-bottom: -40px; } } @media screen and (min-width: 1920px) { .by_cc_cutout .by_cc_cutout_inner { margin-bottom: -70px; } } .by_cc_cutout img { position: absolute; bottom: 0; left: 0; width: 100%; } /** Pivot suggestion navigation and car model */ .by_cc_suggestion_nav { position: relative; width: 100%; padding: 0 0 25px; margin-top: -25px; } @media screen and (min-width: 700px) { .by_cc_suggestion_nav { margin: 70px 0 48px 0; padding: 0; position: absolute; bottom: 0; left: 0; min-height: 135px; } } @media screen and (min-width: 820px) { .by_cc_suggestion_nav { margin: 0; padding: 60px 0 45px 0; height: 50%; min-height: auto; } } .by_cc_suggestion_nav .by_cc_pager { margin-top: 10px; } .by_cc_suggestion_pager { text-align: center; top: 35px; margin-top: 0; } @media screen and (min-width: 700px) { .by_cc_suggestion_pager { top: 50%; margin-top: -49px; } } .by_cc_suggestion, .by_cc_summary .by_cc_summary_title { text-align: center; } @media screen and (min-width: 320px) { .by_cc_suggestion, .by_cc_summary .by_cc_summary_title { padding: 0 45px; } } @media screen and (min-width: 820px) { .by_cc_suggestion, .by_cc_summary .by_cc_summary_title { width: 40%; float: right; } } @media screen and (min-width: 1367px) { .by_cc_suggestion, .by_cc_summary .by_cc_summary_title { width: 45%; } } @media screen and (min-width: 1920px) { .by_cc_suggestion, .by_cc_summary .by_cc_summary_title { margin-top: 45px; width: 50%; } } .by_cc_suggestion_label { color: #94c11d; font-size: 14px; } @media screen and (min-width: 1366px) { .by_cc_suggestion_label { font-size: 16px; } } .by_cc_suggestion_title, .by_cc_summary .by_cc_summary_marketingCode { color: #333; font-size: 22px; margin: 3px 0 6px; } @media screen and (min-width: 700px) { .by_cc_suggestion_title, .by_cc_summary .by_cc_summary_marketingCode { margin-bottom: 10px; } } @media screen and (min-width: 1366px) { .by_cc_suggestion_title, .by_cc_summary .by_cc_summary_marketingCode { font-size: 24px; } } .by_cc_suggestion_price { color: #333; font-size: 18px; margin-bottom: 6px; } @media screen and (min-width: 700px) { .by_cc_suggestion_price { margin-bottom: 10px; margin-top: -5px; } } @media screen and (min-width: 1366px) { .by_cc_suggestion_price { font-size: 20px; } } .by_cc_custom_select, .by_cc_suggestion_select { line-height: 42px; padding: 0 28px; font-size: 14px; } .by_cc_suggestion_info { display: block; margin: 0 auto 11px; cursor: pointer; } .by_cc_suggestion_info.by_cc_suggestion_info__hide { visibility: hidden; } @media screen and (min-width: 820px) { .by_cc_swipeable_custom .by_cc_suggestion_info { display: none; } } @media screen and (min-width: 1024px) { .by_cc_swipeable_custom .by_cc_suggestion_info { display: block; } } /***************************************************************************************** CUTOUT: Breakpoint $break_b1 indent -1/3 */ @media screen and (min-width: 700px) { .by_cc_cutout { position: absolute; bottom: 0; left: 0; right: 0; padding-top: 60.441%; } .by_cc_cutout .by_cc_cutout_inner { position: absolute; padding-top: 60.441%; width: 100%; top: -33%; padding-bottom: 0; margin: 0 auto; max-width: 923px; } } /***************************************************************************************** EOD CUTOUT: Breakpoint $break_b1 indent -1/3 */ /***************************************************************************************** CUTOUT: Breakpoint $break_b2 reset indent */ @media screen and (min-width: 820px) { .by_cc_cutout { position: absolute; bottom: 25px; left: 39px; right: auto; width: 62.36%; padding-top: inherit; } .by_cc_cutout .by_cc_cutout_inner { position: relative; padding-bottom: 60.441%; padding-top: inherit; margin-top: 0; margin-bottom: 0; width: 100%; top: 0; } .by_cc_cutout .by_cc_cutout_inner img { bottom: -9.5%; } } @media screen and (min-width: 1024px) { .by_cc_cutout { left: 49px; width: 67.01%; } } @media screen and (min-width: 1366px) { .by_cc_cutout { width: 61.86%; } } @media screen and (min-width: 1920px) { .by_cc_cutout { width: 61.02%; } } /***************************************************************************************** EOD CUTOUT: Breakpoint $break_b2 reset indent */ @media screen and (min-width: 1920px) { .by_cc_cutout { bottom: -60px; } .by_cc_cutout .by_cc_cutout_inner { margin-left: auto; margin-right: auto; padding-bottom: 0; max-width: 1125px; } .by_cc_cutout .by_cc_cutout_inner img { position: relative; } } @media screen and (min-width: 700px) { .by_cc_content .by_cc_pivot_content_rd { height: 100%; } } @media screen and (min-width: 700px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_pivot { height: auto; } } .by_cc_content .by_cc_pivot_content_rd .by_cc_pager { display: none; } @media screen and (min-width: 700px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout { position: relative; right: auto; bottom: auto; left: auto; padding-top: 0; } } @media screen and (min-width: 820px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout { margin: 0 auto; } } @media screen and (min-width: 820px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout { margin: 0 auto; } } @media screen and (min-width: 1024px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout { position: absolute; right: auto; left: 30px; width: 50%; padding-top: inherit; } } @media screen and (min-width: 1366px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout { left: 49px; width: 60%; } } @media screen and (min-width: 700px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout_inner { position: relative; width: auto; padding: 0 0 60.441%; margin: -20% auto 0; } } @media screen and (min-width: 820px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout_inner { margin-top: -25%; } } @media screen and (min-width: 1024px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout_inner { margin-top: -32%; } } @media screen and (min-width: 1366px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout_inner { margin-top: -28%; } } @media screen and (min-width: 1920px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_cutout_inner { margin-top: -240px; } } .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion_nav { padding: 0; margin-top: -25px; } @media screen and (min-width: 700px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion_nav { position: relative; width: 100%; height: auto; padding: 0; } } @media screen and (min-width: 820px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion_nav { height: auto; padding: 0; } } @media screen and (min-width: 1024px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion_nav { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0; } } @media screen and (min-width: 820px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion_pager { top: 0; } } @media screen and (min-width: 1024px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion_pager { top: 50%; } } @media screen and (min-width: 820px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion, .by_cc_content .by_cc_pivot_content_rd .by_cc_summary .by_cc_summary_title, .by_cc_summary .by_cc_content .by_cc_pivot_content_rd .by_cc_summary_title { float: none; width: 70%; margin: 0 auto; } } @media screen and (min-width: 1024px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion, .by_cc_content .by_cc_pivot_content_rd .by_cc_summary .by_cc_summary_title, .by_cc_summary .by_cc_content .by_cc_pivot_content_rd .by_cc_summary_title { width: 50%; margin-top: 30px; } } @media screen and (min-width: 1366px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion, .by_cc_content .by_cc_pivot_content_rd .by_cc_summary .by_cc_summary_title, .by_cc_summary .by_cc_content .by_cc_pivot_content_rd .by_cc_summary_title { width: 40%; } } @media screen and (min-width: 2550px) { .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion, .by_cc_content .by_cc_pivot_content_rd .by_cc_summary .by_cc_summary_title, .by_cc_summary .by_cc_content .by_cc_pivot_content_rd .by_cc_summary_title { max-width: 800px; margin-left: 0; } } .by_cc_content .by_cc_pivot_content_rd .by_cc_suggestion_price { margin-top: 10px; } .by_cc_suggestion_explanation_text { position: relative; margin-bottom: 20px; color: #727376; font-size: 18px; line-height: 24px; } .by_cc_suggestion_explanation_text:after { content: ""; position: relative; display: none; width: 80px; border-bottom: 1px solid #bec1c6; margin: 20px auto 0; } @media screen and (min-width: 820px) { .by_cc_suggestion_explanation_text:after { display: block; } } .by_cc_suggestion_marketing_text { position: relative; display: none; } @media screen and (min-width: 820px) { .by_cc_suggestion_marketing_text { display: block; } } .by_cc_suggestion_marketing_text .by_richtext { display: -webkit-box; overflow: hidden; max-height: 94px; padding: 0; color: #727376; font-size: 18px; text-align: center; text-overflow: ellipsis; line-height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .by_cc_suggestion_marketing_text .by_richtext a { color: #335b4c; } .by_cc_suggestion_highlights_wrapper { width: 100%; } @media screen and (min-width: 700px) { .by_cc_suggestion_highlights_wrapper { margin-top: 5%; } } @media screen and (min-width: 1024px) { .by_cc_suggestion_highlights_wrapper { float: left; width: 50%; margin-top: 10%; } } @media screen and (min-width: 1366px) { .by_cc_suggestion_highlights_wrapper { width: 60%; margin-top: 20%; } } @media screen and (min-width: 1920px) { .by_cc_suggestion_highlights_wrapper { margin-top: 390px; } } .by_cc_suggestion_highlights_wrapper .by_cc_wltp_wrapper { margin: 16px 0; text-align: center; } @media screen and (min-width: 320px) { .by_cc_suggestion_highlights_wrapper .by_cc_wltp_wrapper { padding: 0 45px; } } .by_cc_suggestion_highlights { display: -webkit-box; display: -ms-flexbox; display: flex; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; padding: 0 20px; margin: 0; list-style-type: none; } @media screen and (min-width: 1024px) { .by_cc_suggestion_highlights { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1000px; margin: 0 auto; } } .by_cc_suggestion_highlight_item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 33.3333%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } .by_cc_suggestion_highlight_title { color: #727376; font-size: 14px; text-align: center; line-height: 24px; } .by_cc_suggestion_highlight_title .by_cc_svg_icon, .by_cc_suggestion_highlight_title .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_suggestion_highlight_title .by_cc_svg_icon_menu { display: inline-block; width: 18px; height: 18px; margin-top: -2px; margin-right: 4px; vertical-align: middle; fill: #727376; } .by_cc_suggestion_highlight_text { display: block; color: #727376; font-size: 16px; text-align: center; line-height: 24px; } .by_cc_suggestion_btn_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px -10px 0; } .by_cc_suggestion_btn_container .by_button { width: calc(50% - 10px); min-width: 175px; margin: 0 5px 10px; } @media screen and (min-width: 820px) { .by_cc_suggestion_btn_container .by_button { width: auto; } } .by_cc_suggestion_link_readmore { display: none; color: #335b4c; font-size: 18px; line-height: 24px; } @media screen and (min-width: 820px) { .by_cc_suggestion_link_readmore { display: block; } } .by_cc_suggestion_link_readmore:link { text-decoration: underline; } .by_cc_suggestion_link_readmore:hover { text-decoration: none; } @media screen and (min-width: 820px) { .by_cc_suggestion_btn_readmore { display: none; } } /** @section summary page styles the summary page, including table stuff, forms */ /** SUMMARY page */ .by_cc_summary { padding-top: 0; } @media screen and (min-width: 700px) { .by_cc_summary { padding: 0; } } @media screen and (min-width: 700px) { .by_cc_has_conflict_overlay .by_cc_summary { height: 500px; opacity: 0; } } .by_cc_summary .by_cc_summary_bold { font-weight: bold; } .by_cc_summary .by_cc_summary_label { display: block; margin-top: 10px; color: #94c11d; font-size: 14px; text-align: center; } @media screen and (min-width: 1366px) { .by_cc_summary .by_cc_summary_label { font-size: 16px; } } .by_cc_summary h1 { margin-top: 0; margin-bottom: 30px; color: #333; font-size: 22px; text-align: center; } @media screen and (min-width: 1366px) { .by_cc_summary h1 { font-size: 24px; } } .by_cc_summary .by_cc_summary_section_title { padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; margin-top: 50px; margin-bottom: 10px; color: #333; font-size: 22px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_summary .by_cc_summary_section_title { padding-bottom: 26px; margin-top: 60px; text-align: left; } .by_cc_summary .by_cc_summary_section_title:first-child { margin-top: 0; } } @media screen and (min-width: 1024px) { .by_cc_summary .by_cc_summary_section_title { padding-bottom: 20px; margin-top: 78px; } .by_cc_summary .by_cc_summary_section_title:first-child { margin-top: 0; } } .by_cc_summary .by_cc_summary_title { position: relative; margin-top: -8%; } @media screen and (min-width: 700px) { .by_cc_summary .by_cc_summary_title { padding-top: 20px; margin-top: 0; } } @media screen and (min-width: 820px) { .by_cc_summary .by_cc_summary_title { top: 25px; float: right; width: 50%; padding-top: 0; } } @media screen and (min-width: 1024px) { .by_cc_summary .by_cc_summary_title { top: 35px; } } @media screen and (min-width: 1367px) { .by_cc_summary .by_cc_summary_title { top: 60px; } } @media screen and (min-width: 1920px) { .by_cc_summary .by_cc_summary_title { top: 100px; margin-top: 0; } } .by_cc_summary .by_cc_pivot { height: auto; margin: 0 -70%; } .by_cc_summary .by_cc_summary_marketingCode_box { color: #999; font-size: 14px; } .by_cc_summary .by_cc_suggestion_title, .by_cc_summary .by_cc_summary_marketingCode { margin-bottom: 5px; } .by_cc_summary .by_cc_summary_marketingCode { font-family: "Times New Roman", "Times", serif; } .by_cc_summary .by_cc_icon__info, .by_cc_summary .by_cc_infopane_conflict_list__info { cursor: pointer; } .by_cc_summary_pivot_wrapper { position: relative; } @media screen and (min-width: 700px) and (max-width: 819px) { .by_cc_summary_pivot_wrapper { height: auto; } .by_cc_summary_pivot_wrapper .by_cc_cutout { position: relative; right: auto; bottom: auto; left: auto; padding-top: 0; } .by_cc_summary_pivot_wrapper .by_cc_cutout .by_cc_cutout_inner { position: relative; padding-top: auto; padding-bottom: 0; margin-top: -20%; margin-bottom: 0; } .by_cc_summary_pivot_wrapper .by_cc_suggestion_nav { position: relative; min-height: 0; margin: -25px 0 0; } } @media screen and (min-width: 820px) { .by_cc_summary_pivot_wrapper .by_cc_cutout { left: 0; } } .by_cc_summary_details, .by_cc_summary_line { position: relative; clear: both; width: 100%; max-width: 1213px; margin-bottom: 10px; } @media screen and (min-width: 700px) { .by_cc_summary_details, .by_cc_summary_line { padding: 0 30px; margin: 0 auto; margin-bottom: 10px; } } .by_cc_summary_optionTiles + .by_cc_summary_details, .by_cc_summary_optionTiles + .by_cc_summary_line { padding-top: 0; margin-top: 0; } .by_cc_summary_line { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 70px; margin-bottom: 70px; } .by_cc_summary_line + .by_cc_summary_line { padding-top: 0; } .by_cc_summary_line div { width: 50%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 22px; line-height: 22px; } .by_cc_summary_line .by_cc_summary_line_description { text-align: right; } .by_cc_summary_table { width: 100%; border: 0; border-spacing: 0; } .by_cc_summary_table tr:nth-child(2n) { background-color: #f7f7f7; } .by_cc_summary_table td { width: 50%; padding: 16px; font-size: 14px; } .by_cc_summary_table tr.by_cc_summary_label__larger td { font-size: 22px; } .by_cc_summary_table .by_cc_summary_config_label { color: #333; } .by_cc_summary_table .by_cc_summary_config_description { color: #333; } .by_cc_summary_table .by_cc_summary_config_price { color: #333; text-align: right; white-space: nowrap; } .by_cc_summary_table.by_cc_summary_with_prices td { width: 33%; } @media screen and (min-width: 700px) { .by_cc_summary_table.by_cc_summary_with_prices td { width: 40%; } } .by_cc_summary_table.by_cc_summary_with_prices .by_cc_summary_config_price { width: 34%; } @media screen and (min-width: 700px) { .by_cc_summary_table.by_cc_summary_with_prices .by_cc_summary_config_price { width: 20%; } } .by_cc_selection_form { padding: 30px; margin-top: 50px; background-color: #f7f7f7; text-align: center; } @media screen and (min-width: 820px) { .by_cc_selection_form .by_form_submit { display: inline-block; width: auto; padding-right: 60px; vertical-align: middle; } .by_cc_selection_form .by_form_submit__pdf { padding-top: 0; margin-left: 30px; line-height: 38px; } } .by_cc_selection_form_label { padding-bottom: 20px; color: #8d8d8d; font-size: 22px; } @media screen and (min-width: 820px) { .by_cc_selection_form_label { display: inline-block; padding-bottom: 0; margin-right: 30px; vertical-align: middle; line-height: 40px; } } .by_cc_summary_button_wrapper .by_button { width: 100%; } /************************************************************* handle spacing for RD */ .by_cc_summary h1, .by_cc_summary h2 { margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 700px) { .by_cc_summary h1, .by_cc_summary h2 { margin-right: 0; margin-left: 0; } } .by_cc_summary_optionTiles { max-width: 1213px; padding: 0; margin: 0 auto; margin-bottom: 40px; /* stylelint-disable value-no-vendor-prefix, declaration-block-no-redundant-longhand-properties */ } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles { padding: 0 20px; margin-bottom: 80px; } } @media screen and (min-width: 1920px) { .by_cc_summary_optionTiles { max-width: 1213px; padding: 0 38px; } } @media all and (-ms-high-contrast: none) { .by_cc_summary_optionTiles { /* IE10 */ /* IE11 */ } .by_cc_summary_optionTiles .by_cc_summary_optionTile_media { height: 100%; } .by_cc_summary_optionTiles *::-ms-backdrop, .by_cc_summary_optionTiles .by_cc_summary_optionTile_media { height: 100%; } } .by_cc_summary_optionTiles .by_cc_summary_optionTiles_flex_container { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .by_cc_summary_optionTiles .by_cc_summary_section_title { padding-bottom: 13px; border-bottom: 0; margin-right: 10px; margin-bottom: 0; margin-left: 10px; color: #333; font-size: 22px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_section_title { text-align: left; } } @media screen and (min-width: 1366px) { .by_cc_summary_optionTiles .by_cc_summary_section_title { font-size: 30px; } } .by_cc_summary_optionTiles .by_cc_summary_optionTile { display: -ms-flexbox; display: -webkit-box; display: flex; width: 100%; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 23px; margin-bottom: 20px; background: #f7f7f7; text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth, value-no-vendor-prefix, declaration-block-no-redundant-longhand-properties */ } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile { width: calc(33.333333333333333333333% - 20px); padding: 18px; margin: 10px; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2) .by_cc_summary_optionTile_media, .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) .by_cc_summary_optionTile_media { -webkit-box-ordinal-group: 2; order: 1; -ms-flex-order: 1; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2) .by_cc_summary_optionTile_title, .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) .by_cc_summary_optionTile_title { margin-top: 0; margin-bottom: 8px; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2) .by_cc_summary_optionTile_feature, .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) .by_cc_summary_optionTile_feature { margin-top: 0; margin-bottom: 40px; } } @media screen and (min-width: 1024px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile { padding: 21px; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2), .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) { padding: 21px 30px; } } @media screen and (min-width: 1367px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile { padding: 30px; } } .by_cc_summary_optionTiles .by_cc_summary_optionTile_media { width: 100%; } .by_cc_summary_optionTiles .by_cc_summary_optionTile_image { width: 100%; height: auto; } .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { width: calc(100% - 40px); margin-top: 19px; margin-bottom: 0; font-size: 22px; } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { width: 100%; margin-top: 10px; font-size: 18px; } } @media screen and (min-width: 1024px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { font-size: 22px; } } @media screen and (min-width: 1366px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { font-size: 30px; } } @media screen and (min-width: 1367px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { margin-top: 16px; } } .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { width: 100%; margin: 3px 0 0; font-size: 14px; } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { font-size: 14px; } } @media screen and (min-width: 1366px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { font-size: 18px; } } @media screen and (min-width: 1367px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { margin-top: 6px; } } /* stylelint-disable */ .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav { position: static; display: inline-block; padding-top: 0; margin-top: 0; } @media screen and (min-width: 700px) { .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav { margin-top: 10%; } } .by_cc_page__summary .by_cc_summary .by_cc_summary_pivot_wrapper { height: auto; } .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner { position: static; margin-top: 0; } .by_cc_page__summary .by_cc_summary .by_cc_sub_pivot_content { position: static; } @media screen and (min-width: 1367px) { .by_cc_page__summary .by_cc_summary .by_cc_sub_pivot_content { margin: 0 auto; } } .by_cc_page__summary .by_cc_summary .by_cc_summary_button_wrapper { margin: 20px -15px 0 -15px; } .by_cc_page__summary .by_cc_summary .by_cc_summary_button_wrapper .by_cc_scco_btn_wrapper { max-width: 100%; } @media screen and (min-width: 1024px) { .by_cc_page__summary .by_cc_summary .by_cc_summary_button_wrapper .by_cc_scco_btn_wrapper { margin-right: 0 !important; margin-left: 0 !important; } } .by_cc_page__summary .by_cc_summary .by_cc_cutout { position: static; width: 100%; max-width: 1125px; } .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner { padding-bottom: 30%; } .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { position: absolute; top: 0; bottom: 0 !important; max-width: 1125px; padding-bottom: 0; pointer-events: none; } @media screen and (min-width: 320px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { top: 40px; } } @media screen and (min-width: 396px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { top: 35px; } } @media screen and (min-width: 700px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { top: 65px; width: 100%; } } @media screen and (min-width: 820px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { top: 110px; width: 60%; } } @media screen and (min-width: 1024px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { top: 100px; width: 60%; } } @media screen and (min-width: 1367px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { width: 60%; } } @media screen and (min-width: 1420px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { top: auto; bottom: 0; } } @media screen and (min-width: 1920px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout .by_cc_cutout_inner img { top: 10px; } } @media screen and (min-width: 700px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout { display: inline-block; width: 100%; height: 200px; } .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav { display: inline-block; width: 100%; padding-top: 23px; margin-top: 0; vertical-align: top; } .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav .by_cc_suggestion, .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav .by_cc_summary_title { padding-right: 0; padding-left: 0; margin: 0 auto; } } @media screen and (min-width: 820px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout { position: static; width: 50%; } .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav { width: 49%; } .by_cc_page__summary .by_cc_summary .by_cc_suggestion, .by_cc_page__summary .by_cc_summary .by_cc_summary_title { width: 100%; margin-top: 0; } } @media screen and (min-width: 1024px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout { width: 54%; } .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav { width: 40%; } } @media screen and (min-width: 1367px) { .by_cc_page__summary .by_cc_summary .by_cc_cutout { width: 60%; } .by_cc_page__summary .by_cc_summary .by_cc_suggestion_nav { width: 39%; padding-right: 30px; margin-top: 0; } } .by_cc_page__summary .by_cc_summary .by_cc_summary_marketing_code.by_cc_icon__info, .by_cc_page__summary .by_cc_summary .by_cc_summary_marketing_code.by_cc_infopane_conflict_list__info { width: 20px; height: 25px; vertical-align: bottom; } /* stylelint-enable */ .by_cc_summary_optionTiles { max-width: 1213px; padding: 0; margin: 0 auto; margin-bottom: 40px; /* stylelint-disable value-no-vendor-prefix, declaration-block-no-redundant-longhand-properties */ } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles { padding: 0 20px; margin-bottom: 80px; } } @media screen and (min-width: 1920px) { .by_cc_summary_optionTiles { max-width: 1213px; padding: 0 38px; } } @media all and (-ms-high-contrast: none) { .by_cc_summary_optionTiles { /* IE10 */ /* IE11 */ } .by_cc_summary_optionTiles .by_cc_summary_optionTile_media { height: 100%; } .by_cc_summary_optionTiles *::-ms-backdrop, .by_cc_summary_optionTiles .by_cc_summary_optionTile_media { height: 100%; } } .by_cc_summary_optionTiles .by_cc_summary_optionTiles_flex_container { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .by_cc_summary_optionTiles .by_cc_summary_section_title { padding-bottom: 13px; border-bottom: 0; margin-right: 10px; margin-bottom: 0; margin-left: 10px; color: #333; font-size: 22px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_section_title { text-align: left; } } @media screen and (min-width: 1366px) { .by_cc_summary_optionTiles .by_cc_summary_section_title { font-size: 30px; } } .by_cc_summary_optionTiles .by_cc_summary_optionTile { display: -ms-flexbox; display: -webkit-box; display: flex; width: 100%; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 23px; margin-bottom: 20px; background: #f7f7f7; text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth, value-no-vendor-prefix, declaration-block-no-redundant-longhand-properties */ } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile { width: calc(33.333333333333333333333% - 20px); padding: 18px; margin: 10px; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2) .by_cc_summary_optionTile_media, .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) .by_cc_summary_optionTile_media { -webkit-box-ordinal-group: 2; order: 1; -ms-flex-order: 1; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2) .by_cc_summary_optionTile_title, .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) .by_cc_summary_optionTile_title { margin-top: 0; margin-bottom: 8px; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2) .by_cc_summary_optionTile_feature, .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) .by_cc_summary_optionTile_feature { margin-top: 0; margin-bottom: 40px; } } @media screen and (min-width: 1024px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile { padding: 21px; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2), .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(5) { padding: 21px 30px; } } @media screen and (min-width: 1367px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile { padding: 30px; } } .by_cc_summary_optionTiles .by_cc_summary_optionTile_media { width: 100%; } .by_cc_summary_optionTiles .by_cc_summary_optionTile_image { width: 100%; height: auto; } .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { width: calc(100% - 40px); margin-top: 19px; margin-bottom: 0; font-size: 22px; } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { width: 100%; margin-top: 10px; font-size: 18px; } } @media screen and (min-width: 1024px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { font-size: 22px; } } @media screen and (min-width: 1366px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { font-size: 30px; } } @media screen and (min-width: 1367px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_title { margin-top: 16px; } } .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { width: 100%; margin: 3px 0 0; font-size: 14px; } @media screen and (min-width: 700px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { font-size: 14px; } } @media screen and (min-width: 1366px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { font-size: 18px; } } @media screen and (min-width: 1367px) { .by_cc_summary_optionTiles .by_cc_summary_optionTile_feature { margin-top: 6px; } } @-webkit-keyframes marketing-code-copied { 0% { opacity: 0; } 20% { opacity: 100%; } 20% { opacity: 100%; } 100% { opacity: 0; } } @keyframes marketing-code-copied { 0% { opacity: 0; } 20% { opacity: 100%; } 20% { opacity: 100%; } 100% { opacity: 0; } } .by_cc_marketing_code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; padding: 16px; text-align: center; text-transform: uppercase; border: 2px solid #335b4c; color: #335b4c; font-size: 24px; letter-spacing: 1.2px; margin-bottom: 20px; text-transform: uppercase; pointer-events: none; } @media screen and (min-width: 700px) { .by_cc_marketing_code { margin-bottom: 40px; } } .by_cc_marketing_code.by_state_ready { pointer-events: all; } .by_cc_marketing_code__click-capture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .by_cc_marketing_code__click-capture:hover { cursor: pointer; } .by_cc_marketing_code__label { z-index: 2; } .by_cc_marketing_code__message { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0, 50, 32, 0.8); padding: 0 10px; opacity: 0; z-index: -1; pointer-events: none; } .by_cc_marketing_code__message.by_state_animation { z-index: 3; -webkit-animation: marketing-code-copied 2s ease-in-out; animation: marketing-code-copied 2s ease-in-out; } /* Forms */ .by_cc_overlay_rd_form .by_form_rd_input input[type='text'], .by_cc_mmcf .by_form_rd_input input[type='text'], .by_cc_overlay_rd_form .by_subcomponent_richtext, .by_cc_mmcf .by_subcomponent_richtext, .by_cc_overlay_rd_form .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_mmcf .by_radiogroup_item .by_form_rd_radiogroup_text, .by_cc_overlay_rd_form .by_form_rd_checkbox .by_form_rd_checkbox_text, .by_cc_mmcf .by_form_rd_checkbox .by_form_rd_checkbox_text { font-size: 16px; line-height: 24px; color: #727376; } .by_cc_overlay_rd_form, .by_cc_mmcf { /** Dedicated syteling for the consent radio group use case */ } .by_cc_overlay_rd_form .by_kmi_form_wrapper, .by_cc_mmcf .by_kmi_form_wrapper { padding: 0; } .by_cc_overlay_rd_form .by_form.by_form_redesign, .by_cc_mmcf .by_form.by_form_redesign { padding: 0; } .by_cc_overlay_rd_form .by_form_component, .by_cc_mmcf .by_form_component { width: 100%; margin: 0; padding: 0; } .by_cc_overlay_rd_form .by_form_component .by_form_element, .by_cc_mmcf .by_form_component .by_form_element { width: 100%; padding: 0; float: none; margin-bottom: 26px; } .by_cc_overlay_rd_form .by_form_component.by_form_error .by_form_element, .by_cc_mmcf .by_form_component.by_form_error .by_form_element { margin-bottom: 8px; } .by_cc_overlay_rd_form .by_form_component .by_form_subsegment, .by_cc_mmcf .by_form_component .by_form_subsegment, .by_cc_overlay_rd_form .by_form_component .by_form_subsegment.by_form_no_seperator, .by_cc_mmcf .by_form_component .by_form_subsegment.by_form_no_seperator { margin: 0; bottom: 0; } .by_cc_overlay_rd_form .by_form_component .by_form_subsegment:after, .by_cc_mmcf .by_form_component .by_form_subsegment:after { display: none; } .by_cc_overlay_rd_form .by_form_error, .by_cc_mmcf .by_form_error { margin: 0; } .by_cc_overlay_rd_form .by_form_component input.by_form_input_edited:invalid, .by_cc_mmcf .by_form_component input.by_form_input_edited:invalid, .by_cc_overlay_rd_form .by_form_component input.by_form_input_edited:valid, .by_cc_mmcf .by_form_component input.by_form_input_edited:valid, .by_cc_overlay_rd_form .by_form_component input:not(.by_form_input_edited):invalid, .by_cc_mmcf .by_form_component input:not(.by_form_input_edited):invalid { border-color: #99ada5; border-radius: 2px; } .by_cc_overlay_rd_form .by_form_component input.by_form_input_edited:invalid:focus, .by_cc_mmcf .by_form_component input.by_form_input_edited:invalid:focus, .by_cc_overlay_rd_form .by_form_component input.by_form_input_edited:valid:focus, .by_cc_mmcf .by_form_component input.by_form_input_edited:valid:focus, .by_cc_overlay_rd_form .by_form_component input:not(.by_form_input_edited):invalid:focus, .by_cc_mmcf .by_form_component input:not(.by_form_input_edited):invalid:focus { border-color: #003220; } .by_cc_overlay_rd_form .by_form_rd_input .by_form_label_text, .by_cc_mmcf .by_form_rd_input .by_form_label_text { font-size: 16px; line-height: 24px; color: #727376; } .by_cc_overlay_rd_form .by_form_rd_input input[type='text'], .by_cc_mmcf .by_form_rd_input input[type='text'] { padding: 12px; height: 48px; } .by_cc_overlay_rd_form .by_subcomponent_richtext a, .by_cc_mmcf .by_subcomponent_richtext a { color: #335b4c; } .by_cc_overlay_rd_form .by_form_rd_radiogroup input[type="radio"] + .by_form_radiogroup-btn, .by_cc_mmcf .by_form_rd_radiogroup input[type="radio"] + .by_form_radiogroup-btn { border: 1px solid #99ada5; } .by_cc_overlay_rd_form .by_radiogroup_item .by_form_rd_radiogroup_caption, .by_cc_mmcf .by_radiogroup_item .by_form_rd_radiogroup_caption { display: none; } .by_cc_overlay_rd_form .by_radiogroup_item .by_form_radiogroup_item, .by_cc_mmcf .by_radiogroup_item .by_form_radiogroup_item { -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; } .by_cc_overlay_rd_form .by_radiogroup_item .by_form_radiogroup_item:not(:first-child), .by_cc_mmcf .by_radiogroup_item .by_form_radiogroup_item:not(:first-child) { margin-left: 20px; } .by_cc_overlay_rd_form .by_form_rd_checkbox, .by_cc_mmcf .by_form_rd_checkbox { float: none; margin-top: 0; } .by_cc_overlay_rd_form .by_form_rd_checkbox input[type="checkbox"] + div.by_form_checkbox-btn, .by_cc_mmcf .by_form_rd_checkbox input[type="checkbox"] + div.by_form_checkbox-btn { border: 1px solid #99ada5; border-radius: 2px; vertical-align: initial; } .by_cc_overlay_rd_form .by_form_rd_checkbox .by_form_rd_checkbox_text p, .by_cc_mmcf .by_form_rd_checkbox .by_form_rd_checkbox_text p { margin-top: 0; } .by_cc_overlay_rd_form .by_form_rd_submit, .by_cc_mmcf .by_form_rd_submit { border: none; padding: 0; margin: 0; width: 100%; } .by_cc_overlay_rd_form .by_form_rd_submit .by_form_rd_submit_wrapper, .by_cc_mmcf .by_form_rd_submit .by_form_rd_submit_wrapper { max-width: none; margin: 0; } .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element, .by_cc_mmcf .by_form_rd_submit .by_form_submit_element { padding: 0; font-size: 14px; line-height: 20px; letter-spacing: 1.2px; text-align: center; text-transform: uppercase; background-color: #335b4c; } .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element:hover, .by_cc_mmcf .by_form_rd_submit .by_form_submit_element:hover { background-color: #003220; } .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_element:active, .by_cc_mmcf .by_form_rd_submit .by_form_submit_element:active { background-color: #002819; } .by_cc_overlay_rd_form .by_form_rd_submit .by_form_submit_arrow, .by_cc_mmcf .by_form_rd_submit .by_form_submit_arrow { display: none; } .by_cc_overlay_rd_form .by_form_component.by_form_error .by_form_element_error, .by_cc_mmcf .by_form_component.by_form_error .by_form_element_error { margin-top: 7px; color: #dc0000; font-size: 12px; line-height: 18px; padding: 0; } .by_cc_form_response { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 0; -webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } .by_cc_form_response.by_animation { opacity: 1; } .by_cc_form_response__icon-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 48px; height: 48px; margin-bottom: 24px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .by_cc_form_response--success .by_cc_form_response__icon-wrap { background-color: #769a17; } .by_cc_form_response--error .by_cc_form_response__icon-wrap { background-color: #e5e6e8; } .by_cc_form_response.by_animation .by_cc_form_response__icon-wrap { -webkit-animation: icon-pop-up 150ms 50ms ease-in-out forwards; animation: icon-pop-up 150ms 50ms ease-in-out forwards; } .by_cc_form_response__icon { width: 24px; height: 24px; } .by_cc_form_response__icon--success { fill: #fff; } .by_cc_form_response--error .by_cc_form_response__icon--success { display: none; } .by_cc_form_response__icon--error { fill: #989a9e; } .by_cc_form_response--success .by_cc_form_response__icon--error { display: none; } .by_cc_form_response__title { width: 100%; font-size: 24px; line-height: 32px; color: #727376; margin: 0 0 18px 0; text-align: center; opacity: 0; } .by_cc_form_response.by_animation .by_cc_form_response__title { -webkit-animation: fade-in-position 200ms 200ms ease-in-out forwards; animation: fade-in-position 200ms 200ms ease-in-out forwards; } .by_cc_form_response__message { width: 100%; font-size: 16px; line-height: 24px; color: #727376; margin: 0 0 20px 0; text-align: center; opacity: 0; } .by_cc_form_response.by_animation .by_cc_form_response__message { -webkit-animation: fade-in-position 200ms 400ms ease-in-out forwards; animation: fade-in-position 200ms 400ms ease-in-out forwards; } .by_cc_form_response__btn { opacity: 0; } .by_cc_form_response.by_animation .by_cc_form_response__btn { -webkit-animation: fade-in-position 200ms 600ms ease-in-out forwards; animation: fade-in-position 200ms 600ms ease-in-out forwards; } .by_cc_mmcf { position: relative; } /* Navigation Bar */ /* stylelint-disable */ /** @section feature navigation styles the feature navigation bar below the content area including secondary navigation including feature tiles and third level navigation */ /** Categories, second level , third level */ .by_cc_category_wrapper { position: relative; margin: 0; padding: 0; overflow: hidden; width: 100%; background-color: #7f988f; } @media screen and (min-width: 700px) { .by_cc_category_wrapper { background-color: rgba(127, 152, 143, 0.9); } } .by_cc_category_wrapper.by_expanded .by_cc_category_container { display: block; } .by_cc_category_wrapper.by_hidden { display: none; } .by_cc_category_container { position: relative; width: 100%; overflow: hidden; display: none; } @media screen and (min-width: 700px) { .by_cc_category_container { display: block; font-size: 0; } } .by_cc_category_model { padding: 0; background-color: #EFEFEF; width: 100%; display: table; } @media screen and (min-width: 700px) { .by_cc_category_model { display: none; } } .by_cc_category_model .by_cc_category_model_label, .by_cc_category_model .by_cc_header_label_change { display: table-cell; vertical-align: middle; padding: 12px 15px; line-height: normal; } .by_cc_category_model .by_cc_category_model_label { color: #333; font-size: 14px; text-align: left; } .by_cc_category_model .by_cc_header_label_change { text-align: right; } .by_cc_category_model .by_cc_header_label_change a, .by_cc_category_model .by_cc_header_label_change a:link, .by_cc_category_model .by_cc_header_label_change a:visited { color: #636363; font-size: 12px; text-decoration: underline; } .by_cc_category_header { position: relative; line-height: 42px; color: #fff; cursor: pointer; display: inline-block; padding-right: 19px; } .by_cc_category_header:after { content: ""; width: 0; height: 0; border-top: 5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; top: 18px; right: 0; } .by_expanded .by_cc_category_header:after { content: ""; width: 0; height: 0; border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border-left: 5px solid transparent; position: absolute; top: 18px; right: 0; } @media screen and (min-width: 700px) { .by_cc_category_header { display: none; } } .by_cc_features ul { list-style-type: none; margin: 0; padding: 0; } .by_cc_features .by_cc_categories { position: absolute; top: 0; z-index: 1200; width: 100%; height: 42px; display: block; text-align: center; } @media screen and (min-width: 700px) { .by_cc_page__pivot .by_cc_features .by_cc_categories.by_hide_on_suggestions { display: none; } } @media screen and (min-width: 700px) { .by_cc_features .by_cc_categories { position: relative; height: 45px; width: auto; } } .by_cc_features .by_cc_categories ul { position: relative; margin: 0; padding: 0; list-style-type: none; } .by_cc_features .by_cc_categories li { text-align: left; padding: 0 0 0 15px; color: #333; background-color: #fff; border-bottom: 1px solid #E5E5E5; } .by_cc_features .by_cc_categories li a, .by_cc_features .by_cc_categories li a:link, .by_cc_features .by_cc_categories li a:visited, .by_cc_features .by_cc_categories li a:hover, .by_cc_features .by_cc_categories li a:active { color: #333; display: block; } .by_cc_features .by_cc_categories li .by_cc_header_label_change { text-align: right; } .by_cc_features .by_cc_categories li .by_cc_header_label_change a, .by_cc_features .by_cc_categories li .by_cc_header_label_change a:visited, .by_cc_features .by_cc_categories li .by_cc_header_label_change a:link { display: inline; line-height: normal; } @media screen and (min-width: 700px) { .by_cc_features .by_cc_categories ul { padding: 0 13px; display: inline-block; white-space: nowrap; } .by_cc_features .by_cc_categories li { padding: 0 13px; background-color: transparent; display: inline-block; border-bottom: 0; } } .by_cc_features ul.by_cc_categories__first_level li a, .by_cc_features ul.by_cc_categories__first_level li a:link, .by_cc_features ul.by_cc_categories__first_level li a:visited { color: #333333; font-size: 14px; line-height: 34px; } .by_cc_features ul.by_cc_categories__first_level li.by_hidden { display: none; } .by_cc_features ul.by_cc_categories__first_level .by_cc_category_suggests .by_cc_svg_icon_arrow_right, .by_cc_features ul.by_cc_categories__first_level .by_cc_category_summary .by_cc_svg_icon_arrow_right, .by_cc_features ul.by_cc_categories__first_level .by_cc_category_label .by_cc_svg_icon_arrow_right { display: inline-block; position: absolute; right: 13px; width: 14px; height: 100%; fill: #8d8d8d; } @media screen and (min-width: 700px) { .by_cc_features ul.by_cc_categories__first_level .by_cc_category_suggests .by_cc_svg_icon_arrow_right, .by_cc_features ul.by_cc_categories__first_level .by_cc_category_summary .by_cc_svg_icon_arrow_right, .by_cc_features ul.by_cc_categories__first_level .by_cc_category_label .by_cc_svg_icon_arrow_right { display: none; } } .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle { position: relative; } .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle .by_cc_svg_icon, .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle .by_cc_svg_icon_menu { position: absolute; right: 13px; top: 0; width: 14px; fill: #8d8d8d; } @media screen and (min-width: 700px) { .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle .by_cc_svg_icon, .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle .by_cc_svg_icon_menu { display: none !important; } } .by_cc_features ul.by_cc_categories__first_level .by_cc_category_toggle .by_cc_svg_icon_arrow_up { display: none; } .by_cc_features ul.by_cc_categories__first_level .by_cc_category_item.by_expanded .by_cc_category_toggle .by_cc_svg_icon_arrow_down { display: none; } .by_cc_features ul.by_cc_categories__first_level .by_cc_category_item.by_expanded .by_cc_category_toggle .by_cc_svg_icon_arrow_up { display: block; } @media screen and (min-width: 700px) { .by_cc_features ul.by_cc_categories__first_level { display: table; margin: 0 auto; } .by_cc_features ul.by_cc_categories__first_level .by_cc_category_item.by_expanded .by_cc_category_toggle:after { background: none; } .by_cc_features ul.by_cc_categories__first_level li { display: table-cell; vertical-align: top; height: 45px; } .by_cc_features ul.by_cc_categories__first_level li a, .by_cc_features ul.by_cc_categories__first_level li a:link, .by_cc_features ul.by_cc_categories__first_level li a:visited, .by_cc_features ul.by_cc_categories__first_level li a:hover, .by_cc_features ul.by_cc_categories__first_level li a:active { color: #e0e0e0; background-color: transparent; font-size: 14px; display: inline-block; vertical-align: top; line-height: 45px; } .by_cc_features ul.by_cc_categories__first_level li a:after, .by_cc_features ul.by_cc_categories__first_level li a:link:after, .by_cc_features ul.by_cc_categories__first_level li a:visited:after, .by_cc_features ul.by_cc_categories__first_level li a:hover:after, .by_cc_features ul.by_cc_categories__first_level li a:active:after { background: none; } .by_cc_features ul.by_cc_categories__first_level li.by_cc_category_item__summary { display: table-cell; } .by_cc_features ul.by_cc_categories__first_level li.by_active a, .by_cc_features ul.by_cc_categories__first_level li.by_active a:link, .by_cc_features ul.by_cc_categories__first_level li.by_active a:visited { font-family: 'BentleyRegular', arial, helvetica, sans-serif; font-weight: normal; line-height: 44px; color: #fff; } .by_cc_page__pivot .by_cc_features ul.by_cc_categories__first_level .by_cc_category_suggests, .by_cc_page__summary .by_cc_features ul.by_cc_categories__first_level .by_cc_category_summary, .by_cc_page__edit .by_cc_features ul.by_cc_categories__first_level .by_cc_category_item.by_expanded .by_cc_category_toggle { font-family: 'BentleyRegular', arial, helvetica, sans-serif; font-weight: normal; line-height: 44px; color: #fff; } } .by_cc_features ul.by_cc_categories__second_level { display: none; padding: 0; margin-left: -15px; } @media screen and (min-width: 700px) { .by_cc_features ul.by_cc_categories__second_level { margin-left: 26px; margin-right: 0; padding: 0 13px; background-color: rgba(173, 191, 185, 0.9); } } .by_cc_features ul.by_cc_categories__second_level li { border-top: 1px solid #E5E5E5; border-bottom: 0; background-color: #EFEFEF; } @media screen and (min-width: 700px) { .by_cc_features ul.by_cc_categories__second_level li { border-top: 0; background-color: transparent; } } .by_cc_features ul.by_cc_categories__second_level li a, .by_cc_features ul.by_cc_categories__second_level li a:link, .by_cc_features ul.by_cc_categories__second_level li a:visited { font-size: 14px; color: #333; } .by_cc_features ul.by_cc_categories__second_level li.by_active a, .by_cc_features ul.by_cc_categories__second_level li.by_active a:link, .by_cc_features ul.by_cc_categories__second_level li.by_active a:visited { color: #333; } .by_cc_features .by_cc_category_item.by_expanded ul.by_cc_categories__second_level { display: block; } @media screen and (min-width: 700px) { .by_cc_features .by_cc_category_item.by_expanded ul.by_cc_categories__second_level { display: inline-block; } } .by_cc_feature_mouse_left, .by_cc_feature_mouse_right { position: absolute; top: 0; bottom: 0; z-index: 10; cursor: pointer; width: 38px; display: none; } @media screen and (min-width: 700px) { .by_enabled.by_cc_feature_mouse_left, .by_enabled.by_cc_feature_mouse_right { display: block; } } .by_cc_feature_mouse_left { left: 0; background-size: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#7f988f), to(rgba(127, 152, 143, 0))); background-image: linear-gradient(to right, #7f988f, rgba(127, 152, 143, 0)); } .by_cc_feature_mouse_right { right: 0; background-size: 100%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(127, 152, 143, 0)), to(#7f988f)); background-image: linear-gradient(to right, rgba(127, 152, 143, 0), #7f988f); } .by_cc_categories__first_level li { position: relative; } @media screen and (min-width: 700px) { .by_cc_categories__first_level li.by_cc_category_item.by_active:after, .by_cc_categories__first_level li.by_cc_category_item li.by_active:after { position: absolute; content: ""; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -10px; border-style: solid; border-width: 0 10px 11px 10px; border-color: transparent transparent #ffffff transparent; } } @media screen and (min-width: 700px) { .by_cc_page__summary .by_cc_category_wrapper.by_fixed { position: fixed; top: 100%; right: 30px; left: 30px; margin-top: -45px; width: auto; } } .by_cc_page__selection .by_cc_category_model { display: none; } /* stylelint-enable */ /* Subnavigation */ /** @section feature list styles tertiary navigation, feature list and items */ .by_cc_category_third_level_outer { position: relative; width: 100%; margin-top: 16px; margin-bottom: 18px; } .by_cc_category_third_level_wrapper { position: relative; display: block; overflow: hidden; width: 100%; } .by_cc_feature_hotspot_left, .by_cc_feature_hotspot_right { position: absolute; z-index: 10; top: 0; bottom: 0; display: none; width: 30px; cursor: pointer; } .by_enabled.by_cc_feature_hotspot_left, .by_enabled.by_cc_feature_hotspot_right { display: block; } .by_cc_feature_hotspot_left { left: 0; -webkit-box-shadow: inset 20px 0 5px -5px rgba(255, 255, 255, 0.75); box-shadow: inset 20px 0 5px -5px rgba(255, 255, 255, 0.75); } .by_cc_feature_hotspot_right { right: 0; -webkit-box-shadow: inset -20px 0 5px -5px rgba(255, 255, 255, 0.75); box-shadow: inset -20px 0 5px -5px rgba(255, 255, 255, 0.75); } ul.by_cc_categories__third_level { display: table; height: 25px; margin: 0 auto; border-spacing: 26px 0; text-align: center; } ul.by_cc_categories__third_level li { display: table-cell; vertical-align: middle; white-space: nowrap; /* stylelint-disable selector-no-qualifying-type */ /* stylelint-enable selector-no-qualifying-type */ } ul.by_cc_categories__third_level li a, ul.by_cc_categories__third_level li a:link, ul.by_cc_categories__third_level li a:visited, ul.by_cc_categories__third_level li a:hover, ul.by_cc_categories__third_level li a:active { padding-bottom: 3px; color: #8d8d8d; background-color: transparent; font-size: 14px; } ul.by_cc_categories__third_level li a.by_active, ul.by_cc_categories__third_level li a:link.by_active, ul.by_cc_categories__third_level li a:visited.by_active, ul.by_cc_categories__third_level li a:hover.by_active, ul.by_cc_categories__third_level li a:active.by_active { padding-bottom: 2px; border-bottom: 1px solid #94c11d; color: #333; } ul.by_cc_categories__third_level li.by_hidden { display: none; } .by_cc_feature_list { position: relative; max-width: 1306px; margin: 0 auto 16px; } @media screen and (min-width: 700px) { .by_cc_feature_list { padding: 0 40px; margin-bottom: 20px; } } .by_cc_feature_list .by_cc_feature_list_inner { position: relative; overflow: hidden; } .by_cc_feature_list .by_cc_feature_list_wrapper { position: relative; margin: 0 auto; text-align: center; } @media screen and (min-width: 700px) { .by_cc_feature_list .by_cc_feature_list_wrapper { overflow: hidden; } } .by_cc_feature_list ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .by_cc_feature_list_item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 136px; min-height: 157px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 8px; } @media screen and (min-width: 700px) { .by_cc_feature_list_item { min-height: 170px; } } .by_cc_feature_list_item p { margin-top: 12px; margin-bottom: auto; color: #333; font-size: 12px; text-align: center; } .by_cc_feature_list_item p.by_cc_feature_list_item_label__price_gap { margin-bottom: 5px; } .by_cc_feature_list_item:not(:last-child) { border-right: 4px solid #fff; } .by_cc_feature_list_item.by_disabled { opacity: 0.5; } .by_cc_feature_list_item.by_disabled .by_cc_feature_list_item_inner, .by_cc_feature_list_item.by_disabled img { cursor: default; } .by_cc_feature_list_item.by_hidden { display: none; } .by_cc_feature_list_item.by_recommended { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #f2f2f3; } .by_cc_feature_list_item.by_cc_underflow .by_cc_feature_list_item_info, .by_cc_feature_list_item.by_cc_underflow p, .by_cc_feature_list_item.by_cc_overflow .by_cc_feature_list_item_info, .by_cc_feature_list_item.by_cc_overflow p { visibility: hidden; } .by_cc_feature_list_item_price { display: block; margin-bottom: 12px; color: #333; font-size: 14px; text-align: center; } .by_cc_feature_list_item_inner:hover .by_cc_feature_list_item_image:before, .by_cc_feature_list_item_image.by_active:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .by_cc_feature_list_item_inner { margin-bottom: 30px; color: #333; cursor: pointer; } .by_cc_feature_list_item_image { position: relative; overflow: hidden; width: 120px; height: 54px; font-size: 0; } .by_cc_feature_list_item_image.by_active:before { border: 3px solid #94c11d; } .by_cc_feature_list_item_info { z-index: 1; margin-top: auto; cursor: pointer; } .by_cc_feature_list_item_label_recommended { display: block; display: none; padding: 4px; border-radius: 4px; margin: 10px 4px 0; color: #fff; background: #99ada5; opacity: 0; font-size: 12px; text-align: center; line-height: 15px; pointer-events: none; } .by_cc_feature_list_container.by_has_recommendations .by_cc_feature_list_item_label_recommended { display: block; } .by_recommended .by_cc_feature_list_item_label_recommended { opacity: 1; } .by_cc_feature_pager { display: none; text-align: center; } @media screen and (min-width: 700px) { .by_cc_feature_pager { z-index: 10; top: 50%; width: 35px; height: 40px; margin-top: -20px; cursor: pointer; } .by_cc_feature_pager.by_slide_left { left: 0; } .by_cc_feature_pager.by_slide_left .by_cc_svg_icon_arrow_left { width: 18px; fill: #8d8d8d; } .by_cc_feature_pager.by_slide_right { right: 0; } .by_cc_feature_pager.by_slide_right .by_cc_svg_icon_arrow_right { width: 18px; fill: #8d8d8d; } .by_cc_feature_pager.by_enabled { position: absolute; display: block; } .by_cc_feature_pager.by_enabled svg { position: relative; } } .by_cc_feature_pager svg { position: absolute; } /** @section derivative list styles derivative navigation */ @media screen and (min-width: 700px) { .by_cc_derivative_details { height: 220px; } } .by_cc_derivative_list { position: relative; overflow: hidden; max-width: 1376px; margin: 0 auto 16px; } @media screen and (min-width: 700px) { .by_cc_derivative_list { padding: 20px 40px; } } .by_cc_derivative_list .by_cc_derivative_list_inner { position: relative; padding: 0 15px; } @media screen and (min-width: 700px) { .by_cc_derivative_list .by_cc_derivative_list_inner { padding: 0; } } .by_cc_derivative_list .by_cc_derivative_list_wrapper { position: relative; margin: 0 auto; } .by_cc_derivative_list ul { display: table; margin: 0 auto; table-layout: fixed; border-spacing: 0 1px; } .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_left { left: 0; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.7))); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 80%); } @media screen and (min-width: 700px) { .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_left { background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(17%, rgba(255, 255, 255, 0.5)), color-stop(36%, rgba(255, 255, 255, 0.8)), color-stop(75%, white)); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 17%, rgba(255, 255, 255, 0.8) 36%, white 75%); } } .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_right { right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.7))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 80%); } @media screen and (min-width: 700px) { .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_right { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(17%, rgba(255, 255, 255, 0.5)), color-stop(36%, rgba(255, 255, 255, 0.8)), color-stop(75%, white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 17%, rgba(255, 255, 255, 0.8) 36%, white 75%); } } .by_cc_derivative_item { position: relative; display: table-cell; width: 170px; vertical-align: top; text-align: center; cursor: pointer; } @media screen and (min-width: 700px) { .by_cc_derivative_item { width: 216px; } } .by_cc_derivative_item .by_cc_derivative_image { width: 170px; height: 91px; } @media screen and (min-width: 700px) { .by_cc_derivative_item .by_cc_derivative_image { width: 216px; height: 115px; } } .by_cc_derivative_item .by_cc_derivative_item_title { margin-bottom: 51px; color: #8d8d8d; font-size: 14px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_derivative_item .by_cc_derivative_item_title { margin-bottom: 30px; } } .by_cc_derivative_item.by_active .by_cc_derivative_item_title { color: #333; } .by_cc_derivative_item.by_active .by_cc_derivative_item_title span { border-bottom: 1px solid #94c11d; } .by_cc_derivative_item.by_cc_underflow .by_cc_derivative_item_title, .by_cc_derivative_item.by_cc_overflow .by_cc_derivative_item_title { visibility: hidden; } .by_cc_derivative_pager { display: none; text-align: center; } @media screen and (min-width: 700px) { .by_cc_derivative_pager { z-index: 10; top: 50%; width: 35px; height: 40px; margin-top: -20px; cursor: pointer; } .by_cc_derivative_pager.by_slide_left { left: 0; } .by_cc_derivative_pager.by_slide_right { right: 0; } .by_cc_derivative_pager.by_enabled { position: absolute; display: block; } } .by_cc_derivative_pager .by_cc_svg_icon, .by_cc_derivative_pager .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_derivative_pager .by_cc_svg_icon_menu { width: 19px; fill: #8d8d8d; } .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_left, .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_right { position: absolute; z-index: 1; top: 0; bottom: 0; width: 50px; } @media screen and (min-width: 700px) { .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_left, .by_cc_derivative_list.by_swipeable .by_cc_derivative_shadow_right { width: 80px; } } /** @section suggestions list styles suggestions navigation */ .by_cc_suggestions_details { margin-top: 20px; } @media screen and (min-width: 700px) { .by_cc_suggestions_details { height: 220px; margin-top: 40px; } } .by_cc_suggestions_list { position: relative; overflow: hidden; max-width: 1376px; margin: 0 auto 16px; } .by_cc_suggestions_list .by_cc_suggestions_list_inner { position: relative; padding: 0 15px; } @media screen and (min-width: 700px) { .by_cc_suggestions_list .by_cc_suggestions_list_inner { padding: 0; } } .by_cc_suggestions_list .by_cc_suggestions_list_wrapper { position: relative; margin: 0 auto; } .by_cc_suggestions_list ul { display: table; margin: 0 auto; table-layout: fixed; border-spacing: 0 1px; } .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_left { left: 0; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.7))); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 80%); } @media screen and (min-width: 700px) { .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_left { background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(17%, rgba(255, 255, 255, 0.5)), color-stop(36%, rgba(255, 255, 255, 0.8)), color-stop(75%, white)); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 17%, rgba(255, 255, 255, 0.8) 36%, white 75%); } } .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_right { right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.7))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 80%); } @media screen and (min-width: 700px) { .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_right { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(17%, rgba(255, 255, 255, 0.5)), color-stop(36%, rgba(255, 255, 255, 0.8)), color-stop(75%, white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 17%, rgba(255, 255, 255, 0.8) 36%, white 75%); } } .by_cc_suggestion_item { position: relative; display: table-cell; width: 170px; vertical-align: top; text-align: center; cursor: pointer; padding: 0 10px; } @media screen and (min-width: 700px) { .by_cc_suggestion_item { width: 216px; } } .by_cc_suggestion_item .by_cc_suggestion_image { width: 170px; height: 102px; } @media screen and (min-width: 700px) { .by_cc_suggestion_item .by_cc_suggestion_image { width: 240px; height: 145px; } } .by_cc_suggestion_item .by_cc_suggestion_item_title { margin-bottom: 51px; color: #8d8d8d; font-size: 14px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_suggestion_item .by_cc_suggestion_item_title { margin-bottom: 30px; } } .by_cc_suggestion_item.by_active .by_cc_suggestion_item_title { color: #333; } .by_cc_suggestion_item.by_active .by_cc_suggestion_item_title span { border-bottom: 1px solid #94c11d; } .by_cc_suggestion_item.by_cc_underflow .by_cc_suggestion_item_title, .by_cc_suggestion_item.by_cc_overflow .by_cc_suggestion_item_title { visibility: hidden; } .by_cc_suggestions_pager { display: none; text-align: center; } @media screen and (min-width: 700px) { .by_cc_suggestions_pager { z-index: 10; top: 50%; width: 35px; height: 40px; margin-top: -20px; cursor: pointer; } .by_cc_suggestions_pager.by_slide_left { left: 0; } .by_cc_suggestions_pager.by_slide_right { right: 0; } .by_cc_suggestions_pager.by_enabled { position: absolute; display: block; } } .by_cc_suggestions_pager .by_cc_svg_icon, .by_cc_suggestions_pager .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_suggestions_pager .by_cc_svg_icon_menu { width: 19px; fill: #8d8d8d; } .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_left, .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_right { position: absolute; z-index: 1; top: 0; bottom: 0; width: 50px; } @media screen and (min-width: 700px) { .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_left, .by_cc_suggestions_list.by_swipeable .by_cc_suggestions_shadow_right { width: 80px; } } .by_cc_cta_block { padding: 0; margin: 0; list-style-type: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #e6eae9; border-bottom: 1px solid #d8d9dc; } .by_cc_cta_block__item { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .by_cc_cta_block__item:not(:last-child) { border-right: 1px solid #d8d9dc; } .by_cc_cta_block__item:only-child { display: none; } .by_cc_cta_block__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px; height: 100%; } .by_cc_cta_block__link:hover { background-color: #ccd6d2; } .by_cc_cta_block__link:active { background-color: #99ada5; } .by_cc_cta_block__link.by_state_active { pointer-events: none; background-color: #ccd6d2; } @media screen and (min-width: 700px) { .by_cc_cta_block__link { padding: 20px 30px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .by_cc_cta_block__icon { display: block; width: 24px; height: 24px; fill: #335b4c; -ms-flex-negative: 0; flex-shrink: 0; } .by_cc_cta_block__label { font-size: 14px; color: #335b4c; text-transform: uppercase; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; display: none; letter-spacing: 1.2px; } .by_cc_cta_block__label--short { display: inline-block; margin-top: 8px; } @media screen and (min-width: 700px) { .by_cc_cta_block__label--short { display: none; } } .by_cc_cta_block__label--long { display: none; } @media screen and (min-width: 700px) { .by_cc_cta_block__label--long { display: inline-block; width: auto; margin-left: 25px; text-align: left; } } /* Overlays */ /** styles the abstract overlay and contains main styles that should be used in every overlay. */ .by_cc_overlay_noscroll { position: fixed; overflow: hidden; width: 100%; } .by_cc_overlay, .by_cc_contact_overlay { position: fixed; z-index: 1900; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; background: white; } @media screen and (min-width: 700px) { .by_cc_overlay__inline { position: absolute; } .by_cc_page__summary .by_cc_overlay__inline { position: fixed; } } .by_cc_overlay_inner { overflow: auto; height: 100%; background-color: #fff; } @media screen and (min-width: 700px) { .by_cc_overlay_inner { padding: 30px; } } .by_cc_overlay_headline { margin-top: 0; margin-bottom: 20px; color: #333; font-size: 22px; text-align: center; } @media screen and (min-width: 700px) { .by_cc_overlay_headline { font-size: 40px; } } .by_cc_overlay_richtext { margin: 0 0 30px; color: #333; font-size: 14px; } .by_cc_overlay_close { position: absolute; z-index: 2002; top: 20px; right: 25px; display: block; width: 22px; height: 21px; fill: #8d8d8d; } .by_cc_debug_conflict_overlay { z-index: 2003; } @media screen and (min-width: 700px) { .by_cc_debug_conflict_overlay { position: absolute; } } .by_cc_debug_conflict_overlay .by_cc_overlay_inner { padding: 20px 35px 20px 20px; } @media screen and (min-width: 700px) { .by_cc_debug_conflict_overlay .by_cc_overlay_inner { padding: 30px; } } .by_cc_debug_conflict_overlay .by_cc_debug_all pre { word-wrap: break-word; } .by_cc_debug_conflict_overlay .by_cc_debug_all li { margin: 4px 0; word-wrap: break-word; } .by_cc_marketing_code, .by_cc_overlay_rd_form .by_cc_overlay_rd_form__container, .by_cc_mmcf .by_cc_overlay_rd_form__container, .by_cc_mmcf .by_cc_mmcf__form-container, .by_cc_clwo__btn-row, .by_cc_cco__btn, .by_cc_clwo__btn, .by_cc_cco__separator, .by_cc_clwo__separator { max-width: 415px; margin: 0 auto; } /** styles the abstract overlay and contains main styles that should be used in every overlay. */ .by_cc_overlay_noscroll { position: fixed; overflow: hidden; width: 100%; } .by_cc_overlay_rd, .by_cc_clwo_wrapper, .by_cc_cco_wrapper { position: fixed; z-index: 1900; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.85); } .by_cc_overlay_rd__body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 860px; height: auto; max-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: white; max-height: calc(100vh - 140px); margin: 70px auto; } .by_cc_overlay_rd__content { overflow-y: auto; padding: 20px; } @media screen and (min-width: 700px) { .by_cc_overlay_rd__content { padding: 40px 100px; } } .by_cc_overlay_rd__click-capture { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; } .by_cc_overlay_rd__close-btn { position: absolute; top: -30px; right: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #335b4c; width: 30px; height: 30px; } @media screen and (min-width: 960px) { .by_cc_overlay_rd__close-btn { top: 0; right: -30px; } } .by_cc_overlay_rd__close-btn:hover { background: #003220; } .by_cc_overlay_rd__close-btn svg { width: 15px; height: 15px; fill: #fff; } .by_cc_loading_overlay { position: absolute; z-index: 2000; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA9AAD/4QQJaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzAxNCA3OS4xNTY3OTcsIDIwMTQvMDgvMjAtMDk6NTM6MDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjBENjNGQTM1RjcxMUU2QTEzNENFMjdGMjU2MERGNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjBENjNGOTM1RjcxMUU2QTEzNENFMjdGMjU2MERGNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBJbGx1c3RyYXRvciBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjM4NDVjZGUtYmRkOC00NGQ4LTlkZDEtMDY5NDNkODFmOThkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE5RDVDQzhFRDEzREU2MTE4QkJFOERGRTI0NUUzRTNCIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+bmV3IGRpYW1vbmRzIHYyIGV4dGVuZGVkPC9yZGY6bGk+IDwvcmRmOkFsdD4gPC9kYzp0aXRsZT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7QBIUGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAA8cAVoAAxslRxwCAAACAAIAOEJJTQQlAAAAAAAQ/OEfici3yXgvNGI0B1h36//uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQoIBgYICgwKCgoKCgwPDAwMDAwMDwwODg8ODgwSEhQUEhIaGhoaGh4eHh4eHh4eHh4BBwcHDAsMFw8PFxoUERQaHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHv/AABEIADMATQMBEQACEQEDEQH/xABpAAADAQEBAAAAAAAAAAAAAAABAgMABAgBAQAAAAAAAAAAAAAAAAAAAAAQAAIBAgUCBgEDBQAAAAAAAAECABExIUFREgOBInHB0TJSE0LwYZGhgqIjQxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9UwE3s+HHb5m3TWBvpFwSH+WZ8YGHIQacgocmyMB4AZgoqTQQF73t2JrmfSBvq248ZocwcQfGAV5ATtI2tofKA0CS/7GpyYEf8/1eBWBoGIBFCKjSBEsyHbx9+q6dYDcYVjuJ3MMrU6QKQNADKrCjCBLea7d/Zb7PKvnAqyKwx6HMQF3Onu7l+QuPEQGLqF3EjbrAXvfVE/yPpAZVVRQCggBuMMajtbJhAA5CppyCmjCx9IDM6re5sBcwF2M/vwX4DzMB6ClKYaQNARuTHag3NnoPEwFHCQd4NXvQ+3oMoDryAnae1viYDQNAmWL1VBUZsbdNYAXiPHindqDfoYFFdWtcXGYgGBNSeXPagwI/LrpAdVCigFBAMAMisKEeECbcjcWDd4yp7uogEKeQbmNVNlFuusCkDQFZA2NmFmF4CfY+768N/yy/jWA7cYJ3A7W+Q84AHIQacgocmyMB4Cb2fDjt8zbpAZUVbYk3JuYCnjodyHacxkYBXkBO1htbQ+UAswUVJoIC972qia/kfSAfrTbtphAaAH9ht/dbrAh+AvTLd7PX+YHQLQNA0CfNTaK0pXOv9KZwEHvWta5fZp+1MKwLwNA/9k=') top left repeat; } body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit:not(.by_error) .by_cc_loading_overlay, .by_cc_loading_overlay.by_delay { background: transparent; } .by_error .by_cc_loading_overlay { background: #333; } .by_cc_overlay_noscroll .by_cc_loading_overlay { position: fixed; } .by_cc_loading_wrapper { display: table; width: 100%; height: 100%; } .by_cc_loading_content { display: table-cell; padding: 20px; vertical-align: middle; color: #fff; text-align: center; } @media screen and (min-width: 700px) { .by_cc_loading_content { padding: 65px; } } body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit:not(.by_error) .by_cc_loading_content { display: none; } .by_cc_loading_content p { text-transform: none; } .by_cc_loading_circle, body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_carousel:after, .by_cc_carousel_item_image.by_loading:after, .by_cc_boom_form.by_loading .by_loader { display: inline-block; width: 66px; height: 66px; background: url('data:image/png;base64,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') center center no-repeat; -webkit-animation: frames_loading_wheel 1s linear infinite; animation: frames_loading_wheel 1s linear infinite; } @-webkit-keyframes frames_loading_wheel { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes frames_loading_wheel { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .by_cc_loading_overlay.by_delay .by_cc_loading_circle, .by_cc_loading_overlay.by_delay body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_carousel:after, body:not(.by_cc_overlay_noscroll) .by_cc_wrapper.by_cc_page__edit.by_loading:not(.by_error):not(.by_delay) .by_cc_loading_overlay.by_delay .by_cc_carousel:after, .by_cc_loading_overlay.by_delay .by_cc_carousel_item_image.by_loading:after, .by_cc_loading_overlay.by_delay .by_cc_boom_form.by_loading .by_loader, .by_cc_boom_form.by_loading .by_cc_loading_overlay.by_delay .by_loader { display: none; } .by_cc_loading_error_title { font-weight: bold; } /** Styles for Change Country Overlay */ .by_cc_country_overlay_content { margin-top: 30px; text-align: center; } .by_cc_country_overlay_submit { display: block; margin-top: 15px; } /** @section infopane styles all variants from the info panel */ .by_cc_js_fix_ff_dimension .by_cc_infopane { border-right: 1px solid transparent; } /** INFOPANE */ .by_cc_infopane_wrapper { position: fixed; z-index: 2001; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; height: 100.2%; } @media screen and (min-width: 700px) { .by_cc_infopane_wrapper { position: absolute; /* BYCC-208 (!) right: -5px; padding-right: 5px; */ } } .by_cc_infopane_wrapper.by_loading .by_cc_infopane { display: none; } .by_cc_infopane_wrapper .by_cc_pager { bottom: 12px; margin-top: 0; } @media screen and (min-width: 700px) { .by_cc_page__edit .by_cc_infopane_wrapper__vert_center { top: 110px; } .by_cc_page__edit .by_cc_infopane_wrapper__vert_center .by_cc_infopane_close_shadow { top: -120px; } } .by_cc_infopane_close, .by_cc_video_overlay_close { position: absolute; z-index: 2002; top: 3px; right: 5px; width: 40px; height: 40px; text-align: center; cursor: pointer; } .by_cc_infopane_close .by_cc_svg_icon_close, .by_cc_video_overlay_close .by_cc_svg_icon_close { width: 21px; fill: #fff; } .by_cc_infopane_media_item__video .by_cc_play { position: absolute; z-index: 2003; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAABZCAMAAABi1XidAAAAwFBMVEVnvFEAAABywV1nvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFnvFFqvlRnvFFnvFFnvFFnvFH9/vxvwFpnvFFnvFH4/Pfi8t3B5LhnvFFnvFFnvFFnvFFnvFHy+fDt9+vp9ubU7M7L6MOy3qeMzXx7xWh2w2JnvFHb79W44K6r2p6k15aZ0oqU0IWFyXSByG9nvFFnvFGf1ZH///8G5P97AAAAP3RSTlPMAM8KycePwXlLu76vjHQ3BiGonHE/Mi8ezbOiVSv+zmhC/fPoiEYlGBb6+Pfu6+PX0tBu8eXg3trZ1NOgU9xjhnH/AAACa0lEQVRYw8XZaXPaMBAG4AVJvsDGBnwUcAOkIUnvhqRNj9T//1/VnrZxDrB2Ze3k/c4zzI6sYxcG+ojsbh7OxsFoNArGs3B+lwnEr0CnptFUwtPIaZSKPrLwHQXHohw/NpQTz4XuuF5hIJcOICKdkignDmDjFARZ7BXgo/YCK08WQMtigpLjtQRq5BohX87AJLNLnZwHYJag7JY3CkzjTrpkX4J51O647EOvSP+YnEroSaeH5VJB36jykHwRQP8EF8/leAk2soyfyRHYyfypPAFbmTyWxcKaPI4fyRHYy/qhnCiLsioeyA7YTNjK52A35/fymWX57L9cSMuyLP7JHtiO91cWrnXZFbWs35VPPr0i034t65fcsHr/nSo7jSyUVq6qDz9pshK1vAGEXL1+c0Ki01r2EHKTt18p5fZqeYqSm5x+xsvTAQjAyk25v2BlKSCjyNX2BlvuHFYUuSn3N5y8gggt08o9hxAtt/l4pZdDWBrI1Vb/wf+CMUVu8+5Wd9DCiCa3uf4BXQnANZSbD37YtZGCosttSa465D7/uXOJuOZ1PtXU2Xht/NatDcP1fKNfz2bfIGLLC/n2Dca9LkPLtOMw5ztTCOcg6doxJZzdW9rZTbhvDIGSFHtHuibfkZD3ulsgxuG7i/Ldn5nv/IOE4Z3C9bbiew+yv2FtV1oVbL0Cxv4Gf0/Gbj0i9t4Xf7+uSWahx5gf7ovuevdFd0y9XPDZ+s/MPXP+Pj//bKJNvDeZp8QvMwNqIyJJcOVcMM3aEuJ8MHdwbs4000yY5rCi1+x44x2cHXu42bFOz1bNvHvUpJl3r1Dz7j8h/oB9bVj/iQAAAABJRU5ErkJggg==') center center no-repeat; cursor: pointer; } .by_cc_infopane { background-color: #333; position: absolute; display: table; width: 100%; height: 100%; table-layout: fixed; } .by_cc_infopane .by_cc_infopane_inner { display: table-row; height: 100%; } .by_cc_infopane .by_cc_infopane_media { position: relative; right: auto; display: table-cell; overflow: hidden; height: 100%; } .by_cc_infopane .by_cc_infopane_content_container { left: auto; display: table-cell; height: 100%; padding: 0; vertical-align: middle; } .by_cc_infopane.by_cc_infopane__half { width: 200%; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_media, .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_content_container, .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_content_wrapper { width: 50%; } .by_cc_infopane.by_cc_infopane__third { width: 300%; } .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_media, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_content_container, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_content_wrapper { width: 33.3333%; } .by_cc_infopane.by_cc_infopane__quarter { width: 500%; } .by_cc_infopane.by_cc_infopane__quarter .by_cc_infopane_media, .by_cc_infopane.by_cc_infopane__quarter .by_cc_infopane_content_container, .by_cc_infopane.by_cc_infopane__quarter .by_cc_infopane_content_wrapper { width: 20%; } @media screen and (min-width: 1024px) { .by_cc_infopane.by_cc_infopane__half, .by_cc_infopane.by_cc_infopane__third { position: absolute; display: block; width: 100%; height: 100%; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_media, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_media { position: absolute; display: block; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_media__left, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_media__left { left: 0; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_media__right, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_media__right { right: 0; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_media__top, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_media__top { top: 0; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_media__bottom, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_media__bottom { bottom: 0; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_content_container, .by_cc_infopane.by_cc_infopane__third .by_cc_infopane_content_container { top: 0; left: 0; width: 100%; height: 100%; padding: 45px 0; vertical-align: middle; } .by_cc_infopane.by_cc_infopane__half.by_cc_infopane__half, .by_cc_infopane.by_cc_infopane__half.by_cc_infopane__third, .by_cc_infopane.by_cc_infopane__half.by_cc_infopane__quarter, .by_cc_infopane.by_cc_infopane__third.by_cc_infopane__half, .by_cc_infopane.by_cc_infopane__third.by_cc_infopane__third, .by_cc_infopane.by_cc_infopane__third.by_cc_infopane__quarter { width: 100%; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_content_wrapper { width: 100%; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_content_container { position: absolute; left: 50%; width: 50%; } .by_cc_infopane.by_cc_infopane__half .by_cc_infopane_media { width: 50%; height: 100%; } .by_cc_infopane.by_cc_infopane__third:not(.by_cc_infopane__extensive) .by_cc_infopane_content_wrapper { width: 100%; } .by_cc_infopane.by_cc_infopane__third:not(.by_cc_infopane__extensive) .by_cc_infopane_content_container { position: absolute; left: 33.33333%; width: 66.66666%; } .by_cc_infopane.by_cc_infopane__third:not(.by_cc_infopane__extensive) .by_cc_infopane_media { width: 33.33333%; height: 50%; } .by_cc_infopane.by_cc_infopane__quarter { width: 300%; border-left: 1px solid #333; } .by_cc_infopane.by_cc_infopane__quarter .by_cc_infopane_media { width: 16.66666%; } .by_cc_infopane.by_cc_infopane__quarter .by_cc_infopane_content_container, .by_cc_infopane.by_cc_infopane__quarter .by_cc_infopane_content_wrapper { width: 33.33333%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third { width: 200%; position: absolute; display: table; width: 100%; height: 100%; table-layout: fixed; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_inner { display: table-row; height: 100%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media { position: relative; right: auto; display: table-cell; overflow: hidden; height: 100%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_content_container { left: auto; display: table-cell; height: 100%; padding: 0; vertical-align: middle; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media { width: 25%; height: 100%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_content_container, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_content_wrapper { width: 50%; } } @media screen and (min-width: 1367px) { .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) { position: absolute; display: block; width: 100%; height: 100%; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_media { position: absolute; display: block; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_media__left { left: 0; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_media__right { right: 0; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_media__top { top: 0; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_media__bottom { bottom: 0; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_content_container { top: 0; left: 0; width: 100%; height: 100%; padding: 45px 0; vertical-align: middle; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive).by_cc_infopane__half, .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive).by_cc_infopane__third, .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive).by_cc_infopane__quarter { width: 100%; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_content_wrapper { width: 100%; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_content_container { position: absolute; left: 25%; width: 50%; } .by_cc_infopane.by_cc_infopane__quarter:not(.by_cc_infopane__extensive) .by_cc_infopane_media { width: 25%; height: 50%; } } @media screen and (min-width: 1920px) { .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter { position: absolute; display: block; width: 100%; height: 100%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_media { position: absolute; display: block; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media__left, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_media__left { left: 0; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media__right, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_media__right { right: 0; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media__top, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_media__top { top: 0; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media__bottom, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_media__bottom { bottom: 0; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_content_container, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_content_container { top: 0; left: 0; width: 100%; height: 100%; padding: 45px 0; vertical-align: middle; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third.by_cc_infopane__half, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third.by_cc_infopane__third, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third.by_cc_infopane__quarter, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter.by_cc_infopane__half, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter.by_cc_infopane__third, .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter.by_cc_infopane__quarter { width: 100%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_content_wrapper { width: 100%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_content_container { position: absolute; left: 33.3333%; width: 66.6666%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__third .by_cc_infopane_media { width: 33.3333%; height: 50%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_content_wrapper { width: 100%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_content_container { position: absolute; left: 25%; width: 50%; } .by_cc_infopane.by_cc_infopane__extensive.by_cc_infopane__quarter .by_cc_infopane_media { width: 25%; height: 50%; } } .by_cc_infopane_media_item { position: relative; height: 100%; margin: 0 -200%; font-size: 0; text-align: center; } @media screen and (min-width: 820px) { .by_cc_infopane_media_item { margin: 0; } } @media screen and (min-width: 1024px) { .by_cc_infopane_media_item { margin: 0 -100%; } } .by_cc_infopane_media_item__image { position: absolute; right: 0; left: 0; width: auto; height: 100%; margin: auto; } @media screen and (min-width: 820px) { .by_cc_infopane_media_item__image { bottom: 0; left: 0; width: 100%; height: auto; margin: 0; /* position: absolute; bottom: 0; margin: 0 -50%; // center aligned width: auto; height: auto; min-height: 100%; min-width: 100%; */ } } @media screen and (min-width: 1024px) { .by_cc_infopane_media_item__image { width: auto; min-width: 0; height: 100%; min-height: 0; margin: auto; } } @media screen and (min-width: 820px) { .by_cc_infopane__suggestion .by_cc_infopane_media_item { margin: 0 -100%; } .by_cc_infopane__suggestion .by_cc_infopane_media_item__image { position: relative; width: auto; height: 100%; margin: auto; } } .by_cc_infopane_media_item__video { height: 100%; } .by_cc_infopane_content_container { overflow-y: auto; color: white; text-align: center; } .by_cc_infopane_content_container h1 { margin-bottom: 30px; font-size: 30px; } .by_cc_infopane_content_container h4 { font-weight: normal; text-decoration: underline; } .by_cc_infopane_content_container .by_richtext { padding: 0; margin-top: 30px; color: #fff; text-align: center; } .by_cc_infopane_content_container .by_richtext ul { padding-left: 0; list-style-position: inside; } .by_cc_infopane_content_container .by_richtext ul li { margin-top: 10px; } .by_cc_infopane_content_container .by_richtext ul li:first-child { margin-top: 0; } .by_cc_infopane_content_wrapper { position: absolute; top: 0; overflow: auto; width: 100%; height: 100%; padding: 45px 0 45px 40px; } @media screen and (max-width: 700px) { .by_cc_infopane_content_wrapper .mCSB_scrollTools { width: 80px; } .by_cc_infopane_content_wrapper .mCSB_scrollTools .mCSB_draggerContainer { right: -60px; } } .by_cc_infopane_content_wrapper .mCustomScrollBox:before { content: " "; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .by_cc_infopane_content_wrapper .mCSB_container { display: inline-block; vertical-align: middle; } .by_cc_infopane_content { margin: 0; } .by_cc_infopane_content h1 { margin-top: 0; } .by_cc_infopane__message { display: block; overflow: auto; } .by_cc_infopane__message .by_cc_infopane_message_container { display: table; width: 100%; height: 100%; } .by_cc_infopane__message .by_cc_infopane_message_wrapper { display: table-cell; vertical-align: middle; text-align: center; } .by_cc_infopane__message .by_cc_infopane_message_content { display: inline-block; padding: 65px; color: #fff; text-align: center; } .by_cc_infopane__message .by_cc_infopane_message_content h1 { padding: 0; margin: 0; font-size: 30px; } .by_cc_infopane__message .by_cc_infopane_message_content .by_cc_divider { margin-top: 30px; margin-bottom: 30px; } .by_cc_infopane__message .by_cc_infopane_message_content .by_cc_infopane_message { font-size: 14px; } .by_cc_infopane__message .by_cc_infopane_message_content .by_cc_button_group { margin-top: 30px; } .by_cc_video_overlay { position: fixed; z-index: 2100; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } @media screen and (min-width: 700px) { .by_cc_video_overlay { position: absolute; } } .by_cc_video_overlay_inner { width: 100%; height: 100%; padding: 60px 0; background: #000; } .by_cc_video_overlay_inner .by_video, .by_cc_video_overlay_inner .by_video_wrapper { width: 100%; height: 100%; } .by_cc_video_overlay_close { z-index: 2101; } .by_cc_infopane_close_shadow { position: absolute; top: -130px; right: -210px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 190px; height: 190px; background-color: transparent; -webkit-box-shadow: #333 -71px 61px 100px 0; box-shadow: #333 -71px 61px 100px 0; } /** styles the "configuration loss warning" overlay */ .by_cc_clwo__code-container { margin: 0 0 20px; } .by_cc_clwo__form-content { display: none; } .by_cc_clwo__btn-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .by_cc_clwo__btn-row .by_cc_clwo__btn { width: 50%; } .by_cc_clwo__btn-row .by_cc_clwo__btn:first-child { margin-right: 10px; } .by_cc_clwo__btn-row .by_cc_clwo__btn:last-child { margin-left: 10px; } /** @section conflict overlay styles the conflict overlay */ .by_cc_infopane_wrapper__active_child .by_cc_infopane__conflict:before { content: ""; position: absolute; z-index: 2003; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(68, 68, 68, 0.9); } .by_cc_infopane__conflict { display: block; overflow: hidden; } @media screen and (min-width: 700px) { .by_cc_infopane__conflict { padding: 40px 0; } } .by_cc_infopane__conflict .by_cc_infopane_conflict_container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: stretch; } @media screen and (min-width: 700px) { .by_cc_infopane__conflict .by_cc_infopane_conflict_container { width: auto; max-width: 775px; padding: 0 40px; margin: auto; } } .by_cc_infopane__conflict .by_cc_infopane_conflict_container .mCSB_inside > .mCSB_container { padding-right: 25px; } .by_cc_infopane__conflict .by_cc_infopane_conflict_container .mCSB_inside > .mCSB_container.mCS_y_hidden { padding-right: 10px; } .by_cc_infopane__conflict .by_cc_infopane_conflict_content { vertical-align: middle; color: #fff; text-align: left; } .by_cc_infopane__conflict:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 0; height: 0; background-color: rgba(51, 51, 51, 0); -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } .by_cc_infopane__conflict_unresolvable .by_cc_infopane_conflict_label { padding: 0; border: 0; text-align: center; } .by_cc_infopane__conflict_unresolvable .by_cc_infopane_conflict_resolution_divider { display: none; } .by_cc_infopane_conflict_content_inner { overflow-y: auto; height: 100%; } .by_cc_infopane_conflict_head { margin-top: 10px; color: #fff; font-size: 16px; } .by_cc_infopane_conflict_content .by_cc_infopane_conflict_head { padding-bottom: 10px; } .by_cc_infopane_conflict_head .by_cc_infopane_conflict_cell { padding-top: 0; padding-bottom: 0; } .by_cc_infopane_conflict_head .by_cc_divider { margin-top: 30px; margin-bottom: 30px; } .by_cc_infopane_conflict_description { padding-right: 20px; } @media screen and (min-width: 700px) { .by_cc_infopane_conflict_description { padding-right: 0; } } .by_cc_infopane_conflict_description p:first-child { margin-top: 0; } .by_cc_infopane_conflict_description p { text-align: center; } .by_cc_infopane_conflict_label { padding-right: 20px; padding-bottom: 10px; border-bottom: 1px solid #8d8d8d; } @media screen and (min-width: 700px) { .by_cc_infopane_conflict_label { padding-right: 0; padding-bottom: 12px; } } .by_cc_infopane_conflict_cta { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .by_cc_infopane_conflict_cta .by_cc_button_group { text-align: center; } .by_cc_infopane_conflict_cta .by_cc_button_group button { margin: 0 5px; } .by_cc_infopane_conflict_wrapper { position: relative; overflow-y: auto; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: 10px; } .by_cc_infopane_conflict_row { display: none; } @media screen and (min-width: 700px) { .by_cc_infopane_conflict_row { display: table-row; height: 25%; } } .by_cc_infopane_conflict_content, .by_cc_infopane_conflict_cell { padding: 10px; } .by_cc_infopane_conflict_content { padding: 0 0 0 10px; } .by_cc_infopane_conflict_resolution_divider { padding-top: 10px; border-bottom: 1px dashed #8d8d8d; margin-bottom: 10px; } .by_cc_infopane_conflict_cta .by_cc_infopane_conflict_resolution_divider { padding: 0; border-bottom-style: solid; margin-bottom: 9px; } .by_cc_infopane_conflict_single_resolution { padding-bottom: 10px; } .by_cc_infopane_conflict_resolution_title { position: relative; min-height: 24px; padding-left: 33px; color: #fff; font-size: 18px; line-height: 26px; } .by_cc_infopane_conflict_resolution { position: relative; padding: 10px 0; /* stylelint-disable selector-no-qualifying-type, selector-max-compound-selectors */ /* stylelint-enable selector-no-qualifying-type, selector-max-compound-selectors */ } .by_cc_infopane_conflict_resolution input[type="radio"] { display: none; } .by_cc_infopane_conflict_resolution input[type="radio"] + .by_cc_infopane_conflict_radio { position: absolute; left: 0; display: inline-block; width: 24px; height: 24px; border: 2px solid #626161; border-radius: 24px; background-color: #fff; line-height: normal; cursor: pointer; } .by_cc_infopane_conflict_resolution input[type="radio"] + .by_cc_infopane_conflict_radio span { position: absolute; top: 3px; left: 3px; display: inline-block; width: 14px; height: 14px; border-radius: 14px; background-color: #fff; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } .by_cc_infopane_conflict_resolution input[type="radio"]:checked + .by_cc_infopane_conflict_radio span { background-color: #94c11d; } .by_cc_infopane_conflict_resolution label { display: block; } .by_cc_infopane_conflict_list__add, .by_cc_infopane_conflict_list__remove { padding: 0; margin: 0; list-style-type: none; } .by_cc_infopane_conflict_list__add li, .by_cc_infopane_conflict_list__remove li { position: relative; min-height: 23px; padding-right: 35px; padding-left: 33px; margin: 10px 0 0; font-size: 16px; } .by_cc_infopane_conflict_list__add li .by_cc_svg_icon, .by_cc_infopane_conflict_list__remove li .by_cc_svg_icon, .by_cc_infopane_conflict_list__add li .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_infopane_conflict_list__add li .by_cc_svg_icon_menu, .by_cc_infopane_conflict_list__remove li .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_infopane_conflict_list__remove li .by_cc_svg_icon_menu { position: absolute; left: 0; width: 23px; height: 100%; } .by_cc_infopane_conflict_list__add li .by_cc_svg_icon.by_cc_svg_icon_plus, .by_cc_infopane_conflict_list__remove li .by_cc_svg_icon.by_cc_svg_icon_plus, .by_cc_infopane_conflict_list__add li .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_plus.by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_infopane_conflict_list__add li .by_cc_svg_icon_plus.by_cc_svg_icon_menu, .by_cc_infopane_conflict_list__remove li .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_plus.by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_infopane_conflict_list__remove li .by_cc_svg_icon_plus.by_cc_svg_icon_menu { fill: #94c11d; } .by_cc_infopane_conflict_list__add li .by_cc_svg_icon.by_cc_svg_icon_minus, .by_cc_infopane_conflict_list__remove li .by_cc_svg_icon.by_cc_svg_icon_minus, .by_cc_infopane_conflict_list__add li .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_minus.by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_infopane_conflict_list__add li .by_cc_svg_icon_minus.by_cc_svg_icon_menu, .by_cc_infopane_conflict_list__remove li .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_minus.by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_infopane_conflict_list__remove li .by_cc_svg_icon_minus.by_cc_svg_icon_menu { fill: #f33; } .by_cc_infopane_conflict_list__info { position: absolute; top: 0; right: 0; height: 100%; text-align: center; } .by_cc_infopane_conflict_list__info .by_cc_svg_icon_information { width: 25px; } .by_cc_infopane_conflict_resolution_price_difference__inline { display: inline-block; font-size: 14px; white-space: nowrap; } @media screen and (min-width: 700px) { .by_cc_infopane_conflict_resolution_price_difference__inline { font-size: 16px; } } .by_cc_infopane_conflict_resolution_price_difference__sum { display: block; padding-top: 10px; border-top: 1px solid #8d8d8d; margin-top: 20px; font-size: 14px; font-weight: normal; } @media screen and (min-width: 700px) { .by_cc_infopane_conflict_resolution_price_difference__sum { padding-right: 35px; padding-left: 33px; font-size: 16px; } } .by_cc_infopane_conflict_resolution_price_difference__sum .by_cc_infopane_conflict_resolution_price_difference__sum_label { float: left; } .by_cc_infopane_conflict_resolution_price_difference__sum .by_cc_infopane_conflict_resolution_price_difference__sum_value { float: right; } /** styles the contact form overlay */ .by_cc_contact_overlay { z-index: 2150; } .by_cc_contact_overlay .by_cc_overlay_inner { padding: 0; background-color: #f7f7f7; } .by_cc_contact_overlay .by_cc_overlay_inner .by_bodycopy { max-width: 640px; padding: 0 30px; } @media screen and (min-width: 700px) { .by_cc_contact_overlay .by_cc_overlay_inner .by_bodycopy { padding: 0; } } .by_cc_contact_overlay_content { padding-top: 30px; background-color: #fff; } @media screen and (min-width: 700px) { .by_cc_contact_overlay_content .by_form_footer { padding: 30px 0; } } .by_cc_contact_overlay_response { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; } .by_cc_form_response { max-width: 800px; padding: 20px; } /** @section maintenance styles the maintenance page */ .by_cc_maintenance_wrapper.by_cc_wrapper { padding: 0; } .by_cc_maintenance_wrapper header, .by_cc_maintenance_wrapper .by_cc_page { display: none; } .by_cc_maintenance { padding: 80px 45px; color: #fff; background-color: #333; } .by_cc_maintenance .by_cc_maintenance_content { max-width: 500px; margin: 0 auto; text-align: center; } .by_cc_maintenance .by_cc_maintenance_content h1 { padding: 0; margin: 0; font-size: 30px; } .by_cc_maintenance .by_cc_maintenance_content .by_cc_divider { margin-top: 30px; margin-bottom: 30px; } .by_cc_maintenance .by_cc_maintenance_content .by_cc_maintenance_message { font-size: 14px; } .by_cc_maintenance .by_cc_button_group { margin-top: 30px; } .by_cc_mco_wrapper { position: fixed; z-index: 1900; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; } @media screen and (min-width: 700px) { .by_cc_mco_wrapper { position: absolute; } .by_cc_page__summary .by_cc_mco_wrapper { position: fixed; } } .by_cc_mco_inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .by_cc_mco_content { display: inline-block; width: 100%; padding: 30px; vertical-align: middle; text-align: center; -ms-word-break: break-word; word-break: break-word; } @media screen and (min-width: 1024px) { .by_cc_mco_content { max-width: 900px; } } @media screen and (min-width: 1367px) { .by_cc_mco_content { max-width: 1130px; padding: 60px 0; } } .by_cc_mco_headline { margin-top: 0; margin-bottom: 20px; color: #333; font-size: 22px; } @media screen and (min-width: 700px) { .by_cc_mco_headline { font-size: 40px; } } .by_cc_mco_richtext { margin: 0 0 30px; color: #333; font-size: 14px; } .by_cc_mco_error { color: #f33; font-size: 16px; } .by_cc_mco_form { margin-top: 30px; } .by_cc_mco_form .by_cc_mco_form_input { display: block; width: 175px; height: 38px; padding: 0 15px; border: 0; margin: 0 auto 10px; background: #efefef; font-family: "Times New Roman", "Times", serif; font-size: 14px; text-align: center; text-transform: uppercase; line-height: 38px; word-break: normal; } @media screen and (min-width: 700px) { .by_cc_mco_form .by_cc_mco_form_input { display: inline-block; margin: 0; } } .by_cc_mco_form .by_cc_mco_form_btn { width: 115px; height: 38px; padding: 0; border: 0; color: #fff; background: #7f988f; text-align: center; text-transform: uppercase; } .by_cc_mco_close { position: absolute; top: 15px; right: 15px; display: block; width: 22px; height: 21px; } .by_cc_mco_close .by_cc_svg_icon_close { width: 21px; fill: #8d8d8d; } .by_cc_scco_richtext { max-width: 900px; margin: 0 auto 30px; color: #333; font-size: 14px; } .by_cc_scco_btn_row { display: inline-block; max-width: 290px; padding: 0; margin: 0 auto; font-size: 0; text-align: center; } @media screen and (min-width: 700px) { .by_cc_scco_btn_row { display: block; } } @media screen and (min-width: 1024px) { .by_cc_scco_btn_row { max-width: none; margin: 0 -15px; } } @media screen and (min-width: 1367px) { .by_cc_scco_btn_row { white-space: nowrap; } } .by_cc_scco_form_input { display: block; width: 260px; padding: 14px 19px; border: 1px solid #e5e5e5; margin: 0 auto 30px; font-family: "Times New Roman", "Times", serif; font-size: 22px; text-align: center; line-height: 24px; } .by_cc_scco_btn_wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 260px; padding: 0; margin-bottom: 10px; vertical-align: middle; } @media screen and (min-width: 700px) { .by_cc_scco_btn_wrapper { width: 290px; padding: 0 15px; } } .by_cc_scco_btn_wrapper__inner { position: relative; width: 100%; } .by_cc_scco_form_btn, .by_cc_boom_form_btn { overflow: hidden; width: 100%; padding: 14px 19px; border: 0; margin: 0 auto; color: #fff; background: #7f988f; font-size: 17px; text-align: center; line-height: 24px; white-space: nowrap; } .by_cc_scco_form_btn[disabled], .by_cc_boom_form_btn[disabled] { opacity: 0.7; } /* if there are even number of buttons */ /* stylelint-disable selector-no-qualifying-type */ @media screen and (min-width: 1024px) { div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n), div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_scco_btn_wrapper:nth-child(2n) { margin-right: calc(50% - 300px); } div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n + 1), div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_scco_btn_wrapper:nth-child(2n + 1) { margin-left: calc(50% - 300px); } } @media screen and (min-width: 1367px) { div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n-1), div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n), div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_scco_btn_wrapper:nth-child(2n-1), div.by_cc_scco_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_scco_btn_wrapper:nth-child(2n) { margin-right: auto; margin-left: auto; } } /* stylelint-enable selector-no-qualifying-type */ /*********************************************** Share dropdown */ .by_cc_scco_form { position: relative; display: inline-block; width: 100%; margin: 0 auto; text-align: center; /* stylelint-disable selector-no-qualifying-type, selector-class-pattern, declaration-no-important */ /* stylelint-enable selector-no-qualifying-type, selector-class-pattern, declaration-no-important */ } .by_cc_scco_form .by_share_options { position: absolute; z-index: 1; right: 0; display: block; width: 100%; height: auto; -webkit-box-shadow: none; box-shadow: none; text-align: left; } .by_cc_scco_form .by_share_options.by_position_top { bottom: 40px; } .by_cc_scco_form .by_share_options.by_position_top .by_share_service:first-child { border: 0; } .by_cc_scco_form .by_share_options.by_position_top .by_share_service:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .by_cc_scco_form .by_share_service { display: block; width: 100%; height: 40px; padding: 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.4); color: #fff; line-height: 40px; } .by_cc_scco_form .by_share_service img { position: relative; top: 4px; width: 20px; height: auto; margin-right: 5px; } .by_cc_scco_form .addthis_toolbox.addthis_32x32_style span.by_share_service_name, .by_cc_scco_form span.by_share_service_name, .by_cc_scco_form .by_share_service_name  { display: inline-block; width: auto; height: 40px; font-size: 14px; text-transform: uppercase; line-height: 40px; } .by_cc_scco_form .addthis_toolbox.addthis_32x32_style .at4-icon { position: relative; display: inline-block; width: 20px; height: 20px; background-size: 20px !important; line-height: 20px; } .by_cc_scco_form a.by_share_service.addthis_button_email.at300b, .by_cc_scco_form a.by_share_service.addthis_button_compact.at300m { width: 100%; } .by_cc_scco_form a.by_share_service.addthis_button_compact.at300m { padding-top: 10px; } .atm-f#at15pf { height: auto; min-height: 16px; } .by_cc_infopane_wrapper_udv { position: fixed; z-index: 9001; } .by_cc_infopane__udv { display: block; overflow: auto; } .by_cc_infopane__udv .by_cc_infopane_udv_container { display: table; width: 100%; height: 100%; } .by_cc_infopane__udv .by_cc_infopane_udv_wrapper { display: table-cell; vertical-align: middle; text-align: center; } .by_cc_infopane__udv .by_cc_infopane_udv_content { display: inline-block; padding: 65px; color: #fff; text-align: center; } .by_cc_infopane__udv .by_cc_infopane_udv_content h1 { padding: 0; margin: 0; font-size: 30px; } .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_divider { margin-top: 30px; margin-bottom: 30px; } .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_infopane_udv { font-size: 14px; } .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_button_group { margin-top: 30px; } .by_cc_infopane__udv .by_cc_infopane_udv_content .by_cc_infopane_udv_accept { cursor: pointer; } .by_cc_debug_explanations .by_cc_debug_explanations_list { padding-left: 10px; } .by_cc_debug_explanations .by_cc_debug_explanations_list_item { padding: 10px; margin: 10px; background-color: #e1e1e1; } .by_cc_boom_richtext { margin: 0 0 30px; color: #333; font-size: 14px; } .by_cc_boom_textarea { display: block; width: 100%; min-width: 260px; max-width: 260px; height: 250px; min-height: 100px; padding: 15px; border: 1px solid lightgrey; margin: 0 auto 30px; resize: vertical; } @media screen and (min-width: 700px) { .by_cc_boom_textarea { width: 50%; max-width: calc(100% - 40px); height: 300px; resize: both; } } @media screen and (min-width: 1024px) { .by_cc_boom_textarea { width: 33%; } } .by_cc_boom_form { position: relative; display: inline-block; width: 100%; margin: 0 auto; text-align: center; } .by_cc_boom_form .by_loader { display: none; } .by_cc_boom_form.by_loading .form_elements { opacity: 0.25; pointer-events: none; } .by_cc_boom_form.by_loading .by_loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 5% auto; } .by_cc_boom_form.by_success .by_cc_boom_textarea { display: none; } .by_cc_boom_form.by_success .by_cc_boom_result { display: inline-block; } .by_cc_boom_form.by_success .by_cc_boom_result .by_cc_boom_success { display: block; color: #0d0; } .by_cc_boom_form.by_success .by_cc_boom_btn_wrapper { display: none; } .by_cc_boom_form.by_success .by_cc_boom_btn_wrapper.by_close { display: inline-block; } .by_cc_boom_form.by_error .by_cc_boom_result { display: inline-block; } .by_cc_boom_form.by_error .by_cc_boom_result .by_cc_boom_error { display: block; color: #d00; } .by_cc_boom_result, .by_cc_boom_success, .by_cc_boom_error { display: none; font-weight: bold; } .by_cc_boom_result_message { font-weight: normal; } .by_cc_boom_btn_row { display: inline-block; max-width: 290px; padding: 0; margin: 0 auto; font-size: 0; text-align: center; } @media screen and (min-width: 700px) { .by_cc_boom_btn_row { display: block; } } @media screen and (min-width: 1024px) { .by_cc_boom_btn_row { max-width: none; margin: 0 -15px; } } @media screen and (min-width: 1367px) { .by_cc_boom_btn_row { white-space: nowrap; } } .by_cc_boom_form_input { display: block; width: 260px; padding: 14px 19px; border: 1px solid #e5e5e5; margin: 0 auto 30px; font-size: 22px; text-align: center; line-height: 24px; } .by_cc_boom_btn_wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 260px; padding: 0; margin-bottom: 10px; vertical-align: middle; } @media screen and (min-width: 700px) { .by_cc_boom_btn_wrapper { width: 290px; padding: 0 15px; } } .by_cc_boom_btn_wrapper.by_close { display: none; } .by_cc_boom_form_btn.by_cc_boom_btn_grey { background: #bbb; } /* if there are even number of buttons */ /* stylelint-disable selector-no-qualifying-type */ @media screen and (min-width: 1024px) { div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n), div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_boom_btn_wrapper:nth-child(2n) { margin-right: calc(50% - 300px); } div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n + 1), div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_boom_btn_wrapper:nth-child(2n + 1) { margin-left: calc(50% - 300px); } } @media screen and (min-width: 1367px) { div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n-1), div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n):nth-child(2n), div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_boom_btn_wrapper:nth-child(2n-1), div.by_cc_boom_btn_wrapper:first-child:nth-last-child(2n) ~ div.by_cc_boom_btn_wrapper:nth-child(2n) { margin-right: auto; margin-left: auto; } } /* stylelint-enable selector-no-qualifying-type */ /** Styles for Price Settings Overlay */ .by_cc_settings_overlay_close { position: fixed; } .by_cc_settings_overlay { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 800px; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 15px; margin: 0 auto; } .by_cc_settings_overlay .by_cc_divider { margin-bottom: 20px; } .by_cc_settings_overlay .by_cc_button_group { margin: 20px auto 0; } .by_cc_settings_overlay [draggable] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (min-width: 700px) { .by_cc_settings_overlay .by_cc_overlay_headline { margin-top: 30px; } } .by_cc_settings_overlay_content { padding: 0 5px; } .by_cc_settings_warning { margin: 15px 25px; text-align: center; } .by_cc_settings_price_version { padding-top: 20px; margin-top: auto; font-size: 13px; } .by_cc_settings_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .by_cc_settings_row .by_form_input_text { width: 100%; margin-top: 0; } .by_cc_settings_row .by_form_input_text.by_cc_settings_error { border: 1px solid #f00; } .by_cc_settings_row_total { margin-top: 10px; } .by_cc_settings_row_subtotal { margin-bottom: 10px; } .by_cc_settings_label { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; margin: 5px; } .by_cc_settings_container { padding: 0; margin: 10px 0 0; list-style-type: none; } .by_cc_settings_container li { padding: 0; margin: 0; } .by_cc_settings_container li:focus { outline: none; } .by_cc_settings_container li.by_cc_settings_row_drag { opacity: 0.4; } .by_cc_settings_container li .by_cc_settings_row_over { outline: 2px dashed #8d8d8d; } .by_cc_settings_form { margin-top: 20px; } .by_cc_settings_add { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: 2px; border: 1px solid #e0e0e0; margin: 5px 75px 20px 5px; background-color: #f4f4f4; text-align: center; cursor: pointer; } .by_cc_settings_add:hover { background-color: rgba(239, 239, 239, 0.87); } .by_cc_settings_add.by_hidden { display: none; } .by_cc_settings_input { margin: 5px; } .by_cc_settings_input__caption { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; margin: 5px; } .by_cc_settings_input__switch { width: 60px; margin: 5px; } @media screen and (min-width: 700px) { .by_cc_settings_input__switch { width: 80px; } } .by_cc_settings_input__value { width: 80px; margin: 5px; } @media screen and (min-width: 700px) { .by_cc_settings_input__value { width: 100px; } } .by_cc_settings_input__value input { text-align: right; } .by_cc_settings_input__cta { width: 60px; margin: 5px; font-size: 0; } .by_cc_settings_input__cta_offset { margin-right: 75px; } .by_cc_settings_input__price, .by_cc_settings_input__price_total, .by_cc_settings_input__price_discounts, .by_cc_settings_input__price_options, .by_cc_settings_input__price_base { width: 200px; margin-right: 75px; text-align: right; white-space: nowrap; } .by_cc_settings_input__error { display: none; width: 100%; padding: 0 5px 5px; margin-right: 75px; color: #f00; font-size: 13px; } .by_cc_settings_input__has_append { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .by_cc_settings_input_append { padding: 0 6px; border: 1px solid #e3e3e3; border-left: 0; vertical-align: middle; background-color: rgba(239, 239, 239, 0.87); line-height: 28px; } .by_cc_settings_icon { display: inline-block; width: 30px; height: 30px; padding: 4px; } .by_cc_settings_icon .by_cc_svg_icon, .by_cc_settings_icon .by_cc_header_cta .by_cc_header_cta__menu .by_cc_svg_icon_menu, .by_cc_header_cta .by_cc_header_cta__menu .by_cc_settings_icon .by_cc_svg_icon_menu { fill: #8d8d8d; } .by_cc_settings_icon__delete { cursor: pointer; } .by_cc_settings_icon__move { position: relative; display: inline-block; cursor: move; } .by_cc_settings_icon__move * { cursor: move; } .by_cc_settings_icon__move__dragger { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; background: transparent; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .by_cc_settings_switch { position: relative; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .by_cc_settings_switch_checkbox { display: none; } .by_cc_settings_switch_checkbox:checked + .by_cc_settings_switch_label .by_cc_settings_switch_inner { margin-left: 0; } .by_cc_settings_switch_checkbox:checked + .by_cc_settings_switch_label .by_cc_settings_switch_circle { right: 0; } .by_cc_settings_switch_label { display: block; overflow: hidden; border: 2px solid #ddd; border-radius: 5px; cursor: pointer; } .by_cc_settings_switch.by_cc_settings_switch__onoff .by_cc_settings_switch_inner .by_cc_settings_switch_inner__on { color: #fff; background-color: #94c11d; } .by_cc_settings_switch_inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in; transition: margin 0.3s ease-in; } .by_cc_settings_switch_inner__on, .by_cc_settings_switch_inner__off { display: block; float: left; width: 50%; height: 25px; padding: 0; color: #333; background-color: #eee; font-size: 14px; font-weight: bold; line-height: 27px; } .by_cc_settings_switch_inner__on { padding-left: 10px; } .by_cc_settings_switch_inner__off { padding-right: 10px; text-align: right; } .by_cc_settings_switch_circle { position: absolute; top: 0; right: calc(100% - 28px); bottom: 0; display: block; width: 18px; border: 2px solid #ddd; border-radius: 5px; margin: 5px; background: #ccc; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .by_cc_cco__panel { display: none; } .by_cc_cco__panel.by_state_active { display: block; } .by_cc_cco__code-container { margin: 0 0 20px; } .by_cc_cco__form-content { display: none; } .by_cc_cco__headline, .by_cc_clwo__headline { text-transform: uppercase; margin: 0 0 20px; text-align: center; } .by_cc_cco__copy, .by_cc_clwo__copy { font-size: 16px; line-height: 24px; color: #727376; text-align: center; margin: 0 0 20px; } .by_cc_cco__btn, .by_cc_clwo__btn { position: relative; display: block; width: 100%; margin: 0 auto 20px auto; } .by_cc_cco__separator, .by_cc_clwo__separator { position: relative; font-size: 16px; line-height: 24px; text-align: center; color: #989a9e; margin-bottom: 20px; } .by_cc_cco__separator:before, .by_cc_clwo__separator:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 2px solid #cbcdd1; top: 50%; z-index: 1; } .by_cc_cco__separator span, .by_cc_clwo__separator span { position: relative; background-color: #fff; padding: 2px 10px; z-index: 2; } /* Onboarding */ .by_cc_helpermenu_overlay, .by_cc_helpermenu_content { position: absolute; z-index: 3000; top: 0; right: 0; bottom: 0; left: 0; } .by_cc_helpermenu_overlay { background-color: rgba(0, 0, 0, 0.5); } .by_cc_helpermenu_box { position: relative; display: block; width: 85%; max-width: 378px; padding: 12px; margin: 0 auto; color: #333; background-color: #fff; font-family: "BentleyLight", sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; line-height: 16px; } .by_cc_helpermenu_box__M { min-height: 57px; } .by_cc_helpermenu_box__animate { -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.245, 1); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.245, 1.65); transition: all 500ms cubic-bezier(0.175, 0.885, 0.245, 1.65); /* custom */ } .by_cc_helpermenu_box__media { position: relative; top: -6px; left: 5px; display: block; float: left; width: 52px; height: 44px; margin-right: 15px; background: url('data:image/jpeg;base64,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') no-repeat; } /*# sourceMappingURL=carconfigurator.css.map */ @media print { /* page definition: A4 with a bit spacing */ @page { size: A4; } /* page elements to be hidden */ /* stylelint-disable selector-id-pattern */ #debug-output, .by_cookie_policy, .by_header_menu_opener, #by_site_footer { display: none; } /* hide CC2 elements */ .by_cc_header, .by_cc_features .by_cc_categories, .by_cc_selection_form, .by_cc_onboarding, .by_cc_summary_marketingCode_link { /* stylelint-disable-line */ display: none !important; /* stylelint-disable-line */ } /* element changes */ .by_site_header { background: white; /* stylelint-disable-line */ } .by_cc_page__summary .by_cc_cutout .by_cc_cutout_inner { margin-top: -8%; } .by_cc_page__summary .by_cc_content { padding-top: 0; } .by_cc_summary_optionTiles:after { /* stylelint-disable-line */ content: "."; clear: both; display: block; overflow: hidden; height: 0; } .by_cc_summary_optionTiles .by_cc_summary_optionTiles_flex_container { display: block; } .by_cc_summary_optionTiles .by_cc_summary_optionTile { float: left; width: 50%; background-color: #fff; } .by_cc_summary_optionTiles .by_cc_summary_optionTile:nth-child(2n + 1) { clear: both; display: inline-block; } .by_cc_summary_optionTiles .by_cc_summary_section_title { page-break-before: always; } .by_cc_summary_optionTile img { page-break-inside: avoid; } } /*# sourceMappingURL=print.css.map */ /** @section: override styles */ /* stylelint-disable */ /* stylelint-enable */ /* stylelint-disable-next-line */ /** @section: debug output */ #debug-output { position: fixed; z-index: 9999; top: 10px; left: 10px; width: 200px; padding: 5px; border: 1px solid red; color: red; background-color: white; } @media screen and (min-width: 320px) { #debug-output:after { content: " - A1"; } } @media screen and (min-width: 396px) { #debug-output:after { content: " - A2"; } } @media screen and (min-width: 700px) { #debug-output:after { content: " - B1"; } } @media screen and (min-width: 820px) { #debug-output:after { content: " - B2"; } } @media screen and (min-width: 960px) { #debug-output:after { content: " - B3"; } } @media screen and (min-width: 1024px) { #debug-output:after { content: " - C1"; } } @media screen and (min-width: 1366px) { #debug-output:after { content: " - C2"; } } @media screen and (min-width: 1367px) { #debug-output:after { content: " - D1"; } } @media screen and (min-width: 1420px) { #debug-output:after { content: " - D2"; } } @media screen and (min-width: 1920px) { #debug-output:after { content: " - D3"; } } /*# sourceMappingURL=overlay.css.map */