/** @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 */ @charset "UTF-8"; /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: none; /* thin dotted; */ } /** Improve readability when focused and also mouse hovered in all browsers. */ a:link, a:visited, a:active, a:hover { outline: none; /* 0; */ } /* ========================================================================== Typography ========================================================================== */ /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { margin: 0.67em 0; font-size: 2em; } /** Address styling not present in IE 8/9, Safari 5, and Chrome. */ /* stylelint-disable-next-line */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ hr { height: 0; -webkit-box-sizing: content-box; box-sizing: content-box; } /** Address styling not present in IE 8/9. */ mark { /* stylelint-disable-next-line */ color: #000; background: #ff0; } /** Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** Set consistent quote types. */ q { quotes: "“" "”" "‘" "’"; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** Define consistent border, margin, and padding. */ fieldset { padding: 0; border: none; margin: 0; } /** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { padding: 0; /* 2 */ border: 0; /* 1 */ } /** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { margin: 0; /* 3 */ font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ /* stylelint-disable */ button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 3 */ -webkit-appearance: button; /* 2 */ } /* stylelint-enable */ /** Re-set default cursor for disabled elements. */ /* stylelint-disable */ button[disabled], html input[disabled] { cursor: default; } /* stylelint-enable */ /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ /* stylelint-disable */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* stylelint-enable */ /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ /* stylelint-disable-next-line */ input[type="search"] { -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; -webkit-appearance: textfield; /* 1 */ } /** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ /* stylelint-disable */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* stylelint-denable */ /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* prettier-ignore */ @font-face { font-family: "BentleyRegular"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/bentley-regular.eot"); src: local("☺"), url("bentley.motors.apps.base/resources/fonts/bentley-regular.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/bentley-regular.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/bentley-regular.svg#bentleyregular") format("svg"); } /* prettier-ignore */ @font-face { font-family: "BentleyLight"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/bentley-light.eot"); src: local("☺"), url("bentley.motors.apps.base/resources/fonts/bentley-light.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/bentley-light.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/bentley-light.svg#bentleylight") format("svg"); } /* prettier-ignore */ @font-face { font-family: "BentleySemiBold"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/bentley-semibold.eot"); src: local("☺"), url("bentley.motors.apps.base/resources/fonts/bentley-semibold.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/bentley-semibold.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/bentley-semibold.svg#bentleysemibold") format("svg"); } /* prettier-ignore */ @font-face { font-family: "BentleyBold"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/bentley-bold.eot"); src: local("☺"), url("bentley.motors.apps.base/resources/fonts/bentley-bold.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/bentley-bold.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/bentley-bold.svg#bentleybold") format("svg"); } /* prettier-ignore */ @font-face { font-family: "BentleyRegularItalic"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/bentley-regular_italic.eot"); src: local("☺"), url("bentley.motors.apps.base/resources/fonts/bentley-regular_italic.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/bentley-regular_italic.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/bentley-regular_italic.svg#bentleyitalic") format("svg"); } @font-face { font-family: "GalsWebBold"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/Gals_Bold.eot"); src: url("bentley.motors.apps.base/resources/fonts/Gals_Bold.eot?#iefix") format("embedded-opentype"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold.woff2") format("woff2"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold.svg#GalsWeb-Bold") format("svg"); } @font-face { font-family: "GalsWebBoldItalic"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/Gals_Bold_Italic.eot"); src: url("bentley.motors.apps.base/resources/fonts/Gals_Bold_Italic.eot?#iefix") format("embedded-opentype"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold_Italic.woff2") format("woff2"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold_Italic.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold_Italic.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/Gals_Bold_Italic.svg#GalsWeb-BoldItalic") format("svg"); } @font-face { font-family: "GalsWebBook"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/Gals_Book.eot"); src: url("bentley.motors.apps.base/resources/fonts/Gals_Book.eot?#iefix") format("embedded-opentype"), url("bentley.motors.apps.base/resources/fonts/Gals_Book.woff2") format("woff2"), url("bentley.motors.apps.base/resources/fonts/Gals_Book.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/Gals_Book.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/Gals_Book.svg#GalsWeb-Regular") format("svg"); } @font-face { font-family: "GalsWebBookItalic"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/Gals_Book_Italic.eot"); src: url("bentley.motors.apps.base/resources/fonts/Gals_Book_Italic.eot?#iefix") format("embedded-opentype"), url("bentley.motors.apps.base/resources/fonts/Gals_Book_Italic.woff2") format("woff2"), url("bentley.motors.apps.base/resources/fonts/Gals_Book_Italic.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/Gals_Book_Italic.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/Gals_Book_Italic.svg#GalsWeb-Italic") format("svg"); } @font-face { font-family: "GalsWebLight"; font-weight: normal; font-style: normal; src: url("bentley.motors.apps.base/resources/fonts/Gals_Light.eot"); src: url("bentley.motors.apps.base/resources/fonts/Gals_Light.eot?#iefix") format("embedded-opentype"), url("bentley.motors.apps.base/resources/fonts/Gals_Light.woff2") format("woff2"), url("bentley.motors.apps.base/resources/fonts/Gals_Light.woff") format("woff"), url("bentley.motors.apps.base/resources/fonts/Gals_Light.ttf") format("truetype"), url("bentley.motors.apps.base/resources/fonts/Gals_Light.svg#GalsLightWeb-Regular") format("svg"); } /* 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_clearfix:before, .by_article_tools:before, .by_navigation_tiles .by_cover_tile_row:before, .by_model_carousel .by_swipeable_item .by_swipeable_link_item:before, .by_article_imagery_gallery:before, .by_articles_list:before, .by_comp_table .by_tabbed_navigation:before, .by_comp_table .by_comp_tablehead_wrap:before, .by_comp_table .by_comp_table_section_head:before, .by_hero_image_safe_zone:before, .by_cover_container:before, .by_form_wrapper:before, .by_dealer_search_options:before, .by_dealer_search_filter:before, .by_dealer_result_item:before, .by_dealer_description:before, .by_dealer_details_row:before, .by_tab_nav_list:before, .by_tab_content_list:before, .by_tab_content:before, .by_clearfix:after, .by_article_tools:after, .by_navigation_tiles .by_cover_tile_row:after, .by_model_carousel .by_swipeable_item .by_swipeable_link_item:after, .by_article_imagery_gallery:after, .by_articles_list:after, .by_comp_table .by_tabbed_navigation:after, .by_comp_table .by_comp_tablehead_wrap:after, .by_comp_table .by_comp_table_section_head:after, .by_hero_image_safe_zone:after, .by_cover_container:after, .by_form_wrapper:after, .by_dealer_search_options:after, .by_dealer_search_filter:after, .by_dealer_result_item:after, .by_dealer_description:after, .by_dealer_details_row:after, .by_tab_nav_list:after, .by_tab_content_list:after, .by_tab_content:after { content: "."; display: block; overflow: hidden; height: 0; } .by_clearfix:after, .by_article_tools:after, .by_navigation_tiles .by_cover_tile_row:after, .by_model_carousel .by_swipeable_item .by_swipeable_link_item:after, .by_article_imagery_gallery:after, .by_articles_list:after, .by_comp_table .by_tabbed_navigation:after, .by_comp_table .by_comp_tablehead_wrap:after, .by_comp_table .by_comp_table_section_head:after, .by_hero_image_safe_zone:after, .by_cover_container:after, .by_form_wrapper:after, .by_dealer_search_options:after, .by_dealer_search_filter:after, .by_dealer_result_item:after, .by_dealer_description:after, .by_dealer_details_row:after, .by_tab_nav_list:after, .by_tab_content_list:after, .by_tab_content:after { clear: both; } .by_contact_details .by_form_select_element .by_form_input_select, .by_contact_details .by_form_select_element .by_form_select_wrapper__white .by_form_input_select__white, .by_form_select_wrapper__white .by_contact_details .by_form_select_element .by_form_input_select__white { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; } .by_breadcrumb_list, .by_tool_belt_list, .by_tool_belt__list, .by_sitemap_group ul { padding: 0; margin: 0; list-style-type: none; } .by_site_nav_link i, .by_gallery_toggler i { background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAMAAACgaw2xAAAAA3NCSVQICAjb4U/gAAAAVFBMVEX39/fz8/Pv7+/m5ube3t7a2trKysrFxcW9vb25ubm1tbWtra2pqamlpaWgoKCQkJCMjIyEhIR3d3dvb29ra2tjY2NWVlZKSkpGRkZCQkI6Ojr////6WPngAAAAHHRSTlP///////////////////////////////////8AF7Li1wAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACDSURBVBiV1U5bEoAgCEQtzR6W2VPvf88MaWKmE8QPyy7LArqDhAWdxq5Lg9T24gaib5EwzpkiJDtkRQwW+cZJ6ZoivANfAm7nZ4EH8kcIfetvwrTJguQ2YR9Hcqy7uoHaVyR8jJ5OhTMr6gzIz7Gu4kwZeahxeJaOhcIfOz8LPJA/cgEnrSuEU8UkyQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; } .by_cover_tile_label, .by_hero_label, .by_cover_container .by_cover_row .by_cover_label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///////9VfPVsAAAAAnRSTlMA3Y7xY1EAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTUuMDEuMTTsG+P2AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAAxJREFUCJljOMBwAAADBAGBQQWQQAAAAABJRU5ErkJggg==') 0 0 repeat transparent; } .by_hero_pager .by_slide_text { overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } /* stylelint-disable selector-no-qualifying-type */ .by_hero_title, .by_article_block_title, .by_pinboard .by_pinboard_headline h2, .by_promoted_teaser_link_label, .by_article_headline, .by_article_link, .by_dealer_search_option_head, .by_dealer_headline, .by_map_infowindow_headline, .by_dealer_search_input_label, .by_dealer_search_input, .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_carousel_navigation h2, .by_navigation_tiles h2, .by_tool_belt_cta span, .by_dealer_openings_head, .by_dealer_department_type_head, .by_dealer_nav_back_button, .by_dealer_nav_global_dealer, .by_dealer_nav_global_dealer_bottom, .by_dealer_nav_link, .by_map_infowindow_button, .by_dealer_type_bar, .by_dealer_details_depart .by_opening_list, .by_dealer_details_openings_head, .by_dealer_search_suggestion li, .by_modelcomp_selectedmodels, .by_modelcomp_selector, .by_modelcomp_selector_item_title, .by_tab_link, .by_article_date, .by_article_navigate, .by_pinboard .by_pinboard_filter a, .by_pinboard .by_pinboard_pin h3, .by_pinboard .by_pinboard_pin h5, .by_cover_tile_label, .by_cover_label, .by_dealer_search_info_label, .by_dealer_filter_list, .by_hero_label, .by_site_tools_link span, .by_hero_pager, .by_header_menu_opener_label, .by_tab_component_nav li, .by_model_carousel .by_swipeable_item, .by_contact_details .by_hero_title_small, .by_contact_details .by_contact_details_territory_selection_label, .by_contact_details .by_contact_details_department_headline, .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_headline, .by_sitemap_cluster__headline, .by_anchor_cta, .by_contact_teaser .by_contact_teaser_headline, .by_eb_content_box__title, .by_eb_content_box__btn, .by_ajax_form_overlay__title, .by_ajax_form_overlay_response__btn, .by_dealer_global_country, .by_global_dealer_locator ul li.back, .by_global_dealer_locator ul, .by_carousel_item h3, .by_mm_link, .by_mm_section_title, .by_gallery_caption, .by_opening_list, .by_dealer_distance, .by_dealer_address, .by_dealer_details_address, .by_inline_error .by_error_message, .by_dealer_search_notice, .by_dealer_locate_input, .by_dealer_direction_data, .by_dealer_opening_list, .by_footer_link--minor, .by_footer_copy.by_richtext, .by_headlineicon_top h2, .by_hero_slider_wrapper .by_hero_subtitle, .by_hero_slider_wrapper .by_hero_wltp, .by_ds_filter__checkbox_text, .by_dealer_result_empty, .by_careers_results, .by_careers_job_header_title, .by_careers_job_disclaimer.by_bodycopy, .by_careers_job_disclaimer.by_headlineicon_bottom { font-family: "BentleyLight", arial, helvetica, sans-serif; font-weight: normal; } .by_hero_title, .by_article_block_title, .by_pinboard .by_pinboard_headline h2, .by_promoted_teaser_link_label, .by_article_headline, .by_article_link, .by_dealer_search_option_head, .by_dealer_headline, .by_map_infowindow_headline, .by_dealer_search_input_label, .by_dealer_search_input, .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_carousel_navigation h2, .by_navigation_tiles h2, .by_tool_belt_cta span, .by_dealer_openings_head, .by_dealer_department_type_head, .by_dealer_nav_back_button, .by_dealer_nav_global_dealer, .by_dealer_nav_global_dealer_bottom, .by_dealer_nav_link, .by_map_infowindow_button, .by_dealer_type_bar, .by_dealer_details_depart .by_opening_list, .by_dealer_details_openings_head, .by_dealer_search_suggestion li, .by_modelcomp_selectedmodels, .by_modelcomp_selector, .by_modelcomp_selector_item_title, .by_tab_link, .by_article_date, .by_article_navigate, .by_pinboard .by_pinboard_filter a, .by_pinboard .by_pinboard_pin h3, .by_pinboard .by_pinboard_pin h5, .by_cover_tile_label, .by_cover_label, .by_dealer_search_info_label, .by_dealer_filter_list, .by_hero_label, .by_site_tools_link span, .by_hero_pager, .by_header_menu_opener_label, .by_tab_component_nav li, .by_model_carousel .by_swipeable_item, .by_contact_details .by_hero_title_small, .by_contact_details .by_contact_details_territory_selection_label, .by_contact_details .by_contact_details_department_headline, .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_headline, .by_sitemap_cluster__headline, .by_anchor_cta, .by_contact_teaser .by_contact_teaser_headline, .by_eb_content_box__title, .by_eb_content_box__btn, .by_ajax_form_overlay__title, .by_ajax_form_overlay_response__btn, .by_dealer_global_country, .by_global_dealer_locator ul li.back, .by_global_dealer_locator ul { text-transform: uppercase; } .by_cookie_headline, .by_cookie_options_link, .by_form_label.by_footer_form_label, .by_kmi_find_address, .by_form_submit, .by_gallery_toggle_btn, .by_dealer_search_suggestion li strong, .by_dealer_view_button, .by_title_h1, .by_title_h2, .by_title_h3, .by_footer_link--major, .by_model_carousel .by_swipeable_item.by_active .by_swipeable_item_title, .by_accordion_header, .by_sitemap_group__headline, .by_link_button, .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper .by_article_block_title, .by_ajax_form_overlay .by_form_component .by_form_submit_element, .by_mm_sitearea_link, .by_dealer_info li, .by_dealer_info_phone, ul.by_dealer_details_info li, .by_title_h4, .by_copy, .by_dynamic_table__table, .by_copy_small, .by_dynamic_table .by_richtext, .by_copy_meta, .by_dynamic_table__no_support, .by_tooltip__tooltip, .by_eb_content_box__p, .by_eb_content_box__content_overlay .by_eb__response_h, .by_eb_content_box__content_overlay .by_eb__response_p, .by_ajax_form_overlay__copy, .by_ajax_form_overlay_response__headline, .by_ajax_form_overlay_response__copy, .by_ds_filter { font-family: "BentleyRegular", arial, helvetica, sans-serif; font-weight: normal; } .by_cookie_headline, .by_cookie_options_link, .by_form_label.by_footer_form_label, .by_kmi_find_address, .by_form_submit, .by_gallery_toggle_btn, .by_dealer_search_suggestion li strong, .by_dealer_view_button, .by_title_h1, .by_title_h2, .by_title_h3, .by_footer_link--major, .by_model_carousel .by_swipeable_item.by_active .by_swipeable_item_title, .by_accordion_header, .by_sitemap_group__headline, .by_link_button, .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper .by_article_block_title, .by_ajax_form_overlay .by_form_component .by_form_submit_element { text-transform: uppercase; } .by_dealer_empty_result, #by_dealer_error, .by_title_h5, .by_title_h6 { font-family: "BentleyBold", arial, helvetica, sans-serif; font-weight: normal; } [dir="rtl"] .by_dealer_empty_result, [dir="rtl"] #by_dealer_error, [dir="rtl"] .by_title_h5, [dir="rtl"] .by_title_h6 { font-weight: bold; } .by_link, .by_footer_nav__heading, .by_button_primary, .by_button_secondary, .by_button_icon, .by_ds_filter__title_text { font-family: "BentleySemiBold", arial, helvetica, sans-serif; font-weight: normal; } .by_link, .by_footer_nav__heading, .by_button_primary, .by_button_secondary, .by_button_icon { text-transform: uppercase; } .by_comp_table .by_tab_content .by_comp_table_col_center, .by_modelcomp_selector_empty .by_comp_table_col_center, .by_cookie_copy, .by_bodycopy, .by_headlineicon_bottom, .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_tel, .by_form_input_select, .by_form_select_wrapper__white .by_form_input_select__white, .by_form_select_text, .by_form_checkbox_label, .by_back_top_link_label, .by_article_copy, .by_comp_table .by_tab_content, .by_modelcomp_selector_empty, .by_tech_label, .by_tech_data, .by_pinboard .by_pinboard_pin p, .by_sitemap_link, .by_eb_content_box, .by_ajax_form_overlay__body { font-family: arial, helvetica, sans-serif; font-weight: normal; } .by_comp_table .by_tab_content .by_comp_table_col_center, .by_modelcomp_selector_empty .by_comp_table_col_center { font-weight: bold; } [dir="rtl"] .by_hero_title, [dir="rtl"] .by_article_block_title, [dir="rtl"] .by_pinboard .by_pinboard_headline h2, .by_pinboard .by_pinboard_headline [dir="rtl"] h2, [dir="rtl"] .by_promoted_teaser_link_label, [dir="rtl"] .by_article_headline, [dir="rtl"] .by_article_link, [dir="rtl"] .by_dealer_search_option_head, [dir="rtl"] .by_dealer_headline, [dir="rtl"] .by_map_infowindow_headline, [dir="rtl"] .by_dealer_search_input_label, [dir="rtl"] .by_dealer_search_input, [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_carousel_navigation h2, .by_carousel_navigation [dir="rtl"] h2, [dir="rtl"] .by_navigation_tiles h2, .by_navigation_tiles [dir="rtl"] h2, [dir="rtl"] .by_tool_belt_cta span, .by_tool_belt_cta [dir="rtl"] span, [dir="rtl"] .by_dealer_openings_head, [dir="rtl"] .by_dealer_department_type_head, [dir="rtl"] .by_dealer_nav_back_button, [dir="rtl"] .by_dealer_nav_global_dealer, [dir="rtl"] .by_dealer_nav_global_dealer_bottom, [dir="rtl"] .by_dealer_nav_link, [dir="rtl"] .by_map_infowindow_button, [dir="rtl"] .by_dealer_type_bar, [dir="rtl"] .by_dealer_details_openings_head, [dir="rtl"] .by_dealer_search_suggestion li, .by_dealer_search_suggestion [dir="rtl"] li, [dir="rtl"] .by_modelcomp_selectedmodels, [dir="rtl"] .by_modelcomp_selector, [dir="rtl"] .by_modelcomp_selector_item_title, [dir="rtl"] .by_tab_link, [dir="rtl"] .by_article_date, [dir="rtl"] .by_article_navigate, [dir="rtl"] .by_pinboard .by_pinboard_filter a, .by_pinboard .by_pinboard_filter [dir="rtl"] a, [dir="rtl"] .by_pinboard .by_pinboard_pin h3, .by_pinboard .by_pinboard_pin [dir="rtl"] h3, [dir="rtl"] .by_pinboard .by_pinboard_pin h5, .by_pinboard .by_pinboard_pin [dir="rtl"] h5, [dir="rtl"] .by_cover_tile_label, [dir="rtl"] .by_cover_label, [dir="rtl"] .by_dealer_search_info_label, [dir="rtl"] .by_dealer_filter_list, [dir="rtl"] .by_hero_label, [dir="rtl"] .by_site_tools_link span, .by_site_tools_link [dir="rtl"] span, [dir="rtl"] .by_hero_pager, [dir="rtl"] .by_header_menu_opener_label, [dir="rtl"] .by_tab_component_nav li, .by_tab_component_nav [dir="rtl"] li, [dir="rtl"] .by_model_carousel .by_swipeable_item, .by_model_carousel [dir="rtl"] .by_swipeable_item, [dir="rtl"] .by_contact_details .by_hero_title_small, .by_contact_details [dir="rtl"] .by_hero_title_small, [dir="rtl"] .by_contact_details .by_contact_details_territory_selection_label, .by_contact_details [dir="rtl"] .by_contact_details_territory_selection_label, [dir="rtl"] .by_contact_details .by_contact_details_department_headline, .by_contact_details [dir="rtl"] .by_contact_details_department_headline, [dir="rtl"] .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_headline, .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content [dir="rtl"] .by_teaser_headline, [dir="rtl"] .by_sitemap_cluster__headline, [dir="rtl"] .by_anchor_cta, [dir="rtl"] .by_contact_teaser .by_contact_teaser_headline, .by_contact_teaser [dir="rtl"] .by_contact_teaser_headline, [dir="rtl"] .by_eb_content_box__title, [dir="rtl"] .by_eb_content_box__btn, [dir="rtl"] .by_ajax_form_overlay__title, [dir="rtl"] .by_ajax_form_overlay_response__btn, [dir="rtl"] .by_dealer_global_country, [dir="rtl"] .by_global_dealer_locator ul li.back, .by_global_dealer_locator ul [dir="rtl"] li.back, [dir="rtl"] .by_global_dealer_locator ul, .by_global_dealer_locator [dir="rtl"] ul, [dir="rtl"] .by_carousel_item h3, .by_carousel_item [dir="rtl"] h3, [dir="rtl"] .by_mm_link, [dir="rtl"] .by_mm_section_title, [dir="rtl"] .by_gallery_caption, [dir="rtl"] .by_opening_list, [dir="rtl"] .by_dealer_distance, [dir="rtl"] .by_dealer_address, [dir="rtl"] .by_dealer_details_address, [dir="rtl"] .by_inline_error .by_error_message, .by_inline_error [dir="rtl"] .by_error_message, [dir="rtl"] .by_dealer_search_notice, [dir="rtl"] .by_dealer_locate_input, [dir="rtl"] .by_dealer_direction_data, [dir="rtl"] .by_dealer_opening_list, [dir="rtl"] .by_footer_link--minor, [dir="rtl"] .by_footer_copy.by_richtext, [dir="rtl"] .by_headlineicon_top h2, .by_headlineicon_top [dir="rtl"] h2, [dir="rtl"] .by_hero_slider_wrapper .by_hero_subtitle, .by_hero_slider_wrapper [dir="rtl"] .by_hero_subtitle, [dir="rtl"] .by_hero_slider_wrapper .by_hero_wltp, .by_hero_slider_wrapper [dir="rtl"] .by_hero_wltp, [dir="rtl"] .by_ds_filter__checkbox_text, [dir="rtl"] .by_dealer_result_empty, [dir="rtl"] .by_careers_results, [dir="rtl"] .by_careers_job_header_title, [dir="rtl"] .by_careers_job_disclaimer.by_bodycopy, [dir="rtl"] .by_careers_job_disclaimer.by_headlineicon_bottom, [dir="rtl"] .by_cookie_headline, [dir="rtl"] .by_cookie_options_link, [dir="rtl"] .by_form_label.by_footer_form_label, [dir="rtl"] .by_kmi_find_address, [dir="rtl"] .by_form_submit, [dir="rtl"] .by_gallery_toggle_btn, [dir="rtl"] .by_dealer_search_suggestion li strong, .by_dealer_search_suggestion li [dir="rtl"] strong, [dir="rtl"] .by_dealer_view_button, [dir="rtl"] .by_title_h1, [dir="rtl"] .by_title_h2, [dir="rtl"] .by_title_h3, [dir="rtl"] .by_footer_link--major, [dir="rtl"] .by_model_carousel .by_swipeable_item.by_active .by_swipeable_item_title, .by_model_carousel .by_swipeable_item.by_active [dir="rtl"] .by_swipeable_item_title, [dir="rtl"] .by_accordion_header, [dir="rtl"] .by_sitemap_group__headline, [dir="rtl"] .by_link_button, [dir="rtl"] .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper [dir="rtl"] .by_hero_title, [dir="rtl"] .by_hero_slider_wrapper .by_article_block_title, .by_hero_slider_wrapper [dir="rtl"] .by_article_block_title, [dir="rtl"] .by_ajax_form_overlay .by_form_component .by_form_submit_element, .by_ajax_form_overlay .by_form_component [dir="rtl"] .by_form_submit_element, [dir="rtl"] .by_mm_sitearea_link, [dir="rtl"] .by_dealer_info li, .by_dealer_info [dir="rtl"] li, [dir="rtl"] .by_dealer_info_phone, [dir="rtl"] ul.by_dealer_details_info li, ul.by_dealer_details_info [dir="rtl"] li, [dir="rtl"] .by_title_h4, [dir="rtl"] .by_copy, [dir="rtl"] .by_dynamic_table__table, [dir="rtl"] .by_copy_small, [dir="rtl"] .by_dynamic_table .by_richtext, .by_dynamic_table [dir="rtl"] .by_richtext, [dir="rtl"] .by_copy_meta, [dir="rtl"] .by_dynamic_table__no_support, [dir="rtl"] .by_tooltip__tooltip, [dir="rtl"] .by_eb_content_box__p, [dir="rtl"] .by_eb_content_box__content_overlay .by_eb__response_h, .by_eb_content_box__content_overlay [dir="rtl"] .by_eb__response_h, [dir="rtl"] .by_eb_content_box__content_overlay .by_eb__response_p, .by_eb_content_box__content_overlay [dir="rtl"] .by_eb__response_p, [dir="rtl"] .by_ajax_form_overlay__copy, [dir="rtl"] .by_ajax_form_overlay_response__headline, [dir="rtl"] .by_ajax_form_overlay_response__copy, [dir="rtl"] .by_ds_filter, [dir="rtl"] .by_dealer_empty_result, [dir="rtl"] #by_dealer_error, [dir="rtl"] .by_title_h5, [dir="rtl"] .by_title_h6, [dir="rtl"] .by_comp_table .by_tab_content .by_comp_table_col_center, .by_comp_table .by_tab_content [dir="rtl"] .by_comp_table_col_center, [dir="rtl"] .by_modelcomp_selector_empty .by_comp_table_col_center, .by_modelcomp_selector_empty [dir="rtl"] .by_comp_table_col_center, [dir="rtl"] .by_cookie_copy, [dir="rtl"] .by_bodycopy, [dir="rtl"] .by_headlineicon_bottom, [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_tel, [dir="rtl"] .by_form_input_select, [dir="rtl"] .by_form_select_wrapper__white .by_form_input_select__white, .by_form_select_wrapper__white [dir="rtl"] .by_form_input_select__white, [dir="rtl"] .by_form_select_text, [dir="rtl"] .by_form_checkbox_label, [dir="rtl"] .by_article_copy, [dir="rtl"] .by_comp_table .by_tab_content, .by_comp_table [dir="rtl"] .by_tab_content, [dir="rtl"] .by_modelcomp_selector_empty, [dir="rtl"] .by_tech_label, [dir="rtl"] .by_tech_data, [dir="rtl"] .by_pinboard .by_pinboard_pin p, .by_pinboard .by_pinboard_pin [dir="rtl"] p, [dir="rtl"] .by_sitemap_link, [dir="rtl"] .by_eb_content_box, [dir="rtl"] .by_ajax_form_overlay__body, [dir="rtl"] .by_link, [dir="rtl"] .by_footer_nav__heading, [dir="rtl"] .by_button_primary, [dir="rtl"] .by_button_secondary, [dir="rtl"] .by_button_icon, [dir="rtl"] .by_ds_filter__title_text { font-family: Tahoma, "BentleyRegular", arial, helvetica, sans-serif; } [dir="rtl"] .by_link, [dir="rtl"] .by_footer_nav__heading, [dir="rtl"] .by_button_primary, [dir="rtl"] .by_button_secondary, [dir="rtl"] .by_button_icon, [dir="rtl"] .by_ds_filter__title_text { font-weight: bold; } [lang="zh"] .by_hero_title, [lang="zh"] .by_article_block_title, [lang="zh"] .by_pinboard .by_pinboard_headline h2, .by_pinboard .by_pinboard_headline [lang="zh"] h2, [lang="zh"] .by_promoted_teaser_link_label, [lang="zh"] .by_article_headline, [lang="zh"] .by_article_link, [lang="zh"] .by_dealer_search_option_head, [lang="zh"] .by_dealer_headline, [lang="zh"] .by_map_infowindow_headline, [lang="zh"] .by_dealer_search_input_label, [lang="zh"] .by_dealer_search_input, [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_carousel_navigation h2, .by_carousel_navigation [lang="zh"] h2, [lang="zh"] .by_navigation_tiles h2, .by_navigation_tiles [lang="zh"] h2, [lang="zh"] .by_tool_belt_cta span, .by_tool_belt_cta [lang="zh"] span, [lang="zh"] .by_dealer_openings_head, [lang="zh"] .by_dealer_department_type_head, [lang="zh"] .by_dealer_nav_back_button, [lang="zh"] .by_dealer_nav_global_dealer, [lang="zh"] .by_dealer_nav_global_dealer_bottom, [lang="zh"] .by_dealer_nav_link, [lang="zh"] .by_map_infowindow_button, [lang="zh"] .by_dealer_type_bar, [lang="zh"] .by_dealer_details_openings_head, [lang="zh"] .by_dealer_search_suggestion li, .by_dealer_search_suggestion [lang="zh"] li, [lang="zh"] .by_modelcomp_selectedmodels, [lang="zh"] .by_modelcomp_selector, [lang="zh"] .by_modelcomp_selector_item_title, [lang="zh"] .by_tab_link, [lang="zh"] .by_article_date, [lang="zh"] .by_article_navigate, [lang="zh"] .by_pinboard .by_pinboard_filter a, .by_pinboard .by_pinboard_filter [lang="zh"] a, [lang="zh"] .by_pinboard .by_pinboard_pin h3, .by_pinboard .by_pinboard_pin [lang="zh"] h3, [lang="zh"] .by_pinboard .by_pinboard_pin h5, .by_pinboard .by_pinboard_pin [lang="zh"] h5, [lang="zh"] .by_cover_tile_label, [lang="zh"] .by_cover_label, [lang="zh"] .by_dealer_search_info_label, [lang="zh"] .by_dealer_filter_list, [lang="zh"] .by_hero_label, [lang="zh"] .by_site_tools_link span, .by_site_tools_link [lang="zh"] span, [lang="zh"] .by_hero_pager, [lang="zh"] .by_header_menu_opener_label, [lang="zh"] .by_tab_component_nav li, .by_tab_component_nav [lang="zh"] li, [lang="zh"] .by_model_carousel .by_swipeable_item, .by_model_carousel [lang="zh"] .by_swipeable_item, [lang="zh"] .by_contact_details .by_hero_title_small, .by_contact_details [lang="zh"] .by_hero_title_small, [lang="zh"] .by_contact_details .by_contact_details_territory_selection_label, .by_contact_details [lang="zh"] .by_contact_details_territory_selection_label, [lang="zh"] .by_contact_details .by_contact_details_department_headline, .by_contact_details [lang="zh"] .by_contact_details_department_headline, [lang="zh"] .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_headline, .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content [lang="zh"] .by_teaser_headline, [lang="zh"] .by_sitemap_cluster__headline, [lang="zh"] .by_anchor_cta, [lang="zh"] .by_contact_teaser .by_contact_teaser_headline, .by_contact_teaser [lang="zh"] .by_contact_teaser_headline, [lang="zh"] .by_eb_content_box__title, [lang="zh"] .by_eb_content_box__btn, [lang="zh"] .by_ajax_form_overlay__title, [lang="zh"] .by_ajax_form_overlay_response__btn, [lang="zh"] .by_dealer_global_country, [lang="zh"] .by_global_dealer_locator ul li.back, .by_global_dealer_locator ul [lang="zh"] li.back, [lang="zh"] .by_global_dealer_locator ul, .by_global_dealer_locator [lang="zh"] ul, [lang="zh"] .by_carousel_item h3, .by_carousel_item [lang="zh"] h3, [lang="zh"] .by_mm_link, [lang="zh"] .by_mm_section_title, [lang="zh"] .by_gallery_caption, [lang="zh"] .by_opening_list, [lang="zh"] .by_dealer_distance, [lang="zh"] .by_dealer_address, [lang="zh"] .by_dealer_details_address, [lang="zh"] .by_inline_error .by_error_message, .by_inline_error [lang="zh"] .by_error_message, [lang="zh"] .by_dealer_search_notice, [lang="zh"] .by_dealer_locate_input, [lang="zh"] .by_dealer_direction_data, [lang="zh"] .by_dealer_opening_list, [lang="zh"] .by_footer_link--minor, [lang="zh"] .by_footer_copy.by_richtext, [lang="zh"] .by_headlineicon_top h2, .by_headlineicon_top [lang="zh"] h2, [lang="zh"] .by_hero_slider_wrapper .by_hero_subtitle, .by_hero_slider_wrapper [lang="zh"] .by_hero_subtitle, [lang="zh"] .by_hero_slider_wrapper .by_hero_wltp, .by_hero_slider_wrapper [lang="zh"] .by_hero_wltp, [lang="zh"] .by_ds_filter__checkbox_text, [lang="zh"] .by_dealer_result_empty, [lang="zh"] .by_careers_results, [lang="zh"] .by_careers_job_header_title, [lang="zh"] .by_careers_job_disclaimer.by_bodycopy, [lang="zh"] .by_careers_job_disclaimer.by_headlineicon_bottom, [lang="zh"] .by_cookie_headline, [lang="zh"] .by_cookie_options_link, [lang="zh"] .by_form_label.by_footer_form_label, [lang="zh"] .by_kmi_find_address, [lang="zh"] .by_form_submit, [lang="zh"] .by_gallery_toggle_btn, [lang="zh"] .by_dealer_search_suggestion li strong, .by_dealer_search_suggestion li [lang="zh"] strong, [lang="zh"] .by_dealer_view_button, [lang="zh"] .by_title_h1, [lang="zh"] .by_title_h2, [lang="zh"] .by_title_h3, [lang="zh"] .by_footer_link--major, [lang="zh"] .by_model_carousel .by_swipeable_item.by_active .by_swipeable_item_title, .by_model_carousel .by_swipeable_item.by_active [lang="zh"] .by_swipeable_item_title, [lang="zh"] .by_accordion_header, [lang="zh"] .by_sitemap_group__headline, [lang="zh"] .by_link_button, [lang="zh"] .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper [lang="zh"] .by_hero_title, [lang="zh"] .by_hero_slider_wrapper .by_article_block_title, .by_hero_slider_wrapper [lang="zh"] .by_article_block_title, [lang="zh"] .by_ajax_form_overlay .by_form_component .by_form_submit_element, .by_ajax_form_overlay .by_form_component [lang="zh"] .by_form_submit_element, [lang="zh"] .by_mm_sitearea_link, [lang="zh"] .by_dealer_info li, .by_dealer_info [lang="zh"] li, [lang="zh"] .by_dealer_info_phone, [lang="zh"] ul.by_dealer_details_info li, ul.by_dealer_details_info [lang="zh"] li, [lang="zh"] .by_title_h4, [lang="zh"] .by_copy, [lang="zh"] .by_dynamic_table__table, [lang="zh"] .by_copy_small, [lang="zh"] .by_dynamic_table .by_richtext, .by_dynamic_table [lang="zh"] .by_richtext, [lang="zh"] .by_copy_meta, [lang="zh"] .by_dynamic_table__no_support, [lang="zh"] .by_tooltip__tooltip, [lang="zh"] .by_eb_content_box__p, [lang="zh"] .by_eb_content_box__content_overlay .by_eb__response_h, .by_eb_content_box__content_overlay [lang="zh"] .by_eb__response_h, [lang="zh"] .by_eb_content_box__content_overlay .by_eb__response_p, .by_eb_content_box__content_overlay [lang="zh"] .by_eb__response_p, [lang="zh"] .by_ajax_form_overlay__copy, [lang="zh"] .by_ajax_form_overlay_response__headline, [lang="zh"] .by_ajax_form_overlay_response__copy, [lang="zh"] .by_ds_filter, [lang="zh"] .by_dealer_empty_result, [lang="zh"] #by_dealer_error, [lang="zh"] .by_title_h5, [lang="zh"] .by_title_h6, [lang="zh"] .by_link, [lang="zh"] .by_footer_nav__heading, [lang="zh"] .by_button_primary, [lang="zh"] .by_button_secondary, [lang="zh"] .by_button_icon, [lang="zh"] .by_ds_filter__title_text { font-family: "BentleyRegular", arial, helvetica, 宋体, SimSun, 华文细黑, STXihei, sans-serif; font-weight: normal; } [lang="zh"] .by_dealer_empty_result, [lang="zh"] #by_dealer_error, [lang="zh"] .by_title_h5, [lang="zh"] .by_title_h6, [lang="zh"] .by_link, [lang="zh"] .by_footer_nav__heading, [lang="zh"] .by_button_primary, [lang="zh"] .by_button_secondary, [lang="zh"] .by_button_icon, [lang="zh"] .by_ds_filter__title_text { font-weight: bold; } [lang="ru"] .by_hero_title, [lang="ru"] .by_article_block_title, [lang="ru"] .by_pinboard .by_pinboard_headline h2, .by_pinboard .by_pinboard_headline [lang="ru"] h2, [lang="ru"] .by_promoted_teaser_link_label, [lang="ru"] .by_article_headline, [lang="ru"] .by_article_link, [lang="ru"] .by_dealer_search_option_head, [lang="ru"] .by_dealer_headline, [lang="ru"] .by_map_infowindow_headline, [lang="ru"] .by_dealer_search_input_label, [lang="ru"] .by_dealer_search_input, [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_carousel_navigation h2, .by_carousel_navigation [lang="ru"] h2, [lang="ru"] .by_navigation_tiles h2, .by_navigation_tiles [lang="ru"] h2, [lang="ru"] .by_tool_belt_cta span, .by_tool_belt_cta [lang="ru"] span, [lang="ru"] .by_dealer_openings_head, [lang="ru"] .by_dealer_department_type_head, [lang="ru"] .by_dealer_nav_back_button, [lang="ru"] .by_dealer_nav_global_dealer, [lang="ru"] .by_dealer_nav_global_dealer_bottom, [lang="ru"] .by_dealer_nav_link, [lang="ru"] .by_map_infowindow_button, [lang="ru"] .by_dealer_type_bar, [lang="ru"] .by_dealer_details_openings_head, [lang="ru"] .by_dealer_search_suggestion li, .by_dealer_search_suggestion [lang="ru"] li, [lang="ru"] .by_modelcomp_selectedmodels, [lang="ru"] .by_modelcomp_selector, [lang="ru"] .by_modelcomp_selector_item_title, [lang="ru"] .by_tab_link, [lang="ru"] .by_article_date, [lang="ru"] .by_article_navigate, [lang="ru"] .by_pinboard .by_pinboard_filter a, .by_pinboard .by_pinboard_filter [lang="ru"] a, [lang="ru"] .by_pinboard .by_pinboard_pin h3, .by_pinboard .by_pinboard_pin [lang="ru"] h3, [lang="ru"] .by_pinboard .by_pinboard_pin h5, .by_pinboard .by_pinboard_pin [lang="ru"] h5, [lang="ru"] .by_cover_tile_label, [lang="ru"] .by_cover_label, [lang="ru"] .by_dealer_search_info_label, [lang="ru"] .by_dealer_filter_list, [lang="ru"] .by_hero_label, [lang="ru"] .by_site_tools_link span, .by_site_tools_link [lang="ru"] span, [lang="ru"] .by_hero_pager, [lang="ru"] .by_header_menu_opener_label, [lang="ru"] .by_tab_component_nav li, .by_tab_component_nav [lang="ru"] li, [lang="ru"] .by_model_carousel .by_swipeable_item, .by_model_carousel [lang="ru"] .by_swipeable_item, [lang="ru"] .by_contact_details .by_hero_title_small, .by_contact_details [lang="ru"] .by_hero_title_small, [lang="ru"] .by_contact_details .by_contact_details_territory_selection_label, .by_contact_details [lang="ru"] .by_contact_details_territory_selection_label, [lang="ru"] .by_contact_details .by_contact_details_department_headline, .by_contact_details [lang="ru"] .by_contact_details_department_headline, [lang="ru"] .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_headline, .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content [lang="ru"] .by_teaser_headline, [lang="ru"] .by_sitemap_cluster__headline, [lang="ru"] .by_anchor_cta, [lang="ru"] .by_contact_teaser .by_contact_teaser_headline, .by_contact_teaser [lang="ru"] .by_contact_teaser_headline, [lang="ru"] .by_eb_content_box__title, [lang="ru"] .by_eb_content_box__btn, [lang="ru"] .by_ajax_form_overlay__title, [lang="ru"] .by_ajax_form_overlay_response__btn, [lang="ru"] .by_dealer_global_country, [lang="ru"] .by_global_dealer_locator ul li.back, .by_global_dealer_locator ul [lang="ru"] li.back, [lang="ru"] .by_global_dealer_locator ul, .by_global_dealer_locator [lang="ru"] ul, [lang="ru"] .by_carousel_item h3, .by_carousel_item [lang="ru"] h3, [lang="ru"] .by_mm_link, [lang="ru"] .by_mm_section_title, [lang="ru"] .by_gallery_caption, [lang="ru"] .by_opening_list, [lang="ru"] .by_dealer_distance, [lang="ru"] .by_dealer_address, [lang="ru"] .by_dealer_details_address, [lang="ru"] .by_inline_error .by_error_message, .by_inline_error [lang="ru"] .by_error_message, [lang="ru"] .by_dealer_search_notice, [lang="ru"] .by_dealer_locate_input, [lang="ru"] .by_dealer_direction_data, [lang="ru"] .by_dealer_opening_list, [lang="ru"] .by_footer_link--minor, [lang="ru"] .by_footer_copy.by_richtext, [lang="ru"] .by_headlineicon_top h2, .by_headlineicon_top [lang="ru"] h2, [lang="ru"] .by_hero_slider_wrapper .by_hero_subtitle, .by_hero_slider_wrapper [lang="ru"] .by_hero_subtitle, [lang="ru"] .by_hero_slider_wrapper .by_hero_wltp, .by_hero_slider_wrapper [lang="ru"] .by_hero_wltp, [lang="ru"] .by_ds_filter__checkbox_text, [lang="ru"] .by_dealer_result_empty, [lang="ru"] .by_careers_results, [lang="ru"] .by_careers_job_header_title, [lang="ru"] .by_careers_job_disclaimer.by_bodycopy, [lang="ru"] .by_careers_job_disclaimer.by_headlineicon_bottom, [lang="ru"] .by_cookie_headline, [lang="ru"] .by_cookie_options_link, [lang="ru"] .by_form_label.by_footer_form_label, [lang="ru"] .by_kmi_find_address, [lang="ru"] .by_form_submit, [lang="ru"] .by_gallery_toggle_btn, [lang="ru"] .by_dealer_search_suggestion li strong, .by_dealer_search_suggestion li [lang="ru"] strong, [lang="ru"] .by_dealer_view_button, [lang="ru"] .by_title_h1, [lang="ru"] .by_title_h2, [lang="ru"] .by_title_h3, [lang="ru"] .by_footer_link--major, [lang="ru"] .by_model_carousel .by_swipeable_item.by_active .by_swipeable_item_title, .by_model_carousel .by_swipeable_item.by_active [lang="ru"] .by_swipeable_item_title, [lang="ru"] .by_accordion_header, [lang="ru"] .by_sitemap_group__headline, [lang="ru"] .by_link_button, [lang="ru"] .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper [lang="ru"] .by_hero_title, [lang="ru"] .by_hero_slider_wrapper .by_article_block_title, .by_hero_slider_wrapper [lang="ru"] .by_article_block_title, [lang="ru"] .by_ajax_form_overlay .by_form_component .by_form_submit_element, .by_ajax_form_overlay .by_form_component [lang="ru"] .by_form_submit_element, [lang="ru"] .by_mm_sitearea_link, [lang="ru"] .by_dealer_info li, .by_dealer_info [lang="ru"] li, [lang="ru"] .by_dealer_info_phone, [lang="ru"] ul.by_dealer_details_info li, ul.by_dealer_details_info [lang="ru"] li, [lang="ru"] .by_title_h4, [lang="ru"] .by_copy, [lang="ru"] .by_dynamic_table__table, [lang="ru"] .by_copy_small, [lang="ru"] .by_dynamic_table .by_richtext, .by_dynamic_table [lang="ru"] .by_richtext, [lang="ru"] .by_copy_meta, [lang="ru"] .by_dynamic_table__no_support, [lang="ru"] .by_tooltip__tooltip, [lang="ru"] .by_eb_content_box__p, [lang="ru"] .by_eb_content_box__content_overlay .by_eb__response_h, .by_eb_content_box__content_overlay [lang="ru"] .by_eb__response_h, [lang="ru"] .by_eb_content_box__content_overlay .by_eb__response_p, .by_eb_content_box__content_overlay [lang="ru"] .by_eb__response_p, [lang="ru"] .by_ajax_form_overlay__copy, [lang="ru"] .by_ajax_form_overlay_response__headline, [lang="ru"] .by_ajax_form_overlay_response__copy, [lang="ru"] .by_ds_filter { font-family: "GalsWebBook", "BentleyRegular", arial, helvetica, sans-serif; font-weight: normal; } [lang="ru"] .by_title_h3, [lang="ru"] .by_copy_small, [lang="ru"] .by_dynamic_table .by_richtext, .by_dynamic_table [lang="ru"] .by_richtext { font-family: "GalsWebLight", "BentleyLight", arial, helvetica, sans-serif; } [lang="ru"] .by_dealer_empty_result, [lang="ru"] #by_dealer_error, [lang="ru"] .by_title_h5, [lang="ru"] .by_title_h6, [lang="ru"] .by_link, [lang="ru"] .by_footer_nav__heading, [lang="ru"] .by_button_primary, [lang="ru"] .by_button_secondary, [lang="ru"] .by_button_icon, [lang="ru"] .by_ds_filter__title_text { font-family: "GalsWebBold", "BentleyBold", arial, helvetica, sans-serif; } .by_hero_title, .by_article_block_title { color: #333; } .by_pinboard .by_pinboard_headline h2 { color: #333; } .by_carousel_item h3 { color: #333; } .by_cookie_headline, .by_cookie_options_link { color: #f2f1f1; } .by_cookie_copy { font-size: 14px; } .by_bodycopy, .by_headlineicon_bottom { color: #333; font-size: 14px; } .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_dealer_search_option_head, .by_dealer_headline, .by_map_infowindow_headline, .by_dealer_search_input_label, .by_dealer_search_input { color: #333; font-size: 18px; } .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_tel, .by_form_input_select, .by_form_select_wrapper__white .by_form_input_select__white, .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 */ /** @section: set box-model use border-box (i.e. margin is outside, padding is inside element dimensions) */ * { -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a:link, a:visited, a:hover, a:focus, a:active, input:link, input:visited, input:hover, input:focus, input:active, select:link, select:visited, select:hover, select:focus, select:active, textarea:link, textarea:visited, textarea:hover, textarea:focus, textarea:active, button:link, button:visited, button:hover, button:focus, button:active { outline: 0 none; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /** @section: clearfix */ /* stylelint-disable-next-line */ .by_clearfix, .by_article_tools, .by_navigation_tiles .by_cover_tile_row, .by_model_carousel .by_swipeable_item .by_swipeable_link_item, .by_article_imagery_gallery, .by_articles_list, .by_comp_table .by_tabbed_navigation, .by_comp_table .by_comp_tablehead_wrap, .by_comp_table .by_comp_table_section_head, .by_hero_image_safe_zone, .by_cover_container, .by_form_wrapper, .by_dealer_search_options, .by_dealer_search_filter, .by_dealer_result_item, .by_dealer_description, .by_dealer_details_row, .by_tab_nav_list, .by_tab_content_list, .by_tab_content { zoom: 1; } /* IE < 8 */ .by_loader { position: absolute; z-index: 10000; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #fff url('data:image/gif;base64,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') center center no-repeat; opacity: 0.5; } .by_svg_icon_storage { display: none; } ul, ol { padding-left: 40px; } html { /* stylelint-disable-next-line */ } html.editMode { width: 1024px; } /** @section: body */ body { padding: 0; margin: 0; background-color: #e0e0e0; } #by_page { position: relative; overflow: hidden; min-width: 320px; } /** @section: main container */ .by_main { position: relative; width: 100%; background-color: #e0e0e0; } @media screen and (min-width: 700px) { .by_main { margin-top: 20px; } } /** @section: layout grid */ .by_col-1-6, .by_col-2-6, .by_col-3-6, .by_col-4-6, .by_col-5-6, .by_col-6-6, .by_dealer_details_col, .by_multicolumn_form .by_multicolumn_left, .by_multicolumn_form .by_multicolumn_right { position: relative; float: left; padding: 0 30px; } .by_row, .by_multicolumn_form { width: 100%; max-width: 100%; margin: 0 auto; *zoom: 1; } @media screen and (min-width: 700px) and (max-width: 1024px) { .by_row, .by_multicolumn_form { width: 100%; min-width: 0; } } @media screen and (min-width: 1367px) { .by_row, .by_multicolumn_form { width: 1366px; min-width: 1024px; } } .by_row:before, .by_multicolumn_form:before, .by_row:after, .by_multicolumn_form:after { content: ""; display: table; } .by_row:after, .by_multicolumn_form:after { clear: both; } .by_row .by_row, .by_multicolumn_form .by_row, .by_row .by_multicolumn_form, .by_multicolumn_form .by_multicolumn_form { width: auto; min-width: 0; max-width: none; margin: 0 -30px; } .by_right { float: right; } [class^="by_col"] + [class^="by_col"]:last-child { float: right; } .by_col-1-6 { width: 100%; } @media screen and (min-width: 700px) { .by_col-1-6 { width: 16.66666%; } } .by_col-2-6 { width: 100%; } @media screen and (min-width: 700px) { .by_col-2-6 { width: 33.33333%; } } .by_col-3-6 { width: 100%; } @media screen and (min-width: 700px) { .by_col-3-6 { width: 50%; } } .by_col-4-6 { width: 100%; } @media screen and (min-width: 700px) { .by_col-4-6 { width: 66.66666%; } } .by_col-5-6 { width: 100%; } @media screen and (min-width: 700px) { .by_col-5-6 { width: 83.33333%; } } .by_col-6-6 { width: 100%; } .by_carousel_navigation h2, .by_navigation_tiles h2 { font-size: 22px; } .by_gallery_toggle_btn { color: #333; font-size: 14px; } .by_gallery_caption { color: #333; font-size: 18px; } .by_tool_belt_cta { font-size: 0; } .by_tool_belt_cta span { /* stylelint-disable-next-line */ color: #8d8d8d; font-size: 14px; } .by_dealer_openings_head, .by_dealer_department_type_head, .by_dealer_nav_back_button, .by_dealer_nav_global_dealer, .by_dealer_nav_global_dealer_bottom, .by_dealer_nav_link, .by_map_infowindow_button { font-size: 14px; } .by_opening_list, .by_dealer_distance, .by_dealer_address { direction: ltr; color: #333; font-size: 12px; } .by_dealer_details_address { color: #333; font-size: 16px; line-height: 19px; } .by_dealer_type_bar { color: #333; font-size: 14px; } .by_dealer_empty_result { font-size: 18px; } #by_dealer_error { padding-top: 20px; color: #f33; font-size: 18px; text-align: center; } .by_inline_error .by_error_message { color: #f33; font-size: 14px; } .by_dealer_info li, .by_dealer_info_phone, ul.by_dealer_details_info li { color: #333; font-size: 14px; text-transform: uppercase; } .by_dealer_search_notice { color: #333; font-size: 18px; } .by_dealer_locate_input, .by_dealer_direction_data { color: #333; font-size: 18px; } @media screen and (min-width: 700px) { .by_dealer_locate_input, .by_dealer_direction_data { font-size: 30px; text-transform: uppercase; } } .by_dealer_opening_list { color: #333; font-size: 13px; } .by_dealer_opening_list .by_opening_day, .by_dealer_opening_list .by_opening_hours { color: #94c11d; } .by_dealer_details_depart .by_opening_list { font-size: 13px; } .by_dealer_details_depart .by_opening_list .by_active { /* stylelint-disable-next-line */ } .by_dealer_details_depart .by_opening_list .by_active .by_opening_day, .by_dealer_details_depart .by_opening_list .by_active .by_opening_hours { color: #94c11d; } .by_dealer_details_openings_head { font-size: 25px; } .by_dealer_search_suggestion li { color: #333; font-size: 15px; } @media screen and (min-width: 700px) { .by_dealer_search_suggestion li { font-size: 18px; } } .by_dealer_search_suggestion li strong { font-weight: bold; } .by_page_border_modelcomp .by_hero_title, .by_page_border_modelcomp .by_article_block_title { font-size: 20px; } @media screen and (min-width: 700px) { .by_page_border_modelcomp .by_hero_title, .by_page_border_modelcomp .by_article_block_title { font-size: 40px; } } .by_modelcomp_selectedmodels, .by_modelcomp_selector { font-size: 12px; } .by_modelcomp_selectedmodels a, .by_modelcomp_selector a { color: #333; } .by_modelcomp_selectedmodels_title { padding: 0 10px; font-size: 12px; line-height: 12px; } @media screen and (min-width: 700px) { .by_modelcomp_selectedmodels_title { font-size: 18px; line-height: 18px; } } .by_modelcomp_selector_item_title { font-size: 12px; } @media screen and (min-width: 700px) { .by_modelcomp_selector_item_title { font-size: 18px; } } .by_comp_table .by_tab_content, .by_modelcomp_selector_empty { font-size: 12px; text-transform: none; } .by_comp_table .by_tab_content .by_comp_tablehead, .by_modelcomp_selector_empty .by_comp_tablehead { font-size: 12px; text-transform: uppercase; } .by_tab_link { color: #333; font-size: 18px; text-decoration: none; line-height: 20px; } .by_tech_headline { color: #5b5b5b; font-size: 16px; } .by_tech_label { color: #5b5b5b; font-size: 14px; font-weight: bold; } .by_tech_data { color: #5b5b5b; font-size: 14px; } .by_article_date { /* stylelint-disable-next-line */ color: #a0a0a0; font-size: 15px; } @media screen and (min-width: 960px) { .by_article_date { font-size: 18px; } } .by_article_navigate { /* stylelint-disable */ text-decoration: none; border: none; outline: none; color: #8d8d8d; font-size: 14px; /* stylelint-enable */ } .by_article_navigate:visited, .by_article_navigate:hover, .by_article_navigate:active { text-decoration: none; border: none; outline: none; } .by_pinboard .by_pinboard_headline h2 { font-size: 20px; } .by_pinboard .by_pinboard_filter a { color: #535353; font-size: 14px; } .by_pinboard .by_pinboard_pin h3 { color: #333; font-size: 18px; line-height: 18px; } .by_pinboard .by_pinboard_pin h5 { color: #333; font-size: 15px; line-height: 15px; } .by_pinboard .by_pinboard_pin p { color: #333; font-size: 14px; line-height: 14px; } .by_cover_tile_label, .by_cover_label { color: #333; font-size: 20px; line-height: 20px; } @media screen and (min-width: 700px) { .by_cover_tile_label, .by_cover_label { font-size: 18px; line-height: 18px; } } @media screen and (min-width: 700px) { .by_cover_container .by_cover_row_type1 .by_cover_label { font-size: 30px; line-height: 30px; } } .by_dealer_search_info_label { color: #333; font-size: 19px; } .by_dealer_search_info_label .by_dealer_search_info_detail { font-size: 14px; } .by_dealer_filter_list { color: #333; font-size: 14px; /* stylelint-disable */ /* stylelint-enable */ } .by_dealer_filter_list li.by_active, .by_dealer_filter_list li:hover { color: #fff; } .by_dealer_view_button { color: #bbb; font-size: 12px; } .by_dealer_view_button:hover { color: #333; } .by_hero_label { color: #333; font-size: 18px; line-height: 23px; } @media screen and (min-width: 700px) { .by_hero_label { font-size: 30px; line-height: 30px; } } .by_site_tools_link span { color: #333; font-size: 14px; text-decoration: none; } .by_hero_pager { color: #333; font-size: 22px; } .by_title_h1 { color: #727376; font-size: 1.75rem; line-height: 2.25rem; } @media screen and (min-width: 960px) { .by_title_h1 { font-size: 2rem; line-height: 2.5rem; } } .by_title_h2 { color: #727376; font-size: 1.5rem; line-height: 2rem; } @media screen and (min-width: 960px) { .by_title_h2 { font-size: 1.75rem; line-height: 2.25rem; } } .by_title_h3 { color: #727376; font-size: 1.375rem; line-height: 1.875rem; } @media screen and (min-width: 960px) { .by_title_h3 { font-size: 1.5rem; line-height: 2rem; } } .by_title_h4 { color: #727376; font-size: 1.25rem; line-height: 1.75rem; } .by_title_h5 { color: #727376; font-size: 1.125rem; line-height: 1.75rem; } .by_title_h6 { color: #727376; font-size: 1rem; line-height: 1.5rem; } .by_copy, .by_dynamic_table__table { color: #727376; font-size: 1rem; line-height: 1.5rem; } .by_copy_small, .by_dynamic_table .by_richtext { color: #727376; font-size: 0.875rem; line-height: 1.25rem; } .by_copy_meta { color: #727376; font-size: 0.75rem; line-height: 1.125rem; } .by_link { color: #335b4c; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.075rem; } .by_link:hover, .by_link:focus, .by_link:active { color: #003220; } .by_icon { display: inline-block; width: 24px; height: 24px; } .by_icon_arrow-up { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .by_icon_arrow-left { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .by_icon_arrow-right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* common used modules (header, footer, ...) */ /** @section: site header */ .by_site_header { position: relative; z-index: 1230; width: 100%; min-width: 320px; max-width: 1366px; height: 86px; border-bottom: 1px solid #94c11d; margin: 0 auto; background-color: #fff; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_site_header { position: absolute; height: 101px; } } @media screen and (min-width: 1024px) { .by_site_header .by_header_before, .by_site_header .by_header_after { position: absolute; display: block; width: 100%; height: 101px; border-bottom: 1px solid #94c11d; } .by_site_header .by_header_before { top: 0; right: 100%; background-color: #fff; } .by_site_header .by_header_after { top: 0; left: 100%; background-color: #fff; } } @media screen and (min-width: 1367px) { .by_site_header { background-position: center 0; } } html[dir="rtl"] .by_site_header { /* stylelint-disable-next-line */ } html[dir="rtl"] .by_site_header .by_header_after { right: 100%; left: auto; } html[dir="rtl"] .by_site_header .by_header_before { right: auto; left: 100%; } /** @section: header logo */ .by_header_logo { display: inline-block; padding: 0; border: none; outline: none; vertical-align: middle; } @media screen and (min-width: 700px) { .by_header_logo { margin: 10px 10px 5px 15px; } } .by_header_logo_sm { display: inline-block; margin: 21px 20px; } @media screen and (min-width: 1366px) { .by_header_logo_sm { display: none; } } .by_header_logo_lg { display: none; } @media screen and (min-width: 1366px) { .by_header_logo_lg { display: inline-block; margin: 0 30px; } } /** @section: header menu buttons (mega menu, site tools) */ /** @section: mega menu opener */ .by_header_menu_opener { position: absolute; top: 0; right: 0; display: block; height: 85px; padding: 30px 20px; color: #8d8d8d; font-size: 0; line-height: 0; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_header_menu_opener { top: 7px; } } @media screen and (min-width: 960px) { .by_header_menu_opener { display: none; } } .by_header_menu_opener_label { display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 14px; line-height: 24px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_header_menu_opener_label { margin-right: 10px; margin-left: 0; } .by_header_menu_opener_icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; fill: #8d8d8d; } html[dir="rtl"] .by_header_menu_opener { right: auto; left: 0; } /** @section: tools */ #by_site_tools { display: inline; /* stylelint-disable-next-line */ } html[dir="rtl"] #by_site_tools { float: left; } /** @section: mainNavigation (bentley cars and world of bentley links) */ #by_main_navigation { display: inline; } .by_site_nav_list { display: none; /* stylelint-disable-next-line */ } @media screen and (min-width: 960px) { .by_site_nav_list { display: inline-block; padding: 0; margin: 0 0 0 20px; list-style-type: none; } } @media screen and (min-width: 1024px) { .by_site_nav_list { margin: 0 0 0 10%; } } @media screen and (min-width: 1367px) { .by_site_nav_list { margin: 0 0 0 100px; } } html[dir="rtl"] .by_site_nav_list { margin: 0 100px 0 0; } .by_site_nav_listitem { display: inline-block; padding: 0; margin: 0; } .by_site_nav_link { display: inline-block; padding: 0 20px; margin: 40px 0 0; } .by_site_nav_link i { display: inline-block; vertical-align: middle; width: 12px; height: 6px; background-position: left top; } .by_site_nav_link.by_active i { background-position: left bottom; } .by_site_nav_link i { margin: 0 0 2px 10px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_site_nav_link i { margin: 0 10px 2px 0; } .by_site_nav_link.by_active { color: #333; } .by_header_centenary { display: inline-block; width: 78px; height: 42px; margin: 20px 0; vertical-align: middle; } @media screen and (min-width: 1366px) { .by_header_centenary { width: 126px; height: 58px; } } .by_header_centenary svg { width: 100%; height: 100%; vertical-align: middle; } /** @section: cookie notification */ .by_cookie_policy { overflow: hidden; width: 100%; height: 0; background-color: #535353; /* stylelint-disable-next-line */ } .no-js .by_cookie_policy { display: none; } .by_cookie_policy .by_icon { display: inline-block; width: 20px; height: 20px; padding: 0; margin: 0; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; } .by_cookie_note { position: relative; width: 100%; padding: 20px 20px 30px; margin: 0 auto; } @media screen and (min-width: 1024px) { .by_cookie_note { display: table; max-width: 1366px; padding: 30px; } } .by_cookie_headline { max-width: 320px; margin: 0; font-size: 16px; } @media screen and (min-width: 1024px) { .by_cookie_headline { display: table-cell; padding: 0 30px 0 0; white-space: nowrap; } } .by_cookie_copy { margin: 20px 0; /* stylelint-disable-next-line */ color: #cbcaca; } @media screen and (min-width: 1024px) { .by_cookie_copy { display: table-cell; margin: 0; } } .by_cookie_options_list { padding: 0; margin: 0; list-style-type: none; } @media screen and (min-width: 1024px) { .by_cookie_options_list { display: table-cell; width: auto; white-space: nowrap; } } .by_cookie_options_listitem { padding: 0; margin: 0; } @media screen and (min-width: 1024px) { .by_cookie_options_listitem { display: inline-block; } .by_cookie_options_listitem:first-child { padding: 0 30px; } } .by_cookie_options_listitem:first-child { padding: 10px 30px 30px 0; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_cookie_options_listitem:first-child { padding-right: 0; } .by_cookie_options_link { font-size: 14px; text-decoration: none; border: none; outline: none; } .by_cookie_options_link:visited, .by_cookie_options_link:hover, .by_cookie_options_link:active { text-decoration: none; border: none; outline: none; } .by_cookie_info .by_icon, .by_cookie_continue .by_icon { width: 30px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoBAMAAAAMH8foAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////y8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHhL91dAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTguMDYuMTOOfy8sAAAAtElEQVQYlcXOvQnCQBQH8KciCdo4gKCthWAvSCYRN9ARbgPBCdzgdIJoaZUJQkDFNqXmuNzfy7tLtLH2VT/eN9GvmORm5xRkKi43TAnRh6oUAvshICwXMBcJ3Lj+ao3AHYBeWYKJ04cHT+myijfoqJvxhhAFUcJ7SZo0ddfsD4D/4euz/0YoGq6LWgEeNbcmqjtx55qokrOK8ZN6uHJxCSHLMbOTlzj7mSn0wLOdHJtLc5d8A9L9ZdFPa9LcAAAAAElFTkSuQmCC"); background-size: 20px 40px; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } @media screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi) { .by_cookie_info .by_icon, .by_cookie_continue .by_icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQBAMAAACZoSryAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////y8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHy8fHhL91dAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTguMDYuMTOOfy8sAAABVUlEQVQ4je2UO04DMRCGvQQIoQjbQ5ETRHsCtEeg4ACcgOQASKRcCaQlJ0iOQZMiJ0jBAYiCRBuqKFHCDuPxY7y2G6RUUaZYez79Ho/H4xViH3b2AgDvdzXW/ARpv32HnSKrJpLmDEv0h6KH37VlLfSqVFzICG8GjtDZYhAJN2YX2iSlBQB6ry45U/FM44JXo03UoNYnNC+KogQdx4bEyRVw0EsPjiVs0/S+Y+BcsGBgJj97gG0PzjklhmNOniElf+LBlAuS6WKbgnb1MVXpF06RLXxwrgNLV7zyah1Lm704UVrGV0zNQOY2Q7Rt4g12tMO0868I7FV5KARYhUL8cUSEEATF9q0yj7X+I/yICHepca4zK5wa1phR8KQmvFXRb1yhWFIeycwV0tFyT0hnW0nhloUkhafaE9RS960qe/Teqsp0GQplqoGQpIFQSgchbHyHzLM/08+pUaCvesMAAAAASUVORK5CYII="); } } html[dir="rtl"] .by_cookie_info .by_icon, html[dir="rtl"] .by_cookie_continue .by_icon { background-position-x: 11px; } .by_cookie_continue .by_icon { background-position: 0 -26px; } .by_cookie_info .by_icon { background-position: 0 -1px; } /** @section: site footer */ .by_site_footer { padding-bottom: 80px; /* extra space for wltp footer */ background-color: #fff; } @media screen and (min-width: 820px) { .by_site_footer { padding-bottom: 50px; } } @media screen and (min-width: 1024px) { .by_site_footer { padding: 0; } } .by_site_footer__section { max-width: 1276px; padding: 32px 0 0; margin: 0 30px; } @media screen and (min-width: 1024px) { .by_site_footer__section { padding: 40px 0; border-bottom: 1px solid #d8d9dc; } } @media screen and (min-width: 1367px) { .by_site_footer__section { margin: auto; } } .by_site_footer__section:last-child { border: none; } .by_site_footer__section--permanent-border { padding-bottom: 32px; border-bottom: 1px solid #d8d9dc; } @media screen and (min-width: 820px) { .by_site_footer__section--middle_section { padding-top: 4px; } } @media screen and (min-width: 1024px) { .by_site_footer__section--middle_section { padding-top: 40px; } } .by_site_footer__footer_copy { margin: 24px 0 0; } .by_site_footer__two_cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (min-width: 820px) { .by_site_footer__two_cols { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } } @media screen and (min-width: 1024px) { .by_site_footer__two_cols { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; } } .by_site_footer__navigation { display: none; } @media screen and (min-width: 1024px) { .by_site_footer__navigation { display: block; } } .by_site_footer__navigation--accordion { display: block; margin-bottom: 32px; } @media screen and (min-width: 820px) { .by_site_footer__navigation--accordion { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (min-width: 1024px) { .by_site_footer__navigation--accordion { display: none; -ms-flex-preferred-size: auto; flex-basis: auto; } } .by_site_footer__social_links { margin-bottom: 32px; } @media screen and (min-width: 820px) { .by_site_footer__social_links { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: 0; } } .by_site_footer__language_selector { margin-bottom: 3px; } @media screen and (min-width: 820px) { .by_site_footer__language_selector { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-item-align: center; align-self: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0; } } .by_language_selector__list, .by_meta_navigation__list, .by_social_media__list { padding: 0; margin: 0; list-style: none; } .by_language_selector__list_item, .by_meta_navigation__list_item, .by_social_media__list_item { display: inline-block; } .by_footer_link { color: #335b4c; } .by_footer_link:hover { border-color: #003220; color: #003220; } .by_footer_link.by_footer_link--active { color: #002819; pointer-events: none; } .by_footer_link--active-border { padding-bottom: 4px; } .by_footer_link--active-border.by_footer_link--active { border-bottom: 3px solid #002819; } .by_footer_link--major { font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: 1.2px; } .by_footer_link--minor { font-size: 16px; line-height: 20px; letter-spacing: 1.2px; } .by_footer_link__label { vertical-align: middle; } .by_footer_link__icon { width: 16px; height: 16px; vertical-align: middle; fill: #335b4c; } .by_footer_link:hover .by_footer_link__icon { fill: #003220; } .by_ready_to_go_bar { background: #e6eae9; } .by_ready_to_go_bar__list { max-width: 1276px; padding: 0; margin: 0 auto; list-style: none; } @media screen and (min-width: 820px) { .by_ready_to_go_bar__list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .by_ready_to_go_bar__list_item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 1px solid #d8d9dc; text-align: left; } @media screen and (min-width: 820px) { .by_ready_to_go_bar__list_item { border-bottom: 0; border-left: 1px solid #d8d9dc; text-align: center; } } .by_ready_to_go_bar__list_item:last-child { border-bottom: 0; } @media screen and (min-width: 820px) { .by_ready_to_go_bar__list_item:last-child { border-right: 1px solid #d8d9dc; } } .by_ready_to_go_bar .by_footer_link { display: block; padding: 20px 25px; } @media screen and (min-width: 820px) { .by_ready_to_go_bar .by_footer_link { padding: 35px 0; } } .by_ready_to_go_bar .by_footer_link:hover { background-color: #ccd6d2; } .by_ready_to_go_bar .by_footer_link__label { margin-top: 19px; } @media screen and (min-width: 820px) { .by_ready_to_go_bar .by_footer_link__label { display: block; } } .by_ready_to_go_bar .by_footer_link__icon { width: 32px; height: 32px; } @media screen and (min-width: 1024px) { .by_footer_nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .by_footer_nav--accordion { border-top: 1px solid #d8d9dc; } @media screen and (min-width: 820px) { .by_footer_nav--accordion { border-top: 0; } } @media screen and (min-width: 1024px) { .by_footer_nav--accordion { display: block; } } .by_footer_nav__col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .by_footer_nav--accordion .by_footer_nav__col { padding: 8px 10px 20px; border-bottom: 1px solid #d8d9dc; } .by_footer_nav__heading { padding: 0 0 12px; margin: 0; color: #727376; font-size: 16px; line-height: 24px; } .by_footer_nav--accordion .by_footer_nav__heading { padding: 12px 0; } .by_footer_nav--accordion .by_footer_nav__heading:hover { color: #003220; } .by_footer_nav--accordion .by_footer_nav__heading:hover .by_footer_nav__accordion-icon { fill: #003220; } .by_active .by_footer_nav__heading { color: #002819; } .by_footer_nav__accordion-icon { display: none; float: right; width: 24px; height: 24px; -webkit-transition: 100ms -webkit-transform ease-out; transition: 100ms -webkit-transform ease-out; -o-transition: 100ms transform ease-out; transition: 100ms transform ease-out; transition: 100ms transform ease-out, 100ms -webkit-transform ease-out; fill: #335b4c; } .by_active .by_footer_nav__accordion-icon { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); fill: #002819; } .by_footer_nav--accordion .by_footer_nav__accordion-icon { display: block; } .by_footer_nav__list { padding: 0; margin: -6px 0; list-style: none; } .by_footer_nav--accordion .by_footer_nav__list { overflow: hidden; height: 0; } .by_footer_nav__list_item { margin: 6px 0; } .by_footer_nav__link_icon { width: 18px; height: 18px; } /** @section: language selection in footer */ .by_language_selector__list { margin: 0 -12px; } .by_language_selector__list_item { margin: 0 12px; } /** @section: hygiene links aka meta navigation in footer */ .by_meta_navigation__list { margin: -6px -20px; } @media screen and (min-width: 820px) { .by_meta_navigation__list { margin: -4px -20px; } } .by_meta_navigation__list_item { margin: 6px 20px; } @media screen and (min-width: 820px) { .by_meta_navigation__list_item { margin: 4px 20px; } } /** @section: social media links in footer */ .by_social_media__list { margin: 0 -12px; } @media screen and (min-width: 820px) { .by_social_media__list { margin: 0 -16px; } } .by_social_media__list_item { margin: 0 12px; } @media screen and (min-width: 820px) { .by_social_media__list_item { margin: 0 16px; } } .by_social_media__link { display: inline-block; width: 32px; height: 32px; } .by_social_media__link:hover .by_social_media__icon { fill: #003220; } .by_social_media__link:hover .by_social_media__icon--hover { display: inline-block; } .by_social_media__link:hover .by_social_media__icon--hover ~ .by_social_media__icon { display: none; } .by_social_media__icon { width: 32px; height: 32px; fill: #335b4c; } .by_social_media__icon--hover { display: none; } /** @section: footer copy text */ .by_footer_copy.by_richtext { max-width: none; padding: 0; color: #4c4d4f; font-size: 12px; text-align: left; /* start */ line-height: 18px; } html[dir="rtl"] .by_footer_copy.by_richtext { text-align: right; } @media screen and (min-width: 1024px) { .by_footer_copy__text_block_wrapper { margin: 0 -12px; } } .by_footer_copy__text_block { display: block; margin-bottom: 4px; } @media screen and (min-width: 1024px) { .by_footer_copy__text_block { display: inline; margin: 0 12px; } } #by_footer_wltp { position: fixed; z-index: 1210; right: 0; bottom: 0; left: 0; padding: 2px; color: #fff; background: rgba(0, 0, 0, 0.7); font-size: 14px; text-align: center; } /** .by_content_wrapper */ .by_content_wrapper { position: relative; left: 0; overflow: hidden; width: 100%; } .by_page_border { padding-bottom: 30px; margin: 0 0 30px; background-color: #fff; text-align: center; } @media screen and (min-width: 700px) { .by_has_header_margin { margin-top: 121px; } } /* stylelint-disable-next-line */ .htmlSnippet { text-align: center; } .by_page_content { position: relative; float: left; overflow: hidden; width: 100%; text-align: center; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_page_content { float: right; } @media screen and (min-width: 700px) { .by_page_content .by_page_border { margin: 0 30px 30px; } .by_page_content .by_page_border:after { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAACWBAMAAAA7/SUkAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////g4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OA+TIXVAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxNS4wMS4xNOwb4/YAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAALElEQVRIiWNgEFI2cQ1Lr+ictfrM2XvvGUb5o/xR/ih/lD/KH+WP8kf5FPEBKhcntzW8G9oAAAAASUVORK5CYII='); position: absolute; z-index: 1; top: 0; display: block; overflow: hidden; width: 30px; height: 80px; background-color: transparent; right: 30px; left: auto; } .by_page_content .by_page_border.by_has_breadcrumb:after { height: 120px; } .by_page_content .by_page_border:before { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAACWBAMAAAA7/SUkAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////g4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OA+TIXVAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTUuMDEuMTTsG+P2AAAALUlEQVRIiWP4/+7umdOrZnaUp4W6GCsJMIzyR/mj/FH+KH+UP8of5Y/yKeIDAJPytFeA310YAAAAAElFTkSuQmCC'); position: absolute; z-index: 1; top: 0; display: block; overflow: hidden; width: 30px; height: 80px; background-color: transparent; right: auto; left: 30px; } .by_page_content .by_page_border.by_has_breadcrumb:before { height: 120px; } } .by_button_more, .by_button_less { margin-bottom: 30px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (min-width: 700px) { .by_button_more.by_button, .by_button_less.by_button { display: none; } } .by_button_more, .by_button_icon.by_button_more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media screen and (min-width: 700px) { .by_button_more, .by_button_icon.by_button_more { display: none; } } .by_button_less, .by_button_icon.by_button_less { display: none; } .by_carousel_navigation { /* basic scrollbar styling */ /* stylelint-disable selector-class-pattern, selector-max-compound-selectors */ /* vertical scrollbar */ /* horizontal scrollbar */ /* stylelint-enable selector-class-pattern, selector-max-compound-selectors */ /* default scrollbar colors and backgrounds (default theme) */ } .by_carousel_navigation .mCSB_container { overflow: hidden; width: auto; margin-right: 30px; } .by_carousel_navigation .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .by_carousel_navigation .mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .by_carousel_navigation .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right: 30px; } .by_carousel_navigation .mCustomScrollBox > .mCSB_scrollTools { top: 0; right: 0; width: 16px; height: 100%; } .by_carousel_navigation .mCSB_scrollTools .mCSB_buttonLeft, .by_carousel_navigation .mCSB_scrollTools .mCSB_buttonRight { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKBAMAAAAEOBBCAAAAA3NCSVQICAjb4U/gAAAAGFBMVEX////7+/v39/fm5ubW1tbS0tLKysr///9ZRiBeAAAACHRSTlP/////////AN6DvVkAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAFnRFWHRDcmVhdGlvbiBUaW1lADAxLjA0LjE04yA3SQAAAFVJREFUGJVjKDdNg4JkAQZGMxgnuJyhBMZOU2BgYGCC89wZwKoSQFoYQADEZQObwBAGohiAOBEsIwblpaWCyQQGMAECIPVgIg2PDG7TcLsAt6tx+hQAfmFJt1imo18AAAAASUVORK5CYII='); background-repeat: no-repeat; } .by_carousel_navigation .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; right: 0; bottom: 0; left: 0; height: auto; } .by_carousel_navigation .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .by_carousel_navigation .mCSB_scrollTools .mCSB_draggerRail { z-index: 0; width: 2px; height: 100%; border-radius: 10px; margin: 0 auto; background: #f3f3f3; } .by_carousel_navigation .mCSB_scrollTools .mCSB_dragger { width: 100%; height: 30px; cursor: pointer; } .by_carousel_navigation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; border-radius: 10px; margin: 0 auto; background: #cbcbcb; text-align: center; } .by_carousel_navigation .mCSB_scrollTools .mCSB_buttonLeft { background-position: left top; } .by_carousel_navigation .mCSB_scrollTools .mCSB_buttonRight { background-position: right top; } .by_carousel_navigation .mCSB_horizontal > .mCSB_container { overflow: hidden; height: auto; margin-right: 0; margin-bottom: 20px; } .by_carousel_navigation .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; } .by_carousel_navigation .mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .by_carousel_navigation .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; } .by_carousel_navigation .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { top: auto; right: auto; bottom: 0; left: 0; width: 100%; height: 10px; } .by_carousel_navigation .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 22px; } .by_carousel_navigation .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { position: relative; z-index: 1; width: 100%; height: 10px; border-radius: 10px; margin: 0; } .by_carousel_navigation .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { z-index: 2; width: 30px; height: 100%; } .by_carousel_navigation .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; z-index: 1; width: 100%; height: 10px; border-radius: 10px; margin: 0 auto; } .by_carousel_navigation .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .by_carousel_navigation .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { position: relative; z-index: 0; display: block; float: left; overflow: hidden; width: 30px; height: 100%; border-radius: 10px; margin: 0 auto; cursor: pointer; } .by_carousel_navigation .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { float: right; margin-left: -40px; } .by_carousel_navigation .mCustomScrollBox { -ms-touch-action: none; /* MSPointer events - direct all pointer events to js */ } /** @section: general collapsible */ .by_collapsible .by_collapsible_head { display: none; padding-top: 14px; padding-bottom: 13px; padding-left: 20px; border-bottom: 1px solid #ebe9e9; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTIxRkFEQ0MxMEFCMTFFNDg4MUVFNzU2RjEzREI3ODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTIxRkFEQ0QxMEFCMTFFNDg4MUVFNzU2RjEzREI3ODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjFGQURDQTEwQUIxMUU0ODgxRUU3NTZGMTNEQjc4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjFGQURDQjEwQUIxMUU0ODgxRUU3NTZGMTNEQjc4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj5OEUwAAADISURBVHja7NbBCoQgGATg7Ol6VSOoTkbvU50MykOHsHZg2Qjard8l6DJztMlPUkK1rmv0ROLooRAmTJgwYcKEg2FjzLIskiZuFlVViXqStG1blqX3/ryGQlEUKF9OKIURa22WZfM8/yrgEQqoSWYLgJFxHNM0nabp+AiDWuthGIRThcFvALZzbj8ID+rXBd0Gb5+07/ttC7CUky24Dd4OUdd1TdPkeX556I5Rf9+r8WJd1yCTJInj4P+B4oWeMGHChAkT/uQlwAAy4trjwY1rWAAAAABJRU5ErkJggg==') 100% 50% no-repeat transparent; text-align: left; } .by_collapsible.by_active .by_collapsible_head { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkIyRTAwNDMxMEFCMTFFNEFFNTNDREY3RTM3MjBBMjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkIyRTAwNDQxMEFCMTFFNEFFNTNDREY3RTM3MjBBMjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQjJFMDA0MTEwQUIxMUU0QUU1M0NERjdFMzcyMEEyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQjJFMDA0MjEwQUIxMUU0QUU1M0NERjdFMzcyMEEyMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps1el1kAAADOSURBVHja7NbBCoQgFAXQnP//kSSoNoUflK0MrIULKeeCi5EhaoqaNvctIp/PTphiYlmWLIkQAq5CiNUM7tOu1Yg1cdTGwE/Fn+OVPRSECRMmTJjwDTDOU6VU0zRfJ/qB8Sdinueqqvq+77quLEs0jz7hDOy9L4piGIbYNMZIKZG8F3bOgZmmKU1aa/M8R9dd8DiOUFcBJGHjDa6HMaWY4Y0pjZ8AZVfCWuu6rncXUVx0KL4Mxrb5celid7Vtu1vG31vChAkTJkz4efgtwACUMlm5LxO6fAAAAABJRU5ErkJggg==') 100% 50% no-repeat transparent; } .by_collapsible .by_collapsible_content { padding-right: 10px; padding-left: 10px; margin-bottom: 0; } /** @section: collapsible used as filter component in modelcompare / pinboard */ .by_collapsible_filter .by_collapsible_filter_item { display: inline-block; padding: 8px 10px; margin-top: 10px; margin-left: 10px; background-color: #efefef; text-align: left; } .by_collapsible_filter .by_collapsible_filter_item.by_first { margin-left: 0; } .by_collapsible_filter .by_collapsible_filter_item.by_active { color: #fff; background-color: #757575; cursor: default; } .by_collapsible_filter .by_collapsible_filter_item.by_collapsible_filter_subitem { padding-right: 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA8CAYAAABxVAqfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzZGOTkwMDAxQzdBMTFFNDk5RENGM0I5OEYyQTdEQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzZGOTkwMDExQzdBMTFFNDk5RENGM0I5OEYyQTdEQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NkY5OEZGRTFDN0ExMUU0OTlEQ0YzQjk4RjJBN0RBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NkY5OEZGRjFDN0ExMUU0OTlEQ0YzQjk4RjJBN0RBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3fJaQAAAEKSURBVHja7JgxCsJAEEWzIlhZp0tnJQpaeQON9V7HSvAMOUQqbbTS0srOykqx8Qg2xj8wQooo2SUakD/w2GR2dx4hRXZisiwL6ohGUFNQTDHFFFNcvdha2wXDD/MDWfONJ26DJYrHBVLJrXRNteI0TfcYpiCByOakcp2AWNeUCuP6PYang2EN5pqagQmkJ5c6xucgAHmEYaO3Y0gvrjWM7wkE8lBfwc1nv+HRh2KKKaaYYooppphiiiVC5adi6SR2SuRToOmx59U7LcADbKV3Ak69UyCdhAN9cAY2l7Oa67nUcpGOwBXEBXOxzo3K1nPpnaTbb4HDm3n5W3AHRzZtFFNMMcX/IX4KMABD5vkQbRRcNAAAAABJRU5ErkJggg=='); background-position: right top; background-repeat: no-repeat; } .by_collapsible_filter .by_collapsible_filter_item.by_collapsible_filter_subitem.by_active { background-position: right bottom; } @media screen and (min-width: 700px) { .by_collapsible_filter.by_collapsible_subfilter .by_collapsible_filter_item { padding: 8px 0; color: #919191; background: none; /* stylelint-disable-next-line */ } .by_collapsible_filter.by_collapsible_subfilter .by_collapsible_filter_item.by_active { color: #333; background-color: none; cursor: default; } } /** @section: share button */ .by_share_button { display: inline-block; float: right; width: 40px; height: 40px; padding: 0; margin: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQBAMAAACZoSryAAAALVBMVEX///+Hn5a7u7vu7+/Jzczi5uTU1NS4xsH6+vrAwMDa4d6Rp5+ita7Q2tbZ2dksnx/4AAAA40lEQVQ4y2MYJoBrkh6moJGS0gIMQSclJQfiBBcpKSWgi3E4Kak0oAtaTjY1QFP2UmWmAboyNiUlZQxLmJSUVDEEm5SUtDAEObFpZ56kpIbp8dbgJJDLMRygluKMKZqkpGSAKUg4lBAqMe3qVNLENJPjyQuGYQsEsYAhKChkYIQpeICBQRFDEJizAjEEA7AJXmBgWIguKG3AwLERXXAze0k1mu2utgaF6O6UZWBgx3C8ADbBDQwMLBiCEthUimMTFDxyHWw7pjtdbwti89FBfH4nHEqB2EIe00yZpWsGW7KhmiAA0jtY38NmPvYAAAAASUVORK5CYII=') left top no-repeat transparent; line-height: 40px; overflow: hidden; white-space: nowrap; text-indent: 100%; } @media screen and (min-width: 960px) { .by_share_button.by_share_button_labeled { width: auto; padding-left: 50px; text-indent: 0; } } .by_share_button:link, .by_share_button:visited { background-position: left top; } .by_share_button.by_active { background-position: left bottom; overflow: hidden; white-space: nowrap; text-indent: 100%; } .by_share_disabled .by_share_button { display: none; } /* stylelint-disable-next-line */ .no-touch .by_share_button:hover { background-position: left bottom; } .no-touch .by_share_button:active { background-position: left top; } /** @section: share options di */ #by_share_options_src { position: absolute; top: -999em; display: none; width: 0; height: 0; } .by_share_options { width: auto; height: 50px; padding: 0; background-color: #7f988f; visibility: hidden; } .by_share_options.by_active { visibility: visible; } .by_share_options .by_share_service { float: left; width: 50px; padding: 5px; margin: 0; cursor: pointer; } @media screen and (min-width: 700px) { .by_share_options .by_share_service { display: inline-block; float: none; } } .by_share_options .by_share_service_name { display: none; } /** lightbox overlay */ #by_lb__overlay, .by_lb__static { position: fixed; z-index: 4000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow-x: auto; background-color: #000; } .by_lb_open #by_lb__overlay, .by_lb_open .by_lb__static { display: block; } .by_lb__static { /* stylelint-disable-line */ display: block; } .by_lb_open { position: fixed; overflow: hidden; width: 100%; } #by_lb__close_btn, .by_lb__close_btn { position: absolute; z-index: 1; top: -5px; right: 0; width: 40px; height: 40px; padding: 0; border: 0; margin: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAElBMVEUAAACSkpKSkpKSkpKSkpKSkpJIRsj4AAAABXRSTlMA7jMRZiXujA4AAABPSURBVCjPYxgFDAYgghlVjEUIRCo6oAgaBiowMDCJCiMJgfhCQIUgGQQAC4Al0JWCFaIrBSnEUApTiClIWDvCIkwnEXI8wpuEAgQRdKMAALMfCZEraMhrAAAAAElFTkSuQmCC') center center no-repeat transparent; cursor: pointer; overflow: hidden; white-space: nowrap; text-indent: 100%; } #by_lb__content { position: relative; width: 100%; height: 100%; } .by_autocomplete { /* stylelint-disable-next-line */ } .by_autocomplete .autocomplete-suggestion { padding: 5px; background: #fff; font-family: "BentleyRegular", Arial, Sans-Serif; cursor: pointer; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_autocomplete .autocomplete-suggestion { font-family: Tahoma, "BentleyRegular", Arial, sans-serif; } .by_autocomplete .autocomplete-suggestion strong { color: #94c11d; } .by_responsive_image { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .by_responsive_image.by_visible { opacity: 1; } .by_responsive_image_lazy_placeholder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(230, 234, 233, 0.8); background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZXJ3Mnl0dzY3bTE4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDYwMiAzMzgiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj4KICA8c3R5bGU+CiAgICA8IVtDREFUQVsKICAgICAgI2VydzJ5dHc2N20xODZfdG8gewogICAgICAgIGFuaW1hdGlvbjogZXJ3Mnl0dzY3bTE4Nl90b19fdG8gMzAwMG1zIGxpbmVhciBpbmZpbml0ZSBub3JtYWwgZm9yd2FyZHM7CiAgICAgIH0KICAgICAgQGtleWZyYW1lcyBlcncyeXR3NjdtMTg2X3RvX190byB7IAogICAgICAgIDAlIHsKICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01OC41ODMwMjRweCwtMTA1LjAzNTQwNXB4KTsKICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjY5NTAwMCwwLjAxMDAwMCwxLDEpOwogICAgICAgIH0gCiAgICAgICAgNTAlIHsKICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDE2OC40MTY5NzZweCwtMTA1LjAzNTQwNXB4KTsKICAgICAgICB9IAogICAgICAgIDEwMCUgewogICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMTY4LjQxNjk3NnB4LC0xMDUuMDM1NDA1cHgpOwogICAgICAgIH0gCiAgICAgIH0KICAgICAgI2VydzJ5dHc2N20xODcgewogICAgICAgIGFuaW1hdGlvbjogZXJ3Mnl0dzY3bTE4N19mX28gMzAwMG1zIGxpbmVhciBpbmZpbml0ZSBub3JtYWwgZm9yd2FyZHM7CiAgICAgIH0KICAgICAgQGtleWZyYW1lcyBlcncyeXR3NjdtMTg3X2ZfbyB7IAogICAgICAgIDAlIHsKICAgICAgICAgIG9wYWNpdHk6IDA7CiAgICAgICAgfSAKICAgICAgICAyMy4zMzMzMzMlIHsKICAgICAgICAgIG9wYWNpdHk6IDE7CiAgICAgICAgfSAKICAgICAgICA1MCUgewogICAgICAgICAgb3BhY2l0eTogMDsKICAgICAgICB9IAogICAgICAgIDEwMCUgewogICAgICAgICAgb3BhY2l0eTogMDsKICAgICAgICB9IAogICAgICB9CiAgICBdXT4KICA8L3N0eWxlPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJlcncyeXR3NjdtMTg2LWZpbGwiIHgxPSIxIiB5MT0iMC41MDAwMDAiIHgyPSIwIiB5Mj0iMC41MDAwMDAiIHNwcmVhZE1ldGhvZD0icGFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIGlkPSJlcncyeXR3NjdtMTg2LWZpbGwtMCIgb2Zmc2V0PSIwJSIgc3RvcC1vcGFjaXR5PSIwIiBzdG9wLWNvbG9yPSJyZ2JhKDIzMCwyMzQsMjMzLDApIiAvPgogICAgICA8c3RvcCBpZD0iZXJ3Mnl0dzY3bTE4Ni1maWxsLTEiIG9mZnNldD0iNTAlIiBzdG9wLW9wYWNpdHk9IjEiIHN0b3AtY29sb3I9InJnYmEoMjU1LDI1NSwyNTUsMSkiIC8+CiAgICAgIDxzdG9wIGlkPSJlcncyeXR3NjdtMTg2LWZpbGwtMiIgb2Zmc2V0PSIxMDAlIiBzdG9wLW9wYWNpdHk9IjAiIHN0b3AtY29sb3I9InJnYmEoMjMwLDIzNCwyMzMsMCkiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KCiAgPGcgaWQ9ImVydzJ5dHc2N20xODIiPgogICAgPGcgaWQ9ImVydzJ5dHc2N20xODMiPgogICAgICA8ZyBpZD0iZXJ3Mnl0dzY3bTE4NCIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA4My4wMjg4OTk5OTk5OTk5OSAzOS41MDAwMDAwMDAwMDAwMCkiPgogICAgICAgIDxyZWN0IGlkPSJlcncyeXR3NjdtMTg1IiB3aWR0aD0iNjAyIiBoZWlnaHQ9IjMzOCIgcng9IjAiIHJ5PSIwIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC04My4wMjg4OTk5OTk5OTk5NiAtMzkuNDk5OTk5OTk5OTk5OTkpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiAvPgogICAgICAgIDxnIGlkPSJlcncyeXR3NjdtMTg2X3RvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTguNTgzMDI0LC0xMDUuMDM1NDA1KSI+CiAgICAgICAgICA8ZyBpZD0iZXJ3Mnl0dzY3bTE4NyIgb3BhY2l0eT0iMSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJlcncyeXR3NjdtMTg2IiB3aWR0aD0iMTA2LjY2OTY4OSIgaGVpZ2h0PSIzOTAuMDAwMTM2IiByeD0iMCIgcnk9IjAiIHRyYW5zZm9ybT0icm90YXRlKDMwKSBza2V3WCgwKSBza2V3WSgtMzApIHNjYWxlKDEsMSkgdHJhbnNsYXRlKDE3OC44OTI1NDAsNzUuNjczNzk0KSIgZmlsbD0idXJsKCNlcncyeXR3NjdtMTg2LWZpbGwpIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgLz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="); background-position: center; background-repeat: no-repeat; background-size: cover; } /* includes all types of navigation */ .by_article_block .by_article_buttons { position: relative; } .by_article_block .by_articleblock__backtotop_wrapper { position: absolute; right: 30px; bottom: 0; cursor: pointer; } .by_article_block .by_articleblock__backtotop_wrapper .by_to_top__text { position: relative; display: inline-block; padding-right: 5px; vertical-align: middle; text-transform: uppercase; } .by_article_block .by_articleblock__backtotop_wrapper .by_articleblock_to_top { display: inline-block; width: 33px; height: 33px; margin-right: 2px; vertical-align: middle; background-color: #e0e0e0; text-align: center; /* stylelint-disable-next-line */ } .by_article_block .by_articleblock__backtotop_wrapper .by_articleblock_to_top .by_articleblock_to_top__svg { position: relative; left: 7px; display: block; width: 19px; height: 100%; fill: #bbb; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_article_block .by_articleblock__backtotop_wrapper .by_articleblock_to_top .by_articleblock_to_top__svg { right: 7px; left: auto; } /** @author mdraeger This file contains styles for article's In-Page tools, e.g. share, prev, next button */ .by_article_tools { /* stylelint-disable-next-line */ position: relative; max-width: 1366px; height: 40px; padding: 0; margin: 0 10px; text-align: left; } @media screen and (min-width: 1366px) { .by_article_tools { margin: 0 auto; } } .by_article_tools .by_left, .by_article_tools .by_right { width: 50%; height: 40px; } @media screen and (min-width: 960px) { .by_article_tools .by_left, .by_article_tools .by_right { text-align: center; } } .by_article_tools .by_left { float: left; } .by_article_tools .by_right { float: right; text-align: right; } @media screen and (min-width: 960px) { .by_article_tools .by_right { text-align: center; } } .by_article_tools .by_share_button_wrap { position: relative; display: inline-block; } .by_article_tools .by_share_options { position: absolute; z-index: 1000; top: -6px; right: auto; bottom: auto; left: 50px; white-space: nowrap; } .by_article_tools .by_share_options:before, .by_article_tools .by_share_options:after { content: ""; position: absolute; width: 0; height: 0; background: #7f988f; } .by_article_tools .by_share_options:before { display: block; left: -7px; top: 17px; right: auto; bottom: auto; border-left: none; border-top: 7px solid #fff; border-bottom: 7px solid #fff; border-right: 7px solid #7f988f; } .by_article_tools .by_share_options:after { display: none; background: none; border: none; } .by_article_tools .by_share_options .by_share_service { display: inline-block; float: none; } .by_article_navigate { display: inline-block; overflow: hidden; width: 40px; height: 40px; padding-left: 40px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQBAMAAACZoSryAAAAElBMVEUAAABVVVVHR0dJSUlISEhKSkqMHJw/AAAABnRSTlMAESRNYHa4ryD3AAAAXUlEQVQ4y2MYBbiBiACmGGMQFoWiCphiTNgUqgpgURiIRaGKABZBZ2yOZDFgoEypCTZBZgesSrG5ikmAYRSMAlzAGGvOIj7RMtMk0bJSP2tjUxhIZBnAoMgwCkAAAKtYBv8BNki8AAAAAElFTkSuQmCC') top left no-repeat transparent; line-height: 40px; } @media screen and (min-width: 960px) { .by_article_navigate { width: auto; } } .by_article_navigate.by_article_prev { margin-right: 20px; } @media screen and (min-width: 960px) { .by_article_navigate.by_article_prev { padding-left: 50px; margin-right: 40px; } } .by_article_navigate.by_article_next { background-position: bottom right; } @media screen and (min-width: 960px) { .by_article_navigate.by_article_next { padding-right: 50px; padding-left: 0; } } /** @section: back to top link */ .by_back_top_link { display: block; height: 40px; /* stylelint-disable-next-line */ vertical-align: middle; text-align: right; line-height: 40px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_back_top_link { text-align: left; } .by_back_top_link_label { display: inline-block; padding-right: 50px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJFBMVEXw8PDw8PDh4eE0NDRISEhVVVWnp6fV1dWDg4OMjIyqqqqzs7MjyDcCAAAAAXRSTlP0+jbuYwAAAFhJREFUKM9jYBTEAAIMgljAqCAIaGMRFApOxBRU9TDDEBQKKZyciC6o6i4oaQYXhCsUFGxOhAnCFAIJCTOYIEIhUOlCFEF3MCUxEUW7IpQaXOE5FAWxZRkAhBY8aQd6+g0AAAAASUVORK5CYII=') top right no-repeat transparent; background-size: 40px 40px; text-decoration: none; border: none; outline: none; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_back_top_link_label:visited, .by_back_top_link_label:hover, .by_back_top_link_label:active { text-decoration: none; border: none; outline: none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi) { .by_back_top_link_label { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAHlBMVEXw8PAzMzO4uLg4ODju7u6NjY18fHxvb29GRkbh4eHcO8jWAAAAjElEQVRIx+3RsQmDYBiE4UPMACYktZAsECcQC211BMEF3EGwdWT94FOw0PsLC4t7+3uag1JK3aQJYRUZwvq+0jDwn2RhYNI7ycD3w0kG1miM5CDgJAURO8lAoDSSgwvZGslAThrYAZQ08JODkw46eXZPZOBadUJGDjr5xFHxaOBGDjjst5ulUEopdWEzl5MRjKpIyb8AAAAASUVORK5CYII='); } } html[dir="rtl"] .by_back_top_link_label { padding-right: 0; padding-left: 65px; background-position-x: 0; } .by_article .by_back_top_link, .by_article_container .by_back_top_link { position: absolute; right: 20px; bottom: 10px; clear: both; display: none; } @media screen and (min-width: 700px) { .by_article .by_back_top_link, .by_article_container .by_back_top_link { display: block; } } @media screen and (min-width: 960px) { .by_article .by_back_top_link, .by_article_container .by_back_top_link { right: 30px; } } .by_article .by_back_top_link_label, .by_article_container .by_back_top_link_label { color: #333; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAA3NCSVQICAjb4U/gAAAAKlBMVEXz8/Pr6+vn5+ff39/b29vX19fS0tLKysqOjo5ZWVlVVVVFRUVBQUE9PT2dYMT3AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAD9JREFUKJFjYBgFdATMBlgEpRZiijHNPqmAISh52GciuhjLnAC2mwFoghxbGRiyG9AE2QoYGNgTiHToKCANAAC+DAjScsWsuQAAAABJRU5ErkJggg=='); /* stylelint-disable-next-line */ } @media screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi) { .by_article .by_back_top_link_label, .by_article_container .by_back_top_link_label { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAA3NCSVQICAjb4U/gAAAAG1BMVEXz8/Pj4+O2traOjo59fX1tbW1FRUU5OTk1NTWbA0HIAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAGpJREFUSIntziEOgDAQRNHJhnqOUNdrIDkCEsMFUNWUhB4bKA6zIwhqnlkz+S0gIiKf68mdreQwHZEL5solU52opOXSUclUB4xE0vIOMMk7CPi/bEEguElrwSu5eU8vzwmzN4yvKyIivzsBSxIQ41EzquAAAAAASUVORK5CYII='); } } #by_site_footer .by_back_top_link_label { display: inherit; padding-right: 65px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAhBAMAAABZ3/SWAAAAG1BMVEUmJiYjIyNDQ0NwcHBMTExRUVFhYWE3NzcyMjKBZerNAAAAS0lEQVQoz2MYHoARmyAHNoXKipiCQmZGApgKHZ0VMRSaCIrAlSIUMjDClCIUAlWJoilVdgQpD1ZAEUwFqxFNQBEsQFAIIACjRjwAAAu+Boi5nC3nAAAAAElFTkSuQmCC'); background-size: 40px 33px; /* stylelint-disable-next-line */ } @media screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi) { #by_site_footer .by_back_top_link_label { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABCBAMAAAAyIUwOAAAAD1BMVEUmJiZra2s7OztQUFAoKCi/v7VAAAAAb0lEQVRIx+3OsQ2AMBBDUStkAC5ZIGxANkDK/jvRuAgF8UmI7v4Az0YURZ+74CsV+Dqs+UCz4gQ7SQXWjaQCT5BUIEBSgiApQZIaJKlBkhokKUA2SCqQpAaRV2SaQOS+2K6YGjtee7zKDVEURT91A/hNCMUvpWZtAAAAAElFTkSuQmCC'); } } /** @section: breadcrumb navigation bar */ .by_breadcrumb_container { display: none; } @media screen and (min-width: 700px) { .by_breadcrumb_container { position: absolute; z-index: 1231; top: 81px; display: block; width: 100%; height: 40px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///////9VfPVsAAAAAnRSTlMA3Y7xY1EAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTUuMDEuMTTsG+P2AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAAxJREFUCJljOMBwAAADBAGBQQWQQAAAAABJRU5ErkJggg==') 0 0 repeat transparent; text-align: left; } } .by_breadcrumb_list { width: 100%; max-width: 1366px; padding: 0; margin: 0 auto; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_breadcrumb_list { text-align: right; } .by_breadcrumb_listitem a, .by_breadcrumb_listitem span { color: #696969; font-family: arial, sans-serif; font-size: 12px; line-height: 20px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_breadcrumb_listitem a, .by_breadcrumb_listitem html[dir="rtl"] a, html[dir="rtl"] .by_breadcrumb_listitem span, .by_breadcrumb_listitem html[dir="rtl"] span { font-family: Tahoma, arial, sans-serif; } .by_breadcrumb_listitem { display: inline-block; padding: 10px 8px 10px 15px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAAA3NCSVQICAjb4U/gAAAABlBMVEWqqqr///8FH9MDAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTUuMDEuMTTsG+P2AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABVJREFUCJljKGDYwHCB4QEQb2AoAAAhTgTBFuYAjAAAAABJRU5ErkJggg==') 0 center no-repeat transparent; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_breadcrumb_listitem { background: url('data:image/png;base64,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') 0 center no-repeat transparent; } .by_breadcrumb_listitem:first-child { padding: 10px 8px 10px 45px; background-image: none; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_breadcrumb_listitem:first-child { padding: 10px 45px 10px 15px; } .by_breadcrumb_listitem:last-of-type { /* stylelint-disable-next-line */ } html[dir="rtl"] .by_breadcrumb_listitem:last-of-type { background: transparent; } .by_breadcrumb_listitem span { color: #333; } .by_mm_inav, .by_mm_inav_sub { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } /****************************************************************************** === SITEAREAS === ******************************************************************************/ .by_mm_siteareas { position: absolute; z-index: 9000; display: none; width: 100%; background-color: #fff; font-family: "BentleyLight", arial, helvetica, sans-serif; font-size: 16px; text-align: left; text-transform: uppercase; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_mm_siteareas { width: 320px; } } @media screen and (min-width: 960px) { .by_mm_siteareas { display: none; } } html[dir="rtl"] .by_mm_siteareas { font-family: Tahoma, "BentleyLight", arial, helvetica, sans-serif; } .by_mm_siteareas.by_mm_active { top: 86px; display: block; } @media screen and (min-width: 700px) { .by_mm_siteareas.by_mm_active { top: 101px; } } .by_mm_siteareas .by_mm_tool_link { padding: 0 15px; background-color: #e6e6e6; white-space: nowrap; } .by_mm_siteareas .by_mm_tool_link img { display: inline-block; vertical-align: middle; } .by_mm_siteareas .by_mm_nav_item.by_mm_nav_item_subtle { background-color: #e6e6e6; } .by_mm_siteareas .by_mm_nav_item.by_mm_nav_item_subtle .by_mm_icon { padding-left: 0; margin-left: 16px; } .by_mm_siteareas .by_mm_nav_item.by_mm_nav_item_subtle .by_mm_nav_item_link { padding-left: 30px; } .by_mm_siteareas .by_mm_nav_item.by_mm_nav_item_subtle .by_mm_nav_item_link:hover, .by_mm_siteareas .by_mm_nav_item.by_mm_nav_item_subtle .by_mm_nav_item_link:focus, .by_mm_siteareas .by_mm_nav_item.by_mm_nav_item_subtle .by_mm_nav_item_link:active { border: 0; /* stylelint-disable-next-line */ color: #333; } .by_site_nav_list .by_site_nav_link > i { display: none; } .by_site_nav_list .by_site_nav_link.by_mm_menu_loaded > i { display: inline-block; } .by_decorate_external_links .by_site_nav_list .by_site_nav_link.by_external_link:before { /* stylelint-disable-next-line */ } .by_decorate_external_links .by_site_nav_list .by_site_nav_link.by_external_link:before:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.2em; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_site_nav_list .by_site_nav_link.by_external_link:before:before { margin-right: 0; margin-left: 0.2em; } /****************************************************************************** === MEGA MENU === ******************************************************************************/ #by_mm_icon_storage { display: none; } .by_mm_overlay { position: fixed; z-index: 1230; top: 0; right: 0; bottom: 0; left: 0; display: none; height: 100%; padding-top: 100px; background: rgba(42, 42, 42, 0.5); } .by_mm_overlay.by_mm_active { display: block; } .by_mm_headline { padding: 0; margin: 0; } .by_mega_menu { position: absolute; z-index: 9000; top: 86px; left: 0; display: block; width: 100%; font-family: "BentleyLight", arial, helvetica, sans-serif; text-transform: uppercase; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_mega_menu { top: 101px; } } html[dir="rtl"] .by_mega_menu { font-family: Tahoma, "BentleyLight", arial, helvetica, sans-serif; } .by_mm_icon { display: table-cell; width: 50px; height: 50px; vertical-align: middle; text-align: center; cursor: pointer; } .by_mm_navigation { display: block; } @media screen and (min-width: 700px) { .by_mm_navigation { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ display: -ms-flexbox; display: -webkit-box; display: flex; } } .by_mm_navigation.by_hidden { display: none; } .by_mm_nav { display: table; float: left; width: 100%; background: #fff; } @media screen and (min-width: 700px) { .by_mm_nav { display: block; } } .by_mm_nav.by_hidden { /* stylelint-disable-next-line */ display: none !important; } @media screen and (min-width: 700px) { .by_mm_nav.by_mm_nav_secondary { width: 320px; min-width: 320px; max-width: 320px; background: #f6f6f6; } } @media screen and (min-width: 1367px) { .by_mm_nav.by_mm_nav_secondary { width: 400px; min-width: 400px; max-width: 400px; } .by_mm_nav.by_mm_nav_secondary .by_mm_nav_item_link { padding-left: 80px; } } @media screen and (min-width: 1920px) { .by_mm_nav.by_mm_nav_secondary { width: 500px; min-width: 500px; max-width: 500px; } .by_mm_nav.by_mm_nav_secondary .by_mm_nav_item_link { padding-left: 180px; } } .by_mm_nav.by_mm_nav_secondary.by_mm_reduce_opacity { background: #efefef; } .by_mm_nav.by_mm_nav_secondary.by_mm_reduce_opacity > * { opacity: 0.5; } .by_mm_nav.by_mm_nav_tertiary { position: absolute; top: 0; } @media screen and (min-width: 700px) { .by_mm_nav.by_mm_nav_tertiary { position: relative; width: calc(100% - 320px); } } @media screen and (min-width: 820px) { .by_mm_nav.by_mm_nav_tertiary .by_mm_nav_item_back { display: none; } .by_mm_nav.by_mm_nav_tertiary .by_mm_icon { height: 50px; } } @media screen and (min-width: 1367px) { .by_mm_nav.by_mm_nav_tertiary { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ display: -ms-flexbox; display: -webkit-box; display: flex; width: calc(100% - 400px); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; padding: 10px 30px; -ms-flex-align: stretch; -ms-flex-pack: start; } .by_mm_nav.by_mm_nav_tertiary .by_mm_icon { display: none; } } @media screen and (min-width: 1920px) { .by_mm_nav.by_mm_nav_tertiary { width: calc(100% - 500px); } } @media screen and (min-width: 1024px) { .by_mm_nav.by_mm_nav_tertiary.by_mm_tight { width: 50%; min-width: 50%; max-width: 50%; } } @media screen and (min-width: 1367px) { .by_mm_nav.by_mm_nav_tertiary.by_mm_tight { width: 40%; min-width: 40%; max-width: 40%; } } @media screen and (min-width: 1920px) { .by_mm_nav.by_mm_nav_tertiary.by_mm_tight { width: 35%; min-width: 35%; max-width: 35%; } } .by_mm_nav_item { display: table; width: 100%; min-height: 50px; font-size: 16px; } .by_mm_nav_item.by_mm_nav_item_back { font-size: 18px; } .by_mm_nav_item.by_mm_nav_item_tertiary { font-size: 15px; } @media screen and (min-width: 1367px) { .by_mm_nav_item.by_mm_nav_item_tertiary { /* stylelint-disable-next-line */ display: -ms-flexbox; /* stylelint-disable-next-line */ display: -webkit-box; display: flex; float: left; width: 33.333333333333333%; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: flex-start; -webkit-box-align: stretch; align-items: stretch; padding-right: 20px; margin-top: 20px; margin-bottom: 20px; -ms-flex-align: stretch; -ms-flex-line-pack: start; } .by_mm_nav_item.by_mm_nav_item_tertiary.by_mm_1-4 { width: 25%; } .by_mm_nav_item.by_mm_nav_item_tertiary:hover, .by_mm_nav_item.by_mm_nav_item_tertiary:focus, .by_mm_nav_item.by_mm_nav_item_tertiary:active { background: none; /* stylelint-disable-next-line */ } .by_mm_nav_item.by_mm_nav_item_tertiary:hover .by_mm_nav_item_link, .by_mm_nav_item.by_mm_nav_item_tertiary:focus .by_mm_nav_item_link, .by_mm_nav_item.by_mm_nav_item_tertiary:active .by_mm_nav_item_link { border-right: 0; } } .by_mm_nav_item.by_mm_active, .by_mm_nav_item:hover, .by_mm_nav_item:focus, .by_mm_nav_item:active { background: #7f988f; } .by_mm_nav_item.by_mm_active .by_mm_nav_item_link, .by_mm_nav_item:hover .by_mm_nav_item_link, .by_mm_nav_item:focus .by_mm_nav_item_link, .by_mm_nav_item:active .by_mm_nav_item_link { border-right: 1px solid #788f87; color: #fff; text-decoration: underline; } .by_mm_nav_item.by_mm_active .by_mm_icon, .by_mm_nav_item:hover .by_mm_icon, .by_mm_nav_item:focus .by_mm_icon, .by_mm_nav_item:active .by_mm_icon { fill: #fff; } .by_mm_is_mobile_device .by_mm_nav_item:hover, .by_mm_is_mobile_device .by_mm_nav_item:focus, .by_mm_is_mobile_device .by_mm_nav_item:active { background: none; } .by_mm_is_mobile_device .by_mm_nav_item:hover .by_mm_nav_item_link, .by_mm_is_mobile_device .by_mm_nav_item:focus .by_mm_nav_item_link, .by_mm_is_mobile_device .by_mm_nav_item:active .by_mm_nav_item_link { border-right: 1px solid #f0f0ef; /* stylelint-disable-next-line */ color: #333; } .by_mm_is_mobile_device .by_mm_nav_item:hover .by_mm_icon, .by_mm_is_mobile_device .by_mm_nav_item:focus .by_mm_icon, .by_mm_is_mobile_device .by_mm_nav_item:active .by_mm_icon { fill: #333; } .by_mm_is_mobile_device .by_mm_nav_item.by_mm_active { background: #7f988f; } .by_mm_is_mobile_device .by_mm_nav_item.by_mm_active .by_mm_nav_item_link { border-right: 1px solid #788f87; color: #fff; } .by_mm_is_mobile_device .by_mm_nav_item.by_mm_active .by_mm_icon { fill: #fff; } .by_mm_nav_item_link { display: table-cell; width: 100%; padding-right: 10px; padding-left: 30px; border-right: 1px solid #f0f0ef; vertical-align: middle; /* stylelint-disable-next-line */ color: #333; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_mm_nav_item_link { text-align: right; } .by_decorate_external_links .by_mm_nav_item_link.by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.3em; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_mm_nav_item_link.by_external_link:before { margin-right: 0; margin-left: 0.3em; } /* stylelint-disable-next-line */ .by_decorate_external_links .by_mm_active > .by_mm_nav_item_link.by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link_w.svg"); } .by_mm_nav_item_secondary, .by_mm_nav_item_link { height: 50px; min-height: 50px; } @media screen and (min-width: 1367px) { .by_mm_nav_item_secondary.by_mm_nav_item_tertiary_link, .by_mm_nav_item_link.by_mm_nav_item_tertiary_link { height: auto; } } .by_mm_nav_item.by_mm_nav_item_secondary { height: 50px; } .by_mm_nav_item_link.by_mm_nav_item_tertiary_link { height: auto; } @media screen and (min-width: 1367px) { .by_mm_nav_item_tertiary_link { display: block; padding: 0; border: 0; } } .by_mm_nav_item_tertiary_link_inner { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ display: -ms-flexbox; display: -webkit-box; display: flex; height: 100%; -webkit-box-align: center; align-items: center; -ms-flex-align: center; } @media screen and (min-width: 1367px) { .by_mm_nav_item_tertiary_link_inner { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media screen and (min-width: 1367px) { .by_mm_nav_item_linktext { display: table; width: 100%; height: 48px; min-height: 48px; padding-bottom: 13px; /* stylelint-disable-next-line */ color: #333; font-family: "BentleyRegular", arial, helvetica, sans-serif; font-size: 15px; text-align: center; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_mm_nav_item_linktext { font-family: Tahoma, "BentleyRegular", arial, helvetica, sans-serif; } .by_mm_nav_item_linktext .by_mm_nav_item_linktext_inner { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 1920px) { .by_mm_nav_item_linktext { display: block; width: auto; min-height: inherit; padding-bottom: 16px; } } .by_mm_nav_item_img_wrapper { display: none; width: 164px; margin-right: 22px; font-size: 0; position: relative; } @media screen and (min-width: 820px) { .by_mm_nav_item_img_wrapper { display: inline-block; min-width: 164px; -webkit-box-ordinal-group: 0; order: -1; -ms-flex-order: -1; } } @media screen and (min-width: 1367px) { .by_mm_nav_item_img_wrapper { width: 100%; -webkit-box-ordinal-group: 1; order: 0; padding: 10px; margin-right: 0; margin-bottom: 16px; -ms-flex-order: 0; } } @media screen and (min-width: 1920px) { .by_mm_nav_item_img_wrapper { margin-bottom: 19px; } } .by_mm_nav_item_img_wrapper > img { width: 100%; } /* stylelint-disable-next-line */ @media screen and (-ms-high-contrast: none) and (min-width: 1367px) { .by_mm_nav_item_img_wrapper { height: 100%; } /* IE10 */ *::-ms-backdrop, .by_mm_nav_item_img_wrapper { height: 100%; } /* IE11 */ } .by_mm_nav_item_deeplink_list { display: none; width: 100%; max-width: 267px; margin: 0 auto; } @media screen and (min-width: 1367px) { .by_mm_nav_item_deeplink_list { display: block; } } .by_mm_nav_item_deeplink_list_inner { /* stylelint-disable-next-line */ display: -ms-flexbox; /* stylelint-disable-next-line */ display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1367px) { .by_mm_nav_item_deeplink_back { display: none; } } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list { position: absolute; top: 0; left: 0; display: block; width: 100%; max-width: 100%; height: 100%; background: #fff; } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner > .by_mm_nav_item_deeplink { display: block; float: left; width: 100%; height: 50px; padding-right: 10px; padding-left: 30px; margin: 0; /* stylelint-disable-next-line */ vertical-align: middle; /* stylelint-disable-next-line */ color: #333; background: #fff; text-align: left; line-height: 50px; } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner > .by_mm_nav_item_deeplink:hover, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner > .by_mm_nav_item_deeplink:focus, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner > .by_mm_nav_item_deeplink:active { border-right: 1px solid #788f87; color: #fff; background: #7f988f; } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back { display: table; width: 100%; background: #efefef; font-size: 18px; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:hover, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:focus, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:active { border-right: 1px solid #788f87; color: #fff; background: #7f988f; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:hover .by_mm_nav_item_deeplink_back_link, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:focus .by_mm_nav_item_deeplink_back_link, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:active .by_mm_nav_item_deeplink_back_link { color: #fff; } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:hover .by_mm_icon, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:focus .by_mm_icon, .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back:active .by_mm_icon { background: #7f988f; /* stylelint-disable-next-line */ fill: #fff !important; } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back .by_mm_nav_item_deeplink_back_link { display: table-cell; width: 100%; padding-right: 10px; padding-left: 30px; border-right: 1px solid #f0f0ef; vertical-align: middle; /* stylelint-disable-next-line */ color: #333; } .by_mm_deeplink_active .by_mm_nav_item_deeplink_list_inner .by_mm_nav_item_deeplink_back .by_mm_icon { display: table-cell; width: 50px; height: 50px; vertical-align: middle; text-align: center; cursor: pointer; /* stylelint-disable-next-line */ fill: #333 !important; } .by_mm_nav_item_deeplink { /* stylelint-disable-next-line */ display: -ms-flexbox; /* stylelint-disable-next-line */ display: -webkit-box; display: flex; float: left; width: calc(50% - 3px); min-height: 22px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0 3px; margin: 0 1.5px 3px; /* stylelint-disable-next-line */ color: #8d8d8d; background-color: #f6f6f6; font-size: 15px; text-align: center; line-height: 22px; -ms-flex-align: center; -ms-flex-pack: center; } .by_mm_nav_item_deeplink.by_mm_nav_item_full_width { width: calc(100% - 3px); } .by_mm_nav_item_deeplink:hover .by_mm_nav_item_deeplink_inner { text-decoration: underline; } .by_mm_nav_item_deeplink_list_inner:not(.by_mm_nav_items_manipulated) .by_mm_nav_item_deeplink:nth-child(even):last-child { width: calc(100% - 3px); } .by_mm_nav_item_deeplink_inner { display: inline-block; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .by_mm_nav_item_back { background: #efefef; } .by_mm_nav_item_back_link { border-right: 1px solid #aaa; /* stylelint-disable-next-line */ color: #333; font-family: "BentleyRegular", arial, helvetica, sans-serif; font-size: 18px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_mm_nav_item_back_link { font-family: Tahoma, "BentleyRegular", arial, helvetica, sans-serif; } /****************************************************************************** === INAV (INFINIT NAVIGATION) === ******************************************************************************/ .by_mm_nav_tertiary.by_mm_nav_tertiary_inav { padding: 0; } .by_mm_inav, .by_mm_inav_sub { /* stylelint-disable-next-line */ display: -ms-flexbox; /* stylelint-disable-next-line */ display: -webkit-box; display: flex; width: 100%; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .by_mm_inav.by_hidden, .by_mm_inav_sub.by_hidden { display: none; } .by_mm_inav_item.by_hidden { display: none; } .by_mm_inav_item_trigger { cursor: pointer; } .by_mm_inav_back { display: table; width: 100%; background: #efefef; } .by_mm_inav_back:hover, .by_mm_inav_back:focus, .by_mm_inav_back:active { /* stylelint-disable-next-line */ color: #fff; background: #7f988f; text-decoration: underline; cursor: pointer; } .by_mm_inav_back:hover > .by_mm_icon, .by_mm_inav_back:focus > .by_mm_icon, .by_mm_inav_back:active > .by_mm_icon { fill: #fff; } .by_mm_inav_back:hover .by_mm_inav_back_link, .by_mm_inav_back:focus .by_mm_inav_back_link, .by_mm_inav_back:active .by_mm_inav_back_link { border-right: 1px solid #788f87; /* stylelint-disable-next-line */ color: #fff; } .by_mm_inav_back > * { display: table-cell; padding-right: 10px; padding-left: 30px; vertical-align: middle; } .by_mm_inav_back > *:first-child { width: 100%; } .by_mm_inav_back > .by_mm_icon { /* stylelint-disable-next-line */ display: table-cell !important; /* stylelint-disable-next-line */ height: 50px !important; padding: 0; } .by_mm_inav_back .by_mm_inav_back_link { padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #aaa; /* stylelint-disable-next-line */ color: #333; font-family: "BentleyRegular", arial, helvetica, sans-serif; font-size: 18px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_mm_inav_back .by_mm_inav_back_link { font-family: Tahoma, "BentleyRegular", arial, helvetica, sans-serif; } /* stylelint-disable-next-line */ .by_mm_inav_item { display: table; width: 100%; height: 50px; min-height: 50px; } .by_mm_inav_item:hover, .by_mm_inav_item:focus, .by_mm_inav_item:active { background: #7f988f; } .by_mm_inav_item:hover > .by_mm_icon, .by_mm_inav_item:focus > .by_mm_icon, .by_mm_inav_item:active > .by_mm_icon { fill: #fff; } .by_mm_inav_item:hover .by_mm_inav_item_link, .by_mm_inav_item:focus .by_mm_inav_item_link, .by_mm_inav_item:active .by_mm_inav_item_link { border-right: 1px solid #788f87; /* stylelint-disable-next-line */ color: #fff; text-decoration: underline; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; } .by_decorate_external_links .by_mm_inav_item:hover .by_mm_inav_item_link.by_external_link:before, .by_decorate_external_links .by_mm_inav_item:focus .by_mm_inav_item_link.by_external_link:before, .by_decorate_external_links .by_mm_inav_item:active .by_mm_inav_item_link.by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link_w.svg"); } .by_mm_inav_item > * { display: table-cell; padding-right: 10px; padding-left: 30px; vertical-align: middle; } .by_mm_inav_item > *:first-child { width: 100%; } .by_mm_inav_item > .by_mm_icon { /* stylelint-disable-next-line */ display: table-cell !important; /* stylelint-disable-next-line */ height: 50px !important; padding: 0; } .by_mm_inav_item .by_mm_inav_item_link { border-right: 1px solid #f0f0ef; /* stylelint-disable-next-line */ color: #333; font-family: "BentleyLight", arial, helvetica, sans-serif; font-size: 15px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_mm_inav_item .by_mm_inav_item_link { font-family: Tahoma, "BentleyLight", arial, helvetica, sans-serif; } .by_decorate_external_links .by_mm_inav_item .by_mm_inav_item_link.by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.3em; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_mm_inav_item .by_mm_inav_item_link.by_external_link:before { margin-right: 0; margin-left: 0.3em; } /***************************************************************************** // MEGA-MENU BREADCRUMB / ****************************************************************************/ .by_mm_inav_breadcrumb { display: none; } @media screen and (min-width: 1024px) { .by_mm_inav_breadcrumb { display: block; } } .by_mm_inav_breadcrumb_item, .by_mm_inav_breadcrumb_item__separator { position: relative; top: 2px; display: inline-block; overflow: hidden; max-width: 80px; font-size: 11px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .by_mm_inav_breadcrumb_item:before, .by_mm_inav_breadcrumb_item__separator:before { content: " / "; } .by_mm_inav_breadcrumb_item:first-child:before, .by_mm_inav_breadcrumb_item__separator:first-child:before { content: ""; } .by_mm_inav_breadcrumb_item__separator { /* stylelint-disable-next-line */ width: auto; } .by_mm_inav_breadcrumb_item__separator:first-child { display: none; } /***************************************************************************** // FIX HIGHLIGHTING / ****************************************************************************/ @media screen and (min-width: 820px) and (max-width: 1366px) { .by_mm_nav_item_tertiary.by_mm_active, .by_mm_nav_item_tertiary:hover, .by_mm_nav_item_tertiary:focus, .by_mm_nav_item_tertiary:active { background-color: #fff; } .by_mm_nav_item_tertiary.by_mm_active > .by_mm_nav_item_link, .by_mm_nav_item_tertiary:hover > .by_mm_nav_item_link, .by_mm_nav_item_tertiary:focus > .by_mm_nav_item_link, .by_mm_nav_item_tertiary:active > .by_mm_nav_item_link { padding-right: 0; border-right: 1px solid #788f87; } .by_mm_nav_item_tertiary.by_mm_active .by_mm_nav_item_tertiary_link_inner, .by_mm_nav_item_tertiary:hover .by_mm_nav_item_tertiary_link_inner, .by_mm_nav_item_tertiary:focus .by_mm_nav_item_tertiary_link_inner, .by_mm_nav_item_tertiary:active .by_mm_nav_item_tertiary_link_inner { background: #7f988f; } .by_mm_nav_item_tertiary.by_mm_active .by_mm_nav_item_img_wrapper, .by_mm_nav_item_tertiary:hover .by_mm_nav_item_img_wrapper, .by_mm_nav_item_tertiary:focus .by_mm_nav_item_img_wrapper, .by_mm_nav_item_tertiary:active .by_mm_nav_item_img_wrapper { background: #fff; } .by_mm_nav_item_tertiary.by_mm_active > .by_mm_icon, .by_mm_nav_item_tertiary:hover > .by_mm_icon, .by_mm_nav_item_tertiary:focus > .by_mm_icon, .by_mm_nav_item_tertiary:active > .by_mm_icon { /* stylelint-disable-next-line */ background: #7f988f; } } .by_carousel_navigation { border-top: 1px solid #e6e6e6; margin: 0 30px; } @media screen and (min-width: 700px) { .by_carousel_navigation { width: auto; max-width: 100%; margin: 30px 65px 5px; } } .by_carousel_navigation h2 { margin: 20px auto 0; text-align: left; } @media screen and (min-width: 700px) { .by_carousel_navigation h2 { width: 100%; max-width: 100%; } } @media screen and (min-width: 1024px) { .by_carousel_navigation h2 { max-width: 906px; } } .by_carousel { clear: left; display: block; width: 100%; max-width: 358px; margin: 15px auto 0; } @media screen and (min-width: 700px) { .by_carousel { position: relative; overflow: hidden; max-width: 100%; padding: 15px 0 0; margin: 0 auto; } .by_carousel.by_scroll_end:after { content: ""; position: absolute; z-index: 10; top: -15px; display: block; width: 10px; height: 100%; right: 0; border-right: 1px solid #ebeaea; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAADECAMAAACsnCEtAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEXRSTlMCGicSCAoOAAMFNEMVHiMvPb/bf20AAAJISURBVFjDxdjbcusgDAVQbC5Hcozt///aI0LUXZlMwPV02sfVPeKSBlDdP/lxzhFxCEzkXJUuxzjKoiGlWsWmCyNd1WnaVQfHlGLLoXB4k/a+TUvpdZXiYPdMVyb3dGXSNJ04pmlKsWU/Tf4C52xYJ5KzjNnytjXMyjzI07ZN73ie37Av7C0Tx8qRaYRlNfMs62l53weZwfyRsfZ9x+rlN8rL8mKko3LUtG6JMPZK08pxkOdlmcHYKWHdq59xUk5gmXb0uXD2MbDhaT4OSVtOPgtLOlleK6+jvB/HPsJkmb44gqPlbX889s1yEJZ04WBY07Y20rbIVNOTTYO7M7HcKULnIUm5pJfHY6lpsFf2yvWwQzrokGzT/OJzEfehtnAQngvPwqHHDEYRYptmZZv+4pDAKSgTf+erE7w+ZDvvXtpO8HKR+/zj5azKqy2SK2dbe1X+kO4zJthPRwwZb6Qx5MhykL5cZJyHait30nc/tPt7cucjBsdO+je/Uu7M7u4q//bLTTZNH9Ljta8d6x9PZPfi43ixQxrXEdK2iL3qpAiuOlyM5Z43FyNJWlnSYFOEekXAQw8RpEM3jSdRn/vPrZE3G9mHX60tziEqx8Cilek7E5jBfOZlMdy8Y1EbHPppvKgN4/1tGY/4AUbf0KSFO+kua6timMBk2ZemyZ8YvdSJa+dl+LWzuq+2T9v0j36AU+F0YvSXDec8yO55XJWjZ6i5Zm3FeaxDD6X7N2z+VwDWuIbBxWOsathxCOxaJpYwGHFWNUzU5f9h42EFiQiAeAAAAABJRU5ErkJggg==') left center no-repeat transparent; } .by_carousel.by_scroll_start:before { content: ""; position: absolute; z-index: 10; top: -15px; display: block; width: 10px; height: 100%; left: 0; border-left: 1px solid #ebeaea; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAADECAMAAACsnCEtAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEXRSTlMCGicSCAoOAAMFNEMVHiMvPb/bf20AAAJISURBVFjDxdjbcusgDAVQbC5Hcozt///aI0LUXZlMwPV02sfVPeKSBlDdP/lxzhFxCEzkXJUuxzjKoiGlWsWmCyNd1WnaVQfHlGLLoXB4k/a+TUvpdZXiYPdMVyb3dGXSNJ04pmlKsWU/Tf4C52xYJ5KzjNnytjXMyjzI07ZN73ie37Av7C0Tx8qRaYRlNfMs62l53weZwfyRsfZ9x+rlN8rL8mKko3LUtG6JMPZK08pxkOdlmcHYKWHdq59xUk5gmXb0uXD2MbDhaT4OSVtOPgtLOlleK6+jvB/HPsJkmb44gqPlbX889s1yEJZ04WBY07Y20rbIVNOTTYO7M7HcKULnIUm5pJfHY6lpsFf2yvWwQzrokGzT/OJzEfehtnAQngvPwqHHDEYRYptmZZv+4pDAKSgTf+erE7w+ZDvvXtpO8HKR+/zj5azKqy2SK2dbe1X+kO4zJthPRwwZb6Qx5MhykL5cZJyHait30nc/tPt7cucjBsdO+je/Uu7M7u4q//bLTTZNH9Ljta8d6x9PZPfi43ixQxrXEdK2iL3qpAiuOlyM5Z43FyNJWlnSYFOEekXAQw8RpEM3jSdRn/vPrZE3G9mHX60tziEqx8Cilek7E5jBfOZlMdy8Y1EbHPppvKgN4/1tGY/4AUbf0KSFO+kua6timMBk2ZemyZ8YvdSJa+dl+LWzuq+2T9v0j36AU+F0YvSXDec8yO55XJWjZ6i5Zm3FeaxDD6X7N2z+VwDWuIbBxWOsathxCOxaJpYwGHFWNUzU5f9h42EFiQiAeAAAAABJRU5ErkJggg==') right center no-repeat transparent; } } @media screen and (min-width: 1024px) { .by_carousel { max-width: 906px; } } @media screen and (min-width: 700px) { .by_carousel .by_carousel_toggler { display: none; } } .by_carousel_item_wrap { overflow: hidden; max-height: 648px; text-align: center; } .by_carousel_item { overflow: hidden; width: 100%; max-width: 298px; margin: 0 auto 30px; background-color: #f7f7f7; text-align: center; } @media screen and (min-width: 700px) { .by_carousel_item { float: left; margin: 0 30px 0 0; } } .by_carousel_item h3 { margin: 21px 0 38px; text-transform: uppercase; } .by_carousel_item img { display: inline-block; margin: 0 -10%; } /** @section: home page buttons */ .by_site_navigation_list { position: relative; display: table; width: 100%; max-width: 1366px; padding: 0; margin: 0 auto 10px; margin-top: 20px; list-style-type: none; } @media screen and (min-width: 700px) { .by_site_navigation_list { margin-top: 57px; } } .by_site_navigation_listitem { display: table-cell; width: 50%; height: 71px; padding: 10px 20px; vertical-align: middle; background-size: 8px 15px; text-align: center; } @media screen and (min-width: 700px) { .by_site_navigation_listitem:first-child { border-left: 40px solid transparent; } .by_site_navigation_listitem.by_last { border-right: 40px solid transparent; } } .by_site_navigation_listitem:first-child { border-left: 20px solid transparent; } .by_site_navigation_listitem.by_last { border-right: 20px solid transparent; border-left: 1px solid #ccc; } .by_site_navigation_link { border: none; outline: none; } @media screen and (min-width: 700px) { .by_site_navigation_link { font-size: 23px; } } @media screen and (min-width: 1366px) { .by_site_navigation_link { font-size: 28px; } } /** @section: site tools links */ .by_site_tools_list { display: none; float: right; width: auto; height: 85px; padding: 30px 30px 30px 20px; margin: 10px 0 0; vertical-align: middle; list-style-type: none; } @media screen and (min-width: 960px) { .by_site_tools_list { display: block; } } .by_site_tools_listitem { float: left; padding: 0; margin: 0 30px 0 0; } .by_site_tools_listitem:last-child { margin: 0; } .by_site_tools_link { display: inline-block; color: #5b5b5b; font-family: "BentleyLight", arial, helvetica, sans-serif; font-size: 14px; text-transform: uppercase; line-height: 24px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_site_tools_link { font-family: Tahoma, "BentleyLight", arial, helvetica, sans-serif; } .by_decorate_external_links .by_site_tools_link.by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_site_tools_link.by_external_link:before { margin-right: 0; margin-left: 0; } .by_tab_component { width: 100%; } .by_tab_component_editable .by_form_component { margin-top: 0; } .by_tab_component_editable .by_form.by_form_redesign { padding-top: 0; } .by_tab_component_nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0; margin: 0 0 50px; list-style-type: none; } .by_tab_component_nav li { position: relative; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -ms-flex-item-align: center; align-self: center; padding: 6px; margin: 0 0 0 3px; /* stylelint-disable-next-line */ color: #333; background-color: #f1f1f1; font-size: 14px; text-align: center; cursor: pointer; /* stylelint-disable selector-no-qualifying-type, sh-waqar/declaration-use-variable */ /* stylelint-enable selector-no-qualifying-type, sh-waqar/declaration-use-variable */ } @media screen and (min-width: 700px) { .by_tab_component_nav li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .by_tab_component_nav li:first-child { margin-left: 0; } .by_tab_component_nav li.by_active { color: #fff; background-color: #c4c4c4; } .by_tab_component_nav li.by_active:after { content: ""; position: absolute; bottom: -14px; left: 50%; width: 0; height: 0; border-top: 14px solid #c4c4c4; border-right: 14px solid transparent; border-left: 14px solid transparent; margin-left: -14px; } /* stylelint-disable-next-line */ .cq-wcm-edit .by_tab_component { /* stylelint-disable selector-no-qualifying-type, sh-waqar/declaration-use-variable, selector-max-compound-selectors */ /* stylelint-enable selector-no-qualifying-type, sh-waqar/declaration-use-variable, selector-max-compound-selectors */ } .cq-wcm-edit .by_tab_component form { position: relative; /* stylelint-disable-next-line */ display: block !important; margin-bottom: 20px; outline: 1px dashed rgba(0, 128, 0, 0.35); } .cq-wcm-edit .by_tab_component form:after { content: "Form Tab"; position: absolute; top: -5px; right: -5px; opacity: 0.5; font-size: smaller; pointer-events: none; } .cq-wcm-edit .by_tab_component .by_tab_component_nav li.by_active { color: #333; background-color: #f1f1f1; } .cq-wcm-edit .by_tab_component .by_tab_component_nav li.by_active:after { border: 0; } /** General cover tile definitions */ .by_cover_tile_container { font-size: 0; } .by_cover_tile { position: relative; display: block; overflow: hidden; line-height: 0; } @media screen and (min-width: 700px) { .by_cover_tile { display: inline-block; width: 100%; font-size: 0; } } @media screen and (min-width: 1024px) { .by_cover_tile { vertical-align: top; } } .by_cover_tile a:hover .by_cover_tile_label { background-color: #f4f4f4; } @media screen and (min-width: 700px) { .by_cover_tile__half { width: 50%; } } .by_cover_tile_label { position: absolute; z-index: 1; top: 0; left: 0; max-width: 80%; padding: 15px; text-align: left; line-height: normal; } .by_cover_tile_label.by_right { right: 0; left: auto; text-align: right; } .by_decorate_external_links .by_external_link .by_cover_tile_label:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.25em; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_external_link .by_cover_tile_label:before { margin-right: 0; margin-left: 0.25em; } .by_cover_tile_img_outer { position: relative; width: 100%; padding-top: 50%; } .by_cover_tile_img_outer.by_bottom_zone .by_cover_tile_img_inner { top: auto; bottom: 0; } .by_cover_tile_img_outer.by_middle_zone:before { content: " "; display: inline-block; height: 100%; } .by_cover_tile_img_inner { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; /* &.by_right_zone img { float: right; margin: 0; } // safe zone on the left &.by_left_zone img { margin: 0; } */ } .by_cover_tile_img_inner img { position: relative; display: inline-block; width: 100.5%; margin: 0 -50%; } .by_cover_tile_img_inner.by_left_zone { left: 0; } .by_cover_tile_img_inner.by_left_zone img { left: 0; margin: 0; } .by_cover_tile_img_inner.by_right_zone { right: 0; text-align: right; } .by_cover_tile_img_inner.by_right_zone img { right: 0; left: auto; float: right; margin: 0; } .by_cover_tile_img_inner.by_bottom_zone { top: auto; bottom: 0; } .by_cover_tile_img_inner.by_bottom_zone img { position: absolute; top: auto; bottom: 0; } /** This is a workaround to get a tile centered with 100% height by using crop & reveal behaviour. */ /* Revert changes by cover_tile_workaround and add crop & reveal behaviour for breakpoint b1 */ @media screen and (min-width: 700px) { .by_homepage_tiles .by_cover_tile_img_outer { padding-top: 72.99%; } } @media screen and (min-width: 1366px) { .by_homepage_tiles .by_cover_tile_img_outer { padding-top: 50%; } } .by_homepage_tiles .by_cover_tile_img_inner { height: 100%; } @media screen and (min-width: 700px) { .by_homepage_tiles .by_cover_tile_img_inner { height: 100%; } .by_homepage_tiles .by_cover_tile_img_inner img { width: auto; height: 100%; } } @media screen and (min-width: 1366px) { .by_homepage_tiles .by_cover_tile_img_inner { height: 100%; } .by_homepage_tiles .by_cover_tile_img_inner img { width: 100.5%; } } .by_homepage_tiles .by_cover_tile_img_inner img { width: 100.5%; } .by_homepage_tiles .by_cover_tile__half { /* Typically this works on most devices except iOS7 and Samsung S3. .by_cover_tile_img_inner img { width: auto; height: 100%; @media screen and (min-width: $break_c1) { height: auto; // fixes iOS bug } } @media screen and (min-width: $break_b1) { @include reveal_image; } */ } .by_homepage_tiles .by_cover_tile__half .by_cover_tile_img_inner { right: -50%; left: -50%; width: auto; } .by_homepage_tiles .by_cover_tile__half .by_cover_tile_img_inner img { position: absolute; top: 0; right: -25%; bottom: 0; left: -25%; width: auto; height: 100%; margin: 0 auto; } .by_homepage_tiles .by_cover_tile__half .by_cover_tile_img_inner.by_left_zone { left: 0; } .by_homepage_tiles .by_cover_tile__half .by_cover_tile_img_inner.by_left_zone img { left: 0; margin: 0; } .by_homepage_tiles .by_cover_tile__half .by_cover_tile_img_inner.by_right_zone { right: 0; left: 0; } .by_homepage_tiles .by_cover_tile__half .by_cover_tile_img_inner.by_right_zone img { right: 0; left: auto; margin: 0; } @media screen and (min-width: 396px) { .by_navigation_tiles { max-width: 510px; margin: 0 auto; } } @media screen and (min-width: 700px) { .by_navigation_tiles { width: auto; max-width: 100%; margin: 30px 65px 5px; } } .by_navigation_tiles h2 { display: none; } @media screen and (min-width: 396px) { .by_navigation_tiles h2 { display: block; padding-top: 40px; border-top: 1px solid #e6e6e6; margin: 0; text-align: left; } } @media screen and (min-width: 1366px) { .by_navigation_tiles h2 { max-width: 1366px; margin: 0 auto; } } .by_navigation_tiles .by_cover_tile_container { padding-top: 25px; } @media screen and (min-width: 1366px) { .by_navigation_tiles .by_cover_tile_container { max-width: 1366px; margin: 0 auto; } } .by_navigation_tiles .by_cover_tile_container .by_cover_tile_img_inner { /* stylelint-disable-next-line */ } .by_navigation_tiles .by_cover_tile_container .by_cover_tile_img_inner img { /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_navigation_tiles .by_cover_tile_container .by_cover_tile_img_inner img { min-width: 100%; } } .by_navigation_tiles .by_cover_tile_row { /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_navigation_tiles .by_cover_tile .by_cover_tile_img_outer { padding-top: 255px; } } .by_navigation_tiles .by_cover_tile__large { /* Typically this works on most devices except iOS7 and Samsung S3. .by_cover_tile_img_inner img { width: auto; height: 100%; @media screen and (min-width: $break_c1) { height: auto; // fixes iOS bug } } @media screen and (min-width: $break_b1) { @include reveal_image; } */ } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner { right: -50%; left: -50%; width: auto; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner img { position: absolute; top: 0; right: -25%; bottom: 0; left: -25%; width: auto; height: 100%; margin: 0 auto; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_left_zone { left: 0; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_left_zone img { left: 0; margin: 0; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_right_zone { right: 0; left: 0; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_right_zone img { right: 0; left: auto; margin: 0; } @media screen and (min-width: 700px) { .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner { height: auto; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner img { width: auto; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner { right: 0; left: 0; width: 100%; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner img { position: relative; right: 0; left: 0; margin: 0 -50%; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_left_zone img, .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_right_zone img { margin: 0; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_middle_zone { top: -15px; } } @media screen and (min-width: 1024px) { .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner.by_middle_zone { top: 0; } } @media screen and (min-width: 1024px) { .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner { height: 100%; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner img { width: 100.5%; height: auto; } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner { /* stylelint-disable-next-line */ } .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_inner img { height: auto; } } @media screen and (min-width: 1024px) { .by_navigation_tiles .by_cover_tile__large .by_cover_tile_img_outer { padding-top: 34.92%; } } .by_navigation_tiles .by_cover_tile__narrow { /* stylelint-disable-next-line */ } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner.by_middle_zone { /* stylelint-disable-next-line */ } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner.by_middle_zone img { top: -16%; } @media screen and (min-width: 700px) { .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner { height: auto; } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner img { width: auto; } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner.by_middle_zone { top: -57%; /* stylelint-disable-next-line */ } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner.by_middle_zone img { top: 0; } } @media screen and (min-width: 1024px) { .by_navigation_tiles .by_cover_tile__narrow { width: 40.54%; } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner { height: 100%; } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner img { width: 100.5%; height: auto; } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner { top: 0; /* stylelint-disable-next-line */ } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_inner.by_middle_zone { top: 0; } .by_navigation_tiles .by_cover_tile__narrow .by_cover_tile_img_outer { padding-top: 66.27999%; } } .by_navigation_tiles .by_cover_tile__wide { /* Typically this works on most devices except iOS7 and Samsung S3. .by_cover_tile_img_inner img { width: auto; height: 100%; @media screen and (min-width: $break_c1) { height: auto; // fixes iOS bug } } @media screen and (min-width: $break_b1) { @include reveal_image; } */ } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner { right: -50%; left: -50%; width: auto; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner img { position: absolute; top: 0; right: -25%; bottom: 0; left: -25%; width: auto; height: 100%; margin: 0 auto; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_left_zone { left: 0; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_left_zone img { left: 0; margin: 0; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_right_zone { right: 0; left: 0; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_right_zone img { right: 0; left: auto; margin: 0; } @media screen and (min-width: 700px) { .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner { height: auto; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner img { width: auto; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner { right: 0; left: 0; width: 100%; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner img { position: relative; right: 0; left: 0; margin: 0 -50%; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_left_zone img, .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_right_zone img { margin: 0; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_middle_zone { top: -15px; } } @media screen and (min-width: 1024px) { .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner.by_middle_zone { top: 0; } } @media screen and (min-width: 1024px) { .by_navigation_tiles .by_cover_tile__wide { width: 59.46%; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner { height: 100%; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_inner img { width: 100.5%; height: auto; } .by_navigation_tiles .by_cover_tile__wide .by_cover_tile_img_outer { padding-top: 45.2%; } } /* stylelint-disable */ /** @section swipe navigation */ .by_hero_center { position: relative; display: inline-block; width: 100%; text-align: center; } .by_hero_pager { position: absolute; z-index: 1000; top: 30px; min-width: 40px; height: 83px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAACmBAMAAABaatD2AAAAD1BMVEUAAAAAAAAAAABTU1NcXFxyalDQAAAABXRSTlMMAAVDh6nYIx4AAAFGSURBVEjHrNXBCQJBEAXRAg2guyP4GIGgAQjmn5MHwYG1cD3sPz4K5jAwQ293CVsMsMHhve8MMMNs4bC2TDCChSCCZYhgGSJYhhEcBMswgoNgGcYQwTGsvzGGyOYn3ln7nHN6CHI3XClB0iBpsBRLOTA9XwWfh4SxMBISCSkJKQmpFcpt3vbuvRVjWH/jGLZiDMtwDDuGZTiGHcMybMUybMUybMUy7LD7Jpv6O2/aonu/zIr95+JVWx0bAQwDIRA86OTdf5EuwBeQWOEOoR76fByAGsIZUkNqSA05Q86whsQQxRiiGEMUY1hDzjCGNeQMY1hDFM8wM9YQxbPyPSvfSJBIkEiQSpBKkP4wOcPe/RitRWvRItEg0SDRAJ89O+Qpzn8pM57hfB0xvPU2s9575w6Ze2nuurU/u3byjT3fcTtu2CNbrhcw+EAn+iJwygAAAABJRU5ErkJggg=='); background-repeat: no-repeat; } .by_hero_pager.by_slide_left { left: 0; background-position: 0 -83px; } .by_hero_pager.by_slide_right { right: 0; background-position: 0 0; } @media screen and (min-width: 700px) { .by_hero_pager { min-width: 95px; max-width: 300px; height: 130px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAAEEBAMAAAC8XPVGAAAAElBMVEUAAAAAAABbW1teXl40NDRDQ0PMISL7AAAABnRSTlMMAHiwGCNSzViiAAACKUlEQVRo3t3ZS0oEQRBF0Rei8xc7ENyB6Fx0A6K4/60ITpK2qjK52oHR5kyp4yUb6cqPcjJCXyNi/MqaPj1GrID1fXgGbO2MCdD+OALW0YgB5s8PsQOs+dg+z4AFgSAQBKZAEAgCUyAITIEgUDUwBYLAFKgamAJB4HIgCFwOVA1cDlQN3A+oHfCvwAcF77drcPLTzT0AI7EAMJGCCQsmLJiwYMKCCQsmLJiwaEI0oT9JXOPES3ni6gGCu6d/HTANmM7AdAaGARkGZBiQYUAJA0oYUJLAACMAX1lvTxVv0X4rgVS/9ZLVblWZ5qDd6j5dDlL99nGJgdVuP52mIDEwBYmBKUgMTEFiYAoSg8TAFCQGiYHXgIqkgh8yExG/OShfi4gJyNg+n7kBk5k4cwXGJUF4/8LCOf7YpLt/47AEOx/JDMTup3gMLE3EFuhw7AP6nzkfGAgDYRAUKCgQBkGBggJhEBQIA9WDoEAYBAXCIMqBBkAJt1pDxxfotdWIH4Fme77AoOXmG4IoB6oAN68Q3EFw9Xg6a4PAAPMAASMwAAtIZgHJMCDDgAwDogGZBgwDZ57BpZ/3d7x2uZyEyxOmszBNWDBhOguLJcICiQGmCQBGAgA9n3wXtHjtnozoV+i3wAoM2q2MA4N2O5Rot48LCvrtp8sPEcoPQhKCoCCrQfWhWlQfDEb14Wb1AS09ZKbH2Gc6KD8Snh32e0tW1wm5uBsYYHtvkpHHw58wRZ9P750SSgAAAABJRU5ErkJggg=='); } .by_hero_pager.by_slide_left { left: -30px; background-position: 0 -130px; } .by_hero_pager.by_slide_right { right: -30px; } .no-touch .by_hero_pager.by_hero_pager__label:hover { min-width: 25px; background: transparent; } .no-touch .by_hero_pager.by_hero_pager__label:hover .by_slide_arrow { display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAEEBAMAAABn519kAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAA0NDReXl5eXl5cXFxCQkIPDw9aWlpZWVlPT09UZ1CJAAAADnRSTlMPAAsFAh/O3qYrEYyDR54tgy4AAALBSURBVGjetNixTQNBEEDRnxCAhOSd3QJGVDByBSfTABkVEFECxMRktEBIQk5phEbnM59gufjph7czQzv/3e5vEuCsGfsE+M0cxTnTE8QcwMyetXGCEzglag6o6agZ6aZQE6gZ6WZBTcdNuem4KTcdN+Vm4OaAm3QTuCk3AzeBm3IzcBO4Kdykm46bwE3hJt103ARuFtwkbnDTcRO42eGmOH6Xr9smf5pnN7x9bZkBGuqgocBDgYd2rEJPp2ZhHfo4MYWHCg8lHko8lHgowUNshvy79xAXj+ChLyVXL3dq3h/+JZN4Jj1Deob0DOUZyjMsnmHnGcIzhGfonmF4hparjJnrTzZNTfr3xqS3oIGbnPTGBXPe3JaTZoBgzkzSctKMFMyZ2VpNmiEHc2baFsyZsdvCnJm/FW46E3YZCTUJyY4mu57sjL57TthhfRf2ndp3c9/xHTVHNEd+A/Fbyt9vMn7bkRvR0X0XYwc3DQQxFIbf2sOJNGFmG7BEA9MBJy40QAMc0gJVUAWUwJWSOCbSjPY9KZaS86dfiiJlbNtTfz6wF9fHgbkobgBLboBdMOhLwxEEhBXiBrtgkIKxwQ1cMAjB2OAGTTBIwbhgkIJxwSAF44LBEMwuGBMMQjAuGAzBhGBcMBiCCcG4YEwwSMGEYFwwJhikYEIwTTAmGCgmBROC2SYzn5N8bX6vjS3N6YzJHGaAQTNA8gyCZxA8g20ij+fpl5/Mz3SOc56B8wyMZ2A8A+MZGM1MX+qDEny/UHISMg/vXxy9ft47ZELIhJCBhww85OAhBw818NAGHgrwUICHEjw0sA7R/yi8/U3m+OOC2QQTRW9B0dvUit7K5MaKZoComUmsaEaKmpnNi2bIUTPTRs2M3Wpmfq/ZQbxmJ/KaHa3V7IxRssPa4CZLdvNecivoJbeLveCWYv2m2w6/Ef0DlEjTPT7hGxQAAAAASUVORK5CYII=') no-repeat; } .no-touch .by_hero_pager.by_hero_pager__label:hover .by_slide_bg { display: inline-block; height: 130px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMP0FnF9wAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=') repeat; } .no-touch .by_hero_pager.by_hero_pager__label:hover .by_slide_bg:before { content: ""; position: relative; display: inline-block; height: 100%; vertical-align: middle; } .no-touch .by_hero_pager.by_hero_pager__label:hover .by_slide_text { display: inline-block; vertical-align: middle; text-align: left; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_left { left: -30px; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_left .by_slide_arrow { padding-right: 70px; background-position: right -130px; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_left .by_slide_bg { padding-left: 25px; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_left .by_slide_text { padding-left: 15px; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_right { right: -30px; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_right .by_slide_arrow { left: -70px; padding-left: 70px; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_right .by_slide_bg { padding-right: 25px; } .no-touch .by_hero_pager.by_hero_pager__label:hover.by_slide_right .by_slide_text { padding-right: 15px; } } .by_hero_pager .by_slide_text { display: none; } .by_pager_index_list { display: inline-block; padding: 0; margin: 20px auto 0; list-style: none; } .by_pager_index_list li { float: left; padding: 0 4px; } .by_pager_index_list .by_pager_index_link { display: block; width: 11px; height: 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAP1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d247HA+AAAAFHRSTlMANXk+/L0GEJ7oIVuqz4JMBDNz3cfQRUQAAABCSURBVAjXPcxHEoAwDATBcZbJQf9/K6LA6tPsZYFJsvatYc6sr9tG7foR2HVoRO/E5R0I3hXKnxFo67gxx7wUScADZtAFzjlK4pMAAAAASUVORK5CYII='); } .by_pager_index_list .by_pager_index_link.by_active { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKBAMAAACQ3rmwAAAAHlBMVEUAAACUwR2UwR2UwR2UwR2UwR2UwR2UwR2UwR2UwR3FpgX3AAAACXRSTlMAvPBNSYL17oXZFidcAAAANklEQVQI12NgMEwTZmBg4Jg5c2YAA4MlkJrCwCAJpCYyMGgCqUkQajpc0BOihBWigcFRCagdANwfFJ9eljmlAAAAAElFTkSuQmCC'); } /* stylelint-enable */ /* VARS ==================================================================== */ /* ========================================================================= */ .by_svg_icon_storage { display: none; } .by_model_carousel { position: relative; overflow: hidden; width: auto; max-width: 1366px; padding: 0; margin: 50px auto 80px; } .by_model_carousel .by_svg_icon { width: 19px; height: 100%; fill: #8d8d8d; } .by_model_carousel .by_swipeable_list_inner { position: relative; padding: 0 15px; } @media screen and (min-width: 700px) { .by_model_carousel .by_swipeable_list_inner { padding: 0; } } .by_model_carousel .by_swipeable_list_wrapper { position: relative; margin: 0 auto; } .by_model_carousel ul { display: table; margin: 0 auto; table-layout: fixed; border-spacing: 0 1px; /* stylelint-disable-next-line */ } .by_model_carousel ul.by_swipeable_list_container { padding-left: 0; /* stylelint-disable */ /* stylelint-enable */ } .by_model_carousel ul.by_swipeable_list_container li.by_swipeable_item:first-child { padding-left: 40px; } .by_model_carousel ul.by_swipeable_list_container li.by_swipeable_item:first-child:last-child { padding-left: 0; } .by_model_carousel.by_swipeable .by_swipeable_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: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 80%); 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_model_carousel.by_swipeable .by_swipeable_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: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 17%, rgba(255, 255, 255, 0.8) 36%, white 75%); 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_model_carousel.by_swipeable .by_swipeable_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: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 80%); 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_model_carousel.by_swipeable .by_swipeable_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: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 17%, rgba(255, 255, 255, 0.8) 36%, white 75%); 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_model_carousel .by_swipeable_item { position: relative; display: table-cell; width: 170px; vertical-align: top; text-align: center; cursor: pointer; } @media screen and (min-width: 700px) { .by_model_carousel .by_swipeable_item { width: 216px; } } .by_model_carousel .by_swipeable_item .by_swipeable_link_item { /* stylelint-disable-next-line */ display: block; cursor: pointer; } .by_model_carousel .by_swipeable_item .by_swipeable_image { width: 170px; height: 91px; } @media screen and (min-width: 700px) { .by_model_carousel .by_swipeable_item .by_swipeable_image { width: 216px; height: 115px; } } .by_model_carousel .by_swipeable_item .by_swipeable_item_title { margin-bottom: 51px; /* stylelint-disable-next-line */ color: #8d8d8d; font-size: 14px; text-align: center; } @media screen and (min-width: 700px) { .by_model_carousel .by_swipeable_item .by_swipeable_item_title { margin-bottom: 30px; } } .by_model_carousel .by_swipeable_item.by_active .by_swipeable_item_title { /* stylelint-disable-next-line */ color: #333; /* stylelint-disable-next-line */ } .by_model_carousel .by_swipeable_item.by_active .by_swipeable_item_title span { border-bottom: 1px solid #94c11d; } .by_model_carousel .by_swipeable_item.by_cc_underflow .by_swipeable_item_title, .by_model_carousel .by_swipeable_item.by_cc_overflow .by_swipeable_item_title { visibility: hidden; } .by_model_carousel .by_swipeable_pager { display: none; text-align: center; } @media screen and (min-width: 700px) { .by_model_carousel .by_swipeable_pager { z-index: 10; top: 50%; width: 35px; height: 40px; margin-top: -20px; cursor: pointer; } .by_model_carousel .by_swipeable_pager.by_swipeable_control__prev { left: 0; } .by_model_carousel .by_swipeable_pager.by_swipeable_control__next { right: 0; } .by_model_carousel .by_swipeable_pager.by_enabled { position: absolute; display: block; } } .by_model_carousel .by_swipeable_pager .by_cc_svg_icon { width: 19px; fill: #8d8d8d; } .by_model_carousel.by_swipeable .by_swipeable_shadow_left, .by_model_carousel.by_swipeable .by_swipeable_shadow_right { position: absolute; z-index: 1; top: 0; bottom: 0; width: 50px; } @media screen and (min-width: 700px) { .by_model_carousel.by_swipeable .by_swipeable_shadow_left, .by_model_carousel.by_swipeable .by_swipeable_shadow_right { width: 80px; } } /* editorial components */ /** @author mwieland Styles an accordion */ .by_accordion { max-width: 906px; padding: 0 40px; margin: 30px auto 60px; text-align: left; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_accordion { padding: 0 94px; margin: 50px auto 80px; } } .by_accordion, .by_accordion * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html[dir="rtl"] .by_accordion { text-align: right; } .by_accordion_item { margin-bottom: 5px; /* stylelint-disable-next-line */ background: transparent !important; } .by_accordion_header { position: relative; padding: 10px 24px 10px 15px; color: #000; background: #f4f4f4; font-size: 16px; cursor: pointer; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_accordion_header { padding: 10px 15px 10px 24px; } .by_accordion_header:before { content: ""; position: absolute; top: 5px; right: 24px; bottom: 5px; width: 0; border-right: 1px solid #181818; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_accordion_header:before { right: auto; left: 24px; } .by_accordion_header .by_toggle_icon { position: absolute; top: 50%; right: 6px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 12px; /* stylelint-disable-next-line */ } .by_accordion_header .by_toggle_icon.by_acc_arrow_up { display: none; } html[dir="rtl"] .by_accordion_header .by_toggle_icon { right: auto; left: 6px; } .by_accordion_headline { margin-right: 10px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_accordion_headline { margin-right: auto; margin-left: 10px; } .by_accordion_body { overflow: hidden; height: 0; } .by_accordion_body__inner { padding: 15px 0 0 15px; } @media screen and (min-width: 700px) { .by_accordion_body__inner { padding-top: 20px; } } .by_accordion_body .by_richtext { max-width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 15px; } .by_accordion_body .by_table, .by_accordion_body .by_link_button { margin-bottom: 15px; } @media screen and (min-width: 700px) { .by_accordion_body .by_table, .by_accordion_body .by_link_button { margin-bottom: 30px; } } .by_accordion_body .by_table_content { max-width: 100%; padding: 0; margin-right: 0; margin-left: 0; } .by_accordion_body .by_table_content .by_richtext { margin-bottom: 0; } /** ACTIVE STATE **/ .by_accordion_item.by_active .by_accordion_body { height: auto; } .by_accordion_item.by_active .by_acc_arrow_up { display: inline-block; } .by_accordion_item.by_active .by_acc_arrow_down { display: none; } .cq-wcm-edit .by_accordion:before, .cq-wcm-edit .by_accordion_item:before { position: absolute; z-index: 1; top: -9px; right: 7px; padding: 0 5px; /* stylelint-disable-next-line */ color: #999; background-color: #fff; font-size: 14px; font-style: italic; } /** EDIT MODE **/ /* stylelint-disable-next-line */ .cq-wcm-edit { /* stylelint-disable declaration-no-important */ /* stylelint-enable declaration-no-important */ } .cq-wcm-edit .by_accordion { position: relative; outline: 1px dashed #787878; } .cq-wcm-edit .by_accordion:before { content: "Accordion"; } .cq-wcm-edit .by_accordion_item { position: relative; margin-bottom: 20px; outline: 1px dashed #e2e2e2; } .cq-wcm-edit .by_accordion_item:before { content: "Accordion Item"; } .cq-wcm-edit .by_accordion_body { display: block !important; height: auto !important; padding-bottom: 30px !important; } @media screen and (min-width: 700px) { .cq-wcm-edit .by_accordion_body { padding-top: 20px !important; } } .cq-wcm-edit .by_acc_arrow_up { display: inline-block !important; } .cq-wcm-edit .by_acc_arrow_down { display: none !important; } /** accordion overrides **/ /* stylelint-disable-next-line */ .by_accordion .by_accordion_body .by_table .by_table_footer { padding-bottom: 0; } /** @section: accordion */ .by_accordion__redesign { padding: 0; border-top: 1px solid #d8d9dc; margin: 0 0 30px; color: #727376; font-size: 1rem; text-align: left; line-height: 1.5rem; } .by_accordion__redesign .by_hidden { position: absolute; z-index: -1; opacity: 0; } .by_accordion_section { overflow: hidden; border-bottom: 1px solid #d8d9dc; } .by_accordion_section_label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 0; margin: 0; cursor: pointer; } .by_accordion_section_label:hover .by_link_icon { fill: #003220; } .by_accordion_section_label .by_link_icon { position: absolute; right: 6px; width: 24px; height: 24px; margin-top: -3px; margin-left: 10px; -webkit-transition: 0.1s -webkit-transform ease-out; transition: 0.1s -webkit-transform ease-out; -o-transition: 0.1s transform ease-out; transition: 0.1s transform ease-out; transition: 0.1s transform ease-out, 0.1s -webkit-transform ease-out; fill: #335b4c; } .by_accordion_section_content { max-height: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } [dir=rtl] .by_accordion__redesign { text-align: right; } [dir=rtl] .by_link_icon { right: auto; left: 6px; margin-right: 10px; margin-left: 0; } .by_hidden:checked + .by_accordion_section_label { color: #335b4c; } .by_hidden:checked + .by_accordion_section_label .by_link_icon { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); fill: #002819; } .by_hidden:checked ~ .by_accordion_section_content { max-height: 100vh; padding: 8px 0 16px; } /** @section: page title */ .by_hero_title, .by_article_block_title { width: 100%; padding: 20px 30px 13px 30px; margin: 20px auto 0; font-size: 23px; text-align: center; } @media screen and (min-width: 700px) { .by_hero_title, .by_article_block_title { padding: 20px 30px 8px 30px; font-size: 40px; } } .by_swipable_content .by_hero_title, .by_swipable_content .by_article_block_title { margin-top: 12px; } .by_headlineicon { padding: 12px 0 20px; border-color: #ccc; border-style: solid; border-width: 1px 0; text-align: center; } .by_headlineicon_top { display: table; margin: 0 auto; } .by_headlineicon_top img { width: 40px; height: 40px; } .by_headlineicon_top h2 { color: #333; font-size: 20px; text-transform: uppercase; } .by_headlineicon_bottom { /* stylelint-disable-next-line */ display: block; /* stylelint-disable-next-line */ text-align: center !important; } .by_headlineicon .by_headline_cell { display: table-cell; vertical-align: middle; } /** @section: Tool Belt Link list with multiple links with icons */ .by_tool_belt_list, .by_tool_belt__list { display: table; padding: 0 15px; margin: 0 auto; font-size: 0; text-align: center; } @media screen and (min-width: 700px) { .by_tool_belt_list, .by_tool_belt__list { padding: 0 50px; margin-top: 10px; } } .by_tool_belt_list > div, .by_tool_belt__list > div { display: inline-block; } .by_tool_belt_list li, .by_tool_belt_list-item, .by_tool_belt__list li, .by_tool_belt__list-item { display: inline-block; height: auto; text-align: left; } @media screen and (min-width: 700px) { .by_tool_belt_list li, .by_tool_belt_list-item, .by_tool_belt__list li, .by_tool_belt__list-item { padding: 0 15px; } .by_article .by_tool_belt_list li, .by_article_container .by_tool_belt_list li, .by_article .by_tool_belt_list-item, .by_article_container .by_tool_belt_list-item, .by_article .by_tool_belt__list li, .by_article_container .by_tool_belt__list li, .by_article .by_tool_belt__list-item, .by_article_container .by_tool_belt__list-item { max-width: 33.334%; } } .by_tool_belt_list li--download-icon .by_tool_belt_cta, .by_tool_belt_list-item--download-icon .by_tool_belt_cta, .by_tool_belt__list li--download-icon .by_tool_belt_cta, .by_tool_belt__list-item--download-icon .by_tool_belt_cta { height: 40px; padding-left: 40px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAMAAABcUcfzAAAASFBMVEX///98lozExMSIoJe3t7fu7+/6+/p/mI95k4qfsqvMzMzf5OO7u7v19vbm5+eSp6C/v7+vv7nx8vLW2dd1kIaEnJPAzMipurNZhS71AAABDklEQVRIx+3UbYuEIBDA8Zl8aNTUSqvv/01vi9sQKRUObm+P/b9S+CHMvBA+vTyndZAt0HA+tsKuDu1swwMKO1fg3A174xCgkhj4A/LQMPTudNN6ONcSWjKdrQj5nX0eblzo8m52pHmeuIOdSwoFqCFJvDu0Sa4AhzFt4OKHC7ciT8Knl6UaA2oM+sb+O0QiaoG0GROWFrgCzAxrEDFOAGIhrEDm/f6i8r4M0c/HhyxhxfKLpCTsheowtO3O9FifegJwlanxKK6CER7dwIUdLcw/T9eQgsjzdAkd5KlraEBs09m2FqCJdBZVCVJy/WUY8SyWoGP+jE0FCDZJFmB94Ude5S39JUTK+7NfyvvCL/4kM/1e0cKmAAAAAElFTkSuQmCC') left top no-repeat transparent; } .by_tool_belt_cta { position: relative; display: table; height: auto; margin-bottom: 10px; vertical-align: middle; line-height: 40px; } @media screen and (min-width: 700px) { .by_tool_belt_cta { margin-bottom: 0; text-align: center; } } @media screen and (min-width: 1024px) { .by_tool_belt_cta:hover span { color: #333; } .by_tool_belt_cta:hover img { opacity: 1; } } .by_tool_belt_cta img { display: table-cell; width: 40px; height: 40px; vertical-align: middle; opacity: 0.2; } .by_tool_belt_cta span { display: table-cell; margin-left: 10px; vertical-align: middle; line-height: 16px; } .by_decorate_external_links .by_tool_belt_cta.by_external_link span:before { background: url("bentley.motors.apps.base/resources/img/external_link_g.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.2em; position: relative; top: -0.12em; vertical-align: middle; } html[dir=rtl] .by_decorate_external_links .by_tool_belt_cta.by_external_link span:before { margin-right: 0; margin-left: 0.2em; } /** @section: Promoted Content Teaser Promoted Content Teaser holds Promoted Content Teaser Asset and a Label */ .by_promoted_content { padding: 0 15px 30px; font-size: 0; text-align: center; } /* stylelint-disable-next-line */ .promotedTeaser { display: block; overflow: hidden; width: 260px; height: 74px; margin: 30px auto 0 auto; } @media screen and (min-width: 700px) { .promotedTeaser { width: 638px; height: 295px; } } @media screen and (min-width: 1024px) { .promotedTeaser { display: inline-block; width: 50%; max-width: 668px; margin: 0; } } .by_promoted_teaser_link { text-decoration: none; border: none; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; max-width: 638px; height: 74px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; position: relative; } .by_promoted_teaser_link:visited, .by_promoted_teaser_link:hover, .by_promoted_teaser_link:active { text-decoration: none; border: none; outline: none; } @media screen and (min-width: 700px) { .by_promoted_teaser_link { display: block; height: auto; } } @media screen and (min-width: 1024px) { .by_promoted_teaser_link { margin: 0 15px 0; } } .by_decorate_external_links .by_promoted_teaser_link.by_external_link .by_promoted_teaser_link_label:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.2em; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_promoted_teaser_link.by_external_link .by_promoted_teaser_link_label:before { margin-right: 0; margin-left: 0.2em; } .by_promoted_teaser_img_container { position: relative; display: none; } @media screen and (min-width: 700px) { .by_promoted_teaser_img_container { display: inline-block; width: 638px; min-height: 222px; margin: 0 -50%; } } .by_promoted_teaser_img { width: 100%; height: auto; } .by_promoted_teaser_link_label { display: block; max-width: 100%; height: auto; padding: 0 20px; } @media screen and (min-width: 700px) { .by_promoted_teaser_link_label { height: 74px; padding: 20px 20px 0; } } .by_external_content_wrapper { padding-bottom: 30px; background-color: #fff; } @media screen and (min-width: 700px) { .by_external_content_wrapper { margin-top: 80px; } } .by_external_content { max-width: 1024px; margin: 0 auto; } .by_external_content .by_hero_title, .by_external_content .by_article_block_title { margin-top: 0; } /** @author mdraeger Styles an article item */ .by_article, .by_article_container { position: relative; padding-bottom: 30px; text-align: center; line-height: 0; } @media screen and (min-width: 700px) { .by_article, .by_article_container { padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #e6e6e6; } } .by_article:not(.by_article_container), .by_article_container:not(.by_article_container) { padding-top: 0; padding-bottom: 20px; margin-top: 20px; margin-bottom: 0; } .by_article .by_tool_belt_list, .by_article_container .by_tool_belt_list { clear: both; } .by_article .by_richtext, .by_article_container .by_richtext { max-width: none; padding: 0 20px; margin: 0; text-align: left; } @media screen and (min-width: 960px) { .by_article .by_richtext, .by_article_container .by_richtext { width: 66.667%; padding: 0 30px; } } .by_article_inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* stylelint-disable-next-line */ .by_article .by_article_media, .by_article_container .by_article_media { position: relative; } .by_article .by_article_media .by_play, .by_article_container .by_article_media .by_play { z-index: 1; } .by_article .by_article_video_wrapper, .by_article_container .by_article_video_wrapper { z-index: 2; } .by_article .by_article_content_helper, .by_article_container .by_article_content_helper { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .by_article.by_expanded .by_article_content, .by_expanded.by_article_container .by_article_content { padding-top: 0; } .by_article.by_expanded .by_article_content .by_article_content_helper, .by_expanded.by_article_container .by_article_content .by_article_content_helper { position: relative; max-height: none; } .by_align_left .by_article_media, .by_align_right .by_article_media { padding-top: 44.2060085837%; } .by_align_left .by_article_media .by_article_img, .by_align_right .by_article_media .by_article_img { position: absolute; top: 0; left: 0; width: 100%; } .by_align_left .by_article_video_wrapper, .by_align_right .by_article_video_wrapper { position: absolute; top: 0; left: 0; } @media screen and (min-width: 700px) { .by_align_left .by_article_media, .by_align_right .by_article_media { padding-top: 34.8958333333%; } } @media screen and (min-width: 960px) { .by_align_left .by_article_headline, .by_align_right .by_article_headline { margin-top: 0; } .by_align_left .by_article_inner, .by_align_right .by_article_inner { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .by_align_left .by_article_content, .by_align_right .by_article_content { position: relative; width: 33.333%; padding-top: 0; } .by_align_left .by_article_content .by_richtext, .by_align_right .by_article_content .by_richtext { width: auto; } .by_align_left .by_article_media_wrapper, .by_align_right .by_article_media_wrapper { width: 66.666%; } .by_align_left .by_article_content_helper, .by_align_right .by_article_content_helper { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-height: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .by_align_centered .by_article_media { position: relative; padding-bottom: 44.206008583%; } @media screen and (min-width: 700px) { .by_align_centered .by_article_media { padding-bottom: 34.895833333%; } } .by_align_centered .by_article_media .by_article_img { position: absolute; top: 0; left: 0; } .by_article .by_article_content.by_no_expand .by_article_content_helper, .by_article_container .by_article_content.by_no_expand .by_article_content_helper { position: relative; display: block; max-height: none; } @media screen and (min-width: 960px) { .by_align_right .by_article_media_wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .by_align_right .by_article_content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .by_article_content_inner { overflow: hidden; padding: 0; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .by_article_img { width: 100%; height: auto; } .by_article_headline { padding: 0 20px; margin: 24px 0; font-size: 20px; text-align: left; line-height: 26px; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_article_headline { font-size: 28px; line-height: 34px; } } @media screen and (min-width: 960px) { .by_article_headline { padding: 0 30px; } } html[dir="rtl"] .by_article_headline { text-align: right; } @media screen and (min-width: 960px) { .by_article_imagery .by_article_media > .by_responsive_image_lazy_placeholder { bottom: calc(34.888888888% + 10px); } } .by_article_imagery_gallery { /* stylelint-disable-next-line */ display: none; width: 100%; margin: 30px 0 0; } @media screen and (min-width: 960px) { .by_article_imagery_gallery { display: block; } } .by_article_imagery_gallery .by_article_imagery_cell { position: relative; width: 100%; /* stylelint-disable */ /* stylelint-enable */ } .by_article_imagery_gallery .by_article_imagery_cell.by_align_right { margin-top: 30px; } .by_article_imagery_gallery .by_article_imagery_cell img { float: none; width: 100%; position: absolute; top: 0; left: 0; } @media screen and (min-width: 700px) { .by_article_imagery_gallery .by_article_imagery_cell { float: left; width: 50%; } .by_article_imagery_gallery .by_article_imagery_cell.by_align_left, .by_article_imagery_gallery .by_article_imagery_cell.by_video_align_left { padding-right: 15px; } .by_article_imagery_gallery .by_article_imagery_cell.by_align_right, .by_article_imagery_gallery .by_article_imagery_cell.by_video_align_right { padding-left: 15px; margin: 0; } .by_article_imagery_gallery .by_article_imagery_cell .by_article_imagery_cell_img_container { position: relative; padding-bottom: 34.888888888%; } } .by_article_cta { position: relative; padding-left: 20px; text-align: left; /* stylelint-disable-next-line */ } @media screen and (min-width: 960px) { .by_article_cta { padding-left: 30px; } } html[dir="rtl"] .by_article_cta { padding-right: 20px; padding-left: auto; text-align: right; } .by_article_cta.by_contains_backtotop { min-height: 33px; } .by_article_cta .by_expand_button { display: none; width: 33px; height: 33px; margin-top: 15px; margin-right: 2px; background-color: #e0e0e0; text-align: center; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_article_cta .by_expand_button .by_expand_button__up, .by_article_cta .by_expand_button .by_expand_button__down { display: none; width: 19px; height: 100%; fill: #bbb; } .by_article.by_expanded .by_article_cta .by_expand_button, .by_expanded.by_article_container .by_article_cta .by_expand_button, .by_article.by_collapsed .by_article_cta .by_expand_button, .by_collapsed.by_article_container .by_article_cta .by_expand_button { display: inline-block; } .by_article.by_expanded .by_article_cta .by_expand_button .by_expand_button__up, .by_expanded.by_article_container .by_article_cta .by_expand_button .by_expand_button__up { display: inline-block; } .by_article.by_collapsed .by_article_cta .by_expand_button .by_expand_button__down, .by_collapsed.by_article_container .by_article_cta .by_expand_button .by_expand_button__down { display: inline-block; } .by_article_cta .by_expand_button_icon { margin-top: 15px; display: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .by_expanded .by_article_cta .by_expand_button_icon { display: none; } .by_collapsed .by_article_cta .by_expand_button_icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .by_article_cta .by_share_button_wrap { position: relative; display: inline-block; } .by_article_cta .by_share_button_wrap .by_share_button { width: 33px; height: 33px; margin-top: 15px; background: transparent; background-color: #e0e0e0; background-size: 33px; text-align: center; text-indent: 0; line-height: 33px; /* stylelint-disable-next-line */ } .by_article_cta .by_share_button_wrap .by_share_button .by_share_button_icon { display: inline-block; width: 18px; height: 100%; fill: #bbb; } .by_article_cta .by_share_button_wrap .by_share_button:hover { background-color: #7f988f; /* stylelint-disable-next-line */ } .by_article_cta .by_share_button_wrap .by_share_button:hover .by_share_button_icon { fill: #fff; } .by_article_cta .by_share_options { position: absolute; z-index: 1000; top: 0; right: auto; bottom: auto; left: 35px; height: auto; background-color: transparent; font-size: 0; white-space: nowrap; } .by_article_cta .by_share_options .by_share_service { display: inline-block; float: none; width: 33px; padding: 0; margin-right: 2px; /* stylelint-disable-next-line */ } .by_article_cta .by_share_options .by_share_service img { width: 100%; height: auto; } .by_light_color .by_article_cta .by_expand_button { display: none; width: 33px; height: 33px; margin-right: 2px; background-color: #fff; text-align: center; /* stylelint-disable-next-line */ } .by_light_color .by_article_cta .by_expand_button .by_expand_button__up, .by_light_color .by_article_cta .by_expand_button .by_expand_button__down { display: none; width: 19px; height: 100%; fill: #bbb; } .by_light_color .by_article_cta .by_share_button { background-color: #fff; /* stylelint-disable-next-line */ } .by_light_color .by_article_cta .by_share_button .by_share_button_icon { fill: #bbb; } /** Styles the article container that wraps all article an its navigation */ .by_articles_list { /* stylelint-disable-next-line */ max-width: 1366px; margin: 0 auto 20px; } .by_articles_list .by_article:not(.by_article_container) .by_back_top_link, .by_articles_list .by_article_container:not(.by_article_container) .by_back_top_link { position: static; padding-right: 30px; margin-top: 20px; } .by_article_navigation { max-width: 1366px; padding: 0; border-bottom: 1px solid #e6e6e6; margin: 30px 0 60px; list-style-type: none; text-align: center; } @media screen and (min-width: 700px) { .by_article_navigation { margin-bottom: 0; } } @media screen and (min-width: 960px) { .by_article_navigation { border-top: 1px solid #e6e6e6; } } .by_article_link { display: inline-block; width: 100%; padding: 0 20px; border-top: 1px solid #e6e6e6; line-height: 60px; } @media screen and (min-width: 960px) { .by_article_link { width: 230px; padding: 0 15px; border: none; } .by_article_link:first-child { border: none; margin-left: 0; } } .by_article_link:hover a { text-decoration: underline; } .by_article_link a { display: inline-block; vertical-align: middle; /* stylelint-disable-next-line */ color: inherit; line-height: 17px; } /** This file contains styling for articleBlock component and re-styles child components. */ .by_articleblock__backtotop_wrapper { display: none; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_articleblock__backtotop_wrapper { right: auto; left: 30px; } .by_article_block { padding-top: 0; padding-bottom: 20px; margin-top: 0; margin-bottom: 0; color: #181818; } .by_article_block.by_light_color, .by_article_block.by_light_color .by_article_content, .by_article_block.by_light_color .by_richtext, .by_article_block.by_light_color .by_article_headline, .by_article_block.by_light_color .by_hero_title, .by_article_block.by_light_color .by_article_block_title { color: #fff; } .by_article_block.by_light_color .by_richtext a, .by_article_block.by_light_color .by_bodycopy a, .by_article_block.by_light_color .by_headlineicon_bottom a { color: #fff; } .by_article_block.by_light_color .by_richtext a:active, .by_article_block.by_light_color .by_richtext a:visited, .by_article_block.by_light_color .by_bodycopy a:active, .by_article_block.by_light_color .by_headlineicon_bottom a:active, .by_article_block.by_light_color .by_bodycopy a:visited, .by_article_block.by_light_color .by_headlineicon_bottom a:visited { color: #aaa; } .by_article_block.by_grey_anchors:not(.by_light_color) .by_richtext a:active, .by_article_block.by_grey_anchors:not(.by_light_color) .by_richtext a:visited, .by_article_block.by_grey_anchors:not(.by_light_color) .by_bodycopy a:active, .by_article_block.by_grey_anchors:not(.by_light_color) .by_headlineicon_bottom a:active, .by_article_block.by_grey_anchors:not(.by_light_color) .by_bodycopy a:visited, .by_article_block.by_grey_anchors:not(.by_light_color) .by_headlineicon_bottom a:visited { color: #909090; } .by_article_block .by_article, .by_article_block .by_article_container { max-width: 1366px; border-bottom: 40px; margin: 0 auto; } @media screen and (min-width: 700px) { .by_article_block .by_article, .by_article_block .by_article_container { padding-top: 10px; } } .by_article_block .by_article .by_articleblock__backtotop_wrapper, .by_article_block .by_article_container .by_articleblock__backtotop_wrapper { display: inline-block; } .by_article_block .by_link_button, .by_article_block .by_richtext, .by_article_block .by_gallery { padding-top: 0; padding-bottom: 0; margin-top: 20px; margin-bottom: 20px; } .by_article_block .by_back_top_link { display: none; } .by_article_block .by_hero_title, .by_article_block .by_article_block_title { margin-top: 0; } .by_article_block_title { /* stylelint-disable-next-line */ padding-top: 0; padding-bottom: 23px; margin-top: -7px; } @media screen and (min-width: 700px) { .by_article_block_title { padding-top: 10px; padding-bottom: 40px; } } .by_article_content_inner .by_richtext { /* stylelint-disable-next-line */ margin-bottom: 0 !important; } .by_article_container { /* stylelint-disable-next-line */ padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .by_article_composition { display: inline-block; width: 100%; padding: 0; margin-bottom: 20px; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_article_composition { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 960px) { .by_article_composition .by_article_content_inner { padding: 0 30px; } } @media screen and (min-width: 700px) { .by_article_composition .by_article_content.by_no_expand .by_article_content_inner { overflow: visible; } } @media screen and (min-width: 700px) { .by_article_composition { /* define conent_helper */ } .by_article_composition.by_article_subcomponent_relation_1-0 { /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_1-0 .by_article_subcomponent { width: 100%; } .by_article_composition.by_article_subcomponent_relation_2-1 { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_2-1 .by_article_subcomponent.by_left_subcomponent { width: 66%; } .by_article_composition.by_article_subcomponent_relation_2-1 .by_article_subcomponent.by_right_subcomponent { width: 34%; } .by_article_composition.by_article_subcomponent_relation_1-1 { /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_1-1 .by_article_subcomponent.by_left_subcomponent, .by_article_composition.by_article_subcomponent_relation_1-1 .by_article_subcomponent.by_right_subcomponent { width: 50%; } .by_article_composition.by_article_subcomponent_relation_1-2 { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_1-2 .by_article_subcomponent.by_left_subcomponent { width: 33%; } .by_article_composition.by_article_subcomponent_relation_1-2 .by_article_subcomponent.by_right_subcomponent { width: 67%; } .by_article_composition.by_single_lined .by_article_content_helper, .by_article_composition.by_doubled_component .by_article_content_helper { 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .by_article_composition:not(.by_doubled_component):not(.by_single_lined) .by_article_content_helper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 0; max-height: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .by_article_composition:not(.by_doubled_component):not(.by_single_lined) .by_no_expand .by_article_content_helper { position: relative; display: block; } .by_article_composition:not(.by_doubled_component):not(.by_single_lined) .by_article_content_helper .by_article_content_inner { padding-top: 20px; } } .by_article_composition .by_subcomponent_richtext { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .by_article_composition .by_article_subcomponent { display: inline-block; width: 100%; min-height: 180px; } .by_article_composition .by_article_subcomponent.by_natural_height { min-height: 0; } .by_article_composition .by_article_content_helper { padding: 20px 0; } @media screen and (min-width: 700px) { .by_article_composition .by_article_content_helper { padding: 0; } } @media screen and (min-width: 700px) { .by_article_composition.by_article_subcomponent_relation_3-1 { /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_3-1 .by_article_content_helper { padding: 20px 0; } } @media screen and (min-width: 1024px) { .by_article_composition.by_article_subcomponent_relation_3-1 { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_3-1 .by_article_content_helper { padding: 0; } .by_article_composition.by_article_subcomponent_relation_3-1 .by_article_subcomponent.by_left_subcomponent { width: 75%; } .by_article_composition.by_article_subcomponent_relation_3-1 .by_article_subcomponent.by_right_subcomponent { width: 25%; } } @media screen and (min-width: 700px) { .by_article_composition.by_article_subcomponent_relation_1-3 { /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_1-3 .by_article_content_helper { padding: 20px 0; } } @media screen and (min-width: 1024px) { .by_article_composition.by_article_subcomponent_relation_1-3 { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_article_composition.by_article_subcomponent_relation_1-3 .by_article_content_helper { padding: 0; } .by_article_composition.by_article_subcomponent_relation_1-3 .by_article_subcomponent.by_left_subcomponent { width: 25%; } .by_article_composition.by_article_subcomponent_relation_1-3 .by_article_subcomponent.by_right_subcomponent { width: 75%; } } .by_article_composition .by_article_subcomponent.by_js_slide_toggle.by_ie_detection .by_article_content_helper { position: relative; margin-bottom: 30px; /* stylelint-disable-next-line */ } .by_article_composition .by_article_subcomponent.by_js_slide_toggle.by_ie_detection .by_article_content_helper .by_article_cta { position: absolute; bottom: -25px; left: 0; } .by_article_composition .by_article_subcomponent { position: relative; display: inline-block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 18px; } .by_article_composition .by_article_subcomponent.by_expanded .by_article_cta, .by_article_composition .by_article_subcomponent.by_collapsed .by_article_cta { margin-top: 10px; } .by_article_composition .by_article_subcomponent.by_expanded .by_expand_button, .by_article_composition .by_article_subcomponent.by_collapsed .by_expand_button { margin-top: 0; } .by_article_composition .by_article_subcomponent.by_expanded .by_article_content_helper { position: relative; max-height: none; } .by_article_composition .by_article_subcomponent.by_expanded .by_expand_button, .by_article_composition .by_article_subcomponent.by_expanded .by_expand_button__up { display: inline-block; } .by_article_composition .by_article_subcomponent.by_expanded .by_article_cta.by_contains_backtotop { min-height: 33px; } .by_article_composition .by_article_subcomponent.by_collapsed .by_expand_button { display: inline-block; } .by_article_composition .by_article_subcomponent.by_collapsed .by_expand_button__down { display: inline-block; } .by_article_composition .by_article_cta { padding-left: 15px; } @media screen and (min-width: 960px) { .by_article_composition .by_article_cta { padding-left: 30px; } } .by_article_composition .by_article_headline { padding: 0 15px; margin-top: 0; text-align: left; } @media screen and (min-width: 700px) { .by_article_composition .by_article_headline.by_align_right { text-align: right; } } @media screen and (min-width: 960px) { .by_article_composition .by_article_headline { padding: 0; } } .by_article_composition .by_article_headline.by_align_center { text-align: center; } .by_article_composition .by_richtext { width: 100%; padding: 0 15px; } @media screen and (min-width: 960px) { .by_article_composition .by_richtext { padding: 0; } } .by_article_composition .by_article_media_wrapper { width: 100%; font-size: 0; } @media screen and (min-width: 700px) { .by_article_composition .by_article_media_wrapper { max-width: 699px; } .by_article_composition .by_article_media_wrapper.by_asset_m { max-width: 1366px; /* stylelint-disable-next-line */ } .by_article_composition .by_article_media_wrapper.by_asset_m .by_article_media { padding-bottom: 34.9194729136%; } } .by_article_composition .by_article_media_wrapper .by_article_media { position: relative; width: 100%; padding-bottom: 44.2060085837%; } .by_article_composition .by_article_media_wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .by_article_composition .by_article_media_wrapper .by_article_video_wrapper.by_video_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** OVERRIDE COMPONENTS STYLINGS **/ /* stylelint-disable-next-line */ .by_article_container { /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_article_container .by_article_subcomponent .by_table { /* stylelint-disable-next-line */ } .by_article_container .by_article_subcomponent .by_table .by_table_content { padding: 0 15px; margin: 0 auto; } } .by_article_container .by_article_composition .by_table { margin-top: 0; } .by_article_container .by_article_composition .by_table_cell .by_richtext { margin-top: 0; margin-bottom: 0; } .by_article_container .by_table_footer { padding-bottom: 0; } /** @section: body copy */ .by_bodycopy, .by_headlineicon_bottom { max-width: 1554px; padding: 0 40px; margin: 0 auto 23px; text-align: left; } @media screen and (min-width: 700px) { .by_bodycopy, .by_headlineicon_bottom { padding: 0 94px; margin: 0 auto; } } .by_bodycopy p, .by_headlineicon_bottom p { margin-top: 0; } .by_bodycopy p a, .by_headlineicon_bottom p a { /* stylelint-disable */ text-decoration: none; border: none; outline: none; color: #333; text-decoration: underline !important; /* stylelint-enable */ /* stylelint-disable-next-line */ } .by_bodycopy p a:visited, .by_headlineicon_bottom p a:visited, .by_bodycopy p a:hover, .by_headlineicon_bottom p a:hover, .by_bodycopy p a:active, .by_headlineicon_bottom p a:active { text-decoration: none; border: none; outline: none; } .by_bodycopy p a:visited, .by_headlineicon_bottom p a:visited { color: #7f988f; text-decoration: underline !important; } .by_bodycopy p a:hover, .by_headlineicon_bottom p a:hover { text-decoration: none !important; } .by_bodycopy p a:active, .by_headlineicon_bottom p a:active { text-decoration: underline !important; } .by_decorate_external_links .by_bodycopy p a.by_external_link, .by_decorate_external_links .by_headlineicon_bottom p a.by_external_link { display: inline-block; /* stylelint-disable-next-line */ } .by_decorate_external_links .by_bodycopy p a.by_external_link:before, .by_decorate_external_links .by_headlineicon_bottom p a.by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.3em; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_bodycopy p a.by_external_link:before, html[dir=rtl] .by_decorate_external_links .by_headlineicon_bottom p a.by_external_link:before { margin-right: 0; margin-left: 0.3em; } /* styles standard elements, eg. ol, ul, within the rich text component This component has the same width like the body copy component (variables are defined there). */ .by_richtext { max-width: 1554px; padding: 0 40px; text-align: left; line-height: 18px; /* stylelint-disable */ /* stylelint-enable */ } @media screen and (min-width: 700px) { .by_richtext { padding: 0 94px; margin: 0 auto; } } .by_richtext p, .by_richtext ol, .by_richtext ul, .by_richtext h4, .by_richtext h5 { margin-top: 1em; margin-bottom: 0; } .by_richtext p:first-child, .by_richtext ol:first-child, .by_richtext ul:first-child, .by_richtext h4:first-child, .by_richtext h5:first-child { margin-top: 0; } .by_richtext table { margin-top: 1em; margin-bottom: 0; } .by_richtext table th, .by_richtext table td { padding: 2px 8px; } .by_richtext table th:first-child, .by_richtext table td:first-child { padding-left: 0; } .by_richtext a { text-decoration: none; border: none; outline: none; color: #333; text-decoration: underline !important; } .by_richtext a:visited, .by_richtext a:hover, .by_richtext a:active { text-decoration: none; border: none; outline: none; } .by_richtext a:visited { color: #7f988f; text-decoration: underline !important; } .by_richtext a:hover { text-decoration: none !important; } .by_richtext a:active { text-decoration: underline !important; } .by_decorate_external_links .by_richtext .by_external_link { display: inline-block; /* stylelint-disable-next-line */ /* stylelint-disable */ /* stylelint-enable */ } .by_decorate_external_links .by_richtext .by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.2em; vertical-align: middle; } html[dir=rtl] .by_decorate_external_links .by_richtext .by_external_link:before { margin-right: 0; margin-left: 0.2em; } .by_decorate_external_links .by_light_color .by_richtext .by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link_w.svg"); } /* *************************************************************************** // CONTACT-DETAILS COMMON /* ************************************************************************ */ .by_teaser_pin { position: relative; top: 13px; display: inline-block; width: 40px; height: 40px; } @media screen and (min-width: 700px) { .by_teaser_pin { top: 7px; } } .by_teaser_headline .by_teaser_pin { top: 0; left: -10px; display: block; margin-bottom: 10px; } .by_contact_details .by_contact_details_territory_selection_col .by_form_select_element_text { font-family: Arial, sans-serif; font-size: 14px; } html[dir="rtl"] .by_contact_details .by_contact_details_territory_selection_col .by_form_select_element_text, .by_contact_details .by_contact_details_territory_selection_col html[dir="rtl"] .by_form_select_element_text { /* stylelint-disable-line */ font-family: Tahoma, Arial, sans-serif; } /* ************************************************************************** // CONTACT-DETAILS /* ************************************************************************ */ .by_contact_details { max-width: 1366px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; margin: 0 auto; /* *************************************************************************** // CONTACT-DETAILS HORIZONTAL /* ************************************************************************ */ } .by_contact_details.by_contact_details_hidden, .by_contact_details .by_contact_details_hidden { display: none; } .by_contact_details .by_contact_details_row { clear: both; display: block; float: none; width: 100%; } .by_contact_details .by_contact_details_row:before, .by_contact_details .by_contact_details_row:after { content: " "; display: table; } .by_contact_details .by_contact_details_row:after { clear: both; } .by_contact_details .by_contact_details_col { float: left; } .by_contact_details .by_hero_title, .by_contact_details .by_article_block_title { padding-bottom: 0; } .by_contact_details .by_hero_title_small { margin: 0; color: #333; /* stylelint-disable-line */ font-size: 14px; } .by_contact_details .by_contact_details_spacer { height: 1px; padding: 0; border: none; margin: 0; background: #333; font-size: 0; line-height: 0; } .by_contact_details .by_contact_details_spacer_thin { margin-top: 10px; margin-bottom: 20px; background: #e0e0e0; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_spacer_thin { margin-top: 50px; margin-bottom: 25px; } } .by_contact_details .by_contact_details_spacer_semi { height: 2px; margin: 20px auto; background: #b4b4b4; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_spacer_semi { margin: 25px auto 35px; } } .by_contact_details .by_contact_details_territory_selection_row { width: 100%; margin: 0 auto; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_territory_selection_row { width: 390px; padding: 0; margin: 0 auto; } } .by_contact_details .by_contact_details_territory_selection_col { width: 100%; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_territory_selection_col { float: left; width: 210px; } } .by_contact_details .by_contact_details_territory_selection_col .by_form_select_element option { /* stylelint-disable-line */ text-align: left; } .by_contact_details .by_contact_details_territory_selection_col .by_form_select_element_text { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 33px; padding: 0 42px 0 5px; text-align: center; line-height: 32px; } .by_contact_details .by_contact_details_territory_selection_label_col { width: 100%; line-height: 35px; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_territory_selection_label_col { float: left; width: 180px; } } .by_contact_details .by_contact_details_territory_selection_label { margin-right: 15px; color: #333; /* stylelint-disable-line */ font-size: 16px; } .by_contact_details .by_contact_details_map_wrapper { width: 100%; margin: 0 auto 50px; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_map_wrapper { padding: 0; margin: 0 auto 100px; } } .by_contact_details .by_contact_details_map { width: 100%; min-height: 310px; margin-right: 30px; margin-bottom: 35px; background: #e0e0e0; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_map { width: calc(75% - 30px); margin-bottom: 0; } } .by_contact_details .by_contact_details_generals { padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; } .by_contact_details .by_contact_details_department_list { width: 100%; text-align: left; } @media screen and (min-width: 700px) { .by_contact_details .by_contact_details_department_list { width: 25%; } } .by_contact_details .by_contact_details_department_list_item { margin-bottom: 13px; } .by_contact_details .by_contact_details_department_headline { margin-bottom: 3px; color: #333; /* stylelint-disable-line */ font-size: 16px; } .by_contact_details .by_contact_details_department_text { color: #333; /* stylelint-disable-line */ font-family: Arial, sans-serif; font-size: 14px; } html[dir="rtl"] .by_contact_details .by_contact_details_department_text { /* stylelint-disable-line */ font-family: Tahoma, Arial, sans-serif; } .by_contact_details.by_contact_details__horizontal { width: 100%; max-width: 100%; padding: 0 0 105px; } .by_contact_details.by_contact_details__horizontal .by_contact_details_spacer_thin { margin-top: 20px; margin-bottom: 10px; } .by_contact_details.by_contact_details__horizontal .by_contact_details_spacer_semi { display: none; } .by_contact_details.by_contact_details__horizontal .by_contact_details_territory_selection_row { width: 100%; } .by_contact_details.by_contact_details__horizontal .by_contact_details_territory_selection_label_col { width: 100%; text-align: left; } .by_contact_details.by_contact_details__horizontal .by_contact_details_territory_selection_label { margin-right: 0; font-size: 14px; } .by_contact_details.by_contact_details__horizontal .by_contact_details_territory_selection_col { width: 100%; margin-bottom: 5px; } .by_contact_details.by_contact_details__horizontal .by_contact_details_map_wrapper { margin-bottom: 0; } .by_contact_details.by_contact_details__horizontal .by_contact_details_map { position: absolute; bottom: -4px; left: 0; width: 100%; height: 105px; min-height: 105px; margin: 0; } .by_contact_details.by_contact_details__horizontal .by_contact_details_department_list { width: 100%; margin-top: 10px; } .by_contact_details.by_contact_details__horizontal .by_contact_details_departments .by_contact_details_department_headline { font-size: 14px; } .by_contact_details.by_contact_details__horizontal .by_contact_details_generals { padding-bottom: 6px; margin-bottom: 15px; } .by_contact_details.by_contact_details__horizontal .by_contact_details_generals .by_contact_details_department_list_item { clear: both; float: none; width: 100%; margin-bottom: 10px; /* stylelint-disable max-nesting-depth, selector-max-compound-selectors */ /* stylelint-enable max-nesting-depth, selector-max-compound-selectors */ } .by_contact_details.by_contact_details__horizontal .by_contact_details_generals .by_contact_details_department_list_item:before, .by_contact_details.by_contact_details__horizontal .by_contact_details_generals .by_contact_details_department_list_item:after { content: " "; display: table; } .by_contact_details.by_contact_details__horizontal .by_contact_details_generals .by_contact_details_department_list_item:after { clear: both; } .by_contact_details.by_contact_details__horizontal .by_contact_details_generals .by_contact_details_department_list_item .by_contact_details_department_headline { float: left; width: 60%; margin-bottom: 0; } .by_contact_details.by_contact_details__horizontal .by_contact_details_generals .by_contact_details_department_list_item .by_contact_details_department_text { float: left; width: 40%; text-align: right; } /** @section: pinboard */ .by_pinboard { width: 100%; padding: 0 20px; margin-bottom: 30px; /* gutters for multicol */ } @media screen and (min-width: 700px) { .by_pinboard { padding: 0 60px; } } .by_pinboard .by_pinboard_headline { display: none; width: 100%; margin: 0 auto; margin-top: 20px; text-align: left; } @media screen and (min-width: 700px) { .by_pinboard .by_pinboard_headline { display: block; } } @media screen and (min-width: 1024px) { .by_pinboard .by_pinboard_headline { max-width: 1136px; border-top: none; } .by_pinboard .by_pinboard_headline h2 { padding: 20px 0 0; margin: 0 15px; } } .by_pinboard .by_pinboard_headline h2 { padding: 20px 10px 0; border-top: 1px solid #e0e0e0; margin: 0; } .by_pinboard .by_pinboard_filter_container .by_pinboard_filter { margin-top: 20px; margin-bottom: 6px; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_pinboard .by_pinboard_filter_container .by_pinboard_filter { margin-top: 0; margin-bottom: 25px; } } .by_pinboard .by_pinboard_filter_container .by_pinboard_filter .by_collapsible_filter_item:last-child { float: none; } .by_pinboard .by_pinboard_subfilter { display: none; } .by_pinboard .by_pinboard_loader { display: none; width: 100%; padding: 40px; background: url("bentley.motors.apps.base/resources/img/loader.gif") 50% 50% no-repeat; } .by_pinboard .by_pinboard_grid { position: relative; width: 100%; max-width: 372px; margin: 0 auto; margin-top: 20px; } @media screen and (min-width: 700px) { .by_pinboard .by_pinboard_grid { max-width: none; padding: 0; } } @media screen and (min-width: 1024px) { .by_pinboard .by_pinboard_grid { max-width: 1136px; /* TODO: correct size ? */ } } @media screen and (min-width: 700px) { .by_pinboard .by_pinboard_pin { padding: 0 10px; } } @media screen and (min-width: 1024px) { .by_pinboard .by_pinboard_pin { padding: 0 15px; } } .by_pinboard .by_pinboard_grid_sizer, .by_pinboard .by_pinboard_pin { float: left; width: 100%; margin-bottom: 30px; line-height: 0; /* stylelint-disable */ /* stylelint-enable */ } @media screen and (min-width: 700px) { .by_pinboard .by_pinboard_grid_sizer, .by_pinboard .by_pinboard_pin { float: left; width: 50%; max-width: none; } } @media screen and (min-width: 1024px) { .by_pinboard .by_pinboard_grid_sizer, .by_pinboard .by_pinboard_pin { width: 33.3333%; } } .by_pinboard .by_pinboard_grid_sizer a.by_pinboard_pin, .by_pinboard .by_pinboard_pin a.by_pinboard_pin { display: block; } .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_img, .by_pinboard .by_pinboard_pin .by_pinboard_pin_img { position: relative; padding-bottom: 50%; background-color: #e0e0e0; /* stylelint-disable-next-line */ } .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_img img, .by_pinboard .by_pinboard_pin .by_pinboard_pin_img img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content, .by_pinboard .by_pinboard_pin .by_pinboard_pin_content { position: relative; overflow: hidden; padding: 0 20px; padding-bottom: 10px; border: 1px solid #e0e0e0; text-align: left; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable */ /* stylelint-enable */ } .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content h3, .by_pinboard .by_pinboard_pin .by_pinboard_pin_content h3 { margin: 0; margin-top: 22px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content h3, html[dir="rtl"] .by_pinboard .by_pinboard_pin .by_pinboard_pin_content h3 { text-align: right; } .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content h5, .by_pinboard .by_pinboard_pin .by_pinboard_pin_content h5 { margin: 0; margin-top: 11px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content h5, html[dir="rtl"] .by_pinboard .by_pinboard_pin .by_pinboard_pin_content h5 { text-align: right; } .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content p, .by_pinboard .by_pinboard_pin .by_pinboard_pin_content p { margin-top: 22px; margin-bottom: 10px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content p, html[dir="rtl"] .by_pinboard .by_pinboard_pin .by_pinboard_pin_content p { text-align: right; } .by_pinboard .by_pinboard_grid_sizer .by_pinboard_pin_content a.by_share_button, .by_pinboard .by_pinboard_pin .by_pinboard_pin_content a.by_share_button { float: right; } .by_pinboard .by_pinboard_grid_sizer.by_pinboard_pin_hasimage .by_pinboard_pin_content, .by_pinboard .by_pinboard_pin.by_pinboard_pin_hasimage .by_pinboard_pin_content { border-top: none; } @media screen and (min-width: 700px) { .by_pinboard .by_pinboard_button_more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .by_pinboard .by_share_options { position: absolute; z-index: 1000; top: auto; right: 69px; bottom: 7px; left: auto; width: auto; } .by_pinboard .by_share_options:before, .by_pinboard .by_share_options:after { content: ""; position: absolute; width: 0; height: 0; background: #7f988f; } .by_pinboard .by_share_options:before { border: none; background: none; display: none; } .by_pinboard .by_share_options:after { display: block; top: 17px; right: -7px; border-left: none; border-top: 7px solid #fff; border-bottom: 7px solid #fff; border-left: 7px solid #7f988f; } @media screen and (min-width: 700px) { .by_pinboard .by_share_options { right: 36px; bottom: -47px; } .by_pinboard .by_share_options:before, .by_pinboard .by_share_options:after { content: ""; position: absolute; width: 0; height: 0; background: #7f988f; } .by_pinboard .by_share_options:before { top: -7px; right: 12px; left: auto; display: block; border-top: none; border-left: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #7f988f; } .by_pinboard .by_share_options:after { display: none; background: none; border: none; } } /** @section: comparison tabel */ .by_comp_table { width: 100%; height: auto; margin-bottom: 20px; } .by_comp_table .by_tabbed_navigation { /* stylelint-disable-next-line */ } .by_comp_table .by_tabbed_navigation .by_tab_wrapper { height: 60px; padding: 0; border-bottom: 0; line-height: 60px; } .by_comp_table .by_tab_content { padding: 0; } .by_comp_table .by_tab_nav_list { margin: 0 auto; } @media screen and (min-width: 1024px) { .by_comp_table .by_tab_content_list { padding: 0; } } .by_comp_table .by_comp_tablehead_wrap { /* stylelint-disable-next-line */ border-bottom: 1px solid #fff; background-color: #999; } .by_comp_table .by_comp_tablehead { float: left; width: 50%; height: 50px; vertical-align: middle; color: #fff; text-align: center; line-height: 50px; } .by_comp_table .by_comp_tablehead span { display: inline-block; margin: 0 10px; vertical-align: middle; line-height: 14px; } .by_comp_table .by_comp_tablehead.by_first { border-right: 1px solid #fff; } .by_comp_table .by_comp_table_section_head { /* stylelint-disable-next-line */ padding: 10px; color: #fff; background-color: #999; text-align: center; } .by_comp_table .by_comp_table_row { overflow: hidden; background-color: #fff; } .by_comp_table .by_comp_table_row:nth-child(odd) { background-color: #f4f4f4; } .by_comp_table .by_comp_table_col { float: left; width: 33.33%; height: auto; padding: 10px; } .by_comp_table .by_comp_table_col p { margin: 0; } .by_comp_table .by_comp_table_col_left { text-align: right; } .by_comp_table .by_comp_table_col_right { text-align: left; } .by_comp_table .by_comp_table_col_center { text-align: center; } .by_form_1_col_teaser { width: 310px; border: 1px solid #bbb; margin-bottom: 30px; /* stylelint-disable-next-line */ /***************************************************************************** // BY_FORM_1_COL_CONTACT_LOCATOR_TEASER / ****************************************************************************/ } @media (max-width: 1023px) { .by_form_1_col_teaser { display: none; } } .by_form_1_col_teaser .by_teaser_image_container { height: 195px; } .by_form_1_col_teaser .by_teaser_image_container .by_teaser_image { width: 100%; height: 100%; } .by_form_1_col_teaser .by_teaser_content_container { position: relative; display: inline-block; width: 100%; padding: 17px 0 17px 25px; } .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content { float: left; width: calc(100% - 35px); height: 100%; text-align: left; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_pin { border: 0; } .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_headline { display: block; color: #333; font-size: 20px; } .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_copy { margin-top: 10px; color: #333; font-family: Arial, sans-serif; font-size: 14px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_form_1_col_teaser .by_teaser_content_container .by_teaser_content .by_teaser_copy { font-family: Tahoma, Arial, sans-serif; } .by_form_1_col_teaser .by_teaser_content_container .by_teaser_forward { position: absolute; top: 20px; right: 0; bottom: 20px; width: 35px; background: url("bentley.motors.apps.base/resources/img/chevron_right.png") center center no-repeat; cursor: pointer; } .by_form_1_col_teaser .by_teaser_content_container .by_teaser_forward:after { content: " "; position: absolute; right: 35px; height: 100%; /* stylelint-disable-next-line */ border-left: 1px solid darkgrey; } .by_form_1_col_teaser.by_form_1_col_contact_locator_teaser .by_teaser_content_container { padding-right: 25px; padding-left: 20px; } .by_form_1_col_teaser.by_form_1_col_contact_locator_teaser .by_teaser_content { width: 100%; } .by_sitemap, .by_sitemap_cluster__headline, .by_sitemap_group { margin: 0 10px; } @media all and (min-width: 820px) { .by_sitemap, .by_sitemap_cluster__headline, .by_sitemap_group { margin: 0 15px; } } .by_sitemap { text-align: left; } .by_sitemap_cluster { max-width: 305px; margin: 0 auto 36px; } @media all and (min-width: 700px) { .by_sitemap_cluster { max-width: 625px; margin: 0 auto 24px; } } @media all and (min-width: 1024px) { .by_sitemap_cluster { max-width: 940px; } } @media all and (min-width: 1366px) { .by_sitemap_cluster { max-width: 1350px; } } .by_sitemap_cluster__headline { display: block; padding: 0 0 11px; border-bottom: 1px solid #efefef; margin-top: 8px; color: #333; font-size: 18px; text-align: left; } @media all and (min-width: 700px) { .by_sitemap_cluster__headline { padding: 0 0 8px; margin-top: 20px; font-size: 28px; } } .by_sitemap_group { display: inline-block; width: 280px; margin-bottom: 10px; vertical-align: top; text-align: left; } @media all and (min-width: 1366px) { .by_sitemap_group { width: 304px; margin-bottom: 0; } } .by_sitemap_group__headline { display: inline-block; margin: 12px 0 17px; color: #333; font-size: 16px; } @media all and (min-width: 700px) { .by_sitemap_group__headline { margin: 22px 0 17px; font-size: 18px; } } .by_sitemap_link { margin: 0 0 8px; font-size: 14px; } .by_sitemap_link a { color: #333; } /** Defines the error pages. */ .by_content_error { background-color: #fff; } @media screen and (min-width: 700px) { .by_content_error { margin-top: 121px; } } .by_content_error_container { padding-bottom: 50px; text-align: center; } @media screen and (min-width: 700px) { .by_content_error_container { padding-bottom: 115px; } .by_content_error_container .by_bodycopy, .by_content_error_container .by_headlineicon_bottom { margin-bottom: 23px; } } @media screen and (max-width: 699px) { .by_content_error_container .by_hero_title, .by_content_error_container .by_article_block_title { /* stylelint-disable-line */ padding-top: 4px; } } @media screen and (min-width: 700px) and (max-width: 1023px) { .by_content_error_container .by_hero_title, .by_content_error_container .by_article_block_title { /* stylelint-disable-line */ padding-top: 8px; } } .by_content_error__dark { background-color: #181818; } .by_content_error__dark .by_hero_title, .by_content_error__dark .by_article_block_title, .by_content_error__dark .by_bodycopy, .by_content_error__dark .by_headlineicon_bottom { color: #fff; } /** styles the anchor cta */ .by_anchor_cta { position: fixed; z-index: 2000; right: 0; bottom: 0; display: none; width: 100%; max-width: 500px; padding-left: 20px; text-align: left; /* stylelint-disable-next-line */ } @media screen and (min-width: 396px) { .by_anchor_cta { width: auto; } } html[dir="rtl"] .by_anchor_cta { right: auto; left: 0; padding-right: 20px; padding-left: 0; } .by_anchor_cta.by_active { display: block; } .by_has_wltp .by_anchor_cta { bottom: 50px; -webkit-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } .by_article .by_anchor_cta, .by_article_container .by_anchor_cta { padding-top: 5px; } .by_anchor_cta_close { position: absolute; top: 0; left: 0; width: 20px; height: 100%; color: #fff; background: #bbb url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABOUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////5CXGy0AAAAZdFJOUwA/NJsfvE8DBSyWRSvd0erOLj3QIlbcx9ZFn6KGAAAASklEQVQI1yXJxQ3AMAAEwTMzc/+NJpb3NdJCSYc/JxW0TRWoyWqAi2nMFPw+LvZ+AsY546m0tVq58jH3nqMHNAsGMIFpKELvo0R9jkUCzR/fLtkAAAAASUVORK5CYII=') center center no-repeat; cursor: pointer; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_anchor_cta_close { right: 0; left: auto; } .by_anchor_cta_link { position: relative; display: table; min-height: 51px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 70px 12px 22px; vertical-align: middle; color: #fff; background-color: #80988f; font-size: 15px; text-align: center; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_anchor_cta_link { padding: 12px 22px 12px 70px; } .by_anchor_cta_link span { display: table-cell; height: 15px; vertical-align: middle; font-size: 15px; text-transform: uppercase; line-height: 15px; } .by_anchor_cta_link:after { content: ""; position: absolute; top: 7px; right: 0; bottom: 7px; width: 50px; border-left: 1px solid #fff; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAF0mx+sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDZEQTE4NEMxRjZFMzExQTU5QUFCOEQzRTIzQTk5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OTQwQTk1REY4NTMxMUUzQUI2REI1MkMzQ0Y1RTJDRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTQwQTk1Q0Y4NTMxMUUzQUI2REI1MkMzQ0Y1RTJDRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4Mjk3ODM1NTNGOEUzMTE4ODdFRjE2OUMxOUE1NjNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0NkRBMTg0QzFGNkUzMTFBNTlBQUI4RDNFMjNBOTk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+g+xxDQAAAk9JREFUeNpirJ/Rz4AEmBhQAZT/689vFD4rMwsKn5GREcIACCBG4sxL9g1F4YsJCqPw2xfNgDAAAgjdPOzGQcB//NJAF/78/SvZNwS79J+/f9lZ2eZuXoNdmoWZGc1wgAAixWmUSf/99w+fdJp/ODx+sEjP3by6IDzhH5IZKNKWOoYTVy5kYmLCLn38ynlWFhbqeQwggAiEGkVmD4RmIzUtYGJGC380wIJL4tytayeuXcwMjAKyp69fxsbCSpqzgdnw2v07wMzDyMBIms1AZ7tb2DbNm4oZv0Q5G4hwaRvoqAIIoOGWwoao5t9//pCp+fef3y1pBQI8vORoZmVhnbhqYV5YPH79OJ394cvnSYT04wswsP5FOSGxHGzsJGsGhllmUNS+s8e///xBcmjXJeUcPH/y6KVz8MqY2NBuTMnHrxNnYQAM7Z5lc4CuxaMTn7N//PqJX+cIzVUAAUZRGTZgrh61eNRi6ln8H4wM1bREBYTwt68IAhaSVAObyhJCIkbq2r7WTk/fvFy7f8erD++wts0IAmYHHw8SwoeR8duP7yevXbxy75aWooqrmbW6nNL9Z48/ffvKzMRMQ4uhepiYf/z6BbL+7i1NBWVnEysNeeUHz598+f4NuXtAq8QFbMy++fge6HVgpQCMch0lVWCf6////zSJY2gS+/8f2O2zMzB1MDIHcoGV4MHzp4G2MoIBTSz+D05fNnrGaFbib01TJ1VLCotqK6ocvnh6/9mT5FlJjsXMTEyv3r+dtXElMEjJtpL8OCY+6Y6W1SPaYgAyO+JdewmkSAAAAABJRU5ErkJggg==') center center no-repeat; /* stylelint-disable-next-line */ } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_anchor_cta_link:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAF2dFVsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDZEQTE4NEMxRjZFMzExQTU5QUFCOEQzRTIzQTk5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0IxMzI2MUY4NTMxMUUzOEQ3NUZCODI4MzFGQUJBQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0IxMzI2MEY4NTMxMUUzOEQ3NUZCODI4MzFGQUJBQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4Mjk3ODM1NTNGOEUzMTE4ODdFRjE2OUMxOUE1NjNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0NkRBMTg0QzFGNkUzMTFBNTlBQUI4RDNFMjNBOTk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+i6dobgAAAkRJREFUeNpirJ/Rz4AbMDHgBdSVLo5Mwifdu3wesgosuoEq8OmmnssBAohxsIQaWpChS6MFGbq0pY4hvmA5fuU8VV0OEEAEQo0iswdCMzD4MMMfDbDgkgAGLhBB9KNFArHOPnb5PDk2A51tpQuKeMz4JdbZgzWqAAJouKWwkaiZYJbCpxmzwCPN2QT1E/Azfv0ENAN14slbTAR14ikPmMjWia8wwFVujaZtCgBAAFFUhg2Yq0ctHrWY2hYDGyqUW8xChh5g8wiIiCzgqJ+P4TUIedZTWoCQbT2liQteC0ECn7ZxjNwWhrRr8VeCVLOYQispStWUWEm+xZTkotEic9Ri2gOAAOzYMQqAMAwFUKt3UDr0Lo4OntsLeAQdSk9hQegq+T8oyO/WoTwCbZpENZdgwYIFC/5BC9Mq+MdRrXPEt1cLTTLuYV4X04Gj5BC6NMY0xbo9S34J9rIR2MUGYd7GYdJmE0i729bXRcHMUKD/RMVhUgVhXkVgFxXP1Xxvbv6dtp0dQqgCESxYsGDjugRo145xAARhKAwv3sE4eP+buDp4BBbjKSQh6eBkRPpK+N9EXMyHA9JWVucabqcBAwYMGDBgwIABA+48k8M7bDhmO/bK5kV9qirUb2JzZjnrvJT1595FB+B0nfmrlsp9BHZzcDS2EzgO2xUcgS0Aa9kysLEL1Z7kdd6F1Mw8CbV2PlvqR0qDgiVUDVhI9QbLqYJ/aS3VCfwYOhJSncCljW63pSGuh0GoVDwAAwYMGDBgwIAB/5obFaAq+B7DhDcAAAAASUVORK5CYII='); background-size: 40px 40px; } } html[dir="rtl"] .by_anchor_cta_link:after { display: none; background: transparent; } .by_anchor_cta_link:before { /* stylelint-disable-next-line */ } html[dir="rtl"] .by_anchor_cta_link:before { content: ""; position: absolute; top: 7px; bottom: 7px; left: 0; width: 50px; border-right: 1px solid #fff; background: url('data:image/png;base64,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AAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9/v77/Pz/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+vz7GBIUNiouAAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAf////b49wQDAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQECAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAD//w5s+kHAEqvkAAAAAElFTkSuQmCC') center center no-repeat; } .by_swipenav_loaded .by_swipable_content .by_page_content { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_swipenav_loaded .by_swipable_content .by_page_content .by_anchor_cta { display: none; } .by_swipenav_loaded .by_swipable_content .by_page_content.by_swipenav_current .by_anchor_cta { display: block; } /* stylelint-disable-next-line */ .cq-wcm-edit { /* stylelint-disable-next-line */ } .cq-wcm-edit .cq-element-anchorCTA { text-align: right; } .cq-wcm-edit .cq-element-anchorCTA .by_anchor_cta { position: relative; /* stylelint-disable-next-line */ display: inline-block !important; margin-top: 30px; } /* VARS ========================================== */ /* ======================================== */ /****************************************************************************** Contact Us: Wrapper ******************************************************************************/ .by_contact_us { max-width: 906px; padding: 10px 23px 0; border-top: 1px solid #f8f8f8; margin: 0 auto 23px; text-align: left; } @media screen and (min-width: 700px) { .by_contact_us { margin: 32px auto 23px; } } .by_contact_us .by_contact_us_link_teaser { display: block; margin-top: 25px; color: #333; } .by_contact_us .by_panel_contact_us_teaser { color: #333; } /****************************************************************************** Contact Us: Teaser ******************************************************************************/ .by_contact_teaser { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 260px; min-height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 50px 10px 10px; border: 1px solid #bbb; margin: 0 auto; text-align: left; } @media screen and (min-width: 700px) { .by_contact_teaser { max-width: 635px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 25px 50px 25px 25px; } .by_contact_teaser .by_contact_teaser_hero { display: block; margin-top: -26px; margin-bottom: -26px; margin-left: -26px; } .by_contact_teaser .by_contact_teaser_icon { margin-top: -12px; margin-left: -10px; } .by_contact_teaser .by_contact_teaser_headline { font-size: 20px; } .by_contact_teaser .by_contact_teaser_body { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 30px; margin-left: 0; } .by_contact_teaser .by_contact_teaser_text { display: block; } .by_contact_teaser .by_contact_teaser_link_indicator { top: 25px; bottom: 25px; width: 40px; } } @media screen and (min-width: 1024px) { .by_contact_teaser { max-width: 861px; } } .by_contact_teaser .by_contact_teaser_hero { display: none; } .by_contact_teaser .by_contact_teaser_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -5px; } .by_contact_teaser .by_contact_teaser_headline { font-size: 16px; } .by_contact_teaser .by_contact_teaser_text { display: none; margin: 0; font-size: 14px; } .by_contact_teaser .by_contact_teaser_link_indicator { position: absolute; top: 10px; right: 0; bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: end; align-self: flex-end; border-left: 1px solid #e3e3e3; } .by_contact_teaser .by_contact_teaser_link_indicator .by_contact_teaser_link_img { margin: 0 auto; } /* stylelint-disable */ .by_button_primary, .by_button_secondary { display: inline-block; padding: 16px; margin: 12px 0 0; font-size: 14px; text-align: center; line-height: 20px; letter-spacing: 1.2px; border: none; background-color: transparent; cursor: pointer; } .by_button_primary { color: #fff; background-color: #335b4c; } .by_button_primary:hover { background-color: #003220; } .by_button_primary:focus, .by_button_primary.by_button--focus { background-color: #335b4c; -webkit-box-shadow: 0 0 0 4px #335b4c inset, 0 0 0 5px #fff inset; box-shadow: 0 0 0 4px #335b4c inset, 0 0 0 5px #fff inset; } .by_button_primary:active, .by_button_primary.by_button--active { border-color: #002819; background-color: #002819; -webkit-box-shadow: none; box-shadow: none; } .by_button_primary:disabled, .by_button_primary.by_button--disabled { color: #989a9e; background-color: #cbcdd1; pointer-events: none; } .by_button_secondary { padding: 14px; border: 2px solid #335b4c; color: #335b4c; } .by_button_secondary:hover { border: 2px solid #003220; color: #003220; background: #e6eae9; } .by_button_secondary:focus, .by_button_secondary.by_button--focus { background-color: #fff; -webkit-box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px #335b4c inset; box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px #335b4c inset; } .by_button_secondary:active, .by_button_secondary.by_button--active { border-color: #002819; color: #002819; background-color: #ccd6d2; -webkit-box-shadow: none; box-shadow: none; } .by_button_secondary:disabled, .by_button_secondary.by_button--disabled { border-color: #989a9e; color: #989a9e; background-color: #fff; pointer-events: none; } .by_button_secondary.by_button--bgDark { border: 2px solid #fff; color: #fff; } .by_button_secondary.by_button--bgDark:hover { border: 2px solid #fff; color: #fff; background: rgba(255, 255, 255, 0.2); } .by_button_secondary.by_button--bgDark:focus, .by_button_secondary.by_button--bgDark.by_button--focus { position: relative; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .by_button_secondary.by_button--bgDark:focus:after, .by_button_secondary.by_button--bgDark.by_button--focus:after { content: ""; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border: 1px solid white; } .by_button_secondary.by_button--bgDark:active, .by_button_secondary.by_button--bgDark.by_button--active { border-color: #fff; color: #fff; background: rgba(255, 255, 255, 0.4); -webkit-box-shadow: none; box-shadow: none; } .by_button_secondary.by_button--bgDark:disabled, .by_button_secondary.by_button--bgDark.by_button--disabled { border-color: #cbcdd1; color: #989a9e; background: transparent; pointer-events: none; } .by_button_icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; min-height: 33px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #335b4c; background: transparent; font-size: 14px; text-transform: uppercase; line-height: 20px; letter-spacing: 1.2px; cursor: pointer; } .by_button_icon:hover, .by_button_icon:focus, .by_button_icon.by_button--focus { color: #003220; } .by_button_icon:hover .by_icon, .by_button_icon:focus .by_icon, .by_button_icon.by_button--focus .by_icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .by_button_icon:active, .by_button_icon.by_button--active { color: #002819; } .by_button_icon:disabled, .by_button_icon.by_button--disabled { color: #989a9e; } .by_button_icon .by_icon { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); width: 16px; height: 16px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; fill: currentColor; } .by_button_icon.by_button--bgDark { color: #fff; } .by_button_icon.by_button--bgDark:disabled, .by_button_icon.by_button--bgDark.by_button--disabled { opacity: 0.6; } .by_button_icon .by_icon + .by_button_label, .by_button_icon .by_button_label + .by_icon { margin-left: 10px; } /* stylelint-enable */ .by_link_button { display: inline-block; padding: 0 30px; border: 0; margin-top: 10px; margin-bottom: 20px; color: #fff; background-color: #7f988f; line-height: 38px; } .by_article_block .by_link_button { margin-top: 0; } .by_table { margin-top: 35px; text-align: center; } .by_table_headline { padding: 0 20px; margin: 0 0 24px; text-align: center; } @media screen and (min-width: 960px) { .by_table_headline { padding: 0 30px; } } .by_table_content { display: block; width: 100%; max-width: 1554px; padding: 0 40px; padding-bottom: 60px; margin: 0 auto; text-align: left; } @media screen and (min-width: 700px) { .by_table_content { display: table; padding: 0 94px; padding-bottom: 60px; } } .by_table_content.by_table__full { width: 100%; } .by_table_content.by_table_has_footer { padding-bottom: 15px; } @media screen and (min-width: 700px) { .by_table_content.by_table_has_footer { padding-bottom: 20px; } } .by_table_content.by_table_fixed_width { table-layout: fixed; } .by_table_columns { display: table-column-group; } .by_table_columns .by_table_column { display: table-column; } .by_table_body { display: inline-block; width: 100%; border-bottom: 1px solid #000; } @media screen and (min-width: 700px) { .by_table_body { display: table-row-group; border: 0; } } .by_table_footer { width: 100%; max-width: 1554px; padding: 0 40px; padding-bottom: 40px; margin: 0 auto; } @media screen and (min-width: 700px) { .by_table_footer { padding: 0 15px 40px; } .by_article_block .by_table_footer { padding-bottom: 80px; } } .by_table_footer .by_richtext { padding-right: 0; padding-left: 0; } .by_table_row { display: table; width: 100%; padding-top: 10px; border-top: 1px solid #000; } .by_table_row.by_table_single_card { border-top: 0; } @media screen and (min-width: 700px) { .by_table_row.by_table_single_card { display: table-row; width: auto; padding: 0; border-top: 0 solid #000; } .by_table_row.by_table_single_card .by_table_cell .by_table_cell_inner { padding-bottom: 10px; } } .by_table_row.by_table_single_card .by_table_cell .by_table_cell_inner { padding-bottom: 0; } .by_table_cell { display: table-row; width: 100%; padding: 12px 15px 12px 20px; margin-left: 5px; vertical-align: top; /* stylelint-disable-next-line */ color: #333; background-clip: content-box; font-size: 14px; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_table_cell { display: table-cell; width: auto; border-bottom: 1px solid #b7b7b7; } } html[dir="rtl"] .by_table_cell { padding-right: 5px; padding-left: 0; } .by_table_cell.by_table_cell__first { padding: 12px 15px; } .by_table_cell .by_richtext { padding: 0 5px; } .by_table_cell .by_table_cell_inner { display: table-cell; width: 50%; padding-bottom: 10px; vertical-align: top; text-align: left; } @media screen and (min-width: 700px) { .by_table_cell .by_table_cell_inner { display: inline; width: 100%; padding: 0; } } @media screen and (min-width: 700px) { .by_table_cell .by_table_cell_inner.by_table_align_center { text-align: center; /* stylelint-disable-next-line */ } .by_table_cell .by_table_cell_inner.by_table_align_center .by_richtext { text-align: center; } .by_table_cell .by_table_cell_inner.by_table_align_right { text-align: right; /* stylelint-disable-next-line */ } .by_table_cell .by_table_cell_inner.by_table_align_right .by_richtext { text-align: right; } } .by_table_cell .by_table_cell_inner .by_richtext { margin: 0; text-align: left; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_table_cell .by_table_cell_inner .by_richtext { text-align: right; } .by_table_cell:before { content: attr(data-by-label); display: table-cell; width: 50%; vertical-align: top; text-transform: uppercase; } @media screen and (min-width: 700px) { .by_table_cell:before { display: none; } } .by_table_mobile_head { padding-bottom: 10px; } @media screen and (min-width: 700px) { .by_table_mobile_head { display: none; } } /* stylelint-disable-next-line */ .by_table_content.by_table_single_card { display: block; } .by_table_content.by_table_single_card .by_table_mobile_head { display: block; } .by_table_content.by_table_single_card .by_table_body { width: 100%; padding: 10px 0 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } .by_table_content.by_table_single_card .by_table_row { display: none; padding: 0; border: 0; } .by_table_content.by_table_single_card .by_table_row.by_active { display: table; } .by_table_content.by_table_single_card .by_table_cell { padding: 0; } .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body { display: table; } .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row { display: table-row; width: 100%; /* stylelint-disable-next-line */ } .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head { display: none; } .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell { display: none; width: 50%; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell__first { display: table-cell; text-transform: uppercase; } .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell:before { content: ""; display: none; } .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell.by_active { display: table-cell; } @media screen and (min-width: 700px) { .by_table_content.by_table_single_card, .by_table_content.by_table_single_card.by_table_rowfiltered { display: table; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_table_content.by_table_single_card .by_table_body, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body { display: table-row-group; width: 100%; border: 0; } .by_table_content.by_table_single_card .by_table_mobile_head, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_mobile_head { display: none; } .by_table_content.by_table_single_card .by_table_row, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row { /* stylelint-disable-next-line */ } .by_table_content.by_table_single_card .by_table_row, .by_table_content.by_table_single_card .by_table_row__head, .by_table_content.by_table_single_card .by_table_row.by_active, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row.by_active { display: table-row; } .by_table_content.by_table_single_card .by_table_cell, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell { display: table-cell; width: auto; /* stylelint-disable-next-line */ } .by_table_content.by_table_single_card .by_table_cell__first, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell__first { text-transform: none; } } .by_table_content, .by_table_content.by_table_single_card, .by_table_content.by_table_single_card.by_table_rowfiltered { /* stylelint-disable-next-line */ } @media screen and (max-width: 699px) { .by_table_content .by_table_cell_custom_background, .by_table_content.by_table_single_card .by_table_cell_custom_background, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell_custom_background { /* stylelint-disable-next-line */ } .by_table_content .by_table_cell_custom_background .by_table_cell, .by_table_content.by_table_single_card .by_table_cell_custom_background .by_table_cell, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell_custom_background .by_table_cell { /* stylelint-disable-next-line */ background: transparent !important; /* stylelint-disable-next-line */ } .by_table_content .by_table_cell_custom_background .by_table_cell p, .by_table_content.by_table_single_card .by_table_cell_custom_background .by_table_cell p, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell_custom_background .by_table_cell p { /* stylelint-disable-next-line */ color: #000 !important; } } @media screen and (min-width: 700px) { .by_table_content .by_table_row, .by_table_content.by_table_single_card .by_table_row, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row { display: table-row; } .by_table_content .by_table_cell, .by_table_content.by_table_single_card .by_table_cell, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell { padding: 12px 15px 12px 20px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_table_content .by_table_cell, html[dir="rtl"] .by_table_content.by_table_single_card .by_table_cell, html[dir="rtl"] .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_cell { padding-right: 5px; padding-left: 0; } .by_table_content .by_table_body, .by_table_content.by_table_single_card .by_table_body, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body { /* stylelint-disable-next-line */ } .by_table_content .by_table_body .by_table_cell_custom_background, .by_table_content.by_table_single_card .by_table_body .by_table_cell_custom_background, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body .by_table_cell_custom_background { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } .by_table_content .by_table_body .by_table_cell_custom_background .by_table_cell, .by_table_content.by_table_single_card .by_table_body .by_table_cell_custom_background .by_table_cell, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body .by_table_cell_custom_background .by_table_cell { padding: 5px 0; border: 0; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } html:not([dir="rtl"]) .by_table_content .by_table_body .by_table_cell_custom_background .by_table_cell:not(:first-child), html:not([dir="rtl"]) .by_table_content.by_table_single_card .by_table_body .by_table_cell_custom_background .by_table_cell:not(:first-child), html:not([dir="rtl"]) .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body .by_table_cell_custom_background .by_table_cell:not(:first-child) { padding-left: 5px; } html[dir="rtl"] .by_table_content .by_table_body .by_table_cell_custom_background .by_table_cell, html[dir="rtl"] .by_table_content.by_table_single_card .by_table_body .by_table_cell_custom_background .by_table_cell, html[dir="rtl"] .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body .by_table_cell_custom_background .by_table_cell { padding-right: 5px; } .by_table_content .by_table_body .by_table_cell_custom_background .by_table_cell .by_richtext, .by_table_content.by_table_single_card .by_table_body .by_table_cell_custom_background .by_table_cell .by_richtext, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body .by_table_cell_custom_background .by_table_cell .by_richtext { margin: 0; } .by_table_content .by_table_body .by_table_cell_custom_background .by_table_cell p, .by_table_content.by_table_single_card .by_table_body .by_table_cell_custom_background .by_table_cell p, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body .by_table_cell_custom_background .by_table_cell p { padding: 10px; } .by_table_content .by_table_body .by_table_cell_custom_background:not(:first-child) .by_table_cell, .by_table_content.by_table_single_card .by_table_body .by_table_cell_custom_background:not(:first-child) .by_table_cell, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_body .by_table_cell_custom_background:not(:first-child) .by_table_cell { padding-top: 0; } } .by_table_content .by_table_row__head, .by_table_content.by_table_single_card .by_table_row__head, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head { display: none; } @media screen and (min-width: 700px) { .by_table_content .by_table_row__head, .by_table_content.by_table_single_card .by_table_row__head, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head { display: table-row; /* stylelint-disable-next-line */ } .by_table_content .by_table_row__head .by_table_cell, .by_table_content.by_table_single_card .by_table_row__head .by_table_cell, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head .by_table_cell { position: relative; width: auto; padding: 0 0 0 5px; border-bottom: 0; margin-left: 5px; background-clip: content-box; background-color: transparent; font-size: 16px; text-transform: uppercase; /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ } html[dir="rtl"] .by_table_content .by_table_row__head .by_table_cell, html[dir="rtl"] .by_table_content.by_table_single_card .by_table_row__head .by_table_cell, html[dir="rtl"] .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head .by_table_cell { padding-right: 5px; padding-left: 0; } .by_table_content .by_table_row__head .by_table_cell.by_table_cell__first, .by_table_content.by_table_single_card .by_table_row__head .by_table_cell.by_table_cell__first, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head .by_table_cell.by_table_cell__first { padding-left: 0; margin-left: 0; } .by_table_content .by_table_row__head .by_table_cell .by_table_cell_inner, .by_table_content.by_table_single_card .by_table_row__head .by_table_cell .by_table_cell_inner, .by_table_content.by_table_single_card.by_table_rowfiltered .by_table_row__head .by_table_cell .by_table_cell_inner { display: inline-block; padding: 12px 15px; } } .by_article_block.by_light_color .by_table_body, .by_article_block.by_light_color .by_table_row, .by_article_block.by_light_color .by_table_cell { border-color: #fff; /* stylelint-disable-next-line */ } @media screen and (max-width: 699px) { .by_article_block.by_light_color .by_table_body p, .by_article_block.by_light_color .by_table_row p, .by_article_block.by_light_color .by_table_cell p { /* stylelint-disable-next-line */ color: #fff !important; } } .by_article_block.by_light_color .by_table_cell:before { /* stylelint-disable-next-line */ color: #fff; } .by_dynamic_table .by_dynamic_table__table, .by_dynamic_table .by_richtext { width: 100%; margin: 40px auto 0; } @media screen and (min-width: 1366px) { .by_dynamic_table .by_dynamic_table__table, .by_dynamic_table .by_richtext { width: 60%; } } @media screen and (min-width: 1420px) { .by_dynamic_table .by_dynamic_table__table, .by_dynamic_table .by_richtext { max-width: 900px; } } @media screen and (max-width: 959px) { .by_dynamic_table .by_dynamic_table__table, .by_dynamic_table .by_dynamic_table__table_body, .by_dynamic_table .by_dynamic_table__table_row { display: block; } } .by_dynamic_table .by_dynamic_table__row, .by_dynamic_table .by_dynamic_table__table_wrapper, .by_dynamic_table .by_dynamic_table__no_support { max-width: 350px; margin: auto; } @media screen and (min-width: 820px) { .by_dynamic_table .by_dynamic_table__row, .by_dynamic_table .by_dynamic_table__table_wrapper, .by_dynamic_table .by_dynamic_table__no_support { max-width: 460px; } } @media screen and (min-width: 960px) { .by_dynamic_table .by_dynamic_table__row, .by_dynamic_table .by_dynamic_table__table_wrapper, .by_dynamic_table .by_dynamic_table__no_support { max-width: none; } } @media screen and (min-width: 960px) { .by_dynamic_table__row { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d8d9dc; } } .by_dynamic_table__col { position: relative; width: auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 12px 0; } @media screen and (min-width: 960px) { .by_dynamic_table__col { padding: 24px 32px; } } .by_dynamic_table__col--disabled { opacity: 0.4; } .by_dynamic_table__col--disabled .by_tooltip { display: none; } .by_dynamic_table__label { position: relative; display: block; margin-bottom: 7px; font-size: 12px; text-align: left; line-height: 14px; } .by_dynamic_table__label--required:before { content: "*"; } .by_dynamic_table__table_head { display: none; color: #fff; background-color: #727376; text-align: left; } @media screen and (min-width: 960px) { .by_dynamic_table__table_head { display: table-header-group; } } .by_dynamic_table__table_row { padding: 8px 0; border-bottom: 1px solid #d8d9dc; } @media screen and (max-width: 959px) { .by_dynamic_table__table_row:first-child { border-top: 1px solid #d8d9dc; } } .by_dynamic_table__table_row:nth-child(2n) { background-color: #f2f2f3; } .by_dynamic_table th, .by_dynamic_table td { display: table-cell; padding: 16px 24px; font-weight: normal; text-align: left; } @media screen and (max-width: 959px) { .by_dynamic_table th, .by_dynamic_table td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 4px 16px; } .by_dynamic_table th:first-child, .by_dynamic_table td:first-child { display: block; font-weight: bold; } } .by_dynamic_table__no_support { display: none; color: #727376; font-size: 16px; text-align: center; line-height: 24px; } .by_dynamic_table__no_support h2 { font-size: 20px; font-weight: normal; line-height: 28px; } .by_dynamic_table__check { width: 24px; height: 24px; fill: #769a17; } .by_dynamic_table__uncheck { display: inline-block; width: 24px; text-align: center; } @media screen and (min-width: 960px) { .by_dynamic_table__mobile_label { display: none; } } .by_dynamic_table__tooltip_icon { width: 20px; height: 20px; fill: #335b4c; } .by_dynamic_table__tooltip_icon:hover { fill: #003220; } .by_dynamic_table__tooltip_icon:active { fill: #002819; } .by_dynamic_table__active_line { position: absolute; right: -33px; bottom: -25px; left: -33px; display: none; height: 4px; background: #335b4c; } .by_dynamic_table .by_richtext { max-width: none; padding: 0; } @media screen and (min-width: 1420px) { .by_dynamic_table .by_richtext { max-width: 900px; } } .by_dynamic_table .by_tooltip { position: absolute; top: -1px; right: 0; } .by_dynamic_table .by_tooltip__trigger { display: inline-block; width: 20px; height: 20px; } .by_dynamic_table .by_form_select_element { position: relative; } .by_dynamic_table .by_form_select_wrapper, .by_dynamic_table .by_form_select_wrapper__white { width: 100%; } @media screen and (min-width: 960px) { .by_dynamic_table .by_form_select_wrapper.by_focus + .by_dynamic_table__active_line, .by_dynamic_table .by_focus.by_form_select_wrapper__white + .by_dynamic_table__active_line { display: block; } } .by_dynamic_table .by_form_select_text { text-align: left; } .by_tooltip { position: relative; } .by_tooltip__trigger:hover:after { content: ""; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-top: 4px solid rgba(0, 40, 25, 0.85); border-right: 4px solid transparent; border-left: 4px solid transparent; } .by_tooltip__trigger:hover + .by_tooltip__tooltip { display: block; } .by_tooltip__tooltip { position: absolute; right: 0; bottom: calc(100% + 10px); display: none; width: 280px; padding: 12px; color: #fff; background-color: rgba(0, 40, 25, 0.85); font-size: 16px; line-height: 24px; } /* media */ /** @section: stage and hero container */ .by_hero_container { position: relative; overflow: hidden; width: 100%; height: auto; line-height: 0; } .by_hero_image_safe_zone { /* stylelint-disable-next-line */ position: relative; width: 100%; min-width: 320px; height: 178px; text-align: center; /* @media screen and (min-width: $break_c1) { &.by_hero_homepage.by_hero_homepage__video { max-height: 544px; height: 544px; } } */ } @media screen and (min-width: 396px) { .by_hero_image_safe_zone { width: 100%; height: auto; max-height: 309px; } .by_hero_image_safe_zone.by_hero_homepage { height: auto; max-height: 371px; } } @media screen and (min-width: 700px) { .by_hero_image_safe_zone { width: 100%; height: auto; max-height: 477px; } .by_hero_image_safe_zone.by_hero_homepage { max-height: 572px; } } @media screen and (min-width: 960px) { .by_hero_image_safe_zone { width: 100%; height: 477px; max-height: 477px; } .by_hero_image_safe_zone.by_hero_homepage { height: 572px; max-height: 572px; } } @media screen and (min-width: 1367px) { .by_hero_image_safe_zone { width: 100%; height: auto; max-height: 100%; } .by_hero_image_safe_zone.by_hero_homepage { height: auto; max-height: 100%; } } .by_hero_image_safe_zone.by_hero_homepage { height: auto; } .by_hero_image_safe_zone .by_responsive_image_lazy-placeholder { display: inline-block; width: 100%; max-width: 700px; height: auto; margin: 0 -50%; position: relative; padding-bottom: 34.895833333%; } @media screen and (min-width: 396px) { .by_hero_image_safe_zone .by_responsive_image_lazy-placeholder { width: 100%; max-width: 700px; height: auto; } } @media screen and (min-width: 700px) { .by_hero_image_safe_zone .by_responsive_image_lazy-placeholder { width: 155%; max-width: 1366px; } } @media screen and (min-width: 1367px) { .by_hero_image_safe_zone .by_responsive_image_lazy-placeholder { width: 100%; max-width: 100%; } } .by_right_zone .by_hero_image_safe_zone .by_responsive_image_lazy-placeholder { float: right; margin: 0; } .by_left_zone .by_hero_image_safe_zone .by_responsive_image_lazy-placeholder { float: left; margin: 0; } @media screen and (min-width: 700px) { .by_hero_image_safe_zone .by_responsive_image_lazy-placeholder { padding-bottom: 44.206008583%; } } .by_hero_image, .by_hero_video { /* stylelint-disable-next-line */ display: inline-block; width: 100%; max-width: 700px; height: auto; margin: 0 -50%; /* stylelint-disable-next-line */ } @media screen and (min-width: 396px) { .by_hero_image, .by_hero_video { width: 100%; max-width: 700px; height: auto; } } @media screen and (min-width: 700px) { .by_hero_image, .by_hero_video { width: 155%; max-width: 1366px; } } @media screen and (min-width: 1367px) { .by_hero_image, .by_hero_video { width: 100%; max-width: 100%; } } .by_right_zone .by_hero_image, .by_right_zone .by_hero_video { float: right; margin: 0; } .by_left_zone .by_hero_image, .by_left_zone .by_hero_video { float: left; margin: 0; } .no-js .by_hero_image.by_responsive_image, .no-js .by_responsive_image.by_hero_video { display: none; } .by_hero_label_container { position: absolute; } @media screen and (min-width: 700px) { .by_hero_label_container { position: static; } } .by_hero_label_container:hover { /* stylelint-disable */ /* stylelint-enable */ } .by_hero_label_container.by_hero_link_container { position: static; } .by_hero_anchor { position: absolute; z-index: 800; top: 0; right: 0; bottom: 0; left: 0; } @media screen and (min-width: 700px) { .by_hero_anchor { top: calc(5% + 80px); right: 0; bottom: 5%; left: 0; } } .by_hero_anchor:hover + .by_hero_label_container * { /* stylelint-disable-next-line */ background-color: #f4f4f4 !important; } .by_hero_label { display: block; width: 100%; padding: 15px 20px 25px; background-color: #fafafa; text-align: center; /* stylelint-disable-next-line */ } @media screen and (max-width: 699px) { .by_hero_label { padding-bottom: 15px; } } @media screen and (min-width: 700px) { .by_hero_label { position: absolute; bottom: 50px; left: 0; width: auto; max-width: 75%; padding: 20px; background-color: transparent; text-align: left; } .by_hero_label.by_right { right: 0; left: auto; } } @media screen and (min-width: 1366px) { .by_hero_label { bottom: 70px; max-width: 50%; } } .by_decorate_external_links .by_hero_label.by_external_link { /* stylelint-disable-next-line */ } .by_decorate_external_links .by_hero_label.by_external_link:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.2em; position: relative; top: -0.1em; vertical-align: middle; } html[dir=rtl] .by_decorate_external_links .by_hero_label.by_external_link:before { margin-right: 0; margin-left: 0.2em; } /* stylelint-disable-next-line */ a.by_hero_label:hover, .by_hero_label_container:hover a.by_hero_label { background-color: #f4f4f4; } .by_hero_homepage__video { /* stylelint-disable-next-line */ } @media screen and (min-width: 1367px) { .by_hero_homepage__video { position: relative; padding-top: 42.0168%; } } @media screen and (min-width: 1024px) { .by_hero_homepage__video:after { content: ""; position: absolute; top: 0; right: 0; left: 0; display: block; height: 100%; background-color: transparent; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .by_hero_homepage__video.by_video_paused:after { background-color: rgba(0, 0, 0, 0.4); } } .by_hero_homepage__video img.by_hero_video_placeholder.cqstone_mediahandler_wcm_dummy { display: none; } @media screen and (min-width: 1024px) { .by_hero_homepage__video img.by_hero_video_placeholder.cqstone_mediahandler_wcm_dummy { display: inline-block; width: auto; height: 100%; margin: 0 -50%; } } @media screen and (min-width: 1367px) { .by_hero_homepage__video img.by_hero_video_placeholder.cqstone_mediahandler_wcm_dummy { position: absolute; top: 0; left: 0; width: 100%; height: auto; margin: 0; } } .by_hero_homepage__video.by_left_zone { /* stylelint-disable-next-line */ } .by_hero_homepage__video.by_left_zone img.by_hero_video_placeholder.cqstone_mediahandler_wcm_dummy { margin: 0; } .by_hero_homepage__video.by_right_zone { /* stylelint-disable-next-line */ } .by_hero_homepage__video.by_right_zone img.by_hero_video_placeholder.cqstone_mediahandler_wcm_dummy { float: right; margin: 0; } @media screen and (min-width: 700px) { .by_hero_homepage__youtube .by_hero_video_wrapper { margin-top: 81px; } } .by_hero_video { /* stylelint-disable-next-line */ display: none; } @media screen and (min-width: 1024px) { .by_hero_video { display: inline; width: 1366px; height: 573px; } } @media screen and (min-width: 1367px) { .by_hero_video { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; margin: 0; } } .by_hero_video_fallback { display: inline; } @media screen and (min-width: 1024px) { .by_hero_video_fallback { display: none; } } /** @section: video (youtube/youkou iFrame integration of the youtube/youkou video */ .by_hero_video_wrapper, .by_article_video_wrapper, .by_gallery_video_wrapper { position: relative; display: none; width: 100%; height: 0; padding-bottom: 56.25%; } .by_hero_video_wrapper iframe, .by_article_video_wrapper iframe, .by_gallery_video_wrapper iframe { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .by_hero_video_wrapper { padding-bottom: 208px; } @media screen and (min-width: 396px) { .by_hero_video_wrapper { padding-bottom: 53%; } } @media screen and (min-width: 700px) { .by_hero_video_wrapper { padding-bottom: 41.9%; margin-top: 121px; } } @media screen and (min-width: 960px) { .by_hero_video_wrapper { padding-bottom: 573px; } } @media screen and (min-width: 1367px) { .by_hero_video_wrapper { padding-bottom: 41.9%; } .by_hero_video_wrapper .by_play { margin-top: 15px; } } .by_article_video_wrapper { padding-bottom: 44.2%; } @media screen and (min-width: 700px) { .by_article_video_wrapper { padding-bottom: 34.9%; } } .by_play { /* stylelint-disable-next-line */ position: absolute; top: 50%; left: 50%; display: block; width: 56px; height: 56px; border-style: solid; border-width: 28px; border-radius: 100%; margin-top: -28px; margin-left: -28px; } .by_play:before { content: ""; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid #fff; margin-top: -8px; margin-left: -6px; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_play:before { margin-right: -10px; margin-left: auto; } .by_play__light, .by_play { border-color: rgba(255, 255, 255, 0.55); } .by_play__gray { border-color: rgba(83, 83, 83, 0.55); } .by_play__red { border-color: rgba(230, 33, 23, 0.75); } .by_play__green { border-color: rgba(148, 193, 29, 0.75); } .by_hero_container.by_video .by_play { z-index: 3; } @media screen and (min-width: 700px) { .by_hero_container.by_video .by_play { margin-top: 12px; } } /** @section Gallery */ .by_gallery { max-width: 1366px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 700px) { .by_gallery.by_hero_container { max-width: none; margin-top: 121px; } } .by_gallery_thumb { position: relative; float: left; width: 50%; cursor: pointer; } @media screen and (min-width: 700px) { .by_gallery_thumb { width: 33.3333%; } } .by_gallery_thumb img { float: left; width: 100%; height: auto; } .by_gallery_thumb.by_invisible { display: none; } .by_hero_container .by_gallery_thumb img { outline: 1px solid #fff; } .by_gallery_toggler { clear: both; display: block; height: 40px; padding-top: 10px; background-color: #f4f4f4; text-align: center; line-height: 20px; cursor: pointer; } .by_gallery_toggler i { display: inline-block; vertical-align: middle; width: 12px; height: 6px; background-position: left bottom; } .by_gallery_toggler.by_active i { background-position: right bottom; } .by_gallery_toggler i { margin: 0 0 0 10px; } /** @section: new bentley gallery */ .by_lb_gallery { width: 100%; height: 100%; padding: 0 0 172px 0; border-top: 30px solid #fff; overflow: hidden; } @media screen and (min-width: 700px) { .by_lb_gallery { padding: 0 0 140px 0; } } .by_lb_gallery .by_share_options { position: relative; top: -5px; right: auto; left: 50px; width: auto; height: 50px; padding: 0; } .by_lb_gallery .by_share_options:before, .by_lb_gallery .by_share_options:after { content: ""; position: absolute; width: 0; height: 0; background: #7f988f; } .by_lb_gallery .by_share_options:before { display: block; left: -7px; top: 17px; right: auto; bottom: auto; border-left: none; border-top: 7px solid #fff; border-bottom: 7px solid #fff; border-right: 7px solid #7f988f; } .by_lb_gallery .by_share_options:after { display: none; background: none; border: none; } @media screen and (min-width: 700px) { .by_lb_gallery .by_share_options { position: absolute; top: 50px; right: 0; left: auto; } .by_lb_gallery .by_share_options:before, .by_lb_gallery .by_share_options:after { content: ""; position: absolute; width: 0; height: 0; background: #7f988f; } .by_lb_gallery .by_share_options:before { top: -7px; right: 12px; left: auto; display: block; border-top: none; border-left: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #7f988f; } .by_lb_gallery .by_share_options:after { display: none; background: none; border: none; } } .by_gallery_stage { position: relative; display: table; width: 100%; height: 100%; margin: 0 auto; } .by_gallery_placeholder { display: table-cell; width: 1398px; vertical-align: middle; text-align: center; line-height: 0; height: 699px; } .by_gallery_image { display: inline-block; width: 100%; height: auto; } .by_gallery_infobox { position: relative; height: 172px; background-color: #fff; } @media screen and (min-width: 700px) { .by_gallery_infobox { height: 140px; } } .by_gallery_infobox_wrapper { position: relative; width: 100%; max-width: 1398px; height: 100%; padding: 20px; margin: 0 auto; } .by_gallery_caption { width: 100%; text-align: left; } @media screen and (min-width: 700px) { .by_gallery_caption { width: 60%; } } .by_gallery_caption p { padding: 0; margin: 0; } .by_gallery_tools { position: absolute; bottom: 5px; left: 20px; text-align: left; line-height: 0; } @media screen and (min-width: 700px) { .by_gallery_tools { top: 20px; right: 20px; bottom: auto; left: auto; width: 45%; text-align: right; } } .by_gallery_tool_btn { position: absolute; bottom: 10px; left: 0; display: inline-block; width: 40px; height: 40px; padding: 0; margin: 0; text-indent: 40px; /* stylelint-disable-next-line */ overflow: hidden; white-space: nowrap; text-indent: 100%; } @media screen and (min-width: 700px) { .by_gallery_tool_btn { position: relative; bottom: auto; left: auto; margin: 0 0 0 10px; } } .by_gallery_tool_btn.by_download_btn { display: none; } @media screen and (min-width: 700px) { .by_gallery_tool_btn.by_download_btn { display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAMAAABcUcfzAAAASFBMVEX///98lozExMSIoJe3t7fu7+/6+/p/mI95k4qfsqvMzMzf5OO7u7v19vbm5+eSp6C/v7+vv7nx8vLW2dd1kIaEnJPAzMipurNZhS71AAABDklEQVRIx+3UbYuEIBDA8Zl8aNTUSqvv/01vi9sQKRUObm+P/b9S+CHMvBA+vTyndZAt0HA+tsKuDu1swwMKO1fg3A174xCgkhj4A/LQMPTudNN6ONcSWjKdrQj5nX0eblzo8m52pHmeuIOdSwoFqCFJvDu0Sa4AhzFt4OKHC7ciT8Knl6UaA2oM+sb+O0QiaoG0GROWFrgCzAxrEDFOAGIhrEDm/f6i8r4M0c/HhyxhxfKLpCTsheowtO3O9FifegJwlanxKK6CER7dwIUdLcw/T9eQgsjzdAkd5KlraEBs09m2FqCJdBZVCVJy/WUY8SyWoGP+jE0FCDZJFmB94Ude5S39JUTK+7NfyvvCL/4kM/1e0cKmAAAAAElFTkSuQmCC') left top no-repeat transparent; } .by_gallery_tool_btn.by_download_btn:link, .by_gallery_tool_btn.by_download_btn:visited { background-position: left top; } .by_gallery_tool_btn.by_download_btn:hover { background-position: left bottom; } .by_gallery_tool_btn.by_download_btn:active { background-position: left top; } } .by_gallery__prev, .by_gallery__next { position: absolute; z-index: 1; top: 50%; display: block; width: 40px; height: 80px; padding: 0; border: 0; margin: -40px 0 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABQBAMAAAAdJ83cAAAALVBMVEUAAAAAAABubm76+vozMzPv7+8AAAAAAAAAAAAAAADY2NiZmZnl5eXExMT///9KQsvbAAAADnRSTlNVAHfuVd0RRDMiu4HMqtTWwz8AAAHOSURBVEjHjNUvTgNRGATw6YawFBBgSHGbcIMmGBQGg4UDdBXIVQ24YkpwrALZBDThBA3noZdAvCZD33y707HN9Pf+fH0F8PBSH2+Zk/dnrJNKvgAwZesbpw02M3eNe0jmtqFpe1eFKGXds/MGYfa6KzN0ZNrVuAMjSzPL0jzGlTf0pHWnpRlGlVcwfje6E83UHpcyWmlg8pQ3RnDZzSsTuJS6LpvWXIpZmV3XQZXmWWe4+Eacr/RBvXGP6ct+EWZ/xWPOj3i5QJSPtT74XzlCYi5CZMzR1JE8W0RIxZvRWykC5joh3D93n5hPZNm5qXiZ0UUW55dZ5WocTuYIZG67EQzkwMgIIiMzgTJEmKGcMRlB5NWcQRkivkKGiN5lg4AhwrACCEPEVcgQ8RUyhyuYCrP8YdVUuGuu0Fa4azK+QoSMVhQhY66SCBk3METImAoRMm74iZBxPzEiyugPmYgy+lwooow+Soooo08fEWX0gRVEGHnGBRFG/iwEUUb/koho/kqvAxoAYBCIgTMwJ/MvYAqQhABCGuib+N6L7vjuP/3qvfoT96nAQeKzh+PKJxyHos9Rjl6f1hzwggkeI0weDyvmm0DijKICvFNWL/Cey0O3SU1UsgoAAAAASUVORK5CYII=') 0 0 no-repeat transparent; cursor: pointer; /* stylelint-disable-next-line */ overflow: hidden; white-space: nowrap; text-indent: 100%; } @media screen and (min-width: 700px) { .by_gallery__prev, .by_gallery__next { width: 80px; height: 120px; margin: -60px 0 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAB4BAMAAACHjORcAAAAGFBMVEUAAAAAAAD///8AAAAAAAAAAABmZmYAAAAEEgNnAAAACHRSTlNVAO5EMyJ3EfiFIXoAAAJJSURBVGjezJc/T8JQHEWvVmS1KaSrYXBuExLXNoS40oTElfgJeEG/vzqYK15K2tvf4Jnp4bx/9IH8i4/9Bt+st6/5OPRh5OW+Asm2aYxNH8Z7hXOyl+G+Cw8DyjoNzNtgIFk3xLdknmlUn2n0fWr0fWpMV9ejwmjurgkbGDz3+06waPt8C3hkyZhAZ9An2HQXdwx8ZpeEO0ygjVkRchewBTVRAyNncYeJdDFLTObnwiOmkqWYQ0Lq38ICJGTnNAgg0VciglpGHDfmBiEkGXHUmAvEMOOxiyH7EVYIouM5Dp3EAlHMOIWhk1ghjI5TGDiJBeKYy29rxHFuEEc2eU3uD/L7UMonxrA6yOt58Ue4wghun2SZZZHfHq1ALvMRRiID9fDtYCQyUPdNAyORgbpvKtiJDCR5DmiiHQikEoSJdiC6JdxEBqpQE91AtAsYiRIoQk00A1EXMBIZKNw8wEpkoAqtRAaq0EpkoAqdRAZChU4iv06FowalX6fCUYPSRBVagUxUoRWoiSrUQCuxLnoDvcR2YQRqogo10EzslkagJKpQA93EVPYEuol57gUyUV/0ViAT9SpiBTJRL0tWIBP1OmcFMlEvnFYgE/VK7AUSvbT/q78Vn82atwEAIAjA/v/axYIKTBlyRkoKPmY0m/DoxdsF4F5FsCWGVbMcEWRVVUGmOXVfFJJOZXpJXaN2fsS4T91/ccGWP5JA40pIaeQyZbgiFHpSZhlbLTm4C9aGpA5Ef2BLoMcJfu3g5xN+j8EHHnwxwicofNMaxNO4NzbFoxYAAAAASUVORK5CYII='); } } .by_lb__static .by_gallery__prev, .by_lb__static .by_gallery__next { visibility: hidden; } .by_gallery__prev { left: 0; background-position: left top; } .by_gallery__next { right: 0; background-position: right top; } /** @section: stage and cover container */ .by_cover_container { /* stylelint-disable-next-line */ } .by_cover_container .by_cover_row { position: relative; clear: both; width: 100%; line-height: 0; /* Scale from A1 - A2 */ /* stylelint-disable-next-line */ /* Reveal from B1 - C1 */ /* Scale from D1 */ /* stylelint-disable-next-line */ /** @section: row type 1 */ /* stylelint-disable */ /* stylelint-enable */ /** @section: row type 2 */ /* stylelint-disable */ /** @section: row type 3 */ /* stylelint-disable */ /* stylelint-enable */ } .by_cover_container .by_cover_row .by_cover_img_inner { height: 100%; } .by_cover_container .by_cover_row .by_cover_img_inner img { width: 100.5%; } @media screen and (min-width: 700px) { .by_cover_container .by_cover_row { /* stylelint-disable-next-line */ } .by_cover_container .by_cover_row .by_cover_img_inner { height: auto; } .by_cover_container .by_cover_row .by_cover_img_inner img { width: auto; } } @media screen and (min-width: 1367px) { .by_cover_container .by_cover_row { /* stylelint-disable-next-line */ } .by_cover_container .by_cover_row .by_cover_img_inner { height: 100%; } .by_cover_container .by_cover_row .by_cover_img_inner img { width: 100.5%; } } .by_cover_container .by_cover_row a { position: relative; display: block; } .by_decorate_external_links .by_cover_container .by_cover_row .by_external_link .by_cover_label { /* stylelint-disable-next-line */ } .by_decorate_external_links .by_cover_container .by_cover_row .by_external_link .by_cover_label:before { background: url("bentley.motors.apps.base/resources/img/external_link.svg"); display: inline-block; content: ""; background-size: cover; width: 1em; height: 1em; margin-right: 0.2em; position: relative; top: 0.17em; } html[dir=rtl] .by_decorate_external_links .by_cover_container .by_cover_row .by_external_link .by_cover_label:before { margin-right: 0; margin-left: 0.2em; } .by_cover_container .by_cover_row .by_cover_col { position: relative; float: left; overflow: hidden; width: 100%; /* stylelint-disable-next-line */ } .by_cover_container .by_cover_row .by_cover_col a:hover .by_cover_label { background-color: #f4f4f4; } .by_cover_container .by_cover_row .by_cover_label { position: absolute; z-index: 1; top: 0; left: 0; max-width: 80%; padding: 15px; text-align: left; } .by_cover_container .by_cover_row .by_cover_label.by_right { right: 0; left: auto; text-align: right; } .by_cover_container .by_cover_row .by_cover_img_outer { position: relative; width: 100%; padding-top: 50%; } .by_cover_container .by_cover_row .by_cover_img_inner { position: absolute; top: 0; width: 100%; text-align: center; /* stylelint-disable-next-line */ } .by_cover_container .by_cover_row .by_cover_img_inner img { position: relative; display: inline-block; margin: 0 -50%; } .by_cover_container .by_cover_row.by_cover_row_type1 .by_cover_label { top: 20px; } .by_cover_container .by_cover_row.by_cover_row_type1 .by_cover_col { float: none; } .by_cover_container .by_cover_row.by_cover_row_type1 .by_cover_img_outer { padding-top: 44.2%; } @media screen and (min-width: 700px) { .by_cover_container .by_cover_row.by_cover_row_type1 .by_cover_label { top: 201px; padding: 20px; } .by_cover_container .by_cover_row.by_cover_row_type1 .by_cover_col { min-height: 453px; } .by_cover_container .by_cover_row.by_cover_row_type1 .by_cover_img_outer { padding-top: 34.919%; } } .by_cover_container .by_cover_row.by_cover_row_type2 { /* stylelint-enable */ } @media screen and (min-width: 700px) { .by_cover_container .by_cover_row.by_cover_row_type2 .by_cover_col { min-height: 278px; } .by_cover_container .by_cover_row.by_cover_row_type2 .by_cover_col_left { width: 33.3333%; } .by_cover_container .by_cover_row.by_cover_row_type2 .by_cover_col_left .by_cover_img_outer { padding-top: 77%; } .by_cover_container .by_cover_row.by_cover_row_type2 .by_cover_col_right { width: 66.6666%; } .by_cover_container .by_cover_row.by_cover_row_type2 .by_cover_col_right .by_cover_img_outer { padding-top: 38.5%; } } .by_cover_container .by_cover_row.by_cover_row_type2 .by_cover_img_outer { padding-top: 39.7%; } @media screen and (min-width: 700px) { .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_col { min-height: 278px; } .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_col_left { width: 55%; } .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_col_left .by_cover_img_outer { padding-top: 65.4545454545%; } .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_col_right { width: 45%; } .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_col_right .by_cover_img_outer { padding-top: 80%; } } @media screen and (min-width: 1367px) { .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_col_left .by_cover_img_outer { padding-top: 63.2443636364%; } .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_col_right .by_cover_img_outer { padding-top: 77.2986666667%; } } .by_cover_container .by_cover_row.by_cover_row_type3 .by_cover_img_outer { padding-top: 39.7%; } /* stylelint-disable */ /* stylelint-disable */ @-webkit-keyframes fadeInFromSide { 50% { opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fadeInFromSide { 50% { opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes fadeOutToLeft { 50% { opacity: 0; } 100% { -webkit-transform: translateX(-25%); transform: translateX(-25%); opacity: 0; } } @keyframes fadeOutToLeft { 50% { opacity: 0; } 100% { -webkit-transform: translateX(-25%); transform: translateX(-25%); opacity: 0; } } @-webkit-keyframes fadeOutToRight { 50% { opacity: 0; } 100% { -webkit-transform: translateX(25%); transform: translateX(25%); opacity: 0; } } @keyframes fadeOutToRight { 50% { opacity: 0; } 100% { -webkit-transform: translateX(25%); transform: translateX(25%); opacity: 0; } } @-webkit-keyframes showElement { 100% { opacity: 1; } } @keyframes showElement { 100% { opacity: 1; } } @-webkit-keyframes hideElement { 100% { opacity: 0; } } @keyframes hideElement { 100% { opacity: 0; } } @media screen and (max-width: 1365px) { .by_hero_slide { opacity: 0; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; position: absolute; } } @media screen and (min-width: 1366px) { .by_hero_slide { opacity: 1; -webkit-animation: hideElement 0.3s ease 0.6s 1; animation: hideElement 0.3s ease 0.6s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .by_hero_slide.by_hero_slide__initial { visibility: hidden; } } @media screen and (min-width: 1366px) { .by_hero_slide .by_hero_title, .by_hero_slide .by_article_block_title, .by_hero_slide .by_hero_subtitle, .by_hero_slide .by_button { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-animation: fadeOutToLeft 0.3s ease 0s 1; animation: fadeOutToLeft 0.3s ease 0s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_content_right .by_hero_title, .by_hero_slide.by_hero_content_right .by_article_block_title, .by_hero_slide.by_hero_content_right .by_hero_subtitle, .by_hero_slide.by_hero_content_right .by_button { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-animation: fadeOutToRight 0.3s ease 0s 1; animation: fadeOutToRight 0.3s ease 0s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_content_right .by_hero_subtitle, .by_hero_slide .by_hero_subtitle { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_content_right .by_button_primary, .by_hero_slide .by_button_primary { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_content_right .by_button_secondary, .by_hero_slide .by_button_secondary { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } } @media screen and (min-width: 1366px) { .by_hero_slide .by_hero_wltp { opacity: 1; -webkit-animation: hideElement 0.3s ease 0.2s 1; animation: hideElement 0.3s ease 0.2s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (min-width: 1366px) { .by_hero_slider_navigation { opacity: 0; } .by_hero_slider_navigation__active .by_hero_slider_navigation { -webkit-animation: showElement 0.3s ease 0.8s 1; animation: showElement 0.3s ease 0.8s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 1; } } @media screen and (min-width: 1366px) { .by_hero_content_wrapper { opacity: 1; -webkit-animation: hideElement 0.3s ease 0.1s 1; animation: hideElement 0.3s ease 0.1s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } .by_hero_slide.by_hero_slide__active { opacity: 1; position: relative; z-index: 1; } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active { opacity: 0; -webkit-animation: showElement 0.3s ease 0.4s 1; animation: showElement 0.3s ease 0.4s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 1; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active .by_hero_content_wrapper { opacity: 0; -webkit-animation: showElement 0.9s ease 0.8s 1; animation: showElement 0.9s ease 0.8s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } .by_hero_slider__onload .by_hero_slide.by_hero_slide__active .by_hero_image_helper { opacity: 0; -webkit-animation: showElement 0.4s ease 0.8s 1; animation: showElement 0.4s ease 0.8s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media screen and (min-width: 1366px) { .by_hero_slider__onload .by_hero_slide.by_hero_slide__active .by_hero_image_helper { opacity: 1; -webkit-animation: none; animation: none; } } @media screen and (max-width: 1365px) { .by_hero_slider__onload .by_hero_slide.by_hero_slide__active .by_hero_wltp, .by_hero_slider__onload .by_hero_slide.by_hero_slide__active .by_hero_content_wrapper { opacity: 0; -webkit-animation: showElement 0.4s ease 1.1s 1; animation: showElement 0.4s ease 1.1s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active .by_hero_title, .by_hero_slide.by_hero_slide__active .by_article_block_title, .by_hero_slide.by_hero_slide__active .by_hero_subtitle, .by_hero_slide.by_hero_slide__active .by_button { opacity: 0; -webkit-transform: translateX(-75%); -ms-transform: translateX(-75%); transform: translateX(-75%); -webkit-animation: fadeInFromSide 0.3s ease 0.8s 1; animation: fadeInFromSide 0.3s ease 0.8s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active.by_hero_content_right .by_hero_title, .by_hero_slide.by_hero_slide__active.by_hero_content_right .by_article_block_title, .by_hero_slide.by_hero_slide__active.by_hero_content_right .by_hero_subtitle, .by_hero_slide.by_hero_slide__active.by_hero_content_right .by_button { opacity: 0; -webkit-transform: translateX(75%); -ms-transform: translateX(75%); transform: translateX(75%); -webkit-animation: fadeInFromSide 0.3s ease 0.8s 1; animation: fadeInFromSide 0.3s ease 0.8s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active.by_hero_content_right .by_hero_subtitle, .by_hero_slide.by_hero_slide__active .by_hero_subtitle { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active.by_hero_content_right .by_button_primary, .by_hero_slide.by_hero_slide__active .by_button_primary { -webkit-animation-delay: 1s; animation-delay: 1s; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active.by_hero_content_right .by_button_secondary, .by_hero_slide.by_hero_slide__active .by_button_secondary { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_slide__active .by_hero_wltp { opacity: 0; -webkit-animation: showElement 0.3s ease 0.9s 1; animation: showElement 0.3s ease 0.9s 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } /* stylelint-enable */ /* stylelint-disable */ .by_hero_slider_navigation { position: relative; z-index: 2; display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (min-width: 1366px) { .by_hero_slider_navigation { position: absolute; bottom: 60px; left: 3%; padding: 0 30px; } } .by_hero_slider_navigation__active { position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 42.8571428571%; } @media screen and (min-width: 1366px) { .by_hero_slider_navigation__active { top: auto; padding-top: 0; } } .by_hero_slider_navigation__active .by_hero_slider_navigation { display: block; bottom: 32px; } .by_hero_slider_navigation_arrow_left, .by_hero_slider_navigation_arrow_right { position: absolute; top: 50%; left: 4px; -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); display: none; width: 14px; height: 14px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .by_hero_slider_navigation_arrow_left:hover, .by_hero_slider_navigation_arrow_left--hover, .by_hero_slider_navigation_arrow_left:active, .by_hero_slider_navigation_arrow_left--active, .by_hero_slider_navigation_arrow_right:hover, .by_hero_slider_navigation_arrow_right--hover, .by_hero_slider_navigation_arrow_right:active, .by_hero_slider_navigation_arrow_right--active { cursor: pointer; } .by_hero_slider_navigation_arrow_left:hover:after, .by_hero_slider_navigation_arrow_left--hover:after, .by_hero_slider_navigation_arrow_left:active:after, .by_hero_slider_navigation_arrow_left--active:after, .by_hero_slider_navigation_arrow_right:hover:after, .by_hero_slider_navigation_arrow_right--hover:after, .by_hero_slider_navigation_arrow_right:active:after, .by_hero_slider_navigation_arrow_right--active:after { content: ""; position: absolute; top: -8px; left: -8px; width: 32px; height: 32px; border-radius: 100%; } .by_hero_slider_navigation_arrow_left:hover:after, .by_hero_slider_navigation_arrow_left--hover:after, .by_hero_slider_navigation_arrow_right:hover:after, .by_hero_slider_navigation_arrow_right--hover:after { background: rgba(255, 255, 255, 0.2); } .by_hero_slider_navigation_arrow_left:active:after, .by_hero_slider_navigation_arrow_left--active:after, .by_hero_slider_navigation_arrow_right:active:after, .by_hero_slider_navigation_arrow_right--active:after { background: rgba(255, 255, 255, 0.4); } @media screen and (min-width: 1366px) { .by_hero_slider_navigation_arrow_left, .by_hero_slider_navigation_arrow_right { display: block; } } .by_hero_slider_navigation_arrow_right { right: 4px; left: auto; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .by_hero_slider_navigation_dot { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 32px; height: 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; text-decoration: none; } .by_hero_slider_navigation_dot:after { content: ""; display: block; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 100%; } .by_hero_slider_navigation_dot--hover, .by_hero_slider_navigation_dot:hover { background: rgba(255, 255, 255, 0.2); } .by_hero_slider_navigation_dot--active, .by_hero_slider_navigation_dot:active { background: rgba(255, 255, 255, 0.4); } .by_hero_slider_navigation_dot.by_hero_slider_navigation_dot__current:after { background: #fff; } /* stylelint-enable */ @media screen and (min-width: 700px) { .by_hero_slider_wrapper { position: relative; } .by_hero_slider_wrapper:first-child { margin-top: 81px; } } .by_hero_slider_wrapper .by_hero_slider { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_slider { display: block; } } .by_hero_slider_wrapper .by_hero_slider:before { display: block; content: ""; width: 100%; padding-top: 42.8571428571%; } .by_hero_slider_wrapper .by_hero_slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -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; width: 100%; background: #fff; line-height: initial; } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_slide { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; position: absolute; top: 0; background: none; } } .by_hero_slider_wrapper .by_hero_image_helper { width: 100%; overflow: hidden; background-color: #bec1c6; pointer-events: none; position: relative; } .by_hero_slider_wrapper .by_hero_image_helper:before { display: block; content: ""; width: 100%; padding-top: 42.8571428571%; } .by_hero_slider_wrapper .by_hero_image, .by_hero_slider_wrapper .by_hero_video { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin: 0; display: block; } .by_hero_slider_wrapper .by_hero_content_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; color: #727376; padding: 0 20px 48px; } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_content_wrapper { position: absolute; bottom: 0; top: 0; left: 3%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 415px; min-width: 207.5px; width: auto; padding: 0; color: #fff; } } @media screen and (min-width: 1920px) { .by_hero_slider_wrapper .by_hero_content_wrapper { max-width: 405px; min-width: 202.5px; } } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_content_right .by_hero_content_wrapper { right: 3%; left: auto; } } .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper .by_article_block_title { margin-bottom: 10px; padding: 8px 0 0; font-size: 22px; line-height: 30px; color: inherit; } @media screen and (min-width: 960px) { .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper .by_article_block_title { font-size: 24px; line-height: 36px; } } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_title, .by_hero_slider_wrapper .by_article_block_title { max-height: calc(36px * 4); margin-top: 0; padding-top: 0; overflow: hidden; text-align: left; } } .by_hero_slider_wrapper .by_hero_subtitle { margin: 0 0 10px; font-size: 16px; line-height: 24px; text-align: center; } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_subtitle { max-height: calc(24px * 3); overflow: hidden; text-align: left; } } @media screen and (min-width: 700px) and (max-width: 1365px) { .by_hero_slider_wrapper .by_hero_button_container { display: table; margin: 0 auto; width: auto; -ms-flex-item-align: center; align-self: center; table-layout: fixed; white-space: nowrap; border-spacing: 12px; border-collapse: separate; } } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_button_container { margin-top: 8px; } } @media screen and (min-width: 700px) and (max-width: 1365px) { .by_hero_slider_wrapper .by_hero_button_container_single .by_button { width: auto; } } .by_hero_slider_wrapper .by_button { 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; width: 100%; } @media screen and (min-width: 700px) and (max-width: 1365px) { .by_hero_slider_wrapper .by_button { display: table-cell; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 50%; } } .by_hero_slider_wrapper .by_hero_wltp { margin: 14px 0 0; padding: 0 20px; color: #4c4d4f; font-size: 12px; line-height: 18px; text-align: center; width: 100%; } @media screen and (min-width: 1366px) { .by_hero_slider_wrapper .by_hero_wltp { position: absolute; bottom: 0; left: 0; margin: 0 0 12px 0; padding: 0 3%; color: #fff; text-align: left; } } @media screen and (min-width: 1366px) { .by_hero_slide.by_hero_text_light .by_hero_image_helper::after { background: -webkit-gradient(linear, right top, left top, from(rgba(24, 24, 24, 0)), to(#181818)); background: -o-linear-gradient(right, rgba(24, 24, 24, 0) 0%, #181818 100%); background: linear-gradient(270deg, rgba(24, 24, 24, 0) 0%, #181818 100%); position: absolute; content: ""; top: 0; left: 0; bottom: 0; width: 50%; } .by_hero_slide.by_hero_text_light .by_button_secondary { border: 2px solid #fff; color: #fff; } .by_hero_slide.by_hero_text_light .by_button_secondary:hover { border: 2px solid #fff; color: #fff; background: rgba(255, 255, 255, 0.2); } .by_hero_slide.by_hero_text_light .by_button_secondary:focus, .by_hero_slide.by_hero_text_light .by_button_secondary.by_button--focus { position: relative; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .by_hero_slide.by_hero_text_light .by_button_secondary:focus:after, .by_hero_slide.by_hero_text_light .by_button_secondary.by_button--focus:after { content: ""; position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border: 1px solid white; } .by_hero_slide.by_hero_text_light .by_button_secondary:active, .by_hero_slide.by_hero_text_light .by_button_secondary.by_button--active { border-color: #fff; color: #fff; background: rgba(255, 255, 255, 0.4); -webkit-box-shadow: none; box-shadow: none; } .by_hero_slide.by_hero_text_light .by_button_secondary:disabled, .by_hero_slide.by_hero_text_light .by_button_secondary.by_button--disabled { border-color: #cbcdd1; color: #989a9e; background: transparent; pointer-events: none; } .by_hero_slide.by_hero_text_light.by_hero_content_right .by_hero_image_helper::after { background: -webkit-gradient(linear, left top, right top, from(rgba(24, 24, 24, 0)), to(#181818)); background: -o-linear-gradient(left, rgba(24, 24, 24, 0) 0%, #181818 100%); background: linear-gradient(90deg, rgba(24, 24, 24, 0) 0%, #181818 100%); left: auto; right: 0; } .by_hero_slide.by_hero_text_dark .by_hero_content_wrapper { color: #4c4d4f; } .by_hero_slide.by_hero_backgroundbox_light .by_hero_content_wrapper, .by_hero_slide.by_hero_backgroundbox_dark .by_hero_content_wrapper { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; padding: 16px; } .by_hero_slide.by_hero_backgroundbox_light .by_hero_button_container, .by_hero_slide.by_hero_backgroundbox_dark .by_hero_button_container { display: block; } .by_hero_slide.by_hero_backgroundbox_light .by_hero_image_helper::after, .by_hero_slide.by_hero_backgroundbox_dark .by_hero_image_helper::after { display: none; } .by_hero_slide.by_hero_backgroundbox_light .by_hero_content_wrapper { background-color: rgba(255, 255, 255, 0.7); } .by_hero_slide.by_hero_backgroundbox_dark .by_hero_content_wrapper { background-color: rgba(24, 24, 24, 0.6); } } /* stylelint-enable */ /* functional styling */ /** @section: form elemnts */ @media screen and (min-width: 700px) { .by_kmi_form { margin: 0 auto; } } .by_kmi_form_wrapper { padding: 30px 0 0; background-color: #fff; } .by_form_input_text, .by_form_input_tel, .by_form_input_text_readonly, .by_form_select_wrapper, .by_form_select_wrapper__white { width: 100%; height: 30px; padding: 5px; border: 1px solid #e3e3e3; margin-top: 6px; vertical-align: middle; color: #333; } @media screen and (min-width: 700px) { .by_form_input_text, .by_form_input_tel, .by_form_input_text_readonly, .by_form_select_wrapper, .by_form_select_wrapper__white { display: inline-block; width: 451px; margin-top: 0; vertical-align: middle; } .by_input_no_label.by_form_input_text, .by_input_no_label.by_form_input_tel, .by_input_no_label.by_form_input_text_readonly, .by_input_no_label.by_form_select_wrapper, .by_input_no_label.by_form_select_wrapper__white { margin-top: 5px; margin-left: 188px; } } .by_input_no_label.by_form_input_text, .by_input_no_label.by_form_input_tel, .by_input_no_label.by_form_input_text_readonly, .by_input_no_label.by_form_select_wrapper, .by_input_no_label.by_form_select_wrapper__white { margin-top: 5px; } /** @section: form element/section wrapper wraps label and input */ .by_form_wrapper { /* stylelint-disable-next-line */ display: block; padding: 0 30px; margin: 0 auto 15px; text-align: left; } @media screen and (min-width: 700px) { .by_form_wrapper { width: 640px; padding: 0; vertical-align: middle; } } /** @section: standard form label */ .by_form_label { color: #787878; font-size: 12px; text-align: left; line-height: 14px; } @media screen and (min-width: 700px) { .by_form_label { display: inline-block; width: 184px; vertical-align: middle; } } /** @esection: standard input[type=text] */ .by_form_input_text, .by_form_input_tel { border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px 0 rgba(50, 50, 50, 0.3); box-shadow: inset 0 1px 1px 0 rgba(50, 50, 50, 0.3); } @media screen and (min-width: 700px) { .by_form_input_text, .by_form_input_tel { border-radius: 0; -webkit-box-shadow: inset 0 -1px 2px 0 rgba(50, 50, 50, 0.08); box-shadow: inset 0 -1px 2px 0 rgba(50, 50, 50, 0.08); } } .by_error .by_form_input_text, .by_error .by_form_input_tel { border: 1px solid #f33; -webkit-box-shadow: none; box-shadow: none; } /** @esection: standard input[type=text] including readonly attribute */ .by_form_input_text_readonly { height: auto; padding: 0; border: 0; color: #787878; font-size: 12px; text-align: left; line-height: 14px; } /** @section: select box */ .by_form_select_wrapper, .by_form_select_wrapper__white { position: relative; border-radius: 5px; color: #333; background: #efefef -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d0d0d0)); background: #efefef -o-linear-gradient(top, #efefef, #d0d0d0); background: #efefef linear-gradient(to bottom, #efefef, #d0d0d0); } @media screen and (min-width: 700px) { .by_form_select_wrapper, .by_form_select_wrapper__white { border-radius: 3px; } } .by_form_select_wrapper .by_select_icon, .by_form_select_wrapper__white .by_select_icon { position: absolute; right: 6px; width: 20px; height: 20px; padding-left: 6px; border-left: 1px solid #000; } .by_form_select_text { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 29px; padding: 0 35px 0 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAbCAMAAACz4aQdAAAAY1BMVEUAAADb2NjCvb3o5+czMzPPysrk4+Pz8/Px8fHv7++6s7NKSkozMzPz8vJWVlZbW1szMzP////z8/NhYWFqamrg4OD///////////////////////+pqakzMzP7+/uQkJBxcXGVbtI4AAAAHXRSTlMAkJAT6ZCQlpaWkBvdbPphLS140Z/OHgOL4ty1+PhTFKgAAABjSURBVCjPzdE5DoAgAETRUdxF3HdB739KI4WBBGnUhF9N8spBU8BaHP3ryVv3HPfwnjkNZLQyO0ou2+ba7Ogu3oV6Wao6Ws4PMeHRwZhYR4vn/UKguQ8tMsDqwMeeue2EWPkEUI8E9/+M7OMAAAAASUVORK5CYII=') center right no-repeat; line-height: 28px; } .by_form_input_select, .by_form_select_wrapper__white .by_form_input_select__white { position: absolute; top: 0; left: 0; width: 100%; height: 30px; background-color: #fff; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .by_form_input_select option, .by_form_select_wrapper__white .by_form_input_select__white option { width: auto; min-width: 100%; } .by_form_select_wrapper__white { /* stylelint-disable-next-line */ /* stylelint-disable-next-line */ border: 1px solid black; border-radius: 0; /* stylelint-disable-next-line */ background: #fff; } .by_form_select_wrapper__white .by_form_input_select__white { /* stylelint-disable-next-line */ } .by_form_select_wrapper__white .by_form_select_text { background: none; text-align: center; } .by_form_colspam { display: none; } .by_kmi_find_address { text-decoration: none; border: none; outline: none; display: block; width: 260px; height: 40px; padding: 0 15px; margin: 0 auto; outline: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAF0mx+sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDZEQTE4NEMxRjZFMzExQTU5QUFCOEQzRTIzQTk5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OTQwQTk1REY4NTMxMUUzQUI2REI1MkMzQ0Y1RTJDRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTQwQTk1Q0Y4NTMxMUUzQUI2REI1MkMzQ0Y1RTJDRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4Mjk3ODM1NTNGOEUzMTE4ODdFRjE2OUMxOUE1NjNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0NkRBMTg0QzFGNkUzMTFBNTlBQUI4RDNFMjNBOTk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+g+xxDQAAAk9JREFUeNpirJ/Rz4AEmBhQAZT/689vFD4rMwsKn5GREcIACCBG4sxL9g1F4YsJCqPw2xfNgDAAAgjdPOzGQcB//NJAF/78/SvZNwS79J+/f9lZ2eZuXoNdmoWZGc1wgAAixWmUSf/99w+fdJp/ODx+sEjP3by6IDzhH5IZKNKWOoYTVy5kYmLCLn38ynlWFhbqeQwggAiEGkVmD4RmIzUtYGJGC380wIJL4tytayeuXcwMjAKyp69fxsbCSpqzgdnw2v07wMzDyMBIms1AZ7tb2DbNm4oZv0Q5G4hwaRvoqAIIoOGWwoao5t9//pCp+fef3y1pBQI8vORoZmVhnbhqYV5YPH79OJ394cvnSYT04wswsP5FOSGxHGzsJGsGhllmUNS+s8e///xBcmjXJeUcPH/y6KVz8MqY2NBuTMnHrxNnYQAM7Z5lc4CuxaMTn7N//PqJX+cIzVUAAUZRGTZgrh61eNRi6ln8H4wM1bREBYTwt68IAhaSVAObyhJCIkbq2r7WTk/fvFy7f8erD++wts0IAmYHHw8SwoeR8duP7yevXbxy75aWooqrmbW6nNL9Z48/ffvKzMRMQ4uhepiYf/z6BbL+7i1NBWVnEysNeeUHz598+f4NuXtAq8QFbMy++fge6HVgpQCMch0lVWCf6////zSJY2gS+/8f2O2zMzB1MDIHcoGV4MHzp4G2MoIBTSz+D05fNnrGaFbib01TJ1VLCotqK6ocvnh6/9mT5FlJjsXMTEyv3r+dtXElMEjJtpL8OCY+6Y6W1SPaYgAyO+JdewmkSAAAAABJRU5ErkJggg==') right center no-repeat #fff; text-align: left; line-height: 40px; } .by_kmi_find_address:visited, .by_kmi_find_address:hover, .by_kmi_find_address:active { text-decoration: none; border: none; outline: none; } @media screen and (min-width: 700px) { .by_kmi_find_address { width: 234px; margin: 0 0 0 auto; } } .by_kmi_find_address:link, .by_kmi_find_address:visited, .by_kmi_find_address:hover, .by_kmi_find_address:active { border: 1px solid #e3e3e3; } /** @section checkboxes */ .by_form_multi_checkbox { margin-top: 6px; } @media screen and (min-width: 700px) { .by_form_multi_checkbox { display: inline-block; margin-top: 0; vertical-align: top; } } .by_form_checkbox { display: none; } .by_form_checkbox_label { display: inline-block; padding: 8px 0 0 40px; } .by_form_checkbox_label a { /* stylelint-disable-next-line */ color: inherit; text-decoration: underline; } .by_form_small_checkbox .by_form_checkbox_label { padding-top: 2px; } .by_form_checkbox_wrapper { position: relative; min-height: 30px; margin-bottom: 10px; } .by_form_checkbox_wrapper.by_form_small_checkbox { min-height: 20px; } .by_form_checkbox_tick { position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; border: 1px solid #e3e3e3; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoBAMAAAAMH8foAAAAFVBMVEX////T09N5eXlWVlajo6Ozs7NjY2OWtfdiAAAAOUlEQVQY02MYBQwMjI5wppAJXFBZES5oJIAqKCIAF3RWhAqCRYAIqk4Vrl3IDKE9ORFuU1AAJU4GAGmmBa4YOqz4AAAAAElFTkSuQmCC') 5px 5px no-repeat #fff; background-size: 20px 40px; /* stylelint-disable-next-line */ } @media screen and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi) { .by_form_checkbox_tick { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQBAMAAACZoSryAAAAJFBMVEX///9WVlb4+PjHx8dmZma/v7/h4eFwcHBfX1/y8vKzs7OZmZn1VPYXAAAAhElEQVQ4y2MYBaNgFAwzwJQapoAhqFwonoCh0ERQMABDoSNIEFMhUDumQmcFTIUiRiQqVAtNwlSYLlisgGFiIJCJYWIgiI1udTqIg6oQxkNRCNOHUIhQ6hoCV4hQKtGIUIhQClGIphShEKEUS/AwWQgKNmNEmFajxCKMSOS03jyBYRgDAHdeG/3FQrivAAAAAElFTkSuQmCC'); } } .by_form_small_checkbox .by_form_checkbox_tick { width: 20px; height: 20px; background-position: left top; } /* stylelint-disable-next-line */ .eb_checked .by_form_checkbox_tick { background-position: 5px -15px; } .eb_checked.by_form_small_checkbox .by_form_checkbox_tick { background-position: left bottom; } /** @section: combo elements */ .by_form_multi_input { position: relative; display: inline-block; width: 100%; height: 36px; padding-left: 135px; vertical-align: middle; } @media screen and (min-width: 700px) { .by_form_multi_input { width: 451px; } } .by_form_multi_input .by_form_select_wrapper, .by_form_multi_input .by_form_select_wrapper__white { position: absolute; left: 0; width: 120px; } .by_form_input_tel { /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_form_input_tel { width: 316px; } } .by_footer_checkbox_wrapper { position: relative; display: block; padding: 0 30px 25px 30px; margin: 0 auto; text-align: left; } @media screen and (min-width: 700px) { .by_footer_checkbox_wrapper { width: 640px; padding: 0; vertical-align: middle; } } .by_footer_checkbox_wrapper .by_form_wrapper { width: 100%; } @media screen and (min-width: 700px) { .by_footer_checkbox_wrapper .by_form_wrapper { width: 405px; margin: 0 0 15px; } } .by_footer_checkbox_wrapper .by_form_error { margin-left: 40px; } /** @section form footer */ .by_form_footer { padding: 30px 0 5px; margin-top: 30px; margin-bottom: -30px; background-color: #f7f7f7; } /** @section form errors */ .by_error .by_form_checkbox_tick { border: 1px solid #f33; } .by_error .by_form_select_wrapper, .by_error .by_form_select_wrapper__white { border-color: #f33; -webkit-box-shadow: none; box-shadow: none; } .by_error .by_footer_form_wrapper, .by_error .by_footer_form .by_form_error, .by_footer_form .by_error .by_form_error { outline: 1px solid #f33; } .by_form_error { margin: 4px 0 0; color: #f33; font-size: 12px; line-height: 14px; } @media screen and (min-width: 700px) { .by_form_error { margin: 4px 0 0 188px; } } .by_footer_form .by_form_error { /* stylelint-disable-next-line */ margin: 10px 0 0; } /** @section: submit button */ @media screen and (min-width: 700px) { .by_submit_wrapper { position: absolute; top: 0; right: 0; } } .by_form_submit { position: relative; display: block; width: 100%; height: 40px; padding: 8px 15px; border: 1px solid #e3e3e3; margin: 0 auto; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAF0mx+sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDZEQTE4NEMxRjZFMzExQTU5QUFCOEQzRTIzQTk5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OTQwQTk1REY4NTMxMUUzQUI2REI1MkMzQ0Y1RTJDRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTQwQTk1Q0Y4NTMxMUUzQUI2REI1MkMzQ0Y1RTJDRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4Mjk3ODM1NTNGOEUzMTE4ODdFRjE2OUMxOUE1NjNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0NkRBMTg0QzFGNkUzMTFBNTlBQUI4RDNFMjNBOTk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+g+xxDQAAAk9JREFUeNpirJ/Rz4AEmBhQAZT/689vFD4rMwsKn5GREcIACCBG4sxL9g1F4YsJCqPw2xfNgDAAAgjdPOzGQcB//NJAF/78/SvZNwS79J+/f9lZ2eZuXoNdmoWZGc1wgAAixWmUSf/99w+fdJp/ODx+sEjP3by6IDzhH5IZKNKWOoYTVy5kYmLCLn38ynlWFhbqeQwggAiEGkVmD4RmIzUtYGJGC380wIJL4tytayeuXcwMjAKyp69fxsbCSpqzgdnw2v07wMzDyMBIms1AZ7tb2DbNm4oZv0Q5G4hwaRvoqAIIoOGWwoao5t9//pCp+fef3y1pBQI8vORoZmVhnbhqYV5YPH79OJ394cvnSYT04wswsP5FOSGxHGzsJGsGhllmUNS+s8e///xBcmjXJeUcPH/y6KVz8MqY2NBuTMnHrxNnYQAM7Z5lc4CuxaMTn7N//PqJX+cIzVUAAUZRGTZgrh61eNRi6ln8H4wM1bREBYTwt68IAhaSVAObyhJCIkbq2r7WTk/fvFy7f8erD++wts0IAmYHHw8SwoeR8duP7yevXbxy75aWooqrmbW6nNL9Z48/ffvKzMRMQ4uhepiYf/z6BbL+7i1NBWVnEysNeeUHz598+f4NuXtAq8QFbMy++fge6HVgpQCMch0lVWCf6////zSJY2gS+/8f2O2zMzB1MDIHcoGV4MHzp4G2MoIBTSz+D05fNnrGaFbib01TJ1VLCotqK6ocvnh6/9mT5FlJjsXMTEyv3r+dtXElMEjJtpL8OCY+6Y6W1SPaYgAyO+JdewmkSAAAAABJRU5ErkJggg==') right center no-repeat #fff; text-align: left; } @media screen and (min-width: 700px) { .by_form_submit { display: inline-block; width: 234px; } } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_form_submit { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAF2dFVsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDZEQTE4NEMxRjZFMzExQTU5QUFCOEQzRTIzQTk5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0IxMzI2MUY4NTMxMUUzOEQ3NUZCODI4MzFGQUJBQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0IxMzI2MEY4NTMxMUUzOEQ3NUZCODI4MzFGQUJBQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI4Mjk3ODM1NTNGOEUzMTE4ODdFRjE2OUMxOUE1NjNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0NkRBMTg0QzFGNkUzMTFBNTlBQUI4RDNFMjNBOTk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+i6dobgAAAkRJREFUeNpirJ/Rz4AbMDHgBdSVLo5Mwifdu3wesgosuoEq8OmmnssBAohxsIQaWpChS6MFGbq0pY4hvmA5fuU8VV0OEEAEQo0iswdCMzD4MMMfDbDgkgAGLhBB9KNFArHOPnb5PDk2A51tpQuKeMz4JdbZgzWqAAJouKWwkaiZYJbCpxmzwCPN2QT1E/Azfv0ENAN14slbTAR14ikPmMjWia8wwFVujaZtCgBAAFFUhg2Yq0ctHrWY2hYDGyqUW8xChh5g8wiIiCzgqJ+P4TUIedZTWoCQbT2liQteC0ECn7ZxjNwWhrRr8VeCVLOYQispStWUWEm+xZTkotEic9Ri2gOAAOzYMQqAMAwFUKt3UDr0Lo4OntsLeAQdSk9hQegq+T8oyO/WoTwCbZpENZdgwYIFC/5BC9Mq+MdRrXPEt1cLTTLuYV4X04Gj5BC6NMY0xbo9S34J9rIR2MUGYd7GYdJmE0i729bXRcHMUKD/RMVhUgVhXkVgFxXP1Xxvbv6dtp0dQqgCESxYsGDjugRo145xAARhKAwv3sE4eP+buDp4BBbjKSQh6eBkRPpK+N9EXMyHA9JWVucabqcBAwYMGDBgwIABA+48k8M7bDhmO/bK5kV9qirUb2JzZjnrvJT1595FB+B0nfmrlsp9BHZzcDS2EzgO2xUcgS0Aa9kysLEL1Z7kdd6F1Mw8CbV2PlvqR0qDgiVUDVhI9QbLqYJ/aS3VCfwYOhJSncCljW63pSGuh0GoVDwAAwYMGDBgwIAB/5obFaAq+B7DhDcAAAAASUVORK5CYII=') right center no-repeat #fff; background-size: 40px 40px; } } /* stylelint-disable-next-line */ #wicket_form_content_wrapper { position: relative; } @-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); } } .by_e-brochure_overlay { position: fixed; z-index: 10001; 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-color: rgba(76, 77, 79, 0.9); font-size: 14px; } .by_e-brochure_overlay--hidden { display: none; } .by_eb__form_group { padding: 12px 0; } .by_eb__form_group--invalid .by_eb_content_box__label { color: #f33; } .by_eb__form_group a:link { color: #333; text-decoration: underline; } .by_eb__form_group a:visited { color: #7f988f; text-decoration: underline; } .by_eb__form_group a:hover, .by_eb__form_group a:focus { text-decoration: none; } .by_eb__form_group a:active { color: #7f988f; text-decoration: underline; } .by_eb__form_group p { display: inline; } .by_eb__form_control { display: block; width: 100%; padding: 6px 10px; border: 1px solid #e3e3e3; color: #181818; background: #efefef; font-size: 12px; line-height: 14px; } .by_eb__form_control_error { display: none; margin-top: 4px; color: #f33; font-size: 12px; line-height: 14px; } .by_eb__form_group--invalid .by_eb__form_control_error { display: inline-block; } .by_eb_content_box { position: relative; overflow: hidden; width: calc(100% - 60px); background-color: #fff; text-align: left; } @media screen and (min-width: 700px) { .by_eb_content_box { width: 62%; max-width: 860px; } } @media screen and (max-width: 820px) { .by_eb_content_box:after { content: ""; display: block; padding-bottom: 20px; } } .by_eb_content_box__p { margin: 12px 0; color: #727376; font-size: 16px; line-height: 24px; } .by_eb_content_box__title { width: calc(100% - 26px); margin: 0; color: #727376; font-size: 22px; line-height: 30px; } .by_eb_content_box__header { padding: 12px; border-bottom: 1px solid #e5e6e8; } .by_eb_content_box__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 150px); } .by_eb_content_box__content .by_form_select_wrapper, .by_eb_content_box__content .by_form_select_wrapper__white { width: 100%; } .by_eb_content_box__content_col { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; padding: 0 16px; } .by_e-brochure_overlay--no-form .by_eb_content_box__content_col { padding: 24px 24px 24px 16px; } .by_e-brochure_overlay--no-form .by_eb_content_box__content_col:first-child { padding: 24px 16px 24px 24px; } .by_eb_content_box__content_col:first-child { display: none; } @media screen and (min-width: 960px) { .by_eb_content_box__content_col:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .by_eb_content_box__content_col.by_hidden { display: none; } .by_eb_content_box__content_overlay { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -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: center; -ms-flex-pack: center; justify-content: center; padding: 20px; background: #fff; opacity: 0; -webkit-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } .by_eb_content_box__content_overlay--visible { opacity: 1; } .by_eb_content_box__content_overlay .by_eb_content_box__btn { display: inline-block; width: auto; margin: 0; } .by_eb_content_box__content_overlay .by_eb_content_box__btn--hidden { display: none; } .by_eb_content_box__content_overlay .by_eb__response_h { padding: 0 16px; margin: 24px 0 0; color: #727376; font-size: 24px; text-align: center; text-transform: uppercase; line-height: 32px; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all 150ms ease-out 200ms; -o-transition: all 150ms ease-out 200ms; transition: all 150ms ease-out 200ms; } .by_eb_content_box__content_overlay--visible .by_eb__response_h { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .by_eb_content_box__content_overlay .by_eb__response_p { margin: 8px 32px 38px; color: #727376; font-size: 16px; text-align: center; line-height: 24px; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all 150ms ease-out 400ms; -o-transition: all 150ms ease-out 400ms; transition: all 150ms ease-out 400ms; } .by_eb_content_box__content_overlay--visible .by_eb__response_p { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .by_eb_content_box__content_overlay .by_eb__response_icon_container { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: -webkit-box; display: -ms-flexbox; display: flex; width: 48px; height: 48px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; } .by_eb_content_box__content_overlay--visible .by_eb__response_icon_container { -webkit-animation: icon-pop-up 150ms 50ms ease-out forwards; animation: icon-pop-up 150ms 50ms ease-out forwards; } .by_eb_content_box__content_overlay .by_eb__response_icon_container .by_eb__response_icon { display: none; width: 24px; height: 24px; } .by_eb_content_box__content_overlay .by_eb__response_icon_container--success { background: #769a17; } .by_eb_content_box__content_overlay .by_eb__response_icon_container--success .by_eb__response_icon--success { display: block; width: 28px; height: 28px; fill: #fff; } .by_eb_content_box__content_overlay .by_eb__response_icon_container--error { background: #e5e6e8; } .by_eb_content_box__content_overlay .by_eb__response_icon_container--error .by_eb__response_icon--error { display: block; fill: #96989c; } .by_eb_content_box__img { display: block; width: 100%; height: auto; } .by_eb_content_box__close_btn { position: absolute; top: 16px; right: 16px; padding: 0; border: 0; margin: 0; background: none; } .by_eb_content_box__close_btn svg { width: 24px; height: 24px; fill: #335b4c; } .by_eb_content_box__close_btn svg:hover { fill: #003220; } .by_eb_content_box__label { display: block; margin-bottom: 7px; font-size: 12px; line-height: 14px; } .by_eb_content_box__label--required:before { content: "*"; } .by_eb_content_box__btn { position: relative; display: block; width: 100%; padding: 14px 15px; border: 1px solid #e0e0e0; margin: 12px 0 20px; color: #fff; background-color: #7f988f; font-size: 16px; text-align: center; line-height: 22px; -webkit-transition: background-color 128ms; -o-transition: background-color 128ms; transition: background-color 128ms; } .by_eb_content_box__btn:hover:not([disabled]):not(.by_eb_content_box__btn--disabled) { background-color: #335b4c; } .by_eb_content_box__btn--hidden { display: none; } .by_eb_content_box__btn--disabled, .by_eb_content_box__btn[disabled] { background-color: #cbcdd1; cursor: not-allowed; } .by_eb_content_box__btn--disabled .by_eb_content_box__btn_text, .by_eb_content_box__btn[disabled] .by_eb_content_box__btn_text { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } .by_eb_content_box__btn--disabled .by_eb_content_box__btn_disabled_text, .by_eb_content_box__btn[disabled] .by_eb_content_box__btn_disabled_text { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .by_eb_content_box__btn_text { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); display: block; opacity: 1; -webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } .by_eb_content_box__btn_disabled_text { position: absolute; top: 14px; left: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); width: 100%; opacity: 0; -webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } .by_eb_content_box .by_form_radiogroup_items { margin-bottom: 6px; } .by_eb__form_group--invalid .by_form_radiogroup_items { color: #f33; } .by_eb_content_box .by_form_radiogroup_item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 32px; } .by_eb_content_box .by_eb_language_select__wrapper { display: none; } .by_eb_content_box .by_eb_language_select__wrapper--active { display: block; } .by_e-brochure_overlay__no-scroll { position: fixed; top: 0; right: 0; left: 0; overflow: hidden; } @media screen and (max-width: 820px) { .by_eb_hide_mobile { display: none; } } @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); } } .by_ajax_form_overlay { position: fixed; z-index: 10001; 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; font-size: 14px; /** Form styles overrides */ } .by_ajax_form_overlay--hidden { display: none; } .by_ajax_form_overlay__close_btn { position: absolute; top: 16px; right: 16px; padding: 0; border: 0; margin: 0; background: none; } .by_ajax_form_overlay__close_btn svg { width: 24px; height: 24px; fill: #335b4c; } .by_ajax_form_overlay__close_btn svg:hover { fill: #003220; } .by_ajax_form_overlay__click_capture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(76, 77, 79, 0.9); cursor: default; } .by_ajax_form_overlay__header { padding: 12px; border-bottom: 1px solid #e5e6e8; } .by_ajax_form_overlay__body { position: relative; overflow: hidden; width: calc(100% - 60px); background-color: #fff; text-align: left; } @media screen and (min-width: 700px) { .by_ajax_form_overlay__body { width: 62%; max-width: 860px; } } .by_ajax_form_overlay__title { width: calc(100% - 26px); margin: 0; color: #727376; font-size: 22px; line-height: 30px; } .by_ajax_form_overlay__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 150px); } .by_ajax_form_overlay__content .by_form_select_wrapper, .by_ajax_form_overlay__content .by_form_select_wrapper__white { width: 100%; } .by_ajax_form_overlay__content_col { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; padding: 0 16px; } .by_ajax_form_overlay__content_col:first-child { display: none; } @media screen and (min-width: 960px) { .by_ajax_form_overlay__content_col:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .by_ajax_form_overlay__content_col.by_hidden { display: none; } .by_ajax_form_overlay__img { display: block; width: 100%; height: auto; } .by_ajax_form_overlay__copy { margin: 12px 0; color: #727376; font-size: 16px; line-height: 24px; } .by_ajax_form_overlay .by_form.by_form_redesign { padding: 0; } .by_ajax_form_overlay .by_form.by_form_redesign a:link { color: #333; text-decoration: underline; } .by_ajax_form_overlay .by_form.by_form_redesign a:visited { color: #7f988f; text-decoration: underline; } .by_ajax_form_overlay .by_form.by_form_redesign a:hover, .by_ajax_form_overlay .by_form.by_form_redesign a:focus { text-decoration: none; } .by_ajax_form_overlay .by_form.by_form_redesign a:active { color: #7f988f; text-decoration: underline; } .by_ajax_form_overlay .by_kmi_form_wrapper { padding: 0; } .by_ajax_form_overlay .by_form_component { display: block; width: 100%; margin: 0; } .by_ajax_form_overlay .by_form_component .by_form_rd_submit { padding: 0 0 20px; border: 0 transparent; margin: 0; } .by_ajax_form_overlay .by_form_component .by_form_rd_submit_wrapper { max-width: initial; } .by_ajax_form_overlay .by_form_component .by_form_submit_element { padding: 1px 15px; text-align: center; } .by_ajax_form_overlay .by_form_component .by_form_submit_arrow { display: none; } .by_ajax_form_overlay .by_form_component .by_form_rd_radiogroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .by_ajax_form_overlay .by_form_component .by_form_radiogroup_items { margin-bottom: 6px; } .by_ajax_form_overlay .by_form_component .by_form_radiogroup_item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-right: 32px; } .by_ajax_form_overlay .by_form_component .by_form_rd_radiogroup_caption:empty { display: none; } .by_ajax_form_overlay .by_form_component .by_form_element { padding: 0; margin: 0; } .by_ajax_form_overlay .by_form_component .by_form_subsegment:after { border: 0; margin: 0; } .by_ajax_form_overlay_response { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -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: center; -ms-flex-pack: center; justify-content: center; padding: 20px; background: #fff; opacity: 0; -webkit-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } .by_ajax_form_overlay_response--visible { opacity: 1; } .by_ajax_form_overlay_response__headline { padding: 0 16px; margin: 24px 0 0; color: #727376; font-size: 24px; text-align: center; text-transform: uppercase; line-height: 32px; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all 150ms ease-out 200ms; -o-transition: all 150ms ease-out 200ms; transition: all 150ms ease-out 200ms; } .by_ajax_form_overlay_response--visible .by_ajax_form_overlay_response__headline { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .by_ajax_form_overlay_response__copy { margin: 8px 32px 38px; color: #727376; font-size: 16px; text-align: center; line-height: 24px; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all 150ms ease-out 400ms; -o-transition: all 150ms ease-out 400ms; transition: all 150ms ease-out 400ms; } .by_ajax_form_overlay_response--visible .by_ajax_form_overlay_response__copy { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .by_ajax_form_overlay_response__icon_container { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: -webkit-box; display: -ms-flexbox; display: flex; width: 48px; height: 48px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; } .by_ajax_form_overlay_response--visible .by_ajax_form_overlay_response__icon_container { -webkit-animation: icon-pop-up 150ms 50ms ease-out forwards; animation: icon-pop-up 150ms 50ms ease-out forwards; } .by_ajax_form_overlay_response__icon_container--success { background: #769a17; } .by_ajax_form_overlay_response__icon_container--success .by_ajax_form_overlay_response__icon--success { display: block; width: 28px; height: 28px; fill: #fff; } .by_ajax_form_overlay_response__icon_container--error { background: #e5e6e8; } .by_ajax_form_overlay_response__icon_container--error .by_ajax_form_overlay_response__icon--error { display: block; fill: #96989c; } .by_ajax_form_overlay_response__icon { display: none; width: 24px; height: 24px; } .by_ajax_form_overlay_response__btn { position: relative; display: block; width: 100%; max-width: 180px; padding: 14px 15px; border: 1px solid #e0e0e0; margin: 12px 0 20px; color: #fff; background-color: #7f988f; font-size: 16px; text-align: center; line-height: 22px; -webkit-transition: background-color 128ms; -o-transition: background-color 128ms; transition: background-color 128ms; } .by_ajax_form_overlay_response__btn:hover:not([disabled]):not(.by_ajax_form_overlay_response__btn--disabled) { background-color: #335b4c; } .by_ajax_form_overlay_response__btn--hidden { display: none; } .by_ajax_form_overlay__no-scroll { position: fixed; top: 0; right: 0; left: 0; overflow: hidden; } @media screen and (max-width: 820px) { .by_ajax_form_overlay__hide_mobile { display: none; } } /* stylelint-disable */ /** contains base styling for dealer locator's pages, such as icons (sprites) and navigation */ .by_loading.by_dealer_locator, .by_loading.by_dealer_details_head { min-height: 150px; background-image: url('data:image/gif;base64,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'); background-position: center center; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_loading.by_dealer_locator, .by_loading.by_dealer_details_head { background-size: auto; } } .by_loading.by_dealer_direction_location, .by_loading.by_dealer_search_prepend { background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA=='); background-position: center center; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_loading.by_dealer_direction_location, .by_loading.by_dealer_search_prepend { background-size: auto; } } .by_dealer_locator { min-height: 400px !important; /* stylelint-disable-line */ background-color: #fff; } @media screen and (min-width: 700px) { .by_dealer_locator { padding-bottom: 30px; } } @media screen and (min-width: 1024px) { .by_dealer_locator { padding-bottom: 90px; } } @media screen and (min-width: 1920px) { .by_dealer_locator { padding-bottom: 100px; } } @media screen and (min-width: 1024px) { .by_dealer_locator_inner { margin: 0 auto; } } @media screen and (min-width: 1366px) { .by_dealer_locator_inner { padding: 0 30px; } } @media screen and (min-width: 1920px) { .by_dealer_locator_inner { max-width: 1920px; } } .by_dealer_icon, .by_dealer_icon_destination, .by_dealer_direction_dest, .by_dealer_icon_direction, .by_dealer_info .by_dealer_info_direction, .by_dealer_icon_search, .by_dealer_search_submit, .by_dealer_icon_location, .by_dealer_direction_location, .by_dealer_icon_phone, .by_dealer_info_phone, .by_dealer_icon_contact, .by_dealer_info .by_dealer_info_contact, .by_dealer_icon_website, .by_dealer_info .by_dealer_info_website, .by_dealer_icon_close, .by_dealer_icon_preowned { display: inline-block; min-width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; } .by_dealer_icon_destination, .by_dealer_direction_dest { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAP1BMVEX////BwcJ8fH37+/uUlJXX19ipqapUVFbj4+NGRknu7u9KSkxdXV/29vZxcXOHh4jQ0NBgYGJnZ2mioqS2trfJOtILAAAAhElEQVQ4y+3PSw7DMAhFUX+wAf9Jsv+1VoqSqpPCBnxGb3CFhNs2U/cQZiazS4PxkIpnNLqGmXpZgUEt+8B1jzjZa6Hn/KwiQzsJSL/zv3D0d16clHBKeWeuWpjr+h5vRQkJQ3zequA0J89ydyikhhFY4MqhynIGP5BrA3KmSCkVt222Dw6IA7OUGUdbAAAAAElFTkSuQmCC'); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_destination, .by_dealer_direction_dest { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAJFBMVEX///9YWFp2dnj09PSsrK2Ojo9gYGLl5eXZ2dnPz8+/v8Cjo6RBf3z0AAAAsElEQVRIx2MYBaNgFIwCMkC3mmDSDiLUTRIEAU2C6kwFISCYgDpmRUHBkFWugoJCBvgVGgmKOQMpk0RBZfwKAwXVwXSRoChedZxAK2FOmIBPIZNgOpRVJqiAT2GjoAOUxSIogU/hRkEDmPcFpfEpVBRFeEsIn8JEETjTUQyfQkEpOHOhIKUKMa2m1DOYwUNpgGNGIcWJAjOZUZ5wMbMC5ZkLkV2JLgBGwSgYBaNgUAAAQOseBbXzZMsAAAAASUVORK5CYII='); background-size: 40px 40px; } } .by_dealer_icon_direction, .by_dealer_info .by_dealer_info_direction { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEX///+7u7u4uLj7+/vExMTOzs7w8PDg4ODt7e3Z2dn29vYZNpt3AAAAjUlEQVQoz2MYWaAdixizUwOmIKuSF6ZgkaAqhhibkKBQAbrgEkVBIQ10wdKJgqKhBmiCBiaKGswYhgIFGRg4G9AF1YCC6gZoguppaZ1KbmiCgoJCSoKKk9EEwUBlAaqgkpKSoJC4AYqgkGtoiJDqAlTtqgYM7IoFmO5kjcLieA50HympYYYnV0cCwzABAK4bFP5wExX8AAAAAElFTkSuQmCC'); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_direction, .by_dealer_info .by_dealer_info_direction { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAFVBMVEX///+7u7vl5eXFxcX6+vrW1tby8vLyFsm/AAAAyUlEQVRIx+3UsQ6CMBSFYaPIfmzKXBLjXiTMHXgAiLiXhfd/BGmLgwv3DAwO/SeHb+nhxlMul/uvLoaEY8W5M5Sj4AwMFLTAjXFXrHkC1gG2sisR0sSIiBl5xAQrecSYPOWcnDylVa/A3laa8rHtWCz84NRz0lMcCUstw/QTHQlHDBysoTwJoQX4XEOs24G/DSxUnoTQh0NDwol8TLM/j7r3fb+Ewd0+bL+f0AhfxmxHMXGHaxvuzErtyHv0xIXL8bCIf6S5XO6IPn/rINH/dZ9cAAAAAElFTkSuQmCC'); background-size: 40px 40px; } } .by_dealer_icon_search, .by_dealer_search_submit { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAS1BMVEX////U1NVkZGWDg4Tm5udTU1WxsbJHR0pZWVtQUFJMTE7+/v739/fx8fFsbG7c3N2Tk5ScnJ7Kyst4eHpxcXOkpKXGxseNjY+5ubrz4zyEAAAAxElEQVQ4y+3QzY7DIAwEYP7MYEgIhITk/Z9025UqejE9rrTqnGzp08iy+uafZenV2nK7T64fETEC4VymznNst956CbDrrI/Jp99JZ1xJdGuO/jU7E7sIb7TR4mHFygI/FheMeKXF/n5HcDLsb9DI8EQdi+ZDfKVmM0ounEpKumBfLZ5IKzEuo+n0HCoR5W0iG7hdxQZwCGwmcvEHAdHU8pBktJrQbd/1qlJleshdfc75lOOXk3gmzgNO5THcNNuqvvmz/ACjRQcgjI10zwAAAABJRU5ErkJggg=='); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_search, .by_dealer_search_submit { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAMFBMVEX///9YWFphYWP4+PmTk5R5eXvk5OSoqKmHh4nAwMBsbG7MzM3w8PCzs7ScnJ3X19hwwBM4AAABS0lEQVRIx+2TPUvDUBSGD1isX0We0JriRyEKKi4WJ0GQuLgHHEQdXNwUdHG2uDmle5fi6pLBxUE6uXd1K/6B+g+Ml8CNw7036OKQZ0kOPLzn3nO4UlJS8s+4egi8o57be0Zx6PIuyPiwe9MBsNUHFs+t4hCavfScEWzbvFrqqaT5CM8W+QmxKPbh0exN9HXDG1rWzrFkVMDce4Z6Pj00igkLuuiyZhRH3OlihyWjGBHrYgrfKAaMdVGlbhRhkNsmzb+LQX50NerFLlPBt4wnLDaehGX7wHVIq9gKqzD+8W9iLmBdd26ImQQvi6kB12Lr7bclZbIDtCyRB7CRZu6lXyC0RuIdn4Ci2TabL+S5t7yvdxSnHVekvEaweSu7AJyJjbfL72h1n8ZAnFQAeBI3IxUpbqoASAGGgO/W9L7ddFmRQsyuxlJSUvJbvgCEbzujb4a0ggAAAABJRU5ErkJggg=='); background-size: 40px 40px; } } .by_dealer_icon_location, .by_dealer_direction_location { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAQlBMVEX///+goKGXl5lKSkzp6emmpqdVVVdfX2FaWlzt7e3Q0NDy8vJ2dniDg4RsbG5kZGbDw8P6+vqOjo+2trfX19jj4+QOa4c1AAAAq0lEQVQ4y+2Syw6EMAhFW6AF+tZx/v9XR5Nxp7ULNyaeRdPFCeQC5uVBfLKOieBpTLQyVjHOEgY0Avbep3blBcY5MxSEqV+PORgrMQK6fmAM/zD5PHok/dakpCCLakOnRIf9s2fxvCKyv345XIh1IMlZlwScA79+7Wn7UvaBN2zdNaPbRDJUa+yJU0arlr+hYLjaH3KVgtzMFWGuaw6983q2MDcfLi2TeXkMP+OlBZDumQRQAAAAAElFTkSuQmCC'); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_location, .by_dealer_direction_location { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAJ1BMVEX///9YWFqhoaKWlpdwcHGAgIK0tLT09PTX19hiYmT6+vrm5ubLy8zwKw6pAAAA+ElEQVRIx+3ULwvCQBjH8YHg3/Rju+nANASNLplnFMsVBdOGweofNKvN5prRoN23IPjCdB5ncs8DimC4bxgLH27ccc8sk8n0dYFtYGaVceINLrwrSjwSa86VAzyzjwxcAl0pGsCQWTBEP93MDQ69ZA5imsKCRJuEG4zU8ZxRI6H0pgoWEkGeIVx94DGos8yjquEMUZbyfb+B7uMZOq/XtxBv+gAyn87ezF5vpoSIujqoa3gFeYFCoaF0LKoYkYJ5uCQ8wVUwRo+egwSdFC7gMdOwg9cK7G2CAzcyIZ457NDMFWxabCsJiAlt9CDaxz//9/wImkym/+sOazEuFY3kXqAAAAAASUVORK5CYII='); background-size: 40px 40px; } } .by_dealer_icon_phone, .by_dealer_info_phone { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEX///+7u7u4uLjm5ub29vbu7u7Kysrc3NzS0tLAwMD+/v5BikjEAAAAi0lEQVQoz2MYrsAsGVOMXUkpAEPQU1EoC0PQSFBQFEOwSFBQHZugMDbtBuhiXI5YdDNwKGpgCrKCtGOAJqEpDFhcr+aAIcisKJTCwOAegGp/kaBmAEuSGKroCkUh8TBFIYkFKEqbBIWEBAUVHVBNnSQIBGoLUE31ACoUwgiriElKmphecDU2YRimAACq5xJkeKH4IAAAAABJRU5ErkJggg=='); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_phone, .by_dealer_info_phone { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAFVBMVEX///+7u7vs7OzDw8Pg4OD29vbS0tJA8tWWAAAA2klEQVRIx+2UPRKCMBCFMQr9EqAmeAHiQK83iIU9jnr/KwjrzqTLvrGgytfQfAP79ocik8n8z5lsj3gnIqoR8UYrQfdK2lh0sWKx1cUDi40u3lm0uuiICUBo5oqKCyr2oFiDYWwPtmcuwMkg22OkOTp+FUd0zRpEPPIEwQ2nES2yQ0SH5q4IjFN6tOcuvtK8tdxSpaMpZT43sZN5TurJzlLERYtDH0O/Z2qMjCfGpquMdGpwoUn/JCNtcjz8ceTGjSfBBmUv2ZQb10zwxs1L2q3zGIZQZDKZHfgCTVwerowXkzUAAAAASUVORK5CYII='); background-size: 40px 40px; } } .by_dealer_icon_contact, .by_dealer_info .by_dealer_info_contact { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAIVBMVEX///+7u7u4uLju7u7MzMz19fXd3d37+/vp6enHx8fR0dECprKuAAAAd0lEQVQoz2MYBdiAiQsUTCtACFYIKUHAUiTBFZGKgkAgJFZlgBB0Sl8EElRsnYQsqFWmBFQ4tVEJWRDIVxTUKhMSQhYE6VQCmoEqKKQWJRGpiCYoKOQaISSILiiouVARU1AQKIYpKIguqAQDSILBxjBQwDAKMAEAkmMewY7z5aoAAAAASUVORK5CYII='); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_contact, .by_dealer_info .by_dealer_info_contact { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAFVBMVEX///+7u7v29vbFxcXd3d3q6urQ0NBPoSwfAAAArElEQVRIx+3STQrDIBCG4aHE7D9MshYC3VfoPt7A0Ato7n+ItgqVNP6kq27mXQjCg+IgcRzH/ZLBoSELxRFayjZ/O513jvzeTdRnoVTdHi6XWxZipBWpsM3CcERy4YICnNQ1wY18EeKehjnQjDLEIj4jFKjBiR4A4tlVCB3fI1WPOoQNwr18Aw5k3suKFsQmANuhDaWaNfkTEGP8R20IJ3AOStOAKYYcx3F/7AnG0Si3+k0DlgAAAABJRU5ErkJggg=='); background-size: 40px 40px; } } .by_dealer_icon_website, .by_dealer_info .by_dealer_info_website { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEX///+8vLy3t7e6urrGxsbAwMDw8PDLy8vp6en4+Pji4uLc3Nz8/PzR0dHV1dUzzg9rAAAA5UlEQVQoz2MYviC7pPzGATSxXNPbuwujUMW4THsYsncFVaIILlLhSTM0DFSZgCTGJqTN5atobGx0AUmQXX0BR2iQsbGxBZJgcgMDr8o9R2NjdSTBJwwMqcYijsZGpkiG1jIwXDI2NgyqNk5ACFYzMBQBTXTNDEYSLJnAsAkoaHJgM5LgpTCGExnGxlYMzUiCi0wXMDA8MtrAYYLk/alGBUAZIw8+bSQncSsBvbJJ5c7iSCRBnqIHDAxTKnmEGpADZIoFUIZhrhZKKPE89sqcmScKUYgIp6uCgSI70aODM6MtgWHYAgA+yjmLQCrYggAAAABJRU5ErkJggg=='); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_website, .by_dealer_info .by_dealer_info_website { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAGFBMVEX///+7u7vc3NzLy8vBwcH4+Pjn5+fx8fHUCQuTAAABfElEQVRIx+2UP2/CMBDFLUrIyrNNsjqh7YwpVVfcP7C6wAcAhnZN1Vb9+o0dBzrkAhJLh7zhEim/+Hzv7GOdOnW6TNHYAHJqT3EDDS+xPcEZYJrnY0C2kpEG98Agg2jL/gXuPq/GD7HBsiUx8FLll88zgE6+A1LGig9UFSUUFxsHroav0nhQFgS4BqCY5hmC7gmwBDhjbxq1OOFNZd6nwUHNDvXw6D4YmR9Q1Qj2pV9AS7m/Dui82Rxel873OVoMylIXrxBEV6PnofSjRCOIiYsmIAajDGgGlY9BGVRfnAPOhL06CxQL1pMEmPiSjhVHdwTol1y7OpxSZ1WzPZVt38HKsu0bQR2em6rpoSmx4dT5liqs7bexI1rYB5DWv+DHsh1xKFzGUb0JaFU+FHVwMTmA0sYGlrwKaf3ylJSRk5crrLgB3ouIvlyxCWAPCxdkQQ+AYbXbW+vakrSMFGH/zKtt+5AKXIblBWOPGKSXj+Yw7HWJTS3r1KnTP9MvOZk8JgUcJm8AAAAASUVORK5CYII='); background-size: 40px 40px; } } .by_dealer_icon_close { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAD1BMVEX////o6Oj7+/vv7+/19fWiIyGeAAAAXklEQVQoz2MYBVgBixGCRAgKKwBJR2RBMB8igwKYBBUYHA3QTVUUYhHGsIpJ2BChEKEUohDNKrg1CMAsoiyEIWjoAHQAhkIGBmURNLsNHcAEmkKIW1FVKkDJUYANAADazQZ/H+B3AgAAAABJRU5ErkJggg=='); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_close { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAAD1BMVEX////n5+fz8/P7+/vt7e24iKWuAAAAlklEQVRIx+2USwqAMAxEAz2B4gWkPYCIF/Bz/zM5SEsWYkbJwk3eahbDE9O0EgRB8JFjm1pM5bCKQ25xXq1i6ZoyIcod1UCp6Zm0QFmFO4LRhKgKzR4aUF7CLDZphBLCHnWuVCFRqpAoqbCNus6IK7tdXhazOD5NfsY/Hh24/wj5UvA144vrvwoFQo3u63p/AIIgCP7mBIFPG3oWo64lAAAAAElFTkSuQmCC'); background-size: 40px 40px; } } .by_dealer_icon_preowned { /* stylelint-disable-line */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAP1BMVEX///+4urzDxce9v8G5vL67vcDy8vPb3d7X2Nr+/v7h4uPGx8nAwsTp6uvMzc/z9PT39/jR09T7/Pzt7e6ztrjAZOd7AAAAuElEQVQ4y+1S2QrDMAzzmaS5eqT//63rsjEKxctzoXoIGIQVyYIHt8HkWpunIc35xKqc/PyfFwQRiY5HPdjYVmSpgShUYQy2/rqzeADOMHnkPVi8JkwNYFHeAEpmtf5ZBUu33U1HxNUwrFrPc9K8wBV9RTzPHrvAFV4oEX2XuHwMGE1i/hHZII6lx2bseOZBPNCQyb0Dz5/AxdknVIkAmgEuJxyVYlwzCaPiEosMi9v1XSluggd3wQs91QaTPoqKuwAAAABJRU5ErkJggg=='); } @media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5) { .by_dealer_icon_preowned { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAOVBMVEX////Dxce/wcO6vL7CxMa8vsDExsj39/fQ0tPy8vPr7Ozd3t/V19jJy823ubzm5+jZ2tz8/Pzh4uPRiWT0AAAB/UlEQVRYw+2W246DMAxEYWznfoH+/8cuDqWrsmqlwNNKOVIbQcTEE2ycaTAYDAaDf4wNMTnn0lL9dJ+1OhYh2X4kyPGu5sOQ8HzAICR7Qy7kgvkNw4TH9fBEnpHx/qcYFLde04sFRiVAbTR8uKe8XtPjFhDl6ANYFlsdqAV5SbE2PaZctwsvTIuOqUVriutPPsCoy9RiCVBBpULUf+l+M46Mxvd8LghKmhqeVRGwnQlDapji61IFdzyg25g6AxTVc6968d6/Qqq6GKOrZjz4iy1HGmLsShnSAJdPy4kulzsdq6mO6e+sBvMs7nOOqgGpnVsoySrntexG1fmeTQxoVTczy3mnHsRsWonT0iEoKsgA6I9gAcBNMHUKGohIOQvGIiIwTbDTMueUkovnKad3mfssWxWk9N2BPDrSJuNr5i60GZDQkdhJE+3zE7oes+0Q3DPX9cx+x84aA4XPdTRTnXpYSL+ivB6ls8QlvO0HzNrbAVozOl5roZJ+v0RXekAse3uz06unHHqa9JKnXjK1cpjDm6B1xGqY/IW2J6bVnwt7G43bELn5ZTXcjZfWMFkkx4UZ7uGwd2UucbqCZzrOXJu0wfMkYqDBXsJmPd2cYEKdLhNBOMmRs7eOw8tMAn5aF4ILt0/YNWWIAuPaifg+qw+11uDtNBgMBoPBf+YHXuYQdfNLM9oAAAAASUVORK5CYII='); background-size: 40px 40px; } } .by_dealer_handleclick, .by_dealer_search_bar .by_dealer_icon_search, .by_dealer_search_bar .by_dealer_search_submit, .by_dealer_search_bar .by_dealer_icon_close, .by_dealer_search_bar .by_dealer_icon_location, .by_dealer_search_bar .by_dealer_direction_location { cursor: pointer; } .by_dealer_nav_back_button, .by_dealer_nav_global_dealer, .by_dealer_nav_global_dealer_bottom, .by_dealer_nav_link { height: 40px; padding: 0 20px; line-height: 39px; cursor: pointer; } .by_dealer_nav_back_button i, .by_dealer_nav_global_dealer i, .by_dealer_nav_global_dealer_bottom i, .by_dealer_nav_link i { position: absolute; right: 10px; min-width: 40px; height: 39px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAMAAACjHN8KAAAAOVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaYvjlcAAAAEnRSTlMA0fAFFCAOGefcCsR4KIW4V5lXBBFnAAAARElEQVQI10XNWQ6AIAxFUaCMCqh3/4s1eRroT0/S4Tmbyak6tQix0aJUKj5LKXAe0oDLpBv6mq3tfZ/9/3ESvgx7hvoLg1oCO+8/0QIAAAAASUVORK5CYII=') center center no-repeat transparent; } html[dir="rtl"] .by_dealer_nav_back_button i, html[dir="rtl"] .by_dealer_nav_global_dealer i, html[dir="rtl"] .by_dealer_nav_global_dealer_bottom i, html[dir="rtl"] .by_dealer_nav_link i { /* stylelint-disable-line */ right: auto; left: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } #by_dealer_mobile_back { display: none; border-bottom: 1px solid #efefef; } @media screen and (min-width: 700px) { #by_dealer_mobile_back { display: none !important; /* stylelint-disable-line */ } } .by_dealer_nav_back_button { padding-left: 30px; margin-left: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAMAAACjHN8KAAAANlBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbzm4XLAAAAEXRSTlMA0PAF5yATDBncgsQot1l0mWnqbGIAAABDSURBVAjXPc1JEgAhCAPAUdzHLf//rIAlXPpACJ9ObKSWgCamiprY7BCK+MNHlgbQJbCAydjGsnb9+ly+Hzw36/RNB3n8AhlEEO/JAAAAAElFTkSuQmCC') left center no-repeat transparent; line-height: 40px; } @media screen and (min-width: 1024px) { .by_dealer_nav_back_button { margin-left: 0; } } .by_dealer_nav_global_dealer { display: none; text-align: center; } @media screen and (min-width: 700px) { .by_dealer_nav_global_dealer { display: block; border-bottom: 1px solid #efefef; } .by_dealer_nav_global_dealer span { position: relative; display: inline-block; height: 40px; } .by_dealer_nav_global_dealer i { position: inherit; display: inline-block; padding-right: 20px; background-position: right center; font-style: normal; } .by_dealer_nav_global_dealer:hover { background-color: #f3f3f3; } } .by_global_dealer_locator ul .by_global_dealer_label:after, .by_global_dealer_locator ul ul .by_global_dealer_label:after { content: ""; position: absolute; top: 0; right: 20px; bottom: 0; width: 16px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAMAAACjHN8KAAAAOVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaYvjlcAAAAEnRSTlMA0fAFFCAOGefcCsR4KIW4V5lXBBFnAAAARElEQVQI10XNWQ6AIAxFUaCMCqh3/4s1eRroT0/S4Tmbyak6tQix0aJUKj5LKXAe0oDLpBv6mq3tfZ/9/3ESvgx7hvoLg1oCO+8/0QIAAAAASUVORK5CYII=') center no-repeat; } html[dir=rtl] .by_global_dealer_locator ul .by_global_dealer_label:after, .by_global_dealer_locator ul html[dir=rtl] .by_global_dealer_label:after { /* stylelint-disable-line */ -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .by_dealer_landing_page .by_dealer_nav_global_dealer { display: none; } #by_map_static, #by_dealer_global_locator_desktop, #by_dealer_global_locator { display: none; } .by_dealer_nav_global_dealer_bottom { display: block; border-top: 1px solid #efefef; margin-top: 30px; } @media screen and (min-width: 700px) { .by_dealer_nav_global_dealer_bottom { display: none; } } .by_dealer_nav_link { display: block; border-bottom: 1px solid #efefef; } .by_dealer_nav_link, .by_dealer_nav_global_dealer, .by_dealer_nav_global_dealer_bottom { outline: none; color: #333; text-decoration: none; } .by_dealer_nav_link:visited, .by_dealer_nav_link:hover, .by_dealer_nav_link:active, .by_dealer_nav_global_dealer:visited, .by_dealer_nav_global_dealer:hover, .by_dealer_nav_global_dealer:active, .by_dealer_nav_global_dealer_bottom:visited, .by_dealer_nav_global_dealer_bottom:hover, .by_dealer_nav_global_dealer_bottom:active { outline: none; color: #333; text-decoration: none; } #by_dealer_global_button { display: none; } @media screen and (min-width: 700px) { #by_dealer_global_button { display: block; margin: 0 30px; } } @media screen and (min-width: 1024px) { #by_dealer_global_button { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 1366px) { #by_dealer_global_button { position: absolute; bottom: -40px; margin: 0; white-space: nowrap; } html:not([dir="rtl"]) #by_dealer_global_button { left: 0; } html[dir=rtl] #by_dealer_global_button { right: 0; } } #by_dealer_global_button .by_dealer_nav_global_dealer_bottom { display: block; padding: 0; border: 0; margin-top: 0; } #by_dealer_global_button .by_dealer_nav_global_dealer_bottom i { position: relative; right: auto; display: inline-block; min-width: 20px; vertical-align: middle; background-position: right center; } html[dir="rtl"] #by_dealer_global_button .by_dealer_nav_global_dealer_bottom i { /* stylelint-disable-line */ left: auto; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .by_dealer_inforegion, .by_dealer_search_options { max-width: 1024px; margin: 0 auto; } @media screen and (min-width: 1366px) { .by_dealer_inforegion, .by_dealer_search_options { max-width: 1366px; } } @media screen and (min-width: 700px) { .by_dealer_main_content { position: relative; } } @media screen and (min-width: 1024px) { .by_dealer_main_content { margin: 0 30px; } } @media screen and (min-width: 1366px) { .by_dealer_main_content { display: table; width: 100%; margin: 0 0 40px; } } /** contains the styling for the search result list and the region selector */ #by_dealer_result { margin: 15px 0 20px; } @media screen and (min-width: 700px) { #by_dealer_result { margin: 30px 30px 0; } } @media screen and (min-width: 1024px) { #by_dealer_result { margin: 30px 0 0; } } @media screen and (min-width: 1366px) { #by_dealer_result { display: table-cell; margin: 0; vertical-align: top; } html:not([dir="rtl"]) #by_dealer_result { padding-left: 20px; } html[dir=rtl] #by_dealer_result { padding-right: 20px; } } .by_dealer_page_department_details #by_dealer_result { padding: 0; margin: 0; } @media screen and (min-width: 1366px) { .by_global_dealer_locator, .by_dealer_result_container { width: 320px; max-height: 600px; } } @media screen and (min-width: 1920px) { .by_global_dealer_locator, .by_dealer_result_container { width: 400px; max-height: 714px; } } /** @section dealer locator's direction waypoints box format the direction waypoints box / input form */ .by_dealer_direction_bar { position: relative; border-top: 1px solid #e3e3e3; margin-top: 10px; } @media screen and (min-width: 700px) { .by_dealer_direction_bar { margin-top: 30px; } } @media screen and (min-width: 1024px) { .by_dealer_direction_bar { margin-right: 30px; margin-left: 30px; } } @media screen and (min-width: 1366px) { .by_dealer_direction_bar { margin: 30px 0 0; } } .by_dealer_direction_bar_inner { padding: 15px 10px; margin: 0 auto; } @media screen and (min-width: 700px) { .by_dealer_direction_bar_inner { width: 600px; padding: 34px 0; } } @media screen and (min-width: 1024px) { .by_dealer_direction_bar_inner { width: 924px; } } #direction_error.by_inline_error { /*stylelint-disable-line */ padding: 0 20px 20px; text-align: center; } #direction_error.by_inline_error .by_error_message { font-size: 18px; } .by_dealer_locate_input { width: 100%; height: 40px; padding: 0; border: none; margin: 0; text-align: left; } @media screen and (min-width: 700px) { .by_dealer_locate_input { padding: 0; font-size: 30px; } } .by_dealer_direction_location, .by_dealer_direction_dest { position: relative; display: block; height: 40px; padding-left: 40px; line-height: 40px; } .by_dealer_direction_location { /* stylelint-disable-line */ background-position: top left; } .by_dealer_direction_location.by_loading { background-position: 13px center; } .by_dealer_direction_dest { /* stylelint-disable-line */ background-position: top left; } .by_dealer_direction_divider { position: relative; height: 15px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAANCAIAAADjQEOYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkU5QjFDQjhEQzI5MTFFMzg4MjhGMkVFNUEzMjdFQTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkU5QjFDQjlEQzI5MTFFMzg4MjhGMkVFNUEzMjdFQTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RTlCMUNCNkRDMjkxMUUzODgyOEYyRUU1QTMyN0VBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RTlCMUNCN0RDMjkxMUUzODgyOEYyRUU1QTMyN0VBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsM//4QAAAA2SURBVHjaYvz+/fvPnz/Z2dlZfvz4wcDAAOQwcXBwMDIyAsUY////zwAGTAwwAFJHTR0AAQYAlXEp2lL51lEAAAAASUVORK5CYII=') 19px center no-repeat transparent; } .by_dealer_direction_divider_hori { position: absolute; top: 0; right: 0; left: 50px; height: 8px; border-bottom: 1px solid #e3e3e3; } @media screen and (min-width: 700px) { .by_dealer_direction_divider_hori { left: 40px; } } .by_dealer_locate_input_wrapper, .by_dealer_direction_data { height: 40px; margin-left: 10px; line-height: 40px; } @media screen and (min-width: 700px) { .by_dealer_locate_input_wrapper, .by_dealer_direction_data { margin: 0; } } .by_dealer_locate_input, .by_dealer_direction_data { padding-right: 10px; padding-left: 10px; border: 1px solid #efefef; } @media screen and (min-width: 700px) { .by_dealer_locate_input, .by_dealer_direction_data { padding: 0; border: 0; } } /** @section dealer search options format search options selection boxes */ .by_dealer_search_options { /* stylelint-disable-line */ /* stylelint-disable-line */ padding: 0 0 15px; text-align: center; } @media screen and (min-width: 700px) { .by_dealer_search_options { padding: 15px; } } .by_dealer_search_option_item { width: 300px; margin: 0 auto 12px; text-align: center; cursor: pointer; } @media screen and (min-width: 700px) { .by_dealer_search_option_item { width: 445px; padding: 15px; margin: 0 auto; } } @media screen and (min-width: 1366px) { .by_dealer_search_option_item { position: relative; float: left; width: 33.333%; max-width: 445px; margin: 0; } } .by_dealer_search_option_item img { width: 100%; } .by_dealer_search_option_head { height: 74px; background-color: #f4f4f4; text-align: center; line-height: 65px; } /** @section dealer locator's search box format the search box / input form */ .by_dealer_search_bar { padding: 30px 10px 30px 30px; text-align: center; } @media screen and (min-width: 700px) { .by_dealer_search_bar { padding-bottom: 37px; } } html[dir="rtl"] .by_dealer_search_bar { /* stylelint-disable-line */ padding: 30px 30px 30px 10px; } .by_dealer_search_bar .by_dealer_icon_search, .by_dealer_search_bar .by_dealer_search_submit, .by_dealer_search_bar .by_dealer_icon_close, .by_dealer_search_bar .by_dealer_icon_location, .by_dealer_search_bar .by_dealer_direction_location { /* stylelint-disable-line */ } .by_dealer_search_term_error .by_error_message { display: inline; font-size: 18px; } .by_dealer_search_notice { display: none; margin-top: 17px; margin-bottom: 18px; } @media screen and (min-width: 700px) { .by_dealer_search_notice { display: block; } } .by_dealer_search_field { position: relative; margin: 15px auto 0; } @media screen and (min-width: 700px) { .by_dealer_search_field { width: 640px; } } @media screen and (min-width: 1024px) { .by_dealer_search_field { width: 840px; } } @media screen and (min-width: 1366px) { .by_dealer_search_field { width: 964px; } } .by_input_group { position: relative; border: 1px solid #e6e6e6; margin-right: 50px; } @media screen and (min-width: 700px) { .by_input_group { padding-bottom: 6px; border-width: 0 0 1px; margin-right: 40px; } html[dir=rtl] .by_input_group { /* stylelint-disable-line */ margin-right: 0; margin-left: 40px; } } html[dir=rtl] .by_input_group { /* stylelint-disable-line */ margin-right: 0; margin-left: 50px; } .by_dealer_search_submit { /* stylelint-disable-line */ position: absolute; top: 0; width: 40px; border: 0; } @media screen and (min-width: 700px) { .by_dealer_search_submit { top: -2px; } } html:not([dir="rtl"]) .by_dealer_search_submit { right: 0; } html[dir=rtl] .by_dealer_search_submit { /* stylelint-disable-line */ left: 0; } .by_dealer_search_input_label, .by_dealer_search_input { display: block; width: 100%; height: 40px; padding: 0 40px; margin: 0; text-align: left; } @media screen and (min-width: 700px) { .by_dealer_search_input_label, .by_dealer_search_input { font-size: 30px; text-align: center; } } .by_dealer_search_input_label { overflow: hidden; line-height: 42px; white-space: nowrap; cursor: pointer; } .by_dealer_search_input_label.by_disabled { cursor: default; } .by_dealer_search_input { border: none; } .by_dealer_search_input::-ms-clear { display: none; /* removes default clear button in IE >= 10 */ } .by_dealer_search_prepend, .by_dealer_search_append { position: absolute; top: 0; width: 40px; height: 40px; } html:not([dir="rtl"]) .by_dealer_search_prepend { left: 0; } html[dir=rtl] .by_dealer_search_prepend { /* stylelint-disable-line */ right: 0; } html:not([dir="rtl"]) .by_dealer_search_append { right: 0; } html[dir=rtl] .by_dealer_search_append { /* stylelint-disable-line */ left: 0; } .by_dealer_search_suggestion { position: absolute; z-index: 99999; top: 40px; left: 0; display: none; padding: 0; border-top: 1px solid #e6e6e6; margin: 0 -60px 0 -30px; list-style-type: none; background-color: #fff; } @media screen and (min-width: 700px) { .by_dealer_search_suggestion { top: 47px; width: 100%; border-top: 0; margin: 0; } } html[dir="rtl"] .by_dealer_search_suggestion { /* stylelint-disable-line */ margin: 0 -30px 0 -60px; } .by_dealer_search_suggestion li { overflow: hidden; padding: 10px 20px 10px 70px; text-align: left; cursor: pointer; } @media screen and (min-width: 700px) { .by_dealer_search_suggestion li { height: 40px; padding: 0 40px; text-align: center; line-height: 40px; } } .by_dealer_search_suggestion li .by_bentley_dealer { display: inline-block; width: 16px; height: 27px; vertical-align: middle; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAB1NA+iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2RkYyNTA3QkY0RENFMzExQjIzMERDRUNERTU5NjdDRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4M0EyRkI1OERDRjQxMUUzODcxNEI2QzlGNjY4MEY2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4M0EyRkI1N0RDRjQxMUUzODcxNEI2QzlGNjY4MEY2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGRjI1MDdCRjREQ0UzMTFCMjMwRENFQ0RFNTk2N0NEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZGRjI1MDdCRjREQ0UzMTFCMjMwRENFQ0RFNTk2N0NEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NRN/ggAAAgNJREFUeNqkUz1PAkEQnTsobEhMtJCrzgYsRayooNHGS7SUygpjJeb4AdBL1JZGbI5SE61ouNLmFFsa6IgFCQkUls6sc2a8DzC6ydztzs57OzP7VoPAyOd3TvB3jrYd2Oqj3XjeS1s6NQEkwD2aKfZd/heFb4R2hET9bwIG99BWOYBsymsQc5ON1iUi0RBMG6+8MWKA+UWcV4vBYACz2QwC+zTPJfFTFY4pgrYrlVMF9jwPfCKaN5uXJpL1OZYw1YRhpG85Paq36DgdME0Tnp4eoVaz1T+TyUKhUIC1tXXodrsbHLtFJLpoGtUFnU5HLQiUSqWUZbMZ5ZvPZyBjCZsU3ZXdR4IMOI6Dtc8hnTa+rsR1Q7G6wEwlAQVblgXl8jG0Wi3ls207FKuLu1ZOyzoIphs1fAKXmkhaOOS0nrHLJtW9t7eP3d9VWZDRLdTrdZhMJi4LawWt4Qupx05fREp5hmFg/env6+RsfTG5KKSSVOKrkKrLVyuVOGViv4E5pUTxFq5YVMEHBBEP6xrBF8HHRKcNxamLGriJBKqRCd87Ho8/sKHv3NBF4wzBz6HnLDLpBZ7vD3lQ46RDjwhqLDg9tKdFRcVkETo9LoO4LCIz0+JyxSyG4s5HePpmVJy+oN67mPmvCR7EvA1/GVQGlxI7kks43GWHLCN4+y9BfxnBpwADAFEFs2Exx+gDAAAAAElFTkSuQmCC'); } html:not([dir="rtl"]) .by_dealer_search_suggestion li .by_bentley_dealer { margin-left: -27px; } html[dir=rtl] .by_dealer_search_suggestion li .by_bentley_dealer { margin-left: 10px; } html:not([dir="rtl"]) .by_dealer_search_suggestion li .by_bentley_dealer { margin-right: 10px; } html[dir=rtl] .by_dealer_search_suggestion li .by_bentley_dealer { margin-right: 0; } @media screen and (min-width: 700px) { html:not([dir="rtl"]) .by_dealer_search_suggestion li .by_bentley_dealer { margin-left: 0; } html[dir=rtl] .by_dealer_search_suggestion li .by_bentley_dealer { margin-left: 15px; } html:not([dir="rtl"]) .by_dealer_search_suggestion li .by_bentley_dealer { margin-right: 15px; } html[dir=rtl] .by_dealer_search_suggestion li .by_bentley_dealer { margin-right: 0; } } .by_dealer_search_suggestion li:hover, .by_dealer_search_suggestion li.by_active { background: #f6f6f6 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAABCFBMVEUAAAB3d3nQ0NC0tLX6+vv29vaoqaptbW6HiIl9fX+jo6Xd3d3u7u+HiIrX19jl5ebu7u7w8PBXV1nT09OcnJ1mZmeLi4yzs7SGhoe5ubqCgoSZmJq5ubrj4+Pc3N2ioqN7e33u7u7q6uu3t7jW1tfW1tbp6er39/fFxcbExMWNjY+urq/AwMH+/v6ztLX09PTk5OTW1tbHx8m/v8D////29vfS0dP5+frw8PGvr7Gbm5v19fbPz9CoqKn29vdjY2VmZWhbXF5VVVhRUVNPT1BISEo/P0F5eXxzc3VxcXJtbW9XWFlCQUQ9PT+6urqysrKVlZaRkZSBgYNpaWtoaGpVVVZMTE43NznBP/7YAAAAP3RSTlMA/TMXEAT7+/X06MOjll4nHxf69/T08Ozr59/e3dnZ2M3DvLu6tKijo6OPjXNvbmxpaWlmYFhMSTYvLiskCwnTzjtjAAAArklEQVQI102NRRaDUAwAA9SFQt3d3b3FHepy/5v08VmU2UwyiwQAyItqGFhy5gGHhS5jPh8mv0petE+0d5+gaaLBM2sUrtYA2dsyC2jwqwQgNkpqZDt+x52wvHFt20+FcsLqwXRsh6ywc33MV9BjkuNqJ4Dj3C8XUaDCvFCNRrOsKQi5mF3O9QDDskw+KEpiBhXAI71uBPZB6SOGpvBnl5a+egJc4AGtuQU3w/IBfoNwFgpzqXYNAAAAAElFTkSuQmCC') 10px center no-repeat; /* stylelint-disable-line */ } /** contains the styling for the search result list and the region selector */ .by_global_dealer_locator { margin: 0 30px; } @media screen and (min-width: 700px) { .by_global_dealer_locator { margin: 0; } } @media screen and (min-width: 1366px) { .by_global_dealer_locator { position: relative; overflow: auto; height: 100%; } } .by_dealer_global_country, .by_global_dealer_locator ul li.back { position: relative; padding: 8px 35px; margin-bottom: 0; color: #fff; background-color: #757575; font-size: 15px; text-align: center; cursor: pointer; } .by_dealer_global_country:after, .by_global_dealer_locator ul li.back:after { content: ""; position: absolute; top: 0; bottom: 0; width: 12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAfUlEQVQYGX2PsQ2AQAhF6dzFSodwERe5Uke58qawcAD3sLbAh0FDcioJ+fA//+BEVFtVXQzlL+IchkJa7OTw5jPedUCLsKGhyNYRBzlGo/XOA5pt/tEhJmM9kgnU6SbA+RmOBUJ8dXNDtT16rprBeP/nPysjd3WYV7CvRZETOZuivTDIOUgAAAAASUVORK5CYII=') right center no-repeat; } html:not([dir="rtl"]) .by_dealer_global_country:after, html:not([dir="rtl"]) .by_global_dealer_locator ul li.back:after, .by_global_dealer_locator ul html:not([dir="rtl"]) li.back:after { right: 20px; } html[dir=rtl] .by_dealer_global_country:after, html[dir=rtl] .by_global_dealer_locator ul li.back:after, .by_global_dealer_locator ul html[dir=rtl] li.back:after { left: 20px; } .by_global_dealer_locator ul { position: relative; padding: 0; margin: 0; list-style-type: none; } .by_global_dealer_locator ul .by_global_dealer_label { position: relative; padding: 15px 35px; background-color: #efefef; font-size: 19px; } html[dir="rtl"] .by_global_dealer_locator ul .by_global_dealer_label:after { /* stylelint-disable-line */ right: auto; left: 20px; } .by_global_dealer_locator ul li { margin-bottom: 20px; text-align: center; cursor: pointer; } .by_global_dealer_locator ul li.by_disabled { /* stylelint-disable-line */ display: none; } .by_global_dealer_locator ul li.by_active { /* stylelint-disable-line */ margin-bottom: 0; } .by_global_dealer_locator ul li.by_active > .by_global_dealer_label { /* stylelint-disable-line */ display: none; } .by_global_dealer_locator ul li.by_active > ul { /* stylelint-disable-line */ display: block; } .by_global_dealer_locator ul li.back { /* stylelint-disable-line */ /* stylelint-disable-line */ } .by_global_dealer_locator ul ul { display: none; width: 100%; } .by_global_dealer_locator ul ul li { /* stylelint-disable-line */ margin: 0; } .by_global_dealer_locator ul ul .by_global_dealer_label { /* stylelint-disable-line */ position: relative; padding: 13px 35px; border-top: 1px solid #fff; background-color: #efefef; } .by_global_dealer_locator ul ul .by_global_dealer_label:after { /* stylelint-disable-line */ } .by_global_dealer_choose_location { padding: 13px 35px; font-size: 14px; cursor: default; } /** @section dealer locator's result list format the result list and filter box */ .by_dealer_search_info { padding: 0 30px; margin-top: 30px; } @media screen and (min-width: 1024px) { .by_dealer_search_info { display: table; width: 100%; padding: 0; margin-bottom: 20px; } } @media screen and (min-width: 1024px) { .by_dealer_search_info_label { display: table-cell; vertical-align: top; line-height: 30px; white-space: nowrap; } html:not([dir="rtl"]) .by_dealer_search_info_label { text-align: left; } html[dir=rtl] .by_dealer_search_info_label { text-align: right; } html:not([dir="rtl"]) .by_dealer_search_info_label { padding-left: 30px; } html[dir=rtl] .by_dealer_search_info_label { padding-right: 30px; } } @media screen and (min-width: 1366px) { html:not([dir="rtl"]) .by_dealer_search_info_label { padding-left: 0; } html[dir=rtl] .by_dealer_search_info_label { padding-right: 0; } } .by_dealer_search_info_detail { display: block; margin-top: 15px; } @media screen and (min-width: 700px) { .by_dealer_search_info_detail { display: inline; margin-top: 0; margin-left: 20px; white-space: nowrap; } html[dir="rtl"] .by_dealer_search_info_detail { /* stylelint-disable-line */ margin-right: 20px; margin-left: 0; } } .by_dealer_search_filter { /* stylelint-disable-line */ padding: 25px 0 5px; } @media screen and (min-width: 700px) { .by_dealer_search_filter { padding: 25px 0 20px; margin: 0 -10px; } } @media screen and (min-width: 1024px) { .by_dealer_search_filter { display: table-cell; margin: 0; vertical-align: middle; text-align: right; } html:not([dir="rtl"]) .by_dealer_search_filter { padding: 0 30px 0 0; } html[dir=rtl] .by_dealer_search_filter { padding: 0 0 0 30px; } } @media screen and (min-width: 1366px) { html:not([dir="rtl"]) .by_dealer_search_filter { padding-right: 0; } html[dir=rtl] .by_dealer_search_filter { padding-left: 0; } } .by_ds_filter { text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .by_ds_filter__title { position: relative; display: block; padding: 6px 0; border-bottom: 1px solid #e5e6e8; color: #335b4c; font-size: 14px; text-transform: uppercase; line-height: 20px; letter-spacing: 1.2px; cursor: pointer; } @media screen and (min-width: 700px) { .by_ds_filter__title { display: none; } } .by_ds_filter__badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 24px; height: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; margin-right: 8px; color: #fff; background: #335b4c; font-size: 12px; line-height: 18px; } .by_ds_filter__list { position: relative; display: none; padding: 0 0 12px; border-bottom: 1px solid #e5e6e8; margin: 12px 0 0; list-style: none; color: #727376; font-size: 16px; line-height: 24px; } @media screen and (min-width: 700px) { .by_ds_filter__list { display: block; padding: 0; border: none; margin: 0; color: inherit; /* stylelint-disable-line */ text-align: right; } html[dir="rtl"] .by_ds_filter__list { /* stylelint-disable-line */ text-align: left; } } .by_ds_filter--open .by_ds_filter__list { display: block; } .by_ds_filter__list_item { display: block; height: 48px; padding: 12px 0; line-height: 24px; cursor: pointer; } @media screen and (min-width: 700px) { .by_ds_filter__list_item { display: inline-block; height: auto; padding: 0; margin: 0 0 0 10px; } html[dir="rtl"] .by_ds_filter__list_item { /* stylelint-disable-line */ margin: 0 10px 0 0; } } .by_ds_filter__list_item:hover { color: #003220; } .by_ds_filter__checkbox { display: inline-block; width: 24px; height: 24px; border: 1px solid #99ada5; border-radius: 2px; margin-right: 12px; vertical-align: middle; text-align: center; } @media screen and (min-width: 700px) { .by_ds_filter__checkbox { display: none; } } .by_ds_filter__checkbox_label { color: #fff; } input[type="checkbox"]:checked + .by_ds_filter__checkbox { border: 0; background: #769a17; } @media screen and (min-width: 700px) { .by_ds_filter__checkbox_text { display: inline-block; height: 30px; padding: 0 10px; background-color: #efefef; font-size: 14px; text-transform: uppercase; line-height: 30px; } input[type="checkbox"]:checked ~ .by_ds_filter__checkbox_text { color: #fff; background: #757575; } } .by_ds_filter__arrow { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 20px; height: 20px; margin: auto; background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20data-name%3D%2224x24%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19.29%2016.71L12%209.41l-7.29%207.3-1.42-1.42L12%206.59l8.71%208.7-1.42%201.42z%22%2F%3E%3C%2Fsvg%3E') center no-repeat; background-size: 100%; -webkit-transition: -webkit-transform 128ms ease-in-out; transition: -webkit-transform 128ms ease-in-out; -o-transition: transform 128ms ease-in-out; transition: transform 128ms ease-in-out; transition: transform 128ms ease-in-out, -webkit-transform 128ms ease-in-out; } .by_ds_filter--open .by_ds_filter__arrow { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .by_dealer_filter_wrapper { position: relative; width: 100%; height: 30px; background-color: #757575; } @media screen and (min-width: 700px) { .by_dealer_filter_wrapper { display: none; } } .by_dealer_filter_wrapper .by_form_input_select, .by_dealer_filter_wrapper .by_form_select_wrapper__white .by_form_input_select__white, .by_form_select_wrapper__white .by_dealer_filter_wrapper .by_form_input_select__white { height: 30px; background-color: #fff; } .by_dealer_filter_wrapper .by_form_select_text { height: 30px; padding: 0; color: #fff; background: transparent; text-align: center; line-height: 30px; } .by_dealer_filter_wrapper .by_form_select_arrow { position: absolute; z-index: 1; top: 0; right: 20px; bottom: 0; width: 14px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEV1dXX////9/f2bm5uMjIzh4eH5+fn29vbV1dXQ0NC/v7+6urqtra2oqKiQkJB5eXnp6enTzOnwAAAASUlEQVQoz+3GOQ6AMBAEwZld3yf/fy2ICMl2iJy4km4cGxlrPjcI9PqOegYMeqTUp1UYOyYSJSMLE+aK8KIUrKijU6w123D87AYGjwEjxOK0TgAAAABJRU5ErkJggg==') center center no-repeat; } @media screen and (min-width: 700px) { .by_dealer_result_container { margin-top: 30px; } } @media screen and (min-width: 1366px) { .by_dealer_result_container { position: relative; overflow-y: auto; margin-top: 0; } } .by_dealer_result_container.by_loading { background: url('data:image/gif;base64,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') center center no-repeat; } .by_dealer_result_item_country { padding-right: 30px; padding-bottom: 20px; padding-left: 30px; border-bottom: 1px solid #efefef; } @media screen and (min-width: 700px) { .by_dealer_result_item_country { padding-right: 0; padding-left: 0; } } .by_dealer_empty_result { padding: 0 30px 30px; text-align: center; } .by_dealer_result_item { /* stylelint-disable-line */ position: relative; padding: 25px 30px; border-bottom: 1px solid #efefef; } @media screen and (min-width: 700px) { .by_dealer_result_item { padding: 25px 0; } } .by_dealer_result_item.by_active .by_dealer_result_item_opener:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAMAAADkrjcoAAAANlBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbzm4XLAAAAEXRSTlMA+/FiRSrGsKh/B9bKiIcxMLf6SC8AAAA8SURBVAjXLYtHEgAgCAOxK9b8/7MyQC4pk6VSC6k0NcSsJUc04o6QpKSAzuIHGDSALdnmaQdHDHa9ddU/UXMBmdUiRRoAAAAASUVORK5CYII='); } .by_dealer_result_item.by_loading .by_dealer_result_item_opener:after { background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA=='); } .by_dealer_result_item .by_dealer_headline, .by_dealer_result_item .by_map_infowindow_headline, .by_dealer_result_item .by_dealer_distance { cursor: pointer; } .by_dealer_result_item:first-child { border-top: 1px solid #efefef; } @media screen and (min-width: 1024px) { .by_dealer_result_item.by_active { position: relative; width: 100%; max-height: none; padding: 25px 0; border-bottom-width: 1px; } .by_dealer_result_item.by_active .by_dealer_result_item_opener { display: block; } } .by_dealer_result_item.by_active .by_dealer_result_item_visible .by_dealer_type_bar { display: none; } .by_dealer_result_item .by_dealer_info { margin-top: 15px; } .by_dealer_result_item_location { margin-top: 20px; } .by_dealer_result_item_location:first-child { margin-top: 0; } .by_dealer_description { /* stylelint-disable-line */ display: none; } .by_dealer_description.by_inline_error { padding-top: 20px; } .by_dealer_headline, .by_map_infowindow_headline { direction: ltr; position: relative; margin: 0 15px 10px; } @media screen and (min-width: 1024px) { .by_dealer_headline, .by_map_infowindow_headline { margin: 0 30px 10px; } } @media screen and (min-width: 1920px) { .by_dealer_headline, .by_map_infowindow_headline { margin: 0 35px 10px; } } .by_dealer_type_bar { padding: 0; margin: 0; list-style-type: none; } .by_dealer_type_bar li { display: inline-block; } .by_dealer_type_bar li:before { content: "|"; padding: 0 10px; color: #e0e0e0; } .by_dealer_type_bar li:first-child:before { content: ""; padding: 0; } .by_dealer_distance { display: inline-block; text-transform: none; white-space: nowrap; } html:not([dir="rtl"]) .by_dealer_distance { margin-left: 20px; } html[dir=rtl] .by_dealer_distance { margin-right: 20px; } .by_dealer_address_wrapper { position: relative; margin-top: 20px; margin-bottom: 10px; } @media screen and (min-width: 700px) { .by_dealer_search_result .by_dealer_address_wrapper { float: left; width: 50%; margin-bottom: 0; } } @media screen and (min-width: 960px) { .by_dealer_search_result .by_dealer_address_wrapper { float: none; width: auto; } } .by_dealer_image { display: none; } .by_dealer_opening_hours { margin-top: 15px; margin-bottom: 15px; } .by_dealer_opening_hours .by_dealer_openings_head { margin-bottom: 15px; } .by_dealer_info li a, .by_dealer_info_phone a, .by_dealer_info .by_dealer_info_direction, ul.by_dealer_details_info li span, ul.by_dealer_details_info li a { text-decoration: none; border: none; outline: none; color: #bbb; } .by_dealer_info li a:visited, .by_dealer_info_phone a:visited, .by_dealer_info .by_dealer_info_direction:visited, ul.by_dealer_details_info li span:visited, ul.by_dealer_details_info li a:visited, .by_dealer_info li a:hover, .by_dealer_info_phone a:hover, .by_dealer_info .by_dealer_info_direction:hover, ul.by_dealer_details_info li span:hover, ul.by_dealer_details_info li a:hover, .by_dealer_info li a:active, .by_dealer_info_phone a:active, .by_dealer_info .by_dealer_info_direction:active, ul.by_dealer_details_info li span:active, ul.by_dealer_details_info li a:active { text-decoration: none; border: none; outline: none; } .by_dealer_info li a:hover, .by_dealer_info_phone a:hover, .by_dealer_info .by_dealer_info_direction:hover, ul.by_dealer_details_info li span:hover, ul.by_dealer_details_info li a:hover { color: #333; } .by_dealer_info li, .by_dealer_info_phone { display: block; height: 40px; color: #333; line-height: 40px; } html:not([dir="rtl"]) .by_dealer_info li, .by_dealer_info html:not([dir="rtl"]) li, html:not([dir="rtl"]) .by_dealer_info_phone { padding-left: 40px; } html[dir=rtl] .by_dealer_info li, .by_dealer_info html[dir=rtl] li, html[dir=rtl] .by_dealer_info_phone { padding-right: 40px; } html:not([dir="rtl"]) .by_dealer_info li, .by_dealer_info html:not([dir="rtl"]) li, html:not([dir="rtl"]) .by_dealer_info_phone { background-position: 0 0; } html[dir=rtl] .by_dealer_info li, .by_dealer_info html[dir=rtl] li, html[dir=rtl] .by_dealer_info_phone { background-position: 100% 0; } @media screen and (min-width: 700px) { .by_dealer_info li, .by_dealer_info_phone { display: inline-block; } } .by_dealer_info { padding: 0; list-style-type: none; } html:not([dir="rtl"]) .by_dealer_info { margin-left: -10px; } html[dir=rtl] .by_dealer_info { margin-right: -10px; } .by_dealer_info .by_dealer_info_direction { /*stylelint-disable-line */ cursor: pointer; } .by_dealer_info .by_dealer_info_contact { /*stylelint-disable-line */ display: none; } .by_dealer_info .by_dealer_info_website { /*stylelint-disable-line */ } .by_dealer_info_phone { /* stylelint-disable-line */ direction: ltr; } html:not([dir="rtl"]) .by_dealer_info_phone { margin-left: -10px; } html[dir=rtl] .by_dealer_info_phone { margin-left: 5px; } .by_dealer_info_phone a:link, .by_dealer_info_phone a:visited { color: #333; } .by_dealer_info_direction { cursor: pointer; } .by_dealer_map_wrapper { border: 1px solid #efefef; border-top-width: 0; } @media screen and (min-width: 700px) { .by_dealer_map_wrapper { display: none; } } .by_dealer_map_container { position: relative; width: 100%; border-top: 1px solid #efefef; } .by_map_ratio_helper { padding-top: 50%; } .by_dealer_map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .by_dealer_map img { width: 100%; height: 100%; } .by_dealer_result_item_visible { position: relative; } .by_dealer_result_item_opener { display: block; } .by_dealer_result_item_opener:after { content: ""; position: absolute; top: 0; bottom: 0; width: 16px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAMAAACjHN8KAAAAOVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaYvjlcAAAAEnRSTlMA0fAFFCAOGefcCsR4KIW4V5lXBBFnAAAARElEQVQI10XNWQ6AIAxFUaCMCqh3/4s1eRroT0/S4Tmbyak6tQix0aJUKj5LKXAe0oDLpBv6mq3tfZ/9/3ESvgx7hvoLg1oCO+8/0QIAAAAASUVORK5CYII=') center center no-repeat; } html:not([dir="rtl"]) .by_dealer_result_item_opener:after { right: 0; } html[dir=rtl] .by_dealer_result_item_opener:after { left: 0; } @media screen and (min-width: 700px) { html:not([dir="rtl"]) .by_dealer_result_item_opener:after { right: 16px; } html[dir=rtl] .by_dealer_result_item_opener:after { left: 16px; } } html[dir=rtl] .by_dealer_result_item_opener:after { /* stylelint-disable-line */ -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .by_dealer_opening_list { padding: 0; margin: 0; list-style-type: none; } .by_dealer_opening_list li { padding: 4px 0; } .by_dealer_opening_list li .by_opening_department { display: inline-block; width: 100px; vertical-align: top; } .by_dealer_opening_list li .by_opening_day { width: auto; } html:not([dir="rtl"]) .by_dealer_opening_list li .by_opening_day { margin-right: 10px; } html[dir=rtl] .by_dealer_opening_list li .by_opening_day { margin-left: 10px; } .by_dealer_result_empty { padding: 30px; text-align: center; } /** @section dealer details box format details from a dealer */ .by_dealer_details { padding-top: 20px; } @media all and (min-width: 700px) { .by_dealer_details { padding-top: 30px; } } @media screen and (min-width: 960px) { .by_dealer_details { padding: 20px 15px 0; } } .by_dealer_details_head { padding: 50px 30px; text-align: center; } @media all and (min-width: 700px) { .by_dealer_details_head { padding: 50px 0 0; } } .by_dealer_details_head .by_dealer_headline, .by_dealer_details_head .by_map_infowindow_headline { margin: 0; font-size: 40px; } .by_dealer_details_head .by_dealer_details_row { text-align: center; } ul.by_dealer_details_info { /* stylelint-disable-line */ display: table; padding: 0; margin: 0 auto; } @media screen and (min-width: 700px) { ul.by_dealer_details_info { table-layout: fixed; } ul.by_dealer_details_info li { display: table-cell; padding: 0 15px; text-align: center; } ul.by_dealer_details_info li span { display: block; } } @media screen and (min-width: 1024px) { ul.by_dealer_details_info li { padding: 0 15px; text-align: left; } ul.by_dealer_details_info li span { display: inline-block; } } ul.by_dealer_details_info li { display: table-row; text-align: left; } ul.by_dealer_details_info li i { vertical-align: middle; line-height: 40px; } ul.by_dealer_details_info li span { vertical-align: middle; line-height: 16px; } ul.by_dealer_details_info .by_dealer_info_contact { display: none; } .by_dealer_details_address { direction: ltr; margin: 20px 0 15px; } .by_dealer_details_col { width: 100%; padding: 5px 20px; } @media screen and (min-width: 700px) { .by_dealer_details_col { width: 50%; } } @media screen and (min-width: 960px) { .by_dealer_details_col { width: 33.3333%; padding: 15px; } } .by_dealer_details_col .by_dealer_info { margin-left: -10px; } @media all and (min-width: 960px) { .by_dealer_details_col.by_dealer_details_openings { width: 66.666%; } } .by_dealer_details_col .by_dealer_distance { top: -5px; right: 10px; } .by_dealer_details_col .by_dealer_address_wrapper { margin-bottom: 5px; } @media screen and (min-width: 700px) { .by_dealer_details_openings { clear: both; float: none; } } @media screen and (min-width: 960px) { .by_dealer_details_openings { clear: none; float: left; } } @media all and (min-width: 960px) { .by_dealer_details_openings { margin: -15px; } } #by_dealer_department { text-align: center; } .by_dealer_details_row { /* stylelint-disable-line */ display: inline-block; margin: 0 auto; text-align: left; } .by_dealer_details_depart { position: relative; width: 100%; margin-top: 30px; } @media all and (min-width: 700px) { .by_dealer_details_depart { float: left; width: auto; padding: 15px 60px; margin: 0; } .by_dealer_details_depart:first-child { margin-top: 0; } } .by_dealer_details_depart:first-child { margin-top: 15px; } .by_dealer_details_depart .by_dealer_info_phone { margin-bottom: 10px; } .by_dealer_details_openings_head { margin: 5px 0 15px; } @media screen and (min-width: 960px) { .by_dealer_details_openings_head { margin-top: 0; } } .by_opening_list { padding: 0; margin: -2px 0 0; list-style-type: none; } .by_opening_list li { padding: 5px 0; } .by_opening_day { display: inline-block; width: 120px; vertical-align: top; } .by_opening_hours { display: inline-block; } .by_opening_hours_item { direction: ltr; display: block; } /** @section: dealer locator Contains the map behaviour (ratios) between the breakpoints */ @media screen and (min-width: 700px) { #by_dealer_map { display: block; width: 100%; } .by_dealer_page_department_details #by_dealer_map { width: 100%; } } @media screen and (min-width: 1366px) { #by_dealer_map { display: table-cell; width: 100%; } } .by_dealer_map_inline { position: relative; display: none; overflow: hidden; } @media screen and (min-width: 700px) { .by_dealer_map_inline { display: block; padding-top: 350px; } } @media screen and (min-width: 1024px) { .by_dealer_map_inline { padding-top: 370px; } } @media screen and (min-width: 1366px) { .by_dealer_map_inline { padding-top: 600px; } } @media screen and (min-width: 1920px) { .by_dealer_map_inline { padding-top: 714px; } } .by_map_canvas_helper { padding-top: 295px; } @media screen and (min-width: 700px) { .by_map_canvas_helper { padding-top: 410px; } } @media screen and (min-width: 1024px) { .by_map_canvas_helper { padding-top: 630px; } } @media screen and (min-width: 1920px) { .by_map_canvas_helper { padding-top: 670px; } } .by_map_canvas_helper .by_dealer_loader { position: absolute; z-index: 10000; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #fff url('data:image/gif;base64,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') center center no-repeat; opacity: 0.5; } .by_dealer_static { position: relative; overflow: hidden; } .by_dealer_static .by_map_canvas_helper { padding-top: 50%; } .by_dealer_static_map { width: 100%; } .by_map_canvas { position: absolute !important; /*stylelint-disable-line */ top: 0; right: 0; bottom: 0; left: 0; } .by_map_infowindow { display: block; } .by_map_infowindow .by_dealer_type_bar { margin-right: 0; } .by_map_infowindow_headline { /* stylelint-disable-line */ margin-right: 0; } .by_map_infowindow_button { border-top: 1px solid #efefef; margin-top: 20px; line-height: 30px; cursor: pointer; } /* stylelint-enable */ /* others */ /** @section: model comparison app container */ .by_modelcomp { max-width: 1366px; margin: 0 auto -30px; } @media screen and (min-width: 1024px) { .by_modelcomp { margin-bottom: 0; } } /** @subsection: selected models */ .by_modelcomp_selectedmodels { overflow: hidden; margin: 0 auto; /* stylelint-disable */ /* stylelint-enable */ } @media screen and (min-width: 700px) { .by_modelcomp_selectedmodels { margin-top: 32px; } } .by_modelcomp_selectedmodels img.by_responsive_image { display: inherit; } .by_modelcomp_selectedmodels_item { float: left; width: 50%; } .by_modelcomp_selectedmodels_item img { width: 100%; height: auto; } .by_modelcomp_selectedmodels_title { height: 65px; padding-top: 10px; } @media screen and (min-width: 700px) { .by_modelcomp_selectedmodels_title { height: 90px; } } .by_modelcomp_selectedmodels_controls { height: 40px; margin: 10px 0; text-align: center; } .by_modelcomp_selectedmodels_controls .by_modelcomp_btn { position: relative; display: inline-block; min-width: 40px; height: 40px; padding-left: 40px; margin: 0 5px; background-position: left top; background-repeat: no-repeat; line-height: 40px; } @media screen and (min-width: 700px) { .by_modelcomp_selectedmodels_controls .by_modelcomp_btn { margin: 0 15px; } } @media screen and (min-width: 1024px) { .by_modelcomp_selectedmodels_controls .by_modelcomp_btn { margin: 0 10px; } } @media screen and (min-width: 1366px) { .by_modelcomp_selectedmodels_controls .by_modelcomp_btn { margin: 0 25px; } } .by_modelcomp_selectedmodels_controls .by_modelcomp_btn.by_delete_icon { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAD1BMVEX////Pz8/9/f27u7v7+/t3T0K/AAAAT0lEQVQoz2MYBdiBCohwQhVjEXQAEQqogsJCDAyKhg7IYiABBSagBCoAigDF0W1yNBQWAVLoSmEKMQUJa0dYhOkkgo5HeBMzQFwYRgFWAACs8ge7tFKVNwAAAABJRU5ErkJggg=='); } .by_modelcomp_selectedmodels_controls .by_modelcomp_btn.by_info_icon { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAFVBMVEX///+8vLzU1NTl5eX6+vrHx8fw8PAk2nN9AAAAWUlEQVQoz2MYBSBgKIQpxiIoiEWloBAWQecETDGjIAcMsVRBQQN0MeYQRUEM7UxugqKYRjIJCmMKOgqKYAoqCipg808KhiizoGiqAaY9gmEMmCqDGUYBLgAAxZMHKemeQ+IAAAAASUVORK5CYII='); } .by_modelcomp_selectedmodels_controls .by_modelcomp_btn.by_configure_icon:before { content: ""; position: absolute; left: 0; width: 40px; height: 40px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAqFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAs30iGAAAAN3RSTlMA+wV38OP1aVtOFNrH57nUgUcoGwr43r60e1I2LQ/Mp6OZklU7MSQL656OiGVgQCEY0a+rcF2sYmJbVQAAAdNJREFUOMuFlOla4jAUQG+6CW2BUtlBNkFwhEFHnfP+bzbtJd8gpNXzp8nX0yR3ScVyvx5g5uNYfuB3gBJ8fu/Fe4KsO1n1YfHS7NWLGVGuBwgB9tlDnZjyS58+DFKg1agRBxytx1pOKwPv1YsmfJw9w6AYzFJIZlXiH9rqdZrwWMy9zBB1xaUB09KLJSXxpKAbYI6u6CUEwKxIKIylJA/hzjU3BmBSjBaY7blWCRwc8Y6Sdpn7FoNzxHEHM3E9ZVOeztD2xKY/mlZ6vJXGGJ5FedoTvlZ5NpAlvNheMQwrPUy5lTf8b36A73hKq9yql5alVEZEJ1GOXDMvm+xhCIueBhTwLkqLGzTk3gjmk02+Ex9yFXH4W5reGiVsY1swxGGkaTz0sSQqrnAZamlmb1judUoFyZO2ih+hPNperCA4v4szjXWlk1OfKp5jLaKG0BHFp5LA35We6QCxKG2qiUYtTDPVQyqvITUUntdHM6lso1pPNgCpWJqmxrMR9D2xfNZ5NoBLox9MtedFwNV9bJhbT/8/U5tVudANHO+S5Ll8IU9cT5YogXxlt3Q8STkj10zCG09G7orKzm+pd3tFF+LgdcfZ9jLtdXTBXH4kXkZmWHz5Dw3nl9d+KgpsAAAAAElFTkSuQmCC'); background-position: 10px center; background-repeat: no-repeat; background-size: 20px 20px; opacity: 0.3; } .by_modelcomp_selectedmodels_controls .by_btn_label { display: none; } @media screen and (min-width: 1024px) { .by_modelcomp_selectedmodels_controls .by_btn_label { display: inline; height: 40px; } } /** @subsection: seletor */ .by_modelcomp_selector { display: none; margin: 0 auto; } .by_modelcomp_selector_filter { margin-top: 22px; margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 700px) { .by_modelcomp_selector_filter { margin-top: 12px; } } .by_modelcomp_selector_filter .by_collapsible_head { max-width: 345px; margin: 0 auto; } .by_modelcomp_selector_empty { display: none; margin-top: 20px; color: #333; } .by_modelcomp_selector_list { position: relative; overflow: hidden; margin-top: 22px; margin-right: 10px; margin-bottom: 20px; } @media screen and (min-width: 700px) { .by_modelcomp_selector_list { margin-top: 15px; margin-right: 30px; margin-bottom: 30px; } } .by_modelcomp_selector_item { float: left; width: 50%; padding-top: 9px; padding-left: 10px; } @media screen and (min-width: 700px) { .by_modelcomp_selector_item { padding-top: 29px; padding-left: 30px; } } @media screen and (min-width: 960px) { .by_modelcomp_selector_item { width: 33.3333%; padding-top: 29px; padding-left: 30px; } } .by_modelcomp_selector_item .by_modelcomp_selector_item_title { height: 64px; border: 1px solid #e5e5e5; border-bottom: none; vertical-align: middle; line-height: 64px; } @media screen and (min-width: 700px) { .by_modelcomp_selector_item .by_modelcomp_selector_item_title { height: 74px; line-height: 74px; } .by_modelcomp_selector_item .by_modelcomp_selector_item_title span { margin: 0 20px; line-height: 20px; } } .by_modelcomp_selector_item .by_modelcomp_selector_item_title span { display: inline-block; margin: 0 10px; vertical-align: middle; line-height: 16px; } .by_modelcomp_selector_item img { width: 100%; height: auto; } /** @section: comparison table style moved to editorial/comp_table */ /** @section: loader */ .by_modelcomp_loader { display: none; width: 100%; padding: 40px; background: url("bentley.motors.apps.base/resources/img/loader.gif") 50% 50% no-repeat; } /** @section: Tabbed navigation */ .by_tabbed_navigation { max-width: 1366px; } @media screen and (min-width: 700px) { .by_tabbed_navigation { margin: 30px auto 0; } } .by_tab_nav_list { /* stylelint-disable-next-line */ display: none; } @media screen and (min-width: 960px) { .by_tab_nav_list { position: relative; display: block; padding: 0; margin: 0; list-style-type: none; } } .by_tab_content_list { /* stylelint-disable-next-line */ position: relative; width: 100%; border-bottom: 1px solid #b9b9b9; background-color: #f4f4f4; text-align: left; } @media screen and (min-width: 960px) { .by_tab_content_list { border-bottom: none; } } .by_tab_wrapper_acc, .by_tab_wrapper { background-color: #fff; } .by_active.by_tab_wrapper_acc, .by_active.by_tab_wrapper { background-color: #f4f4f4; } .by_tab_wrapper_acc { position: relative; width: 100%; height: 60px; padding-right: 60px; padding-left: 30px; border-top: 1px solid #b9b9b9; line-height: 60px; cursor: pointer; } @media screen and (min-width: 700px) { .by_tab_wrapper_acc { padding: 0 60px; text-align: center; } } @media screen and (min-width: 960px) { .by_tab_wrapper_acc { display: none; } } .by_tab_wrapper_acc.by_active { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .by_tab_wrapper_acc i { position: absolute; top: 24px; right: 30px; width: 21px; height: 12px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAMBAMAAAB/4Ov2AAAALVBMVEUAAABsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGwOXxnMAAAAD3RSTlMA/oUw9pkoj/ADIqM4NMjBblz3AAAAVUlEQVQI12NQYIACIEsIxmQSYDgIk1A8wMArDmGyywKJiwVgduEFIMEMlmAVBouYBACJEAMwm82VgWGqG9SElEjOLQlQNlv37Da4jSs6FsDZXK/AFAAzeg2hWyiHnQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; } .by_tab_wrapper_acc.by_active i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAMBAMAAAB/4Ov2AAAALVBMVEUAAABsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGwOXxnMAAAADnRSTlMA+CmS8YYymyICozcGxd16husAAABWSURBVAjXYwABjhsMcNDi0gBjMnmdcoKxVVZylihAhcUnMLALQdiKBUDCECzBJgwimcVAZKIBWNYwASj8GKKS9RkDw74AqGlxGxiewkxmfcAQALc9AADJDA49iHUxPQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; } .by_tab_wrapper { display: none; padding: 0; border-bottom: 1px solid #a1a1a1; margin: 0; } @media screen and (min-width: 960px) { .by_tab_wrapper { position: relative; display: block; float: left; width: 25%; height: 70px; padding: 15px 0 0; text-align: center; line-height: auto; cursor: pointer; } } .by_tab_wrapper.by_active { border-bottom-color: #f4f4f4; } .by_tab_link { display: inline-block; vertical-align: middle; } .by_tab_content { /* stylelint-disable-next-line */ display: none; padding: 30px 15px 0; border-top: 1px solid #fff; } @media screen and (min-width: 960px) { .by_tab_content { padding-top: 0; border-top: none; } } .by_tab_content.by_active { display: block; } .by_tech_row { width: 100%; padding: 0 15px; margin: 0 0 30px; text-align: left; /* stylelint-disable-next-line */ } @media screen and (min-width: 700px) { .by_tech_row { float: left; width: 50%; } } @media screen and (min-width: 960px) { .by_tech_row { width: 33%; margin: 40px 0; } } html[dir="rtl"] .by_tech_row { text-align: right; } .by_tech_divider { display: none; } @media screen and (min-width: 960px) { .by_tech_divider { content: "."; clear: both; display: block; float: none; height: 0; padding: 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #fff; margin: 0 -15px; } } .by_tech_label { margin-bottom: 12px; } @media screen and (min-width: 960px) { .by_tech_label { margin-bottom: 10px; } } .by_tech_headline { clear: both; float: none; padding: 0 15px; } @media screen and (min-width: 960px) { .by_tech_headline { margin-bottom: 0; } } .by_multicolumn_form { /* stylelint-disable-next-line */ text-align: left; /* stylelint-disable-next-line */ } @media (max-width: 1023px) { .by_multicolumn_form .by_multicolumn_left { width: 100%; } .by_multicolumn_form .by_multicolumn_right { display: none; } } .by_multicolumn_form .by_multicolumn_left { width: calc(100% - 370px); } .by_multicolumn_form .by_multicolumn_right { width: 310px; } .by_multicolumn_form.by_single_col { padding: 0 30px; } .by_multicolumn_form.by_single_col .by_multicolumn_left { width: calc(100% - 60px); } .by_multicolumn_form.by_single_col .by_multicolumn_right { display: none; } .by_form_submit_element { /* stylelint-disable-next-line */ } html[dir="rtl"] .by_form_submit_element { padding-right: 15px; padding-left: 60px; text-align: right; } .by_form_submit_arrow { /* stylelint-disable-next-line */ } html[dir="rtl"] .by_form_submit_arrow { right: auto; left: 0; border-right: 1px solid #fff; border-left: 0; background-image: url('data:image/png;base64,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AAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9/v77/Pz/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+vz7GBIUNiouAAAA/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAf////b49wQDAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQECAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAD//w5s+kHAEqvkAAAAAElFTkSuQmCC'); } .by_form_checkbox-btn { /* stylelint-disable-next-line */ } html[dir="rtl"] .by_form_checkbox-btn { margin-left: 20px; } .by_form_rd_checkbox_text, .by_form_rd_radio_text { /* stylelint-disable-next-line */ } html[dir="rtl"] .by_form_rd_checkbox_text, html[dir="rtl"] .by_form_rd_radio_text { width: calc(100% - 45px); } .by_contact_details .by_form_select_element { position: relative; width: 100%; height: 35px; padding: 0; border: 1px solid #e3e3e3; border-radius: 0; text-align: left; } .by_contact_details .by_form_select_element .by_form_select_element_text { display: none; } .by_contact_details .by_form_select_element .by_form_input_select, .by_contact_details .by_form_select_element .by_form_select_wrapper__white .by_form_input_select__white, .by_form_select_wrapper__white .by_contact_details .by_form_select_element .by_form_input_select__white { /* stylelint-disable-next-line */ width: 100%; min-width: 0; max-width: 100%; padding: 5px 0 5px 10px; border: 0; margin-top: 2px; color: #333; opacity: 1; font-family: Arial, sans-serif; font-size: 12px; text-align: left; text-shadow: 0 0 0 #333; /* stylelint-disable-next-line */ } html[dir="rtl"] .by_contact_details .by_form_select_element .by_form_input_select, html[dir="rtl"] .by_contact_details .by_form_select_element .by_form_select_wrapper__white .by_form_input_select__white, .by_form_select_wrapper__white html[dir="rtl"] .by_contact_details .by_form_select_element .by_form_input_select__white { font-family: Tahoma, Arial, sans-serif; } .by_contact_details .by_form_select_element .by_form_input_select::-ms-expand, .by_contact_details .by_form_select_element .by_form_select_wrapper__white .by_form_input_select__white::-ms-expand, .by_form_select_wrapper__white .by_contact_details .by_form_select_element .by_form_input_select__white::-ms-expand { display: none; } .by_contact_details .by_form_select_element .by_form_input_select:focus::-ms-value, .by_contact_details .by_form_select_element .by_form_select_wrapper__white .by_form_input_select__white:focus::-ms-value, .by_form_select_wrapper__white .by_contact_details .by_form_select_element .by_form_input_select__white:focus::-ms-value { color: #181818; background-color: transparent; } .by_contact_details .by_form_select_element option { text-align: left; } .by_contact_details .by_form_select_element option, .by_contact_details .by_form_select_element option:hover, .by_contact_details .by_form_select_element option:focus, .by_contact_details .by_form_select_element option:active { color: #181818; } .by_contact_details .by_form_select_element:after { content: " "; position: absolute; top: 5px; right: 0; width: 35px; height: calc(35px - 10px); border-left: 1px solid #e3e3e3; background: url("bentley.motors.apps.base/resources/img/accordion_expand.png") center center no-repeat; pointer-events: none; } /* careers */ .by_careers { position: relative; min-height: 200px; } .by_careers.by_loading { min-height: 350px; } .by_careers .by_footer_checkbox_wrapper { position: relative; min-height: 75px; 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 700px) { .by_careers .by_footer_checkbox_wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .by_careers .by_submit_wrapper { position: relative; margin-bottom: 15px; } .by_careers .by_form_footer .by_careers_results_footer { margin-bottom: -60px; } /** WRAPPER */ .by_careers_results_wrapper { display: block; padding: 60px 30px 0 30px; margin: 0 auto; text-align: left; } @media screen and (min-width: 700px) { .by_careers_results_wrapper { padding-left: 0; padding-right: 0; margin-top: 81px; width: 640px; vertical-align: middle; } } /** PAGINATION */ .by_careers_results_pagination { width: 100%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding-left: 10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .by_careers_results_pagination_label { text-transform: uppercase; font-size: 14px; } .by_careers_results_pagination_nav { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .by_careers_results_pagination_nav_item { list-style-type: none; padding-left: 0; } .by_careers_results_pagination_nav_item:first-child .by_careers_results_pagination_nav_link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .by_careers_results_pagination_nav_item:last-child .by_careers_results_pagination_nav_link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .by_careers_results_pagination_nav_link { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #e6e6e6; border-radius: 0; margin-left: -1px; height: 36px; color: #7f988f; padding: 8px 12px; font-size: 0.75em; } .by_careers_results_pagination_nav_link.by_active { pointer-events: none; color: #fff; background-color: #7f988f; } /** TABLE */ .by_careers_results_table { width: 100%; max-width: 100%; margin-bottom: 30px; font-size: 16px; } .by_careers_results_table_head { background: #fff; } .by_careers_results_table_head .by_careers_results_table_col { padding: 20px 0 20px 10px; text-transform: uppercase; } @media screen and (max-width: 699px) { .by_careers_results_table_head .by_careers_results_table_col { display: none; } .by_careers_results_table_head .by_careers_results_table_col:first-child { display: table-cell; } } .by_careers_results_table_body { border-bottom: 2px solid #535353; border-top: 2px solid #535353; } .by_careers_results_table_body .by_careers_results_table_row { cursor: pointer; } .by_careers_results_table_body .by_careers_results_table_row:nth-child(odd) { background: #f1f1f1; } .by_careers_results_table_row { color: #333; display: block; padding: 10px 0; } @media screen and (min-width: 700px) { .by_careers_results_table_row { display: table-row; padding: 0; } } .by_careers_results_table_col { vertical-align: top; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 10px; text-align: left; } .by_careers_results_table_col + .by_careers_results_table_col { color: #666; } @media screen and (min-width: 700px) { .by_careers_results_table_col + .by_careers_results_table_col { color: inherit; } } @media screen and (min-width: 700px) { .by_careers_results_table_col { display: table-cell; width: 25%; padding: 10px 0 10px 10px; } } @media screen and (max-width: 699px) { .by_careers_results_table_col.by_mobile_hidden { display: none; } } .by_careers_results_footer { background: #f7f7f7; margin-top: 60px; padding: 30px 0; margin-bottom: -60px; } .by_careers_results_footer_wrapper { position: relative; display: block; margin: 0 auto; padding: 0 30px 25px 30px; } @media screen and (min-width: 700px) { .by_careers_results_footer_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; width: 640px; padding: 0; } } .by_careers_results_footer_wrapper .by_careers_results_btn_back { margin: 0; } .by_careers_job { padding-top: 30px; background: #fff; } @media screen and (min-width: 700px) { .by_careers_job { margin-top: 81px; } } .by_careers_job_btn_apply { padding-top: 12px; margin: 0; display: none; } @media screen and (min-width: 700px) { .by_careers_job_btn_apply { display: block; } } .by_careers_job_description + .by_careers_job_header { padding-top: 30px; } .by_careers_job_description + .by_careers_job_header .by_careers_job_btn_apply { display: block; } .by_careers_job_header { padding-bottom: 10px; } @media screen and (min-width: 700px) { .by_careers_job_header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 30px; } } @media screen and (min-width: 700px) { .by_careers_job_header_title { padding-right: 20px; } } .by_careers_job_disclaimer { padding-bottom: 60px; margin-bottom: -60px; } .by_careers_job_disclaimer.by_bodycopy, .by_careers_job_disclaimer.by_headlineicon_bottom { font-size: 16px; } /*# sourceMappingURL=styles.css.map */