@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap"); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 16px; font: inherit; } input, textarea { outline: none; } textarea { resize: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { box-sizing: border-box; } .container { max-width: 1040px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .siv-trip-register-sec .gadgetStyleBody { margin: 0 auto; max-width: 1030px; padding: 0 15px; padding-top: 40px; padding-bottom: 55px; width: 100%; } .siv-trip-register-sec p { margin-bottom: 25px; line-height: 30px; } .siv-trip-register-sec p:last-child { margin-bottom: 0px; } .siv-trip-register-sec h2 { text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #000; } .siv-trip-register-sec p.sivred { color: #e8203b; } .siv-trip-register-sec p a { font-weight: 700; color: inherit; text-decoration: underline; } .siv-trip-register-sec p .sivblue { color: #01a3de; text-decoration: underline; font-weight: 700; } .siv-trip-register-sec ul li:before { content: "•"; } .siv-trip-register-sec ul li { margin-bottom: 8px; } .siv_upcoming_widget_sec { padding: 0 15px; padding-bottom: 70px; } .siv_upcoming_widget_sec > form, .eventdetailnew { background: #fff; max-width: 1140px; margin: 0 auto; } .eventdetailnew { padding: 0 20px; } .eventdetailnew .pageViewSwitcherContainer .inner .semantic-ui { min-width: auto; } .eventdetailnew .ui.inline.dropdown.-wa-add-event-to-calendar-dropdown { position: relative; } .eventdetailnew .commonMessageBox .cww-inner .cww-co .text, .eventdetailnew .commonMessageBox .cww-inner .cww-co .text a { color: #000 !important; } .eventdetailnew .generalFormContainer .navigationOuterContainer .navigationContainer .inner { padding-bottom: 30px; } .eventdetailnew .formTitleOuterContainer .formTitleContainer .inner h3.formTitle { color: #000; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 24px; float: none; } .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer { padding: 0; } .siv_upcoming_widget_sec .sectionTitle, .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer { display: inline-block !important; font-size: 20px !important; text-transform: uppercase; color: #000000 !important; margin: 0 !important; padding: 22px 26px !important; } .siv_upcoming_widget_sec .pageTitleOuterContainer, .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer { display: inline-block !important; margin: 0 !important; padding: 22px 26px !important; } .eventdetailnew.WaGadgetEventsStateDetails .ui.inline.dropdown.-wa-add-event-to-calendar-dropdown { position: relative; } .eventdetailnew.WaGadgetEventsStateDetails .pageTitleContainer.eventsTitleContainer { padding: 10px 25px !important; border-top: 1px solid #eaeaea; margin-bottom: 0; } .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageTitleContainer h1.pageTitle { font-size: 24px !important; text-transform: none !important; color: #000 !important; line-height: normal; } .siv_upcoming_widget_sec .pageViewSwitcherContainer a { color: #122f42; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .pageTitleOuterContainer .pageViewSwitcherOuterContainer .pageViewSwitcherContainer a:before { vertical-align: middle; } .siv_upcoming_widget_sec.WaGadgetEventsStateList ul.boxesList { padding: 10px 25px; border-top: 1px solid #eaeaea; } .siv_upcoming_widget_sec.WaGadgetEventsStateList ul.boxesList h4.boxHeaderTitle a { font-size: 24px !important; text-transform: none !important; color: #000 !important; } .siv_upcoming_widget_sec.WaGadgetEventsStateList ul.boxesList li.boxesListItem { margin: 0; } .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo { padding: 0px 25px; padding-right: 0; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer { padding-left: 25px; margin-bottom: 0; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle { margin-bottom: 0; font-size: 24px !important; text-transform: none !important; color: #000 !important; line-height: normal; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo { margin: 0; padding: 0; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner hr { display: none; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner p, .eventdetailnew ul.registrationInfo .regTypeLiValueSpan { color: #000; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 24px; margin-bottom: 20px; width: 100%; } .siv_upcoming_widget_sec.WaGadgetEvents .boxInfoContainer ul.boxInfo li, .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo li { margin: 0; margin-bottom: 5px; } .siv_upcoming_widget_sec.WaGadgetEvents .boxInfoContainer ul.boxInfo li:before, .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo li:before { display: none; } .siv_upcoming_widget_sec.WaGadgetEvents .boxInfoContainer ul.boxInfo li label, .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo li label { padding: 0; font-weight: normal; } .siv_upcoming_widget_sec.WaGadgetEvents .boxInfoContainer ul.boxInfo li .eventInfoBoxValue, .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo li .eventInfoBoxValue { font-style: normal !important; } .siv_upcoming_widget_sec.WaGadgetEvents .boxInfoContainer ul.boxInfo li strong, .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo li strong { font-weight: normal !important; } .siv_upcoming_widget_sec.WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoBoxValue .eventInfoBoxRegisterLink { text-decoration: underline; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer, .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyInfoOuterContainer { float: none; width: 33%; padding: 20px 0 0 0; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer { padding: 0px 0 0 30px; margin: 0; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer:after { width: 4px; background: #122f42; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .gadgetEventEditableArea h2 { font-size: 24px; font-weight: bold; color: #000 !important; margin-bottom: 10px; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .gadgetEventEditableArea p { display: block; width: 100%; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyContentContainer .notupcoming, .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner p.notupcoming { color: #00b5f7; font-style: italic; max-width: 520px; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner p.sivreg { color: #122f42; font-weight: bold; line-height: 30px; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner h3 { font-weight: bold; color: #000; } .siv_upcoming_widget_sec .boxFooterContainer { display: none; } .siv_upcoming_widget_sec div#idPastEventsContainer { display: none; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:before, .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:after, .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:before, .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:after { display: none; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner, .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner { margin: 0; height: 42px; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton, .eventdetailnew #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventRegistrationActions_RegistrationLink_bt { width: 100%; font-size: 18px; text-transform: none; font-weight: bold; height: 42px; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner p.sivred { font-weight: bold; color: #e8203b; line-height: 30px; } .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoBoxValue .eventInfoBoxRegisterLink { text-decoration: underline; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:hover, .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:hover { -webkit-filter: none; filter: none; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight .inner, .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight .inner { max-height: none; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer { padding-left: 25px; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyContentOuterContainer { border-left: 4px solid #122f42; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .boxBodyContentContainer .inner h2 { font-size: 24px; font-weight: bold; color: #000 !important; margin-bottom: 10px; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer a { font-size: 0.9em !important; display: block !important; text-decoration: none !important; font-weight: normal !important; color: #2c2d30 !important; padding: 0.6875rem 1.125rem !important; float: none !important; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer a span { color: inherit !important; float: none !important; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer a:before { display: none; } .WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton { margin-bottom: 0; background: #e8203c !important; border: solid 1px #e8203c !important; color: #fff !important; font-weight: bold !important; padding: 8px 15px 9px 15px !important; width: auto; font-size: 16px !important; } .wizardOperation input[type="submit"] { margin-bottom: 0; background: #e8203c !important; border: solid 1px #e8203c !important; color: #fff !important; font-weight: 600 !important; padding: 8px 15px 9px 15px !important; width: auto; margin-bottom: 5px; font-size: 14px !important; } .siv_upcoming_widget_sec .sivmore { display: none; } .bmwsiv { position: relative; display: inline-block; padding: 8px 15px 9px 15px; margin: 0; height: auto; text-transform: none; outline: 0; border: 0; background: #f0f0f0; -webkit-appearance: none; font: normal 15px/1.25 "Open Sans"; color: #333; white-space: nowrap; text-decoration: none; text-align: center; vertical-align: middle; display: inline-block; background: #e8203c; border: solid 1px #e8203c; color: #fff; text-decoration: none; font-weight: bold; } .bmwsiv:hover { background: none; border: solid 1px #e8203c; color: #e8203c !important; text-decoration: none; } .eventnewsec { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .bmwclubsiv { width: 280px; } .validevent { width: calc(100% - 280px); padding-right: 20px; } .bmwsiv::before { left: 3px !important; top: 7px !important; } @media screen and (max-width: 500px) { .container { padding-left: 10px; padding-right: 10px; } } body { min-width: 320px; color: #222; background: #eeeeee; text-align: left; font-family: "Open Sans", sans-serif; font-weight: 400; position: relative; } .s1_grid_12 { margin-left: 0 !important; margin-right: 0 !important; width: auto !important; } .container_12 { max-width: 1040px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 500px) { .container_12 { padding-left: 10px; padding-right: 10px; } } .zoneHeader3 { overflow: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .hidden-element { display: none; } .form__input-holder { margin-bottom: 15px; } .form__input { display: block; width: 100%; height: 35px; background: #383542; border-radius: 3px; border: 1px solid transparent; padding: 0 20px; color: white; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 0.875rem; -webkit-appearance: none; } .form__input::-webkit-input-placeholder { color: white; opacity: 1; } .form__input::-moz-placeholder { color: white; opacity: 1; } .form__input:-moz-placeholder { color: white; opacity: 1; } .form__input:-ms-input-placeholder { color: white; opacity: 1; } .form__input:focus { border-color: black; color: white; } .form__input_error { border-color: #ff0000; } .form__textarea { display: block; width: 100%; height: 225px; background: #383542; border-radius: 3px; border: 1px solid transparent; padding: 10px 20px; color: white; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 0.875rem; -webkit-appearance: none; } .form__textarea::-webkit-input-placeholder { color: white; opacity: 1; } .form__textarea::-moz-placeholder { color: white; opacity: 1; } .form__textarea:-moz-placeholder { color: white; opacity: 1; } .form__textarea:-ms-input-placeholder { color: white; opacity: 1; } .form__textarea:focus { border-color: black; color: white; } .form__textarea_error { border-color: #ff0000; } .form__captcha { margin: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-width: 100%; } .form__submit { text-align: right; } @media screen and (max-width: 770px) { .form__captcha_mobile { display: block; } } .btn { height: 64px; padding: 0 40px; border: none; background: #e8203b; cursor: pointer; position: relative; color: white; font-size: 1.625rem; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; text-decoration: none; border-radius: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0 2px 1px #b8192e; outline: none; -webkit-appearance: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .btn:before { content: ""; position: absolute; left: -28px; top: 0; bottom: 0; width: 0; height: 0; border-bottom: 64px solid #e8203b; border-top: 0 solid transparent; border-left: 28px solid transparent; box-shadow: 0 2px 0px #b8192e; } .btn:after { content: ""; position: absolute; right: -28px; top: 0; bottom: 0; width: 0; height: 0; border-top: 64px solid #e8203b; border-right: 28px solid transparent; } .btn:hover { -webkit-filter: drop-shadow(0 0 10px #e8203b); filter: drop-shadow(0 0 10px #e8203b); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); text-decoration: none; color: white; } @media screen and (max-width: 500px) { .btn { height: 45px; padding: 0 14px; font-size: 1.125rem; } .btn:before { border-bottom: 45px solid #e8203b; } .btn:after { border-top: 45px solid #e8203b; } } body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.25s, visibility 0s linear 0.25s; transition: opacity 0.25s, visibility 0s linear 0.25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s, visibility 0s; transition: opacity 0.25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: -webkit-linear-gradient( top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100% ); background: linear-gradient( to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100% ); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate 0.8s infinite linear; animation: fancybox-rotate 0.8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: -webkit-calc(46%); max-width: calc(46%); max-height: -webkit-calc(92%); max-height: calc(92%); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: -webkit-calc(90%); max-width: calc(90%); } } /* InstaShow Version: 2.5.0 Release date: Sat Aug 12 2017 elfsight.com Copyright (c) 2017 Elfsight, LLC. ALL RIGHTS RESERVED */ @font-face { font-family: "Iconsfont"; src: url(data:application/vnd.ms-fontobject;base64,BAcAAGAGAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAH9kmgAAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIEkAAAALwAAABgY21hcOg85rYAAAEcAAAAXGdhc3AAAAAQAAABeAAAAAhnbHlmJ80DnAAAAYAAAAKIaGVhZAejm9kAAAQIAAAANmhoZWEHwgPJAAAEQAAAACRobXR4FQAAQAAABGQAAAAgbG9jYQIsAZoAAASEAAAAEm1heHAADQBGAAAEmAAAACBuYW1lmUoJ+wAABLgAAAGGcG9zdAADAAAAAAZAAAAAIAADA2YBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOgAA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABABAAAAADAAIAAIABAABACDmAugA//3//wAAAAAAIOYA6AD//f//AAH/4xoEGAcAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAA/6sEAAOrABkAMwAAJTI2Nxc1PgM1NC4CIyIOAhUUHgIzETIeAhUUDgIHFycOASMiLgI1ND4CMwIAGS8Y4CxHMhtQi7tqaruLUFCLu2pdo3pGGzJHKwKXGjYcXaN6RkZ6o10rBASI4h9NWWQ1XKR5R0d5pFxdo3pGA0A9aIxPMVtRRBqUWgUGPGiMUE+MaD0AAAIAAP/OBAADawAbADgAAAkBBiInAS4BNTQ+AjMyFhc+ATMyHgIVFAYHJz4BNTQuAiMiDgIHLgMjIg4CFRQWFwkBA7/+cSEfIf5yGicmRF44UH8xM31QOF5EJiMePyUbHTNHKSNJRDsVFTtESSMrRjMcHiIBgAGAAan+JSMjAdsnVTk0YkotTDQxTy1KYjQ5VScOLk0sKUw5IyAyOhobOzEfIzpLKSxKL/41AckAAAAABAAA/6sDAAOrABQAKQA2AEMAAAUiLgI1ND4CMzIeAhUUDgIjESIOAhUUHgIzMj4CNTQuAiMRIiY1NDYzMhYVFAYjESIGFRQWMzI2NTQmIwGAGH6EZjxpi1BQi2k8ZoV9GEJ1VzJVbmkUFGluVTJXdUJCXl5CQl5eQig4OCgoODgoVZrS1z1PjGg9PWiMTzzX0psDwDNXdEIztrOEhLS2MkJ0VzP+IF1DQl5eQkNdAQA5Jyg4OCgnOQAAAAABAED/6wPAA2sAFQAANxQWMzI2NwE+ATU0JicBLgEjIgYVEUAmGhAgEALRDSIiDf0vECAQGiYrGyURBwFoBh0dHB0HAWgHESYa/QAAAQAAAAAAAIAm2R9fDzz1AAsEAAAAAADSQqvDAAAAANJCq8MAAP+rBAADqwAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAMAAAAEAABAAAAAAAAKABQAHgBoAMABHgFEAAAAAQAAAAgARAAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=); src: url(data:application/vnd.ms-fontobject;base64,BAcAAGAGAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAH9kmgAAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIEkAAAALwAAABgY21hcOg85rYAAAEcAAAAXGdhc3AAAAAQAAABeAAAAAhnbHlmJ80DnAAAAYAAAAKIaGVhZAejm9kAAAQIAAAANmhoZWEHwgPJAAAEQAAAACRobXR4FQAAQAAABGQAAAAgbG9jYQIsAZoAAASEAAAAEm1heHAADQBGAAAEmAAAACBuYW1lmUoJ+wAABLgAAAGGcG9zdAADAAAAAAZAAAAAIAADA2YBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOgAA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABABAAAAADAAIAAIABAABACDmAugA//3//wAAAAAAIOYA6AD//f//AAH/4xoEGAcAAwABAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAA/6sEAAOrABkAMwAAJTI2Nxc1PgM1NC4CIyIOAhUUHgIzETIeAhUUDgIHFycOASMiLgI1ND4CMwIAGS8Y4CxHMhtQi7tqaruLUFCLu2pdo3pGGzJHKwKXGjYcXaN6RkZ6o10rBASI4h9NWWQ1XKR5R0d5pFxdo3pGA0A9aIxPMVtRRBqUWgUGPGiMUE+MaD0AAAIAAP/OBAADawAbADgAAAkBBiInAS4BNTQ+AjMyFhc+ATMyHgIVFAYHJz4BNTQuAiMiDgIHLgMjIg4CFRQWFwkBA7/+cSEfIf5yGicmRF44UH8xM31QOF5EJiMePyUbHTNHKSNJRDsVFTtESSMrRjMcHiIBgAGAAan+JSMjAdsnVTk0YkotTDQxTy1KYjQ5VScOLk0sKUw5IyAyOhobOzEfIzpLKSxKL/41AckAAAAABAAA/6sDAAOrABQAKQA2AEMAAAUiLgI1ND4CMzIeAhUUDgIjESIOAhUUHgIzMj4CNTQuAiMRIiY1NDYzMhYVFAYjESIGFRQWMzI2NTQmIwGAGH6EZjxpi1BQi2k8ZoV9GEJ1VzJVbmkUFGluVTJXdUJCXl5CQl5eQig4OCgoODgoVZrS1z1PjGg9PWiMTzzX0psDwDNXdEIztrOEhLS2MkJ0VzP+IF1DQl5eQkNdAQA5Jyg4OCgnOQAAAAABAED/6wPAA2sAFQAANxQWMzI2NwE+ATU0JicBLgEjIgYVEUAmGhAgEALRDSIiDf0vECAQGiYrGyURBwFoBh0dHB0HAWgHESYa/QAAAQAAAAAAAIAm2R9fDzz1AAsEAAAAAADSQqvDAAAAANJCq8MAAP+rBAADqwAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAMAAAAEAABAAAAAAAAKABQAHgBoAMABHgFEAAAAAQAAAAgARAAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("embedded-opentype"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBJAAAAC8AAAAYGNtYXDoPOa2AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZifNA5wAAAGAAAACiGhlYWQHo5vZAAAECAAAADZoaGVhB8IDyQAABEAAAAAkaG10eBUAAEAAAARkAAAAIGxvY2ECLAGaAAAEhAAAABJtYXhwAA0ARgAABJgAAAAgbmFtZZlKCfsAAAS4AAABhnBvc3QAAwAAAAAGQAAAACAAAwNmAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gLoAP/9//8AAAAAACDmAOgA//3//wAB/+MaBBgHAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP+rBAADqwAZADMAACUyNjcXNT4DNTQuAiMiDgIVFB4CMxEyHgIVFA4CBxcnDgEjIi4CNTQ+AjMCABkvGOAsRzIbUIu7amq7i1BQi7tqXaN6RhsyRysClxo2HF2jekZGeqNdKwQEiOIfTVlkNVykeUdHeaRcXaN6RgNAPWiMTzFbUUQalFoFBjxojFBPjGg9AAACAAD/zgQAA2sAGwA4AAAJAQYiJwEuATU0PgIzMhYXPgEzMh4CFRQGByc+ATU0LgIjIg4CBy4DIyIOAhUUFhcJAQO//nEhHyH+chonJkReOFB/MTN9UDheRCYjHj8lGx0zRykjSUQ7FRU7REkjK0YzHB4iAYABgAGp/iUjIwHbJ1U5NGJKLUw0MU8tSmI0OVUnDi5NLClMOSMgMjoaGzsxHyM6SyksSi/+NQHJAAAAAAQAAP+rAwADqwAUACkANgBDAAAFIi4CNTQ+AjMyHgIVFA4CIxEiDgIVFB4CMzI+AjU0LgIjESImNTQ2MzIWFRQGIxEiBhUUFjMyNjU0JiMBgBh+hGY8aYtQUItpPGaFfRhCdVcyVW5pFBRpblUyV3VCQl5eQkJeXkIoODgoKDg4KFWa0tc9T4xoPT1ojE8819KbA8AzV3RCM7azhIS0tjJCdFcz/iBdQ0JeXkJDXQEAOScoODgoJzkAAAAAAQBA/+sDwANrABUAADcUFjMyNjcBPgE1NCYnAS4BIyIGFRFAJhoQIBAC0Q0iIg39LxAgEBomKxslEQcBaAYdHRwdBwFoBxEmGv0AAAEAAAAAAACAJtkfXw889QALBAAAAAAA0kKrwwAAAADSQqvDAAD/qwQAA6sAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAgEAAAAAAAAAAAAAAACAAAABAAAAAQAAAADAAAABAAAQAAAAAAACgAUAB4AaADAAR4BRAAAAAEAAAAIAEQABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;base64,d09GRgABAAAAAAasAAsAAAAABmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIEkGNtYXAAAAFoAAAAXAAAAFzoPOa2Z2FzcAAAAcQAAAAIAAAACAAAABBnbHlmAAABzAAAAogAAAKIJ80DnGhlYWQAAARUAAAANgAAADYHo5vZaGhlYQAABIwAAAAkAAAAJAfCA8lobXR4AAAEsAAAACAAAAAgFQAAQGxvY2EAAATQAAAAEgAAABICLAGabWF4cAAABOQAAAAgAAAAIAANAEZuYW1lAAAFBAAAAYYAAAGGmUoJ+3Bvc3QAAAaMAAAAIAAAACAAAwAAAAMDZgGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6AADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAEAIOYC6AD//f//AAAAAAAg5gDoAP/9//8AAf/jGgQYBwADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAD/qwQAA6sAGQAzAAAlMjY3FzU+AzU0LgIjIg4CFRQeAjMRMh4CFRQOAgcXJw4BIyIuAjU0PgIzAgAZLxjgLEcyG1CLu2pqu4tQUIu7al2jekYbMkcrApcaNhxdo3pGRnqjXSsEBIjiH01ZZDVcpHlHR3mkXF2jekYDQD1ojE8xW1FEGpRaBQY8aIxQT4xoPQAAAgAA/84EAANrABsAOAAACQEGIicBLgE1ND4CMzIWFz4BMzIeAhUUBgcnPgE1NC4CIyIOAgcuAyMiDgIVFBYXCQEDv/5xIR8h/nIaJyZEXjhQfzEzfVA4XkQmIx4/JRsdM0cpI0lEOxUVO0RJIytGMxweIgGAAYABqf4lIyMB2ydVOTRiSi1MNDFPLUpiNDlVJw4uTSwpTDkjIDI6Ghs7MR8jOkspLEov/jUByQAAAAAEAAD/qwMAA6sAFAApADYAQwAABSIuAjU0PgIzMh4CFRQOAiMRIg4CFRQeAjMyPgI1NC4CIxEiJjU0NjMyFhUUBiMRIgYVFBYzMjY1NCYjAYAYfoRmPGmLUFCLaTxmhX0YQnVXMlVuaRQUaW5VMld1QkJeXkJCXl5CKDg4KCg4OChVmtLXPU+MaD09aIxPPNfSmwPAM1d0QjO2s4SEtLYyQnRXM/4gXUNCXl5CQ10BADknKDg4KCc5AAAAAAEAQP/rA8ADawAVAAA3FBYzMjY3AT4BNTQmJwEuASMiBhURQCYaECAQAtENIiIN/S8QIBAaJisbJREHAWgGHR0cHQcBaAcRJhr9AAABAAAAAAAAgCbZH18PPPUACwQAAAAAANJCq8MAAAAA0kKrwwAA/6sEAAOrAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAAAAwAAAAQAAEAAAAAAAAoAFAAeAGgAwAEeAUQAAAABAAAACABEAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9Imljb21vb24iIGhvcml6LWFkdi14PSIxMDI0Ij4KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBob3Jpei1hZHYteD0iNTEyIiBkPSIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlNjAwOyIgZ2x5cGgtbmFtZT0iaWNvbi1jb21tZW50IiBkPSJNNTEyIDQyLjY2N2MzMi43NjggMCA2NC42NCAyLjk0NCA5NS42OCA4LjA2NGwyMjQuMzItMTM2LjA2NHYyMjYuNjI0YzExNi45MjggODIuMTEyIDE5MiAyMDggMTkyIDM0OS4zNzYgMCAyNDcuNDI0LTIyOS4yNDggNDQ4LTUxMiA0NDhzLTUxMi0yMDAuNTc2LTUxMi00NDhjMC0yNDcuNDI0IDIyOS4yNDgtNDQ4IDUxMi00NDh6TTUxMiA4NzQuNjY3YzI0Ny40MjQgMCA0NDgtMTcxLjkwNCA0NDgtMzg0IDAtMTMwLjExMi03NS43MTItMjQ0LjkyOC0xOTEuMjMyLTMxNC4zNjhsMi4wNDgtMTQ4LjQxNi0xNTAuNjU2IDkwLjU2Yy0zNC42ODgtNy40MjQtNzAuNzg0LTExLjc3Ni0xMDguMTYtMTEuNzc2LTI0Ny40MjQgMC00NDggMTcxLjkwNC00NDggMzg0czIwMC41NzYgMzg0IDQ0OCAzODR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTYwMTsiIGdseXBoLW5hbWU9Imljb24tbGlrZSIgZD0iTTk1OS4xNjggNDI1LjQ1MWwtMzk4LjcyLTQ3NS4wMDhjLTQ0LjY3Mi00Ny4wNDAtNTMuMDU2LTQ3LjA0MC05Ny43MjggMGwtMzk3Ljg4OCA0NzUuMDA4Yy0zMy45MiA1MC45NDQtNjQuODMyIDEwNS4wODgtNjQuODMyIDE4MC4zNTIgMCAxNDAuMjI0IDEwNS43OTIgMjY4Ljg2NCAyNTYgMjY4Ljg2NCAxMDYuNjI0IDAgMTkwLjU5Mi01OC4zMDQgMjU2LTEyNy40ODggNjguNjA4IDY1LjE1MiAxNDkuMzc2IDEyNy40ODggMjU2IDEyNy40ODggMTUwLjIwOCAwIDI1Ni0xMjguNjQgMjU2LTI2OC44NjQgMC03NS4yNjQtMjQuOTYtMTI5LjQ3Mi02NC44MzItMTgwLjM1MnpNODk2IDQzOC42OTljNDkuNjY0IDYyLjI3MiA2NCAxMDguMzUyIDY0IDE2Ny4xMDQgMCAxMDkuNTY4LTgxLjUzNiAyMDkuMDg4LTE5MiAyMDkuMDg4LTkzLjMxMiAwLTIwMC41NzYtOTYuNjQtMjU2LTE2NS42OTYtNTYuODk2IDcxLjYxNi0xNjIuNjg4IDE2Ni41MjgtMjU2IDE2NS43Ni0xMTMuNDcyLTAuOTYtMTkyLTk5LjU4NC0xOTItMjA5LjE1MiAwLTU4Ljc1MiAxOC4wNDgtMTAxLjY5NiA2NC0xNjUuMjQ4bDM4NC00NTguMTc2IDM4NCA0NTYuMzJ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTYwMjsiIGdseXBoLW5hbWU9Imljb24tcGxhY2VtYXJrIiBob3Jpei1hZHYteD0iNzY4IiBkPSJNMzg0LTg1LjMzM2MtNjMuODcyLTAuMzItMzg0IDQ3OS40MjQtMzg0IDY0MCAwIDIxMi4wOTYgMTcxLjkwNCAzODQgMzg0IDM4NHMzODQtMTcxLjkwNCAzODQtMzg0YzAtMTU4LjQtMzIxLjE1Mi02NDAuMzItMzg0LTY0MHpNMzg0IDg3NC42NjdjLTE3Ni43MDQgMC0zMjAtMTQzLjI5Ni0zMjAtMzIwIDAtMTMzLjgyNCAyNjYuODE2LTU0NC4yNTYgMzIwLTU0NCA1Mi4zNTItMC4yNTYgMzIwIDQxMS45NjggMzIwIDU0NCAwIDE3Ni43MDQtMTQzLjI5NiAzMjAtMzIwIDMyMHpNMzg0IDM5NC42NjdjLTg4LjM4NCAwLTE2MCA3MS42MTYtMTYwIDE2MHM3MS42MTYgMTYwIDE2MCAxNjAgMTYwLTcxLjYxNiAxNjAtMTYwLTcxLjYxNi0xNjAtMTYwLTE2MHpNMzg0IDY1MC42NjdjLTUyLjk5MiAwLTk2LTQzLjAwOC05Ni05NiAwLTUzLjA1NiA0My4wMDgtOTYgOTYtOTZzOTYgNDMuMDA4IDk2IDk2LTQzLjAwOCA5Ni05NiA5NnoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlODAwOyIgZ2x5cGgtbmFtZT0iaWNvbi1wbGF5IiBkPSJNNjQgNDIuNjY3YzAtMzUuMDA4IDI5LjUwNC02NCA2NC02NCAyMS41MDQgMCA0My4wMDggMTQuNTI4IDY0IDI0bDcyMC41MTIgMzYwYzE3LjQ3MiA4LjUxMiA0Ny40ODggMjUuOTg0IDQ3LjQ4OCA2NHMtMzAuMDE2IDU1LjQ4OC00Ny40ODggNjRsLTcyMC41MTIgMzYwYy0yMC45OTIgOS40NzItNDIuNDk2IDI0LTY0IDI0LTM0LjQ5NiAwLTY0LTI4Ljk5Mi02NC02NHYtNzY4eiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=) format("svg"); font-weight: normal; font-style: normal; } .instashow-icon { font-family: "Iconsfont"; font-size: 160%; } .instashow-iconspan { padding: 2px; } .instashow-icon, .instashow-icon + * { display: inline-block; vertical-align: middle; } .instashow-icon + * { margin-left: 0.4em; } .instashow-icon-comment::before { content: "\e600"; } .instashow-icon-like::before { content: "\e601"; } .instashow-icon-placemark::before { content: "\e602"; } .instashow-spinner { display: block; position: relative; } .instashow-spinner::before { display: none; position: absolute; box-sizing: border-box; top: 0; right: 0; bottom: 0; left: 0; border: 12px solid #ddd; border-radius: 50% 50%; box-shadow: 0 0 30px rgba(255, 255, 255, 0.3); -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); content: ""; } .instashow-show .instashow-spinner::before { display: block; -webkit-animation: instashow-spinner 1.5s infinite; animation: instashow-spinner 1.5s infinite; } @-webkit-keyframes instashow-spinner { 0% { border-width: initital; opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { border-width: 1px; opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @keyframes instashow-spinner { 0% { border-width: initital; opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { border-width: 1px; opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } .instashow { font-family: "Roboto", Arial, sans-serif; font-size: 12px; line-height: 1.4; color: #444; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } .instashow, .instashow * { direction: ltr !important; } .instashow a { text-decoration: none; color: #2196f3; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow a:hover { color: #444; } .instashow, .instashow div, .instashow span, .instashow img, .instashow p, .instashow figure, .instashow ul, .instashow li, .instashow a { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top: none; border-right: none; border-bottom: none; border-left: none; } .instashow, .instashow div, .instashow img, .instashow p, .instashow figure, .instashow ul { display: block; } .instashow a { text-decoration: none; } .instashow img { max-width: none; max-height: none; } .instashow-gallery-media { display: none; box-sizing: border-box; float: left; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 900px; perspective: 900px; } .instashow-gallery-view-active .instashow-gallery-media, .instashow-gallery-view-active-prev .instashow-gallery-media, .instashow-gallery-view-active-next .instashow-gallery-media { display: block; } .instashow-gallery-media-link { display: block; position: relative; overflow: hidden; width: 100%; height: 100%; } .instashow-gallery-media-marker { display: none; position: absolute; z-index: 2; top: 0.6em; right: 0.6em; width: 1.8em; height: 1.8em; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow-gallery-media-marker svg { display: block; width: 100%; height: 100%; fill: rgba(255, 255, 255, 0.8); } .instashow-gallery-media:hover .instashow-gallery-media-marker { opacity: 0.3; } .instashow-gallery-media-video .instashow-gallery-media-marker-video { display: block; } .instashow-gallery-media-carousel .instashow-gallery-media-marker-carousel { display: block; } .instashow-gallery-media-cover { display: block; position: absolute; visibility: hidden; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .instashow-gallery-media-link:hover .instashow-gallery-media-cover { visibility: visible; opacity: 1; } .instashow-gallery-media-link:hover .instashow-gallery-media-cover ~ .instashow-gallery-media-image { -webkit-transform: scaleX(1.1) scaleY(1.1) translateZ(0); transform: scaleX(1.1) scaleY(1.1) translateZ(0); } .instashow-gallery-media-counter { display: block; position: absolute; visibility: hidden; z-index: 3; box-sizing: border-box; top: 50%; right: 0; left: 0; opacity: 0; -webkit-transform: translateY(0%) scale(0.8); -ms-transform: translateY(0%) scale(0.8); transform: translateY(0%) scale(0.8); font-size: 200%; text-align: center; line-height: 1; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } span.instashow-gallery-media-counter { padding: 3px; } .instashow-gallery-media-link:hover .instashow-gallery-media-counter { visibility: visible; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .instashow-gallery-media-counter .instashow-icon { font-size: 160%; } .instashow-gallery-media-counter em { font-style: normal; } .instashow-gallery-media-image { display: block; position: relative; visibility: hidden; width: 100%; height: 100%; opacity: 0; -webkit-transform: scaleX(1) scaleY(1) translateZ(0); transform: scaleX(1) scaleY(1) translateZ(0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .instashow-gallery-media-loaded .instashow-gallery-media-image { visibility: visible; opacity: 1; } .instashow-gallery-media-image img { display: block; position: relative; min-width: auto !important; min-height: auto !important; max-width: none !important; max-height: none !important; } .instashow-gallery-media-square .instashow-gallery-media-image img { width: 100% !important; height: 100% !important; } .instashow-gallery-media-portrait .instashow-gallery-media-image img { width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .instashow-gallery-media-album .instashow-gallery-media-image img { height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .instashow-gallery-media-info { display: block; position: absolute; visibility: hidden; z-index: 3; width: 80%; max-height: 80%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-40%); -ms-transform: translateX(-50%) translateY(-40%); transform: translateX(-50%) translateY(-40%); text-align: center; color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow-gallery-media-info-no-description { -webkit-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); font-size: 120%; } .instashow-gallery-media-link:hover .instashow-gallery-media-info { visibility: visible; opacity: 1; -webkit-transform: translateX(-50%) translateY(-47%); -ms-transform: translateX(-50%) translateY(-47%); transform: translateX(-50%) translateY(-47%); } .instashow-gallery-media-info-counter { line-height: 1; } .instashow-gallery-media-info-counter + .instashow-gallery-media-info-counter { margin-left: 16%; } .instashow-gallery-media-info-counter em { font-style: normal; } .instashow-gallery-media-info-counter ~ .instashow-gallery-media-info-description { margin-top: 12%; } .instashow-gallery-media-info-description { display: block; overflow: hidden; font-size: 14px; } .instashow-gallery-media-info-cropped::after { display: block; line-height: 1; letter-spacing: 2px; content: "..."; } .instashow-gallery-loader { position: absolute; z-index: 12; visibility: hidden; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .instashow-gallery-loader.instashow-show { visibility: visible; opacity: 1; } .instashow-gallery-loader .instashow-spinner { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .instashow-gallery-control-arrow { position: absolute; z-index: 10; width: 74px; height: 74px; top: 50%; border-radius: 50% 50%; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow-gallery-control-arrow-disabled { visibility: hidden; opacity: 0; } .instashow-gallery-control-arrow::before, .instashow-gallery-control-arrow::after { display: block; position: absolute; height: 2px; width: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: ""; } .instashow-gallery-control-arrow-previous { left: 0; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .instashow-gallery-control-arrow-previous::before, .instashow-gallery-control-arrow-previous::after { top: 37px; right: 16px; border-radius: 0 10px 10px 0; } .instashow-gallery-control-arrow-previous::before { -webkit-transform-origin: 0 110%; -ms-transform-origin: 0 110%; transform-origin: 0 110%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .instashow-gallery-control-arrow-previous::after { -webkit-transform-origin: 0 -10%; -ms-transform-origin: 0 -10%; transform-origin: 0 -10%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .instashow-gallery-control-arrow-previous:active { -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9); transform: translate3d(-50%, -50%, 0) scale(0.9); } .instashow-gallery-control-arrow-next { right: 0; -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); } .instashow-gallery-control-arrow-next::before, .instashow-gallery-control-arrow-next::after { top: 37px; left: 16px; border-radius: 10px 0 0 10px; } .instashow-gallery-control-arrow-next::before { -webkit-transform-origin: 100% 110%; -ms-transform-origin: 100% 110%; transform-origin: 100% 110%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .instashow-gallery-control-arrow-next::after { -webkit-transform-origin: 100% -10%; -ms-transform-origin: 100% -10%; transform-origin: 100% -10%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .instashow-gallery-control-arrow-next:active { -webkit-transform: translate3d(50%, -50%, 0) scale(0.9); transform: translate3d(50%, -50%, 0) scale(0.9); } .instashow-gallery-vertical .instashow-gallery-control-arrow { right: auto; left: 50%; } .instashow-gallery-vertical .instashow-gallery-control-arrow-previous { top: 0; -webkit-transform: rotate(90deg) translate3d(-50%, 50%, 0); transform: rotate(90deg) translate3d(-50%, 50%, 0); } .instashow-gallery-vertical .instashow-gallery-control-arrow-previous:active { -webkit-transform: rotate(90deg) translate3d(-50%, 50%, 0) scale(0.9); transform: rotate(90deg) translate3d(-50%, 50%, 0) scale(0.9); } .instashow-gallery-vertical .instashow-gallery-control-arrow-next { top: auto; bottom: 0; -webkit-transform: rotate(90deg) translate3d(50%, 50%, 0); transform: rotate(90deg) translate3d(50%, 50%, 0); } .instashow-gallery-vertical .instashow-gallery-control-arrow-next:active { -webkit-transform: rotate(90deg) translate3d(50%, 50%, 0) scale(0.9); transform: rotate(90deg) translate3d(50%, 50%, 0) scale(0.9); } .instashow-gallery-control-scroll { position: absolute; visibility: hidden; z-index: 10; opacity: 0; background: rgba(0, 0, 0, 0.35); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow-gallery-vertical .instashow-gallery-control-scroll { width: 3px; top: 6px; right: 6px; bottom: 6px; } .instashow-gallery-horizontal .instashow-gallery-control-scroll { height: 3px; right: 6px; bottom: 6px; left: 6px; } .instashow-gallery:hover .instashow-gallery-control-scroll { visibility: visible; opacity: 1; } .instashow-gallery-control-scroll-slider { position: absolute; background: #000; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .instashow-gallery-vertical .instashow-gallery-control-scroll-slider { width: 100%; } .instashow-gallery-horizontal .instashow-gallery-control-scroll-slider { height: 100%; } .instashow-gallery { position: relative; overflow: hidden; float: none; clear: both; } .instashow-gallery-wrapper { overflow: hidden; } .instashow-gallery-container { -webkit-transition: all 0s linear; transition: all 0s linear; } .instashow-gallery-container::before, .instashow-gallery-container::after { display: table; width: 100%; height: 0; clear: both; float: none; content: ""; } .instashow-gallery-view { position: relative; box-sizing: border-box; z-index: 1; } .instashow-gallery-view::before, .instashow-gallery-view::after { display: table; width: 100%; height: 0; clear: both; float: none; content: ""; } .instashow-gallery-fade .instashow-gallery-view { position: absolute; visibility: hidden; opacity: 0; top: 0; left: 0; pointer-events: none; } .instashow-gallery-fade .instashow-gallery-view-active { visibility: visible; pointer-events: all; } .instashow-gallery-slide .instashow-gallery-view { float: left; pointer-events: none; } .instashow-gallery-slide .instashow-gallery-view-active, .instashow-gallery-slide .instashow-gallery-view-active-prev, .instashow-gallery-slide .instashow-gallery-view-active-next { pointer-events: all; } .instashow-gallery-empty { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); } div.instashow-gallery-empty-text { position: absolute; left: 50%; top: 50%; padding: 26px 26px 23px; border-radius: 4px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background: #fff; white-space: nowrap; font-size: 14px; line-height: 1.2; } .instashow-popup-twilight { position: absolute; visibility: hidden; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow-show .instashow-popup-twilight { visibility: visible; opacity: 1; } .instashow-popup-media { position: relative; overflow: hidden; width: 640px; border-radius: 4px; background: #fff; } .instashow-popup-media::before, .instashow-popup-media::after { display: table; width: 100%; height: 0; clear: both; float: none; content: ""; } .instashow-popup-media-has-comments { width: 1040px; height: 640px; } .instashow-popup-media-picture { position: relative; overflow: hidden; width: 640px; min-height: 640px; background: #2d2d2d; } .instashow-popup-media-picture img { max-width: 100%; } .instashow-popup-media-has-comments .instashow-popup-media-picture { height: 640px; float: left; } .instashow-popup-media-picture-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(45, 45, 45, 0.5); z-index: 1; } .instashow-popup-media-picture-loaded .instashow-popup-media-picture-loader { display: none; } .instashow-popup-media-picture-loader .instashow-spinner { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .instashow-popup-media-picture img { display: block; } .instashow-popup-media-album .instashow-popup-media-picture img { width: 100%; } .instashow-popup-media-square .instashow-popup-media-picture img { width: 100%; } .instashow-popup-media-portrait .instashow-popup-media-picture img { margin: 0 auto; } .instashow-popup-media-has-comments .instashow-popup-media-picture img { position: absolute; } .instashow-popup-media-has-comments.instashow-popup-media-square .instashow-popup-media-picture img { width: 100%; height: 100%; } .instashow-popup-media-has-comments.instashow-popup-media-portrait .instashow-popup-media-picture img { height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .instashow-popup-media-has-comments.instashow-popup-media-album .instashow-popup-media-picture img { width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .instashow-popup-media-video { position: relative; cursor: pointer; } .instashow-popup-media-video video { display: block; width: 100%; height: 100%; } .instashow-popup-media-video::before { display: block; position: absolute; visibility: visible; top: 50%; left: 50%; opacity: 0.8; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font: normal 64px/1 "Iconsfont"; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: "\e800"; } .instashow-playing .instashow-popup-media-video::before { visibility: visible; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) scale(2); -ms-transform: translateX(-50%) translateY(-50%) scale(2); transform: translateX(-50%) translateY(-50%) scale(2); } div.instashow-popup-media-info { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; box-sizing: border-box; } .instashow-popup-media-info-container { position: relative; min-height: 200px; } .instashow-popup-media-has-comments .instashow-popup-media-info-container { float: left; width: 399px; min-height: 640px; } .instashow-popup-media-info-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .instashow-popup-media-info-loaded .instashow-popup-media-info-loader { display: none; } .instashow-popup-media-info-loader .instashow-spinner { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .instashow-popup-media-info-origin::before, .instashow-popup-media-info-origin::after { display: table; width: 100%; height: 0; clear: both; float: none; content: ""; } .instashow-popup-media-info-author { display: block; float: left; line-height: 1; font-weight: bold; font-size: 14px; } span.instashow-popup-media-info-author-picture { display: inline-block; overflow: hidden; box-sizing: border-box; vertical-align: middle; width: 40px; height: 40px; border-radius: 50% 50%; background: -webkit-radial-gradient( circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50% ), -webkit-radial-gradient( circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50% ), -webkit-radial-gradient( ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50% ), -webkit-radial-gradient( ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50% ), -webkit-radial-gradient( ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50% ), -webkit-radial-gradient( ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50% ), -webkit-radial-gradient( ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0) ), -webkit-linear-gradient( #6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100% ); background: radial-gradient( circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50% ), radial-gradient( circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50% ), radial-gradient( ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50% ), radial-gradient( ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50% ), radial-gradient( ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50% ), radial-gradient( ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50% ), radial-gradient( ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0) ), linear-gradient( #6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100% ); padding: 2px; } span.instashow-popup-media-info-author-picture img { display: block; width: 100%; height: 100%; background: #fff; border: 2px solid #fff; border-radius: 50%; box-sizing: border-box; } span.instashow-popup-media-info-author-name { display: inline-block; vertical-align: middle; margin-left: 5px; } a.instashow-popup-media-info-original { display: block; float: right; margin-top: 8px; padding: 5px 16px 6px; color: #fff; background: #3897f0; border-radius: 4px; line-height: 1; font-size: 12px; font-weight: bold; } a.instashow-popup-media-info-original:hover { color: #fff; background: #268dea; } .instashow-popup-media-info-meta { line-height: 1; } .instashow-popup-media-info-meta::before, .instashow-popup-media-info-meta::after { display: table; width: 100%; height: 0; clear: both; float: none; content: ""; } .instashow-popup-media-info-origin + div.instashow-popup-media-info-meta { margin-top: 16px; } .instashow-popup-media-info-properties { float: left; width: 80%; white-space: nowrap; } .instashow-popup-media-info-properties-item { display: inline-block; font-size: 12px; } .instashow-popup-media-info-properties-item + .instashow-popup-media-info-properties-item { margin-left: 20px; } .instashow-popup-media-info-properties-item em { font-style: normal; } .instashow-popup-media-info-properties-item-location { width: 60%; } .instashow-popup-media-info-properties-item-location em { overflow: hidden; max-width: 90%; text-overflow: ellipsis; } .instashow-popup-media-info-passed-time { float: right; width: 20%; text-align: right; line-height: 1.68; font-size: 12px; } div + div.instashow-popup-media-info-content { margin: 12px -16px -16px; padding: 16px 16px 16px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .instashow-popup-media-has-comments .instashow-popup-media-info-content { overflow: auto; height: 503px; } .instashow-popup-media-info-description, p.instashow-popup-media-info-comments-item { line-height: 1.45; font-size: 13px; } div.instashow-popup-media-info-comments-item { margin: 12px 0; font-size: 13px; } .instashow-popup-media-info-description-author, .instashow-popup-media-info-comments-item-author { font-weight: bold; } .instashow-popup-media-appearing { position: absolute; top: 36px; left: 100px; } .instashow-popup-media-previous, .instashow-popup-media-next { opacity: 0; z-index: 1; } @media only screen and (min-width: 1840px) { .instashow-popup-media-hr { width: 840px; } .instashow-popup-media-hr.instashow-popup-media-has-comments { width: 1240px; height: 840px; } .instashow-popup-media-hr.instashow-popup-media-has-comments .instashow-popup-media-picture { height: 840px; } .instashow-popup-media-hr .instashow-popup-media-picture { width: 840px; min-height: 840px; } } @media only screen and (max-width: 1280px) { .instashow-popup-media { width: 430px; } .instashow-popup-media-has-comments { width: 740px; height: 430px; } .instashow-popup-media-picture { width: 430px; } .instashow-popup-media-picture img { width: 100%; } .instashow-popup-media-has-comments .instashow-popup-media-picture img { width: auto; } .instashow-popup-media-has-comments .instashow-popup-media-picture { height: 430px; } .instashow-popup-media-has-comments div.instashow-popup-media-info-container { width: 310px; } .instashow-popup-media-has-comments .instashow-popup-media-info-container-properties-item + .instashow-popup-media-info-container-properties-item { margin-left: 12px; } .instashow-popup-media-has-comments .instashow-popup-media-info-container-properties-item-location { width: 40%; } .instashow-popup-media-has-comments .instashow-popup-media-info-content { height: 320px; } } @media only screen and (max-width: 1024px) { .instashow-popup-media { width: auto; } .instashow-popup-media-has-comments { width: auto; height: auto; } .instashow-popup-media-picture { width: 100%; min-height: 200px; height: auto !important; border-right: none !important; } .instashow-popup-media-picture img { width: 100% !important; height: auto !important; position: static !important; top: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .instashow-popup-media-has-comments div.instashow-popup-media-info-container { width: 100%; } .instashow-popup-media-info-container-properties-item-location { width: 60% !important; } .instashow-popup-media-has-comments .instashow-popup-media-info-content { height: auto; } .instashow-popup-media-appearing { position: absolute; top: 36px; right: 100px; left: 100px; } } @media only screen and (max-width: 780px) { .instashow-popup-media-appearing { position: absolute; top: 0; left: 0; right: 0; } } @media only screen and (max-width: 480px) { span.instashow-popup-media-info-properties-item-location { display: block; margin-top: 16px; margin-left: 0 !important; width: auto !important; } } .instashow-popup-media .instashow-popup-media-carousel-nav { position: absolute; right: 0; bottom: 0; left: 0; text-align: center; padding: 12px 0; } .instashow-popup-media .instashow-popup-media-carousel-nav-item { display: inline-block; width: 20px; height: 20px; padding: 5px; box-sizing: border-box; cursor: pointer; } .instashow-popup-media .instashow-popup-media-carousel-nav-item::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .instashow-popup-media .instashow-popup-media-carousel-nav-item-active::before, .instashow-popup-media .instashow-popup-media-carousel-nav-item:hover::before { background: #fff; } .instashow-popup-control-close { position: absolute; z-index: 12; width: 32px; height: 36px; top: 0px; right: 68px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow-popup-control-close::before, .instashow-popup-control-close::after { display: block; position: absolute; width: 18px; height: 3px; top: 7px; left: 10px; border-radius: 10px; background: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: ""; } .instashow-popup-control-close::before { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .instashow-popup-control-close::after { -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: translateX(-5px) rotate(-45deg); -ms-transform: translateX(-5px) rotate(-45deg); transform: translateX(-5px) rotate(-45deg); } .instashow-popup-control-close:active { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } @media only screen and (max-width: 1024px) { .instashow-popup-control-close { right: auto; width: 35px; height: 35px; top: 48px; left: 115px; border-radius: 50% 50%; } .instashow-popup-control-close::before, .instashow-popup-control-close::after { top: 11px; left: 12px; width: 16px; height: 2px; } .instashow-popup-control-close::after { -webkit-transform: translateX(-5px) rotate(-45deg); -ms-transform: translateX(-5px) rotate(-45deg); transform: translateX(-5px) rotate(-45deg); } } @media only screen and (max-width: 780px) { .instashow-popup-control-close { top: 15px; left: 15px; } } .instashow-popup-control-arrow { position: absolute; z-index: 10; top: 20px; bottom: 20px; width: 100px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .instashow-popup-control-arrow.instashow-disabled { visibility: hidden; opacity: 0; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .instashow-popup-control-arrow span { display: block; position: absolute; width: 20px; height: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .instashow-popup-control-arrow span::before, .instashow-popup-control-arrow span::after { display: block; position: absolute; width: 28px; height: 3px; top: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: ""; } .instashow-popup-control-arrow-previous { left: 0; } .instashow-popup-control-arrow-previous span { left: 24px; } .instashow-popup-control-arrow-previous span::before, .instashow-popup-control-arrow-previous span::after { border-radius: 0 10px 10px 0; } .instashow-popup-control-arrow-previous span::before { -webkit-transform-origin: 0 110%; -ms-transform-origin: 0 110%; transform-origin: 0 110%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .instashow-popup-control-arrow-previous span::after { -webkit-transform-origin: 0 -10%; -ms-transform-origin: 0 -10%; transform-origin: 0 -10%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .instashow-popup-control-arrow-next { right: 0; } .instashow-popup-control-arrow-next span { right: 24px; } .instashow-popup-control-arrow-next span::before, .instashow-popup-control-arrow-next span::after { right: 0; border-radius: 10px 0 0 10px; } .instashow-popup-control-arrow-next span::before { -webkit-transform-origin: 100% 110%; -ms-transform-origin: 100% 110%; transform-origin: 100% 110%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .instashow-popup-control-arrow-next span::after { -webkit-transform-origin: 100% -10%; -ms-transform-origin: 100% -10%; transform-origin: 100% -10%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .instashow-popup-control-arrow:hover span { -webkit-transform: translateY(-50%) scaleY(0.85); -ms-transform: translateY(-50%) scaleY(0.85); transform: translateY(-50%) scaleY(0.85); } .instashow-popup-control-arrow:active.instashow-popup-control-arrow-previous span { -webkit-transform: translateY(-50%) scaleY(0.8) translateX(-30%); -ms-transform: translateY(-50%) scaleY(0.8) translateX(-30%); transform: translateY(-50%) scaleY(0.8) translateX(-30%); } .instashow-popup-control-arrow:active.instashow-popup-control-arrow-next span { -webkit-transform: translateY(-50%) scaleY(0.8) translateX(30%); -ms-transform: translateY(-50%) scaleY(0.8) translateX(30%); transform: translateY(-50%) scaleY(0.8) translateX(30%); } @media only screen and (max-width: 780px) { .instashow-popup-control-arrow { display: none !important; } } .instashow-popup { position: fixed; visibility: hidden; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; text-align: left; } .instashow-popup.instashow-show { visibility: visible; } .instashow-popup-wrapper { position: absolute; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 100%; top: 0; right: 0; bottom: 0; left: 0; } div.instashow-popup-container { display: inline-block; position: relative; visibility: hidden; box-sizing: border-box; left: 50%; padding: 36px 100px; opacity: 0; -webkit-transform: translateX(-50%) scale(0.9); -ms-transform: translateX(-50%) scale(0.9); transform: translateX(-50%) scale(0.9); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .instashow-show div.instashow-popup-container { visibility: visible; opacity: 1; -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } @media only screen and (max-width: 780px) { div.instashow-popup-container { padding: 0; } } .instashow-gallery .instashow-error { position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); } div.instashow-error-panel { padding: 26px 27px 27px 92px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAAGW4ZPmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0OEZFOTU2NjA1QzExRTU5QzgxRjY4QzgzQTJFQjQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0OEZFOTU3NjA1QzExRTU5QzgxRjY4QzgzQTJFQjQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ4RkU5NTQ2MDVDMTFFNTlDODFGNjhDODNBMkVCNDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ4RkU5NTU2MDVDMTFFNTlDODFGNjhDODNBMkVCNDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5wtTv1AAAGNElEQVR42mK8evUqAxJ4CcRJQLwVxGGBCv5HUrAFSjMywURYWCDqFBQUYEL/QZKvQKw/f/6ARR48eAA3AiSZCuNoaWkxqKurwyUZoQ5CthPuOJidjOgSQCwBEECMSF7xAuL5QCwOdyQWr/xH9sp/ZC/AvARzLYoXYF4CgqdwSU1NTbBXkEAWyEEvkB2BBMB2SkCdjiIBIgACiBEtVp5DFWMDIBsk0R37HOojXJoYoHL/oWrBGv2RNaioqKAEA4itqqqKboA/yKmgmBZlIA08A9koxkA6kMaVCPABRpSYhArAsC8Qv4ZiXzQ5MAAIIPTogIGVQBwGxKuhNApgQeOjJ+hQ5BSIHn/COHIAuoEiyJreEBkYr2GavsFE2NnZsapEE/8G0sQJ4/38+RM9yYP5IHEkwAkKvf+kxjITGSkDI8gZuLm5GeTl5eH8e/fuMfz48QNDE0iEAybw9etXhmvXruGz6DtKQBAJuGB+IjbViyH76TU0mfwnlMqxhR4sNa+G8lejp3AQAAjAWxXkMAgCQYiBB9SjJrU24dav+Fh9So/Q0A/otVEuskQSokgo1U6yB8zIMuwyu9flFncdz0jdHx0PHa/oUmlcdPQJZYcDCWcNj2f45in+gn7v7q8HJ1oLqFxlb+8da8tmjKFpmsxaCLHhgM1jjBEhBHHOkVLKt5W0I6vdO1JZliYRTElKqZcD36WUhlcURUhhm+QaqQBl3Z9ydZCsCTHARMG1oC4+ZFmG6rremK8HjX3U1VLEs3CDJnS7EZ/U/kGPyw9Kkq+90TeOBsdEQf4Yufm48O2/w5owCyBCBTEM8ABxGTQxaUPFrkLzaDcQfyYYlgQsmgnEaUT6ajY+tbhq8xBoIkkjIW5SoXpCiLXoGFLFRw5YDTUDr0WXgNiSCinPEmoWVoumQWtVagFdqJkoiUEAiN/TqJQQBOIPMB+9omFx9AoWdKCczIpNBXJXD1vzFySGpWeLDkBmC4FUrcfZ0oF2nGA1LDr4+/cvSi2NB2wA+cgWlyyo5gVZAqrCsVXjoH4ryBJQLYzcHccCbPE2v0GuvXXrFsP///+xBg1MDKQGpJZQEUSXap6JgU5g+FnEQowiUPuPj48Pq9yHDx8Ynj17RpRFh/ElcVCL58mTJ2CMDQgICIDVEOi+HQalOmESeszkAhEmaA/hDw0tAZn9FpYYRGlokShyqvsAxNNpYMl0qNkoyTsL2vWkFrgCNRNrPtID4uNUsOQ4em2NLcNaQUeCyAWhUDOIKhnWQFuc00mMD0aoXpKLoCyoZlCx0ALEF4H4HxRfgorxQdVk4TMIIEC3VreSQBCFBw0xEUrRburGW3sAvQjqCbqKoicwIS/yUSz7eYFuvImeoUAfIOs6CAQlNlY02rDmG8/GtLjuv64eOCCz7Mz5ZnfPnO872i2Jp9ka9yPux9x37Ka1Cd/aI/dbUv8+Zp3AUZ3VuGtUBStUpu+5BKSn3V2aR6F5NVpnPShQkNvqtBjKzYoHAE6AVmi9H6p9436A2iTmNbR6j2dgZYrjieJyDAq1cJM7jtg8C5flKa4mxWkLFJgiFN4CC7cVKM4DK1A1j4x2HtaguE2JbYUtplVkEr0iDZadzALOlEgk/iRUfQxkbTAYWBE23+YwJJJn7uc4fNNEqqOOcy6nv7lcTjBTGJgpAjERmgObQ2bc3Dfw+lXdAsKuylQbv6HYyg3ToOcwGHBUcee+q7ujUaEPYFf1/jYCAavTr81ijgkmOsxfZjLOgpoaYUtoAPWyZJhe8U3dMx+F10gkIhrTcKiMSM/4PjAOMVDX6dCoRi96OBwKqc1Hu/OU0mHJZJJls1m2ujpuB49GIxEsHH8AAACAwTjAIREAaDweF8Bxn97fwtnU6/VYv993C0ikdDwpNFPOjKWGXUun06zT6Ygdt1yRg4MDrKqqrNvt/ruOgziTyXgBBRzvMvO9dFpVhMyudHpk1HYuFhRQfZqOhBrwcMEAId5TKz6FUh5ffSvkYFoUZ8Mu8wX5KnLf4t4OGZg2xVWkOB1rFG9s3CXGjlzPGcwNxbFNcXlWkz4pM+JASVFC0QIGodE6KVr3xOzJuAUlm0IJJSaBLHF/YO6bC990f0kCEaN1FKeT/QI7/QOKKTKfYwAAAABJRU5ErkJggg==) no-repeat 20px 20px; line-height: 1.4; font-size: 13px; } .instashow-gallery div.instashow-error-panel { position: absolute; max-width: 600px; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 4px; } .instashow-error-title { font-weight: bold; } div.instashow-error-caption { margin-top: 3px; } .bmw-sponsor { height: 0; padding-bottom: 23%; position: relative; } .bmw-sponsor__img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .bmw-page-links__breadcrumb { margin: 0; padding: 30px 0; list-style: none; border-bottom: 1px solid rgba(11, 31, 45, 0.1); } .bmw-page-links__link-item { display: inline; margin-right: 10px; } .bmw-page-links__link-item:after { content: "/"; margin-left: 10px; text-decoration: none; font-size: 0.875rem; } .bmw-page-links__link-item:last-child:after { display: none; } .bmw-page-links__link { color: #122f42; font-size: 0.875rem; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .no-touchevents .bmw-page-links__link:hover { text-decoration: none; } .bmw-title-block { margin-top: 0; margin-bottom: 40px; overflow: hidden; } .bmw-title-block__bg { z-index: 1; height: 0; position: relative; width: 100%; padding-bottom: 30%; } .bmw-title-block__bg-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-title-block__bg-inner:before { content: ""; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .bmw-title-block__bg-inner:after { content: ""; background-color: rgba(255, 255, 255, 0.08); -webkit-transform: rotate(23deg); -ms-transform: rotate(23deg); transform: rotate(23deg); width: 262px; height: 200%; position: absolute; top: -110px; left: 50%; z-index: 3; } .bmw-title-block__title { position: relative; z-index: 5; } .bmw-title-block__title:before { position: absolute; content: ""; height: 109px; top: -37px; left: 50%; } .bmw-title-block_long-frame .bmw-title-block__title:before { background: url(../img/title-block__frame-l.png) no-repeat 0 0; width: 250px; margin-left: -125px; } .bmw-title-block_club_sponsors .bmw-title-block__title:before { background: url(../img/title-block__frame-s.png) no-repeat 0 0; width: 160px; margin-left: -75px; } .bmw-title-block_club_registers .bmw-title-block__title:before { background: url(../img/title-block__frame-m.png) no-repeat 0 0; width: 190px; margin-left: -95px; } .bmw-title-block_drivers .bmw-title-block__title:before { background: url(../img/title-block__frame-m.png) no-repeat 0 0; width: 190px; margin-left: -95px; } .bmw-title-block_blog .bmw-title-block__title:before { background: url(../img/title-block__frame-s.png) no-repeat 0 0; width: 150px; margin-left: -75px; } .bmw-title-block_magazine .bmw-title-block__title:before { background: url(../img/title-block__frame-m.png) no-repeat 0 0; width: 190px; margin-left: -95px; } .bmw-title-block_events .bmw-title-block__title:before { background: url(../img/title-block__frame-s.png) no-repeat 0 0; width: 150px; margin-left: -75px; } .bmw-title-block_join .bmw-title-block__title:before { background: url(../img/title-block__frame-s.png) no-repeat 0 0; width: 150px; margin-left: -75px; } .bmw-title-block_photos .bmw-title-block__title:before { background: url(../img/title-block__frame-m.png) no-repeat 0 0; width: 190px; margin-left: -95px; } .bmw-title-block_contacts .bmw-title-block__title:before { background: url(../img/title-block__frame-s.png) no-repeat 0 0; width: 150px; margin-left: -75px; } .bmw-title-block_information .bmw-title-block__title:before { background: url(../img/title-block__frame-l.png) no-repeat 0 0; width: 250px; margin-left: -125px; } .bmw-title-block_meetings .bmw-title-block__title:before { background: url(../img/title-block__frame-m.png) no-repeat 0 0; width: 190px; margin-left: -95px; } .bmw-title-block__title-span { color: #ffffff; font-size: 2rem; text-transform: uppercase; } .bmw-title-block__title-span:first-child { font-family: "Open Sans", sans-serif; font-weight: 400; } .bmw-title-block__title-span:last-child { font-family: "Open Sans", sans-serif; font-weight: 800; } @media screen and (max-width: 700px) { .bmw-title-block__bg { height: 300px; padding-bottom: 0; } } @media screen and (max-width: 530px) { .bmw-title-block_join .bmw-title-block__bg { height: 200px; } .bmw-title-block_join .bmw-title-block__title-span { font-size: 1.375rem; } } @media screen and (max-width: 500px) { .bmw-title-block__bg { height: 200px; } .bmw-title-block__title-span { font-size: 1.375rem; } } @media screen and (max-width: 370px) { .bmw-title-block__title-span { font-size: 1.125rem; } .bmw-title-block_join .bmw-title-block__title-span { font-size: 1.125rem; } } .bmw-info-box { color: #122f42; font-size: 1rem; line-height: 1.5; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 40px; } .bmw-important .bmw-info-box { color: #e8203b; margin-bottom: 0; } .bmw-info-box h3 { font-size: 1.375rem; line-height: 1.73; text-transform: uppercase; margin-bottom: 10px; padding-top: 15px; font-family: "Open Sans", sans-serif; font-weight: 800; } .bmw-important .bmw-info-box h3 { color: #e8203b; } .bmw-info-box p { margin-bottom: 25px; } .bmw-info-box p:last-child { margin-bottom: 0; } .bmw-info-box a { color: #27b1e3; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .no-touchevents .bmw-info-box a:hover { text-decoration: none; } .bmw-important .bmw-info-box a { color: #e8203b; } .bmw-info-box b, .bmw-info-box strong, .bmw-info-box em { font-family: "Open Sans", sans-serif; font-weight: 600; } .bmw-info-box ul { margin-bottom: 25px; } .bmw-info-box li { padding-left: 25px; position: relative; margin-bottom: 10px; } .bmw-info-box li:last-child { margin-bottom: 0; } .bmw-info-box li:before { content: "•"; color: #122f42; font-size: 1rem; line-height: 1.5; font-family: "Open Sans", sans-serif; font-weight: 400; position: absolute; left: 0; top: 0; } .bmw-info-box li ul { margin-top: 20px; } .bmw-info-box li ul li { padding-left: 30px; } .bmw-info-box li ul li:before { content: "⁃"; left: 5px; } @media screen and (max-width: 870px) { .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer { float: none; width: 100%; padding: 0 0 0 0; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer { padding: 0px 0 0 0px; margin: 0; } .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .gadgetEventEditableArea h2 { margin-bottom: 0; } .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyInfoOuterContainer { float: none; width: 100%; padding: 0; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyContentOuterContainer { border-left: none; padding: 0px 25px; } } @media screen and (max-width: 500px) { .bmw-info-box { font-size: 0.875rem; line-height: 1.6; margin-bottom: 20px; } .bmw-info-box h3 { font-size: 1.125rem; } .bmw-info-box p { margin-bottom: 15px; } .bmw-info-box ul { margin-bottom: 15px; } .bmw-info-box li { padding-left: 15px; margin-bottom: 7px; } .bmw-info-box li:before { font-size: 0.875rem; line-height: 1.6; left: 0; top: 0; } .bmw-info-box li ul { margin-top: 10px; } .bmw-info-box li ul li { padding-left: 20px; } } .zoneHeader1 { background-color: #122f42; height: 35px; } .WaGadgetLoginButton .alignRight { margin-top: -4px; } #id_ad4AZLL { display: none; } #id_dpDJF8I { display: none; } .loginBoxLinkContainer { text-align: right; } .WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton { font-size: 1rem; color: white; font-family: "Open Sans", sans-serif; font-weight: 400; position: relative; text-decoration: none; padding: 0; background: transparent; } .WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:after { content: ""; position: absolute; left: -30px; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%3E%3Cdefs%3E%3Cpath%20id%3D%22opk1a%22%20d%3D%22M1083.06%2019.03a.89.89%200%201%200%201.26%201.26l2.67-2.67a.9.9%200%200%200%20.06-.06l.02-.03.03-.04.02-.04.02-.04.02-.04.02-.03.02-.04.01-.05.01-.04.01-.04.01-.05v-.04a.9.9%200%200%200%200-.18v-.03-.05l-.02-.04v-.04l-.02-.04-.02-.04-.02-.04c0-.02%200-.03-.02-.04%200-.02%200-.03-.02-.04l-.02-.04-.03-.04-.02-.03a.9.9%200%200%200-.06-.06l-2.67-2.67a.9.9%200%200%200-1.26%201.26l1.15%201.15h-10.32a.89.89%200%201%200%200%201.77h10.32z%22%2F%3E%3Cpath%20id%3D%22opk1b%22%20d%3D%22M1091.11%209h-11.28c-.5%200-.89.4-.89.89v3.55a.89.89%200%200%200%201.78%200v-2.66h9.5v12.44h-9.5v-2.66a.89.89%200%200%200-1.78%200v3.55c0%20.5.4.89.9.89h11.27c.5%200%20.9-.4.9-.89V9.9c0-.5-.4-.89-.9-.89z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-1073%20-9)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23opk1a%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23opk1b%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 19px 16px; width: 19px; height: 16px; } .WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:hover { background: transparent; color: #e8203b; } .zoneHeader2 { box-shadow: 0 -1px 6px #01465f; background: #01a3de; position: relative; } .zoneHeader2:after { content: ""; background: #e8203b; position: absolute; left: -webkit-calc(50% + 1040px /2 - 20px); left: calc(50% + 1040px / 2 - 20px); right: 0; top: 0; bottom: 0; } .WaGadgetMenuHorizontal .menuBackground { background: transparent; } .WaGadgetMenuHorizontal .menuInner { padding-left: 212px; position: relative; } #PAGEID_7738-bkp .WaGadgetMenuHorizontal .menuInner:after { content: ""; position: absolute; top: -39px; left: -100px; background: #fff; width: 240px; height: 194px; box-shadow: 3px 3px 8px rgb(0 0 0 / 25%); transform: skew(-13deg); } #PAGEID_7738-bkp .WaGadgetMenuHorizontal .menuInner:before { content: ""; position: absolute; top: -39px; left: -61px; background: url(../img/new-lpgo-123.jpg) no-repeat 0 0; background-size: contain; width: 160px; height: 194px; z-index: 1; } .WaGadgetMenuHorizontal .menuInner:after { content: ""; position: absolute; top: -39px; left: -60px; background: #fff; width: 170px; height: 137px; box-shadow: 3px 3px 8px rgb(0 0 0 / 25%); transform: skew(-13deg); } .WaGadgetMenuHorizontal .menuInner:before { content: ""; position: absolute; top: -36px; left: -31px; background: url(../img/bmw-new-logo.jpg) no-repeat 0 0; background-size: contain; width: 110px; height: 134px; z-index: 1; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel { width: 100%; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child { background: #e8203b; position: relative; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.last-child:before { content: ""; position: absolute; left: -29px; top: 0; bottom: 0; width: 0; height: 0; border-bottom: 67px solid #e8203b; border-top: 0 solid transparent; border-left: 29px solid transparent; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li { height: 67px; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item { height: 100%; position: relative; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a { text-decoration: none; height: auto; text-align: center; background: transparent; padding: 21px 30px 0 0; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a span { font-size: 1rem; color: white; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 700; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 20; position: relative; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a span:hover { color: #0b1f2d; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a > span { position: relative; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a > span:before { content: ""; position: absolute; left: auto; bottom: auto; margin: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%3E%3Cdefs%3E%3Cpath%20id%3D%22hvfsa%22%20d%3D%22M539.88%2066.52a.41.41%200%200%200-.58%200l-5.1%205.1-5.1-5.1a.41.41%200%200%200-.58.58l5.39%205.39a.4.4%200%200%200%20.29.12c.1%200%20.2-.04.29-.12l5.38-5.4a.4.4%200%200%200%20.01-.57z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-528%20-66)%22%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23hvfsa%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 12px 7px; width: 12px; height: 7px; z-index: 3; right: -18px; top: 9px; } .WaGadgetMenuHorizontal .menuInner li > .item:hover > ul { display: block; } .WaGadgetMenuHorizontal .menuInner ul ul { display: none; position: absolute; left: 0; top: 100%; margin: 2px 0 0 0; padding: 0; list-style: none; min-width: 200px; z-index: 40000; background: #01a3de; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5); } .WaGadgetMenuHorizontal .menuInner ul ul li > .item > a { display: block; width: auto; height: auto; margin: 0; text-align: left; text-decoration: none; padding: 14px 25px 14px 25px; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 0.875rem; color: white; white-space: nowrap; position: relative; background: inherit; } .WaGadgetMenuHorizontal .menuInner ul ul li > .item > a:hover { background: #0b1f2d; } .WaGadgetMenuHorizontal .menuInner ul ul li > .item > a span:hover { color: white; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.phantom > .item > a > span { font-size: 2.5rem; top: 5px; } .WaGadgetBreadcrumbs ul { text-align: right; } @media screen and (max-width: 1130px) { .WaGadgetMenuHorizontal .menuInner:after { left: 0; } } @media screen and (max-width: 1040px) { .zoneHeader2:after { left: auto; width: 20px; } } @media screen and (max-width: 616px) { .zoneHeader2:after { display: none; } .WaGadgetMenuHorizontal .menuInner { padding-left: 0; } .WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner .menuButton { height: 68px; text-align: right; font-size: 4.6875rem; padding: 0; top: 23px; right: -3px; } .WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul.firstLevel { width: 100vw; left: -10px; right: 0; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item { background-color: #1291d6; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a > span { font-size: 1rem; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li { height: auto; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child { display: none; } .WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul ul li > .item > a { background-color: #01a3de; } .WaGadgetMenuHorizontal .menuInner ul.firstLevel.adapted { width: 100vw; left: -20px; } .WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul ul { background-color: #01a3de; } } .footer { padding-top: 39px; padding-bottom: 37px; background-color: #0b1f2d; } .footer__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer__copyright { font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; color: white; } .footer__right-part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .footer__right-part-text { font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; color: white; margin-right: 5px; } .footer__hype-creations { width: 135px; height: 20px; text-decoration: none; margin-top: 2px; } .footer__hype-creations-img { width: 100%; height: 100%; } .zoneFooter3 { background-color: #0b1f2d; } #idFooterPoweredByWA { color: white; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1rem; } #idFooterPoweredByWA A:link { color: white; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1rem; } @media screen and (max-width: 700px) { .footer__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__copyright { margin-bottom: 18px; font-size: 0.875rem; } .footer__right-part { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer__right-part-text { font-size: 0.875rem; margin-right: 3px; } .footer__hype-creations { width: 108px; height: 16px; margin-top: 1px; } #idFooterPoweredByContainer { text-align: center; } #idFooterPoweredByWA { font-size: 0.875rem; text-align: center; } #idFooterPoweredByWA A:link { font-size: 0.875rem; } } .WaPlaceHolder > div { padding: 0; } .WaGadget { margin: 0; } #mLayout > div.zoneHeader3 > div > div { margin-left: 10px; margin-right: 10px; } #id_Header2 > div { padding: 30px 0 30px 0; border-bottom: 1px solid rgba(11, 31, 45, 0.1); } .WaGadgetBreadcrumbs ul li + li:before { content: "/"; display: inline-block; padding: 0 11px 0 7px; color: #0b1f2d; } #id_GsQDnbD > div > ul > li > a { text-decoration: underline; color: #0b1f2d; font-size: 0.875rem; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #id_GsQDnbD > div > ul > li > a:hover { color: #e8203b; } #id_GsQDnbD > div > ul > li.last { text-decoration: none; color: #0b1f2d; font-size: 0.875rem; font-family: "Open Sans", sans-serif; font-weight: 400; } .WaGadgetBreadcrumbs ul li { padding: 0; margin: 3px 0 3px 0; display: inline; } #idMemberPublicProfileBackContainer { padding-top: 40px; } #idMemberPublicProfileBackContainer #FunctionalBlock1_ctl00_ctl00_hlBackToDirectoryTop { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; padding-left: 28px; padding-top: 0; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #idMemberPublicProfileBackContainer #FunctionalBlock1_ctl00_ctl00_hlBackToDirectoryTop:before { content: ""; position: absolute; left: 0; top: 5px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%221d74a%22%20d%3D%22M1122.78%201149.73h14.56l-3.47-3.42a.76.76%200%200%201%200-1.09c.3-.3.8-.3%201.1%200l4.8%204.74c.3.3.3.78%200%201.08l-4.8%204.74a.78.78%200%200%201-1.1%200%20.76.76%200%200%201%200-1.09l3.47-3.42h-14.56a.77.77%200%200%201-.78-.77c0-.42.35-.77.78-.77z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-1122%20-1145)%22%3E%3Cuse%20xlink%3Ahref%3D%22%231d74a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 18px 11px; width: 18px; height: 11px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #membershipDetailsContainer > div.captionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldLabel { display: none; } #idMembershipLevelContainer > div > div.fieldBody { padding: 8px 0 0 0; } #id_P8KUEXs { margin-bottom: 40px; } #idMembershipLevelRadioGroupContainer > div > div.fieldLabel { text-align: left; } #FunctionalBlock1_ctl00_ctl00_stepTemplate_upgradeWarningBox_idConfirmWindowStyle > div.cww-inner { background: transparent; border-radius: 0; border-left: 0; border-right: 0; border-top: 1px solid #f1951c; border-bottom: 1px solid #f1951c; } #FunctionalBlock1_ctl00_ctl00_stepTemplate_upgradeWarningBox_idConfirmWindowStyle > div.cww-inner > div { padding-left: 128px; position: relative; } #FunctionalBlock1_ctl00_ctl00_stepTemplate_upgradeWarningBox_idConfirmWindowStyle > div.cww-inner > div:before { content: ""; position: absolute; left: 26px; top: 26px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2277%22%20height%3D%2268%22%20viewBox%3D%220%200%2077%2068%22%3E%3Cdefs%3E%3Cpath%20id%3D%22z43ea%22%20d%3D%22M236.22%20450.88h-64.08a6.12%206.12%200%200%201-5.31-9.2l32.04-55.49a6.12%206.12%200%200%201%2010.61%200l32.04%2055.5a6.12%206.12%200%200%201-5.3%209.19zm.44-6.38L204.62%20389a.5.5%200%200%200-.89%200l-32.04%2055.5a.5.5%200%200%200%20.45.76h64.08a.5.5%200%200%200%20.44-.76z%22%2F%3E%3Cpath%20id%3D%22z43eb%22%20d%3D%22M204.18%20406.41a2.8%202.8%200%200%200-2.81%202.8v16.1a2.8%202.8%200%200%200%205.61%200v-16.1a2.8%202.8%200%200%200-2.8-2.8z%22%2F%3E%3Cpath%20id%3D%22z43ec%22%20d%3D%22M204.18%20431.76a2.8%202.8%200%200%200-2.81%202.8v1.68a2.8%202.8%200%200%200%205.61%200v-1.67a2.8%202.8%200%200%200-2.8-2.81z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-166%20-383)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43ea%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43eb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43ec%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 77px 68px; width: 77px; height: 68px; } #FunctionalBlock1_ctl00_ctl00_stepTemplate_upgradeWarningBox_idConfirmWindowStyle #FunctionalBlock1_ctl00_ctl00_stepTemplate_upgradeWarningBox_messageText { color: #f1951c !important; } #FunctionalBlock1_ctl00_ctl00_stepTemplate_upgradeWarningBox_idConfirmWindowStyle > div:first-child { display: none; } #FunctionalBlock1_ctl00_ctl00_stepTemplate_upgradeWarningBox_idConfirmWindowStyle > div:nth-child(3) { display: none; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.navigationOuterContainer.nonPrintable { border-top: 0; margin: 0; } #idInfoContainer > div.infoContainer > div > div > div > div > div > div > div > div > div > div > div.kvTable > div > div:nth-child(1) { margin-bottom: 20px; } #idInfoContainer > div.infoContainer > div > div > div > div > div > div > div > div > div > div > div.kvTable > div > div.kvTable { margin-bottom: 20px; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.navigationTopContainer > div { border-top: 0; } #id_Qp6xvyc { margin-bottom: 40px; } #idMemberDirectoryDetailsContainer > div.memberDirectoryDetailsContainer > div > div > div > div > div > div > div > div > div > div > div.profileHeaderContainer > div > h2 > span { margin-top: -4px; } #id_c77M4Ws > div { text-align: center; } #id_c77M4Ws > div > h2 { font-size: 2.5rem; text-align: center; font-family: "Open Sans", sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 40px; } #id_c77M4Ws > div > div { text-align: center; } #id_c77M4Ws > div > div > a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #id_OJLeQJZ > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #id_I1R5C9n > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #id_kFafP3I > div > h3 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #id_tBdImwy > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #id_451BEvO > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #id_LShZuAf > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #idCaptionGroupSummaryContainer > div.captionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldLabel { display: none; } #idCaptionGroupSummaryContainer > div.captionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldBody > h4 { font-size: 1.5625rem; } #id_vYBwh32 > div > h3 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 10px; } #id_vYBwh32 > div { margin-bottom: 30px; } #id_kZ3ILBA > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #id_GxzIkeM > div.introContainer { margin: 0 0 20px 0; } #id_swUzzgD > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } #idSocialLoginContainer > div.captionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldLabel { display: none; } #FunctionalBlock1_ctl00_ctl00_invoicesTabDiv { background: none; position: relative; } #FunctionalBlock1_ctl00_ctl00_invoicesTabDiv:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cpath%20id%3D%22lvtha%22%20d%3D%22M806.46%20795.98h-13.2a1.26%201.26%200%200%201-1.09-1.9l6.6-11.42c.48-.84%201.7-.84%202.18%200l6.6%2011.43c.48.84-.12%201.89-1.1%201.89zm.09-1.32l-6.6-11.42a.1.1%200%200%200-.18%200l-6.6%2011.42a.1.1%200%200%200%20.1.16h13.19a.1.1%200%200%200%20.09-.16z%22%2F%3E%3Cpath%20id%3D%22lvthb%22%20d%3D%22M799.86%20786.82a.58.58%200%200%200-.58.58v3.31a.58.58%200%200%200%201.16%200v-3.31a.58.58%200%200%200-.58-.58z%22%2F%3E%3Cpath%20id%3D%22lvthc%22%20d%3D%22M799.86%20792.04a.58.58%200%200%200-.58.58v.34a.58.58%200%200%200%201.16%200v-.34a.58.58%200%200%200-.58-.58z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-792%20-782)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvtha%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvthb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvthc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 16px 14px; width: 16px; height: 14px; display: none; } .fieldSubContainer .fieldBody { padding: 8px 0 0 0 !important; } #id_P8KUEXs > div > h2 { font-size: 2.5rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 30px; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li .warning { background: none; position: relative; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li .warning:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cpath%20id%3D%22lvtha%22%20d%3D%22M806.46%20795.98h-13.2a1.26%201.26%200%200%201-1.09-1.9l6.6-11.42c.48-.84%201.7-.84%202.18%200l6.6%2011.43c.48.84-.12%201.89-1.1%201.89zm.09-1.32l-6.6-11.42a.1.1%200%200%200-.18%200l-6.6%2011.42a.1.1%200%200%200%20.1.16h13.19a.1.1%200%200%200%20.09-.16z%22%2F%3E%3Cpath%20id%3D%22lvthb%22%20d%3D%22M799.86%20786.82a.58.58%200%200%200-.58.58v3.31a.58.58%200%200%200%201.16%200v-3.31a.58.58%200%200%200-.58-.58z%22%2F%3E%3Cpath%20id%3D%22lvthc%22%20d%3D%22M799.86%20792.04a.58.58%200%200%200-.58.58v.34a.58.58%200%200%200%201.16%200v-.34a.58.58%200%200%200-.58-.58z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-792%20-782)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvtha%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvthb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvthc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 16px 14px; width: 16px; height: 14px; } .confirmWindowWarning .cww-inner { background: none; } #FunctionalBlock1_ctl00_ctl00_Membership_applicationUnpaidMessageBox_idConfirmWindowStyle > div.cww-inner > div { position: relative; border-bottom: 1px solid #f5a623; } #FunctionalBlock1_ctl00_ctl00_Membership_applicationUnpaidMessageBox_idConfirmWindowStyle > div.cww-inner > div:before { content: ""; position: absolute; left: 26px; top: 26px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2277%22%20height%3D%2268%22%20viewBox%3D%220%200%2077%2068%22%3E%3Cdefs%3E%3Cpath%20id%3D%22z43ea%22%20d%3D%22M236.22%20450.88h-64.08a6.12%206.12%200%200%201-5.31-9.2l32.04-55.49a6.12%206.12%200%200%201%2010.61%200l32.04%2055.5a6.12%206.12%200%200%201-5.3%209.19zm.44-6.38L204.62%20389a.5.5%200%200%200-.89%200l-32.04%2055.5a.5.5%200%200%200%20.45.76h64.08a.5.5%200%200%200%20.44-.76z%22%2F%3E%3Cpath%20id%3D%22z43eb%22%20d%3D%22M204.18%20406.41a2.8%202.8%200%200%200-2.81%202.8v16.1a2.8%202.8%200%200%200%205.61%200v-16.1a2.8%202.8%200%200%200-2.8-2.8z%22%2F%3E%3Cpath%20id%3D%22z43ec%22%20d%3D%22M204.18%20431.76a2.8%202.8%200%200%200-2.81%202.8v1.68a2.8%202.8%200%200%200%205.61%200v-1.67a2.8%202.8%200%200%200-2.8-2.81z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-166%20-383)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43ea%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43eb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43ec%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 77px 68px; width: 77px; height: 68px; } #FunctionalBlock1_ctl00_ctl00_Membership_applicationUnpaidMessageBox_idConfirmWindowStyle > div.cww-inner > div > div.text { padding-bottom: 13px; } #FunctionalBlock1_ctl00_ctl00_Membership_applicationUnpaidMessageBox_idConfirmWindowStyle > div.cww-inner > div > div.text span { color: #f5a623 !important; } .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer .semantic-ui { min-width: auto; } @media screen and (max-width: 616px) { .fieldSubContainer .fieldBody { padding: 0 !important; } .siv_upcoming_widget_sec .sectionTitle, .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer { padding: 18px 15px !important; width: 100%; } .siv_upcoming_widget_sec .pageTitleOuterContainer, .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer { display: inline-block !important; margin: 0 !important; padding: 18px 15px !important; float: none; width: 100%; padding-top: 0 !important; } .siv_upcoming_widget_sec.WaGadgetEventsStateList ul.boxesList h4.boxHeaderTitle a, .siv_upcoming_widget_sec.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .gadgetEventEditableArea h2 { font-size: 20px !important; } .siv_upcoming_widget_sec.WaGadgetEventsStateList ul.boxesList { padding: 10px 15px; } .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer .ui.inline { float: left; } .eventdetailnew.WaGadgetEventsStateDetails .pageTitleContainer.eventsTitleContainer { padding: 10px 15px !important; } .eventdetailnew.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageTitleContainer h1.pageTitle, .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle, .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyContentOuterContainer .boxBodyContentContainer .inner h2 { font-size: 20px !important; } .eventdetailnew.WaGadgetEvents .boxInfoContainer ul.boxInfo { padding: 0px 15px; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer { padding: 0 15px; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer { padding-left: 15px; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyContentOuterContainer { border: none; padding: 0 15px !important; } } .bmw-top-block { padding: 40px 0 40px 0; } .bmw-top-block__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .bmw-top-block__image { position: absolute; left: -100px; top: 50%; width: 569px; height: 414px; margin-top: -207px; background-size: contain; background-position: center center; background-repeat: no-repeat; z-index: 20; } .bmw-top-block__content { width: 50%; } .bmw-top-block__text-block-wrap { position: relative; margin-bottom: 24px; } .bmw-top-block__text-block-wrap:after { content: ""; position: absolute; background: url(../img/line-big.svg) no-repeat center right; background-size: contain; width: 726px; height: 280px; top: 50%; right: -webkit-calc(50% - 30px); right: calc(50% - 30px); margin-top: -147px; z-index: 10; } .bmw-top-block__text-block { background: #eeeeee; padding: 20px 0; position: relative; z-index: 20; } .bmw-top-block__title { margin-bottom: 29px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bmw-top-block__title-bold { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; text-align: center; font-size: 2.25rem; } @media screen and (max-width: 500px) { .bmw-top-block__title-bold { font-size: 1.375rem; } } .bmw-top-block__title-regular { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; text-align: center; font-size: 2.25rem; } @media screen and (max-width: 500px) { .bmw-top-block__title-regular { font-size: 1.375rem; } } .bmw-top-block__text { font-size: 1rem; line-height: 1.5; font-family: "Open Sans", sans-serif; font-weight: 400; color: #122f42; text-align: center; } .bmw-top-block__fb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 1040px) { .bmw-top-block__image { width: 512px; height: 372px; margin-top: -186px; } .bmw-top-block__content { width: 55%; } .bmw-top-block__text-block-wrap:after { width: 766px; height: 290px; margin-top: -145px; } } @media screen and (max-width: 950px) { .validevent { width: 100%; padding-right: 0; margin-bottom: 20px; } .bmwclubsiv { width: 100%; } .bmw-top-block { padding: 90px 15px 50px 15px; margin-left: -20px; margin-right: -20px; } .bmw-top-block__image { left: -150px; width: 460px; height: 334px; margin-top: -167px; } .bmw-top-block__content { width: 60%; } .bmw-top-block__text-block-wrap:after { width: 766px; height: 290px; margin-top: -145px; } } @media screen and (max-width: 840px) { .bmw-top-block { padding-top: 50px; padding-bottom: 60px; overflow: hidden; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .bmw-top-block__image { width: 211px; height: 171px; left: auto; top: auto; right: -45px; bottom: -115px; margin-top: 0; z-index: 30; } .bmw-top-block__content { width: 100%; } .bmw-top-block__text-block-wrap:after { background: url(../img/line-tb-response.svg) no-repeat center center; width: 253px; height: 239px; top: 50%; right: 50%; margin-right: -126px; margin-top: -119px; } .bmw-top-block__fb { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 700px) { .bmw-top-block__text-block-wrap { margin-bottom: 46px; } .bmw-top-block__text-block-wrap:after { margin-right: -105px; margin-top: -123px; } .bmw-top-block__text-block { padding: 8px 0; } .bmw-top-block__title { margin-bottom: 13px; } .bmw-top-block__title-bold { font-size: 1.625rem; } .bmw-top-block__title-regular { font-size: 1.625rem; } .bmw-top-block__text { font-size: 0.875rem; line-height: 1.6; } } @media screen and (max-width: 371px) { .bmw-top-block__image { right: auto; left: 208px; } .bmw-top-block__title-bold { font-size: 1.25rem; } .bmw-top-block__title-regular { font-size: 1.25rem; } .bmw-top-block__text { font-size: 0.8125rem; } } .bmw-join { background-image: -webkit-radial-gradient( circle 527px at 187.72% 168.03%, #113147 0%, #0b1f2d 100% ); background-image: radial-gradient( circle 527px at 187.72% 168.03%, #113147 0%, #0b1f2d 100% ); padding-top: 40px; padding-bottom: 40px; overflow: hidden; } .bmw-join__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .bmw-join__text-wrap { width: 50%; } .bmw-join__title { margin-bottom: 20px; } .bmw-join__title-bold { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; margin-right: 5px; color: white; } @media screen and (max-width: 500px) { .bmw-join__title-bold { font-size: 1.375rem; } } .bmw-join__title-regular { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; color: white; } @media screen and (max-width: 500px) { .bmw-join__title-regular { font-size: 1.375rem; } } .bmw-join__text { color: white; font-size: 1rem; line-height: 1.5; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 40px; } .bmw-join__list { margin-bottom: 52px; } .bmw-join__list-item { padding-left: 40px; position: relative; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 26px; color: white; line-height: 1.5; } .bmw-join__list-item:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cdefs%3E%3Cpath%20id%3D%227amja%22%20d%3D%22M147.38%20897.13l-1.75%201.75%205.62%205.62%2012.5-12.5-1.75-1.75L151.25%20901zm15.12%202.37c0%205.5-4.5%2010-10%2010s-10-4.5-10-10a10.03%2010.03%200%200%201%2012.75-9.63l2-2c-1.5-.5-3.13-.87-4.75-.87-6.88%200-12.5%205.63-12.5%2012.5%200%206.88%205.63%2012.5%2012.5%2012.5%206.88%200%2012.5-5.63%2012.5-12.5z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-887)%22%3E%3Cuse%20fill%3D%22%2301a3de%22%20xlink%3Ahref%3D%22%237amja%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 25px 25px; width: 25px; height: 25px; } .bmw-join__text-button-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-join__text-button { font-size: 1rem; color: white; font-family: "Open Sans", sans-serif; font-weight: 400; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22205%22%20height%3D%2240%22%20viewBox%3D%220%200%20205%2040%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b529a%22%20d%3D%22M313%201106h195l-10%2040H303z%22%2F%3E%3CclipPath%20id%3D%22b529b%22%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23b529a%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-303%20-1106)%22%3E%3Cuse%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%2301a3de%22%20stroke-miterlimit%3D%2250%22%20stroke-width%3D%222%22%20clip-path%3D%22url(%26quot%3B%23b529b%26quot%3B)%22%20xlink%3Ahref%3D%22%23b529a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 205px 40px; width: 205px; height: 40px; text-decoration: none; cursor: pointer; outline: none; -webkit-appearance: none; box-shadow: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .bmw-join__text-button:hover { text-decoration: none; color: #1291d6; text-shadow: 1px 1px 11px #1291d6; } .bmw-join__img-block { width: 50%; position: relative; padding-left: 80px; padding-top: 55px; } .bmw-join__button-block-wrap { position: relative; } .bmw-join__button-block-wrap:after { content: ""; position: absolute; background: url(../img/line-join.png) no-repeat center right; background-size: contain; width: 520px; height: 435px; left: 4px; top: 50%; margin-top: -150px; z-index: 10; } .bmw-join__button-block { background: #0b1f2d; position: relative; z-index: 20; padding: 21px 0 25px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .bmw-join__button { margin-bottom: 15px; padding: 0 27px; margin-left: 17px; } .bmw-join__button-block-text { color: white; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } .bmw-join__img { position: absolute; right: -170px; bottom: -77px; background: url(../img/join-car.png) no-repeat 0 0; background-size: contain; height: 286px; width: 520px; z-index: 30; } @media screen and (max-width: 950px) { .bmw-join { padding-top: 50px; padding-bottom: 34px; } .bmw-join__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bmw-join__text-wrap { width: 100%; margin-bottom: 90px; } .bmw-join__img-block { width: 100%; padding-left: 0; padding-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 152px; } .bmw-join__button-block-wrap { position: relative; } .bmw-join__button-block-wrap:after { background: url(../img/line-join-response.png) no-repeat center right; width: 332px; height: 278px; left: 64px; margin-top: -135px; } .bmw-join__button-block { background: #0b1f2d; position: relative; z-index: 20; padding: 21px 0 25px 0; } .bmw-join__img { position: absolute; right: 50%; margin-right: -151px; bottom: 0; width: 302px; height: 159px; } } @media screen and (max-width: 500px) { .bmw-join { padding-top: 44px; } .bmw-join__title { margin-bottom: 13px; } .bmw-join__text-wrap { margin-bottom: 70px; } .bmw-join__text { font-size: 0.875rem; line-height: 1.6; margin-bottom: 32px; } .bmw-join__list { margin-bottom: 32px; } .bmw-join__list-item { font-size: 0.875rem; margin-bottom: 30px; } .bmw-join__text-button { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22205%22%20height%3D%2240%22%20viewBox%3D%220%200%20205%2040%22%3E%3Cdefs%3E%3Cpath%20id%3D%22b529a%22%20d%3D%22M313%201106h195l-10%2040H303z%22%2F%3E%3CclipPath%20id%3D%22b529b%22%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23b529a%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-303%20-1106)%22%3E%3Cuse%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%2306121a%22%20stroke-miterlimit%3D%2250%22%20stroke-width%3D%222%22%20clip-path%3D%22url(%26quot%3B%23b529b%26quot%3B)%22%20xlink%3Ahref%3D%22%23b529a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 205px 40px; width: 205px; height: 40px; } .bmw-join__img-block { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 15px; padding-bottom: 128px; } .bmw-join__img { margin-right: -163px; bottom: -13px; width: 282px; height: 149px; } .bmw-join__button-block-wrap:after { left: 12px; margin-top: -105px; } .bmw-join__button { padding: 0 10px; margin-bottom: 7px; } .bmw-join__button-block-text { font-size: 0.75rem; } } .bmw-video-block { padding-top: 59px; padding-bottom: 107px; overflow: hidden; } .bmw-video-block__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .bmw-video-block__left-part { width: 50%; padding-left: 44px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .bmw-video-block__left-part:after { content: ""; height: 100%; width: 250px; position: absolute; right: 110px; top: -65px; background-image: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.08) 0%, rgba(11, 31, 45, 0.09) 100% ); background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.08) 0%, rgba(11, 31, 45, 0.09) 100% ); -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); z-index: 10; } .bmw-video-block__video-wrap { width: 305px; position: relative; z-index: 20; } .bmw-video-block__video-wrap_response { display: none; } .bmw-video-block__video { display: block; text-decoration: none; margin-bottom: 16px; width: 100%; height: 184px; background-position: center center; background-size: contain; background-repeat: no-repeat; position: relative; box-shadow: 0 2px 19px rgba(0, 0, 0, 0.18); } .bmw-video-block__video-play { position: absolute; top: 50%; left: 50%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3Cpath%20id%3D%228f9ga%22%20d%3D%22M600%202561a40%2040%200%201%201%2080%200%2040%2040%200%200%201-80%200z%22%2F%3E%3Cpath%20id%3D%228f9gb%22%20d%3D%22M670%202561c0%2016.54-13.46%2030-30%2030s-30-13.46-30-30%2013.46-30%2030-30%2030%2013.46%2030%2030zm-14%200a1%201%200%200%200-.44-.83l-22-15a1%201%200%200%200-1.56.83v30a1%201%200%200%200%201.56.83l22-15a1%201%200%200%200%20.44-.83z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-600%20-2521)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%230b1f2d%22%20fill-opacity%3D%22.57%22%20xlink%3Ahref%3D%22%238f9ga%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%238f9gb%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 80px 80px; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; } .bmw-video-block__video-text { font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; color: #122f42; } .bmw-video-block__img { width: 689px; height: 221px; position: absolute; bottom: -77px; left: -241px; background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: 30; } .bmw-video-block__content { width: 50%; padding-left: 13px; padding-top: 4px; } .bmw-video-block__title { margin-bottom: 20px; } .bmw-video-block__title-regular { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; } @media screen and (max-width: 500px) { .bmw-video-block__title-regular { font-size: 1.375rem; } } .bmw-video-block__title-bold { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; } @media screen and (max-width: 500px) { .bmw-video-block__title-bold { font-size: 1.375rem; } } .bmw-video-block__text-wrap { margin-bottom: 55px; } .bmw-video-block__text { font-size: 1rem; line-height: 1.5; color: #122f42; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 25px; } .bmw-video-block__text:last-child { margin-bottom: 0; } .bmw-video-block__button-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-video-block__button { z-index: 60; } @media screen and (max-width: 950px) { .bmw-video-block { padding-bottom: 40px; padding-top: 30px; position: relative; overflow: hidden; } .bmw-video-block:after { content: ""; height: 130%; width: 250px; position: absolute; left: 0; top: -65px; background-image: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.08) 0%, rgba(11, 31, 45, 0.09) 100% ); background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0.08) 0%, rgba(11, 31, 45, 0.09) 100% ); -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } .bmw-video-block__left-part { display: none; } .bmw-video-block__video-wrap_response { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .bmw-video-block__content { width: 100%; padding-left: 0; padding-top: 0; } .bmw-video-block__title { text-align: center; } } @media screen and (max-width: 500px) { .bmw-video-block__video-wrap_response { width: 100%; } .bmw-video-block__text-wrap { margin-bottom: 30px; } .bmw-video-block__text { font-size: 0.875rem; line-height: 1.6; margin-bottom: 15px; } } .bmw-text-block { padding-top: 65px; padding-bottom: 107px; background: #0b1f2d; position: relative; overflow: hidden; } .bmw-text-block__img-wrap { position: absolute; left: 0; bottom: 0; top: 0; width: 50%; } .bmw-text-block__img-wrap:after { content: ""; position: absolute; left: 0; top: 63px; background: url(../img/line-text-block.png) no-repeat 0 0; background-size: contain; width: 499px; height: 359px; z-index: 10; } .bmw-text-block__img { position: absolute; left: -65px; bottom: 0; width: 767px; height: 524px; background-position: center center; background-size: contain; background-repeat: no-repeat; z-index: 20; } .bmw-text-block__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .bmw-text-block__content { width: 50%; min-width: 50%; padding-left: 15px; } .bmw-text-block__title { margin-bottom: 21px; } .bmw-text-block__title-regular { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; color: white; } @media screen and (max-width: 500px) { .bmw-text-block__title-regular { font-size: 1.375rem; } } .bmw-text-block__title-bold { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; color: white; } @media screen and (max-width: 500px) { .bmw-text-block__title-bold { font-size: 1.375rem; } } .bmw-text-block__text-wrap { margin-bottom: 55px; } .bmw-text-block__text { font-size: 1rem; line-height: 1.5; color: white; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 25px; } .bmw-text-block__text:last-child { margin-bottom: 0; } .bmw-text-block__button-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1200px) { .bmw-text-block__img-wrap:after { width: 449px; height: 299px; top: 150px; } .bmw-text-block__img { width: 613px; height: 419px; } } @media screen and (max-width: 950px) { .bmw-text-block { padding-top: 60px; padding-bottom: 60px; } .bmw-text-block__img-wrap { display: none; } .bmw-text-block__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-text-block__content { width: 100%; min-width: 100%; padding-left: 0; } .bmw-text-block__title { text-align: center; } } @media screen and (max-width: 500px) { .bmw-text-block { padding-top: 30px; padding-bottom: 30px; } .bmw-text-block__text-wrap { margin-bottom: 35px; } .bmw-text-block__text { font-size: 0.875rem; line-height: 1.6; margin-bottom: 20px; } } .bmw-club-reg { padding-top: 50px; padding-bottom: 89px; background-color: #0b1f2d; position: relative; } .bmw-club-reg:after { position: absolute; left: 0; bottom: 0; background-image: -webkit-linear-gradient(top, #0b1f2d 0%, #050f16 100%); background-image: linear-gradient(180deg, #0b1f2d 0%, #050f16 100%); height: 147px; } .bmw-club-reg__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bmw-club-reg__header-text { margin-bottom: 10px; } .bmw-club-reg__span-club { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; color: white; } @media screen and (max-width: 500px) { .bmw-club-reg__span-club { font-size: 1.375rem; } } .bmw-club-reg__span-reg { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; color: white; } @media screen and (max-width: 500px) { .bmw-club-reg__span-reg { font-size: 1.375rem; } } .bmw-club-reg__text-block { color: #ffffff; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1rem; margin-bottom: 67px; text-align: center; line-height: 1.5; } .bmw-club-reg__button-wrap { margin-bottom: 62px; } .bmw-club-reg__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto; } .bmw-club-reg__list-item { width: -webkit-calc(((100% - 20px * 2) / 3)); width: calc(((100% - 20px * 2) / 3)); height: 215px; z-index: 1; position: relative; margin-right: 20px; } .bmw-club-reg__list-item:last-child { margin-right: 0; } .bmw-club-reg__list-item:before { content: ""; background: url(../img/club-reg__frame.png) no-repeat 0 0; background-size: contain; width: 304px; height: 213px; position: absolute; left: 0; top: 0; z-index: 1; } .bmw-club-reg__list-item:after { content: ""; position: absolute; z-index: 2; } .bmw-club-reg__list-item_1:after { width: 267px; height: 124px; background: url(../img/club-reg__m-car.png) no-repeat 0 0; top: 118px; left: 64px; } .bmw-club-reg__list-item_2:after { width: 250px; height: 136px; background: url(../img/club-reg__6series.png) no-repeat 0 0; top: 120px; left: 71px; } .bmw-club-reg__list-item_3:after { width: 250px; height: 136px; background: url(../img/club-reg__e30.png) no-repeat 0 0; top: 124px; left: 72px; } .bmw-club-reg__series-block-text { height: 56px; margin-top: 47px; padding-left: 32px; color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; color: white; font-size: 1.625rem; padding-top: 12px; background: #0b1f2d; display: inline-block; z-index: 3; position: relative; } @media screen and (max-width: 500px) { .bmw-club-reg__series-block-text { font-size: 1.375rem; } } @media screen and (max-width: 950px) { .bmw-club-reg { padding-top: 30px; } .bmw-club-reg__button { margin-bottom: 40px; } .bmw-club-reg__list-item:before { width: 273px; height: 191px; } .bmw-club-reg__list-item:after { background-size: contain; } .bmw-club-reg__list-item_1:after { width: 240px; height: 111px; left: 35px; } .bmw-club-reg__list-item_2:after { width: 225px; height: 122px; left: 51px; } .bmw-club-reg__list-item_3:after { width: 225px; height: 122px; left: 50px; } } @media screen and (max-width: 800px) { .bmw-club-reg__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bmw-club-reg__list-item { margin-bottom: 20px; margin-left: -70px; } } @media screen and (max-width: 400px) { .bmw-club-reg__list-item { width: 100%; margin-right: 0; margin-left: 0; } } .bmw-events { position: relative; overflow: hidden; padding-top: 65px; padding-bottom: 60px; background-color: #0b1f2d; background-image: -webkit-radial-gradient( circle 390px at 25% 50%, #113147 0%, #0b1f2d 100% ); background-image: radial-gradient( circle 390px at 25% 50%, #113147 0%, #0b1f2d 100% ); z-index: 20; } .bmw-events:after { content: ""; height: 150%; width: 261px; position: absolute; left: 50%; margin-left: 277px; top: -75px; background-image: -webkit-linear-gradient(top, #295c77 0%, #122f42 100%); background-image: linear-gradient(180deg, #295c77 0%, #122f42 100%); box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(23deg); -ms-transform: rotate(23deg); transform: rotate(23deg); } .bmw-events__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 10; } .bmw-events__text-block { padding-right: 40px; width: 50%; } .bmw-events__header-text { margin-bottom: 38px; } .bmw-events__header-w1 { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; color: white; } @media screen and (max-width: 500px) { .bmw-events__header-w1 { font-size: 1.375rem; } } .bmw-events__header-w2 { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; color: white; } @media screen and (max-width: 500px) { .bmw-events__header-w2 { font-size: 1.375rem; } } .bmw-events__item { margin-bottom: 25px; } .bmw-events__item:last-child { margin-bottom: 0; } .bmw-events__item-link { font-family: "Open Sans", sans-serif; font-weight: 700; color: #ffffff; font-size: 1.125rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .no-touchevents .bmw-events__item-link:hover { text-decoration: none; } .bmw-events__item-text { font-family: "Open Sans", sans-serif; font-weight: 400; color: rgba(255, 255, 255, 0.74); font-size: 1rem; line-height: 1.5; } .bmw-events__button-block { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 0; top: 50%; margin-top: -32px; } .bmw-events__button { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 0 20px; } @media screen and (max-width: 740px) { .bmw-events__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bmw-events__text-block { margin-right: auto; margin-left: auto; width: 90%; margin-bottom: 60px; padding-right: 0; } .bmw-events__button-block { width: 90%; margin-left: 5%; } } @media screen and (max-width: 500px) { .bmw-events { padding-top: 42px; padding-bottom: 32px; } .bmw-events:after { margin-left: 0; left: auto; -webkit-transform: rotate(23deg); -ms-transform: rotate(23deg); transform: rotate(23deg); right: -143px; } .bmw-events__text-block { width: 100%; margin-bottom: 31px; } .bmw-events__header-text { margin-bottom: 26px; } .bmw-events__item { margin-bottom: 21px; } .bmw-events__item-link { line-height: 1.2; } .bmw-events__item-text { font-size: 0.875rem; line-height: 1.6; } } #id_sCFvS9G { position: relative; overflow: hidden; } #id_sCFvS9G:before { content: ""; height: 150%; width: 261px; position: absolute; left: 50%; margin-left: 127px; top: -75px; background-image: -webkit-linear-gradient(top, #295c77 0%, #122f42 100%); background-image: linear-gradient(180deg, #295c77 0%, #122f42 100%); box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5); -webkit-transform: rotate(23deg); -ms-transform: rotate(23deg); transform: rotate(23deg); z-index: 100; } #id_ZbJBPPH { position: relative; background: #0b1f2d; } #id_ZbJBPPH:after { content: ""; position: absolute; background-color: #0b1f2d; top: 0; bottom: 0; right: -1500px; width: 1500px; } #id_ZbJBPPH:before { content: ""; position: absolute; background-color: #0b1f2d; top: 0; bottom: 0; left: -1500px; width: 1500px; } .gadgetStyle004 { border: 0; background-color: #0b1f2d; } .gadgetStyle004 .gadgetStyleTitle { padding: 60px 0 30px 0; background: transparent; color: #ffffff; font-size: 32px; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 700; } #id_sCFvS9G .gadgetStyleTitle { max-width: 1000px; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; position: relative; z-index: 110; } .gadgetStyle004 .gadgetStyleBody { padding: 0 0 60px 0; width: 50%; } #id_sCFvS9G .gadgetStyleBody { width: auto; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; max-width: 1000px; position: relative; z-index: 110; } #id_sCFvS9G .gadgetStyleBody ul { max-width: 50%; } .WaGadgetUpcomingEvents ul li { padding: 0; margin: 0 0 20px 0; position: relative; } .WaGadgetUpcomingEvents ul li .title a { margin: 0 0 6px 0; padding: 0; text-transform: uppercase; color: #ffffff; } .WaGadgetUpcomingEvents ul li .date { margin: 0; padding: 0; color: rgba(255, 255, 255, 0.74); font-size: 1rem; text-decoration: none; } #id_sCFvS9G > div.gadgetStyleBody > ul div.title > a { color: #ffffff; font-size: 1.125rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-decoration: underline; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #id_sCFvS9G > div.gadgetStyleBody > ul div.title > a:hover { text-decoration: none; } @media screen and (max-width: 500px) { #id_sCFvS9G .gadgetStyleBody ul { max-width: 100%; } } .bmw-fb-community { padding-top: 67px; padding-bottom: 41px; } .bmw-fb-community__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .bmw-fb-community__text-wrap { width: 53%; min-width: 53%; } .bmw-fb-community__title { margin-bottom: 20px; } .bmw-fb-community__title-bold { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; margin-right: 5px; } @media screen and (max-width: 500px) { .bmw-fb-community__title-bold { font-size: 1.375rem; } } .bmw-fb-community__title-regular { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; } @media screen and (max-width: 500px) { .bmw-fb-community__title-regular { font-size: 1.375rem; } } .bmw-fb-community__text { color: #122f42; font-size: 1rem; line-height: 1.5; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 40px; } .bmw-fb-community__list { margin-bottom: 46px; } .bmw-fb-community__list-item { padding-left: 40px; position: relative; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 26px; color: #122f42; line-height: 1.5; } .bmw-fb-community__list-item:last-child { margin-bottom: 0; } .bmw-fb-community__list-item:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cdefs%3E%3Cpath%20id%3D%227amja%22%20d%3D%22M147.38%20897.13l-1.75%201.75%205.62%205.62%2012.5-12.5-1.75-1.75L151.25%20901zm15.12%202.37c0%205.5-4.5%2010-10%2010s-10-4.5-10-10a10.03%2010.03%200%200%201%2012.75-9.63l2-2c-1.5-.5-3.13-.87-4.75-.87-6.88%200-12.5%205.63-12.5%2012.5%200%206.88%205.63%2012.5%2012.5%2012.5%206.88%200%2012.5-5.63%2012.5-12.5z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-887)%22%3E%3Cuse%20fill%3D%22%2301a3de%22%20xlink%3Ahref%3D%22%237amja%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 25px 25px; width: 25px; height: 25px; } .bmw-fb-community__button-block { position: relative; padding-left: 29px; } .bmw-fb-community__button-block:after { content: ""; position: absolute; left: 164px; top: -webkit-calc(50% - 118px); top: calc(50% - 118px); background: url(../img/line-fb-community.svg) no-repeat 0 0; background-size: contain; width: 629px; height: 250px; z-index: 10; } .bmw-fb-community__button-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 35px 0 44px 0; background: #eeeeee; position: relative; z-index: 20; } .bmw-fb-community__button { padding: 0 20px; } .bmw-fb-community__plugin { -webkit-box-flex: 20; -webkit-flex-grow: 20; -ms-flex-positive: 20; flex-grow: 20; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .bmw-fb-community__plugin-wrap { width: 319px; box-shadow: 0 2px 19px rgba(0, 0, 0, 0.18); position: relative; z-index: 20; } .bmw-fb-community__img { position: absolute; width: 354px; height: 241px; background-repeat: no-repeat; background-size: contain; background-position: center center; left: -20px; bottom: -16px; z-index: 10; } @media screen and (max-width: 950px) { .bmw-fb-community { padding-top: 40px; padding-bottom: 0px; overflow: hidden; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .bmw-fb-community__text-wrap { width: 100%; min-width: 100%; } .bmw-fb-community__list { margin-bottom: 150px; } .bmw-fb-community__button-block { position: relative; padding-left: 29px; } .bmw-fb-community__button-block:after { left: auto; right: -120px; } .bmw-fb-community__button-block:before { content: ""; width: 354px; height: 241px; position: absolute; background: url(../img/tb-car.png) no-repeat 0 0; background-size: contain; right: -60px; bottom: 120px; z-index: 40; } .bmw-fb-community__button-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-fb-community__container { flex-wrap: wrap; } } @media screen and (max-width: 700px) { .bmw-fb-community__button-block { padding-left: 0; } .bmw-fb-community__button-block:after { top: -webkit-calc(50% - 100px); top: calc(50% - 100px); width: 503px; height: 200px; } } @media screen and (max-width: 500px) { .bmw-fb-community { padding-top: 43px; padding-bottom: 0px; } .bmw-fb-community__title { margin-bottom: 13px; } .bmw-fb-community__text { font-size: 0.875rem; line-height: 1.6; margin-bottom: 30px; } .bmw-fb-community__list { margin-bottom: 72px; } .bmw-fb-community__button-block:after { top: -24px; right: -210px; width: 483px; height: 180px; } .bmw-fb-community__button-block:before { width: 204px; height: 151px; bottom: 50px; z-index: 40; } .bmw-fb-community__button-wrap { padding: 10px 0 10px 0; } .bmw-fb-community__button { padding: 0 14px; } } @media screen and (max-width: 340px) { .bmw-fb-community__button { padding: 0; } } .bmw-insta { padding-top: 95px; padding-bottom: 60px; overflow: hidden; } .bmw-insta__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 25px; background: #eeeeee; position: relative; z-index: 20; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; } .bmw-insta__title-bold { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; font-size: 2rem; margin-right: 5px; } @media screen and (max-width: 500px) { .bmw-insta__title-bold { font-size: 1.375rem; } } .bmw-insta__title-regular { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 2rem; } @media screen and (max-width: 500px) { .bmw-insta__title-regular { font-size: 1.375rem; } } .bmw-insta__list-wrap { position: relative; } .bmw-insta__list-wrap:after { content: ""; position: absolute; top: 50%; left: 50%; /* margin-top: -208px; - Original */ margin-top: -258px; /* Changed */ margin-left: -335px; width: 671px; height: 374px; background: url(../img/line-insta.svg) no-repeat 0 0; background-size: contain; z-index: 10; } .bmw-insta__list { position: relative; z-index: 20; width: 100%; margin-bottom: 47px; } .bmw-insta__button-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 20; } .bmw-insta__button-container { position: relative; } .bmw-insta__button-container:before { content: ""; position: absolute; top: -20px; right: 50px; width: 20px; height: 20px; background: #eeeeee; } .bmw-insta__button-container:after { content: ""; position: absolute; left: -36px; top: -29px; border-bottom: 64px solid #eeeeee; border-top: 0 solid transparent; border-left: 28px solid transparent; } .bmw-insta__button { padding: 0 11px; z-index: 30; } @media screen and (max-width: 720px) { .bmw-insta { padding-top: 0; } .bmw-insta__list-wrap:after { display: none; } .bmw-insta__button-container { position: relative; } .bmw-insta__button-container:before { display: none; } .bmw-insta__button-container:after { display: none; } } @media screen and (max-width: 500px) { .bmw-insta__title { padding: 10px 0; margin-bottom: 26px; } .bmw-insta__list { margin-bottom: 28px; } .bmw-insta__button { padding: 0; } } .bmw-video-line { display: block; text-decoration: none; height: auto; padding-top: 57px; padding-bottom: 57px; min-height: 226px; position: relative; } .bmw-video-line__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-video-line__bg:after { content: ""; background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; } .bmw-video-line__content { z-index: 30; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bmw-video-line__play { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3Cpath%20id%3D%228f9ga%22%20d%3D%22M600%202561a40%2040%200%201%201%2080%200%2040%2040%200%200%201-80%200z%22%2F%3E%3Cpath%20id%3D%228f9gb%22%20d%3D%22M670%202561c0%2016.54-13.46%2030-30%2030s-30-13.46-30-30%2013.46-30%2030-30%2030%2013.46%2030%2030zm-14%200a1%201%200%200%200-.44-.83l-22-15a1%201%200%200%200-1.56.83v30a1%201%200%200%200%201.56.83l22-15a1%201%200%200%200%20.44-.83z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-600%20-2521)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%230b1f2d%22%20fill-opacity%3D%22.57%22%20xlink%3Ahref%3D%22%238f9ga%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%238f9gb%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 80px 80px; width: 80px; height: 80px; margin-bottom: 10px; } .bmw-video-line__text { color: #122f42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; } .bmw-about-page { padding-bottom: 60px; overflow: hidden; } @media screen and (max-width: 750px) { .bmw-about-page__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .bmw-about-video { margin-bottom: 40px; text-decoration: none; } .bmw-about-video__bg { display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 111px; padding-bottom: 67px; text-decoration: none; position: relative; } .bmw-about-video__bg:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 10; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .bmw-about-video:hover .bmw-about-video__bg:after { background-color: transparent; } .bmw-about-video__bg:hover { text-decoration: none; } .bmw-about-video__play { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3Cpath%20id%3D%22whq1a%22%20d%3D%22M600%202373a40%2040%200%201%201%2080%200%2040%2040%200%200%201-80%200z%22%2F%3E%3Cpath%20id%3D%22whq1b%22%20d%3D%22M670%202373c0%2016.54-13.46%2030-30%2030s-30-13.46-30-30%2013.46-30%2030-30%2030%2013.46%2030%2030zm-14%200a1%201%200%200%200-.44-.83l-22-15a1%201%200%200%200-1.56.83v30a1%201%200%200%200%201.56.83l22-15a1%201%200%200%200%20.44-.83z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-600%20-2333)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20fill-opacity%3D%22.07%22%20xlink%3Ahref%3D%22%23whq1a%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23whq1b%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 80px 80px; width: 80px; height: 80px; margin-bottom: 20px; position: relative; z-index: 20; margin-left: auto; margin-right: auto; } .bmw-about-video__text { font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; color: white; line-height: 1.5; text-align: center; position: relative; z-index: 20; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .bmw-about-video:hover .bmw-about-video__text { color: #1291d6; text-decoration: none !important; } .bmw-important { border-top: 1px solid #e8203b; border-bottom: 1px solid #e8203b; padding-top: 27px; padding-bottom: 41px; } .bmw-cta-float { width: 460px; float: right; margin-left: 35px; margin-bottom: 180px; } .bmw-cta-float__img-wrap { margin-bottom: 40px; padding-right: 40px; position: relative; -webkit-filter: drop-shadow(20px 20px 10px #efefef); filter: drop-shadow(20px 20px 10px #efefef); } .bmw-cta-float__img-wrap:after { content: ""; position: absolute; right: 20px; top: 76px; background: url(../img/line-cta-float.svg) no-repeat 0 0; background-size: contain; width: 421px; height: 342px; z-index: 10; } .bmw-cta-float__img { width: 100%; height: 345px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%); clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%); box-shadow: 10px 24px 12px rgba(0, 0, 0, 0.03); position: relative; z-index: 20; } .bmw-cta-float__button-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 70px; padding-left: 45px; } .bmw-cta-float__button-container { position: relative; } .bmw-cta-float__button-container:before { content: ""; position: absolute; top: -20px; right: 0; width: 20px; height: 20px; background: #eeeeee; } .bmw-cta-float__button-container:after { content: ""; position: absolute; left: -41px; top: -29px; border-bottom: 64px solid #eeeeee; border-top: 0 solid transparent; border-left: 28px solid transparent; } .bmw-cta-float__button { padding: 0 20px; position: relative; z-index: 20; } .bmw-cta-float__follow-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-cta-float__follow-text { font-size: 0.875rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-transform: uppercase; color: #122f42; margin-bottom: 10px; } .bmw-cta-float__follow-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bmw-cta-float__follow-list-item { height: 45px; width: 71px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; background: url(../img/icon-cta-bg.svg) no-repeat 0 0; background-size: cover; } .bmw-cta-float__follow-list-item-icon_fb { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212%22%20height%3D%2224%22%20viewBox%3D%220%200%2012%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22zz2ta%22%20d%3D%22M803.4%201161.51h-4.93v-11.76H796v-4.05h2.47v-2.43c0-3.3%201.39-5.27%205.34-5.27h3.3v4.05h-2.06c-1.54%200-1.64.57-1.64%201.63l-.01%202.02h3.73l-.44%204.05h-3.3v11.76z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-796%20-1138)%22%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23zz2ta%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 12px 24px; width: 12px; height: 24px; } .bmw-cta-float__follow-list-item-icon_insta { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cpath%20id%3D%22z5yla%22%20d%3D%22M880.32%201144.5v10.53c0%203.58-2.89%206.5-6.43%206.5h-10.45a6.47%206.47%200%200%201-6.44-6.5v-10.54c0-3.58%202.89-6.49%206.44-6.49h10.45a6.47%206.47%200%200%201%206.43%206.5zm-2.07%2010.53v-10.54a4.4%204.4%200%200%200-4.36-4.4h-10.45a4.4%204.4%200%200%200-4.37%204.4v10.54a4.4%204.4%200%200%200%204.37%204.4h10.45a4.4%204.4%200%200%200%204.36-4.4z%22%2F%3E%3Cpath%20id%3D%22z5ylb%22%20d%3D%22M874.67%201149.76c0%203.34-2.7%206.06-6.01%206.06a6.04%206.04%200%200%201-6.01-6.06c0-3.34%202.7-6.06%206.01-6.06a6.04%206.04%200%200%201%206%206.06zm-2.07%200c0-2.19-1.77-3.97-3.94-3.97a3.96%203.96%200%200%200-3.94%203.97c0%202.2%201.77%203.98%203.94%203.98a3.96%203.96%200%200%200%203.94-3.98z%22%2F%3E%3Cpath%20id%3D%22z5ylc%22%20d%3D%22M874.93%201141.93a1.52%201.52%200%200%200-1.52%201.53%201.52%201.52%200%200%200%201.52%201.53%201.53%201.53%200%200%200%201.07-2.61%201.52%201.52%200%200%200-1.07-.45z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-857%20-1138)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23z5yla%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23z5ylb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23z5ylc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 24px 24px; width: 24px; height: 24px; } .bmw-cta-float__follow-list-item-icon_twit { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2222%22%20height%3D%2219%22%20viewBox%3D%220%200%2022%2019%22%3E%3Cdefs%3E%3Cpath%20id%3D%227141a%22%20d%3D%22M943.74%201142.9a4.6%204.6%200%200%200%201.92-2.56%208.4%208.4%200%200%201-2.77%201.13%204.22%204.22%200%200%200-3.18-1.47c-2.4%200-4.36%202.08-4.36%204.64%200%20.37.04.72.11%201.06a12.14%2012.14%200%200%201-8.98-4.85%204.87%204.87%200%200%200%201.35%206.2%204.17%204.17%200%200%201-1.98-.58v.06c0%202.25%201.5%204.13%203.5%204.55a4.02%204.02%200%200%201-1.97.08%204.4%204.4%200%200%200%204.07%203.23%208.4%208.4%200%200%201-6.45%201.92%2011.8%2011.8%200%200%200%206.68%202.09c8.02%200%2012.4-7.08%2012.4-13.22l-.01-.6a9.17%209.17%200%200%200%202.17-2.4c-.78.37-1.62.62-2.5.73z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-925%20-1140)%22%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%237141a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 22px 19px; width: 22px; height: 19px; } .bmw-cta-float__follow-list-item-icon_youtube { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2221%22%20height%3D%2215%22%20viewBox%3D%220%200%2021%2015%22%3E%3Cdefs%3E%3Cpath%20id%3D%228occa%22%20d%3D%22M1012.23%201152.8c0%203.51-3.48%203.51-3.48%203.51h-13.26c-3.49%200-3.49-3.51-3.49-3.51v-7.29c0-3.51%203.49-3.51%203.49-3.51h13.26c3.48%200%203.48%203.51%203.48%203.51zm-6.19-3.63l-6.62-3.92v7.83z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-992%20-1142)%22%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%238occa%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 21px 15px; width: 21px; height: 15px; } @media screen and (max-width: 1000px) { .bmw-cta-float { width: 350px; margin-left: 15px; margin-bottom: 50px !important; } .bmw-cta-float__img-wrap { margin-bottom: 20px; padding-right: 20px; -webkit-filter: drop-shadow(5px 0px 5px #efefef); filter: drop-shadow(5px 0px 5px #efefef); } .bmw-cta-float__img-wrap:after { right: 0; top: 36px; width: 315px; height: 256px; } .bmw-cta-float__img { height: 250px; } .bmw-cta-float__button-wrap { padding-left: 30px; } .bmw-cta-float__button-container:after { left: -22px; top: -9px; border-bottom: 34px solid white; border-top: 0 solid transparent; border-left: 15px solid transparent; } } @media screen and (max-width: 750px) { .bmw-cta-float { float: none; margin-left: 0; } .bmw-cta-float__img-wrap { padding-right: 0; } } @media screen and (max-width: 370px) { .bmw-cta-float { width: 300px; } .bmw-cta-float__img { height: 230px; } .bmw-cta-float__img-wrap:after { right: -40px; top: 16px; display: none; } .bmw-cta-float__button-wrap { padding-left: 0; margin-bottom: 40px; } .bmw-cta-float__button-container:before { display: none; } .bmw-cta-float__button-container:after { display: none; } .bmw-cta-float__button:after { right: -20px; border-right: 20px solid transparent; } .bmw-cta-float__button:before { left: -20px; border-left: 20px solid transparent; } } .bmw-img-float { float: left; margin-right: 38px; width: 497px; margin-bottom: 33px; padding-top: 30px; } .bmw-img-float__img { height: 354px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%); clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%); box-shadow: 10px 24px 12px rgba(0, 0, 0, 0.03); position: relative; z-index: 20; } @media screen and (max-width: 1000px) { .bmw-img-float { display: none; } } .bmw-car-banner { width: 100%; height: 281px; background-color: #0b1f2d; margin-bottom: 40px; padding-left: 15%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bmw-car-banner__title-wrap { position: relative; } .bmw-car-banner__title-wrap:after { content: ""; position: absolute; left: 0; top: 50%; margin-top: -91px; background: url(../img/line-car-banner.png) no-repeat center center; background-size: contain; width: 714px; height: 183px; z-index: 10; } .bmw-car-banner__title { color: #ffffff; font-size: 1.625rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-transform: uppercase; background: #0b1f2d; z-index: 20; position: relative; padding: 10px 0; } .bmw-car-banner__car { background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 30px; top: 50%; margin-top: -120px; height: 240px; width: 450px; z-index: 30; } @media screen and (max-width: 940px) { .bmw-car-banner { padding-left: 5%; } .bmw-car-banner__title-wrap:after { margin-top: -77px; width: 594px; height: 154px; } .bmw-car-banner__car { right: 30px; margin-top: -91px; height: 192px; width: 360px; } } @media screen and (max-width: 720px) { .bmw-car-banner { padding-left: 20px; height: 230px; } .bmw-car-banner__title-wrap:after { margin-top: -62px; width: 524px; height: 124px; } .bmw-car-banner__title { font-size: 1.25rem; } .bmw-car-banner__car { right: 20px; margin-top: -76px; height: 152px; width: 288px; } } @media screen and (max-width: 600px) { .bmw-car-banner { padding-left: 0; padding-top: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .bmw-car-banner__title-wrap:after { display: none; } .bmw-car-banner__car { top: auto; bottom: 0; right: 50%; margin-right: -144px; margin-top: 0; } } @media screen and (max-width: 350px) { .bmw-car-banner__car { margin-right: -129px; height: 136px; width: 258px; } } .bmw-about-photo { margin-bottom: 30px; } .bmw-about-photo:last-child { margin-bottom: 0; } .bmw-about-photo__title { color: #122f42; font-size: 1.375rem; text-transform: uppercase; line-height: 1.73; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 15px; } .bmw-about-photo__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bmw-about-photo__item { margin-right: 10px; width: -webkit-calc((100% - 10px * 2) / 3); width: calc((100% - 10px * 2) / 3); margin-bottom: 10px; } .bmw-about-photo__item:nth-child(3) { margin-right: 0; } .bmw-about-photo__item:nth-child(4) { width: -webkit-calc((100% - 10px) / 2); width: calc((100% - 10px) / 2); } .bmw-about-photo__item:nth-child(5) { width: -webkit-calc((100% - 10px) / 2); width: calc((100% - 10px) / 2); margin-right: 0; } .bmw-about-photo__item:nth-child(8) { margin-right: 0; } .bmw-about-photo__item-inner { position: relative; height: 0; padding-bottom: 76.6871166%; } .bmw-about-photo__item:nth-child(4) .bmw-about-photo__item-inner { padding-bottom: 50.5050505%; } .bmw-about-photo__item:nth-child(5) .bmw-about-photo__item-inner { padding-bottom: 50.5050505%; } .bmw-about-photo__item-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .bmw-about-photo__item_video .bmw-about-photo__item-img:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 10; } .bmw-about-photo__item-play { position: absolute; top: 50%; left: 50%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3Cpath%20id%3D%22whq1a%22%20d%3D%22M600%202373a40%2040%200%201%201%2080%200%2040%2040%200%200%201-80%200z%22%2F%3E%3Cpath%20id%3D%22whq1b%22%20d%3D%22M670%202373c0%2016.54-13.46%2030-30%2030s-30-13.46-30-30%2013.46-30%2030-30%2030%2013.46%2030%2030zm-14%200a1%201%200%200%200-.44-.83l-22-15a1%201%200%200%200-1.56.83v30a1%201%200%200%200%201.56.83l22-15a1%201%200%200%200%20.44-.83z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-600%20-2333)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20fill-opacity%3D%22.07%22%20xlink%3Ahref%3D%22%23whq1a%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23whq1b%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 80px 80px; width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; z-index: 20; } @media screen and (max-width: 600px) { .bmw-about-photo__title { line-height: 1.3; text-align: center; } .bmw-about-photo__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bmw-about-photo__item { width: 300px; margin-right: 0; } .bmw-about-photo__item:nth-child(4) { width: 300px; } .bmw-about-photo__item:nth-child(5) { width: 300px; } .bmw-about-photo__item:nth-child(4) .bmw-about-photo__item-inner { padding-bottom: 76.6871166%; } .bmw-about-photo__item:nth-child(5) .bmw-about-photo__item-inner { padding-bottom: 76.6871166%; } } @media screen and (max-width: 500px) { .bmw-about-photo__title { font-size: 1.125rem; } } .bmw-about-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .bmw-about-list_locations { margin-bottom: 38px; } .bmw-about-list__item { width: -webkit-calc((100% - 30px) / 2); width: calc((100% - 30px) / 2); margin-right: 30px; position: relative; margin-bottom: 70px; } .bmw-about-list__item:nth-child(2n) { margin-right: 0; } .bmw-about-list_locations .bmw-about-list__item { width: -webkit-calc((100% - 10px * 2) / 2); width: calc((100% - 10px * 2) / 2); margin-right: 10px; } .bmw-about-list_locations .bmw-about-list__item:nth-child(2n) { margin-right: 10px; } .bmw-about-list_locations .bmw-about-list__item:nth-child(3n) { margin-right: 0; } .bmw-about-list__item-img-wrap { width: 100%; height: 0; padding-bottom: 55%; position: relative; -webkit-filter: drop-shadow(20px 5px 7px #efefef); filter: drop-shadow(20px 5px 7px #efefef); } .bmw-about-list__item-img-wrap:after { content: ""; position: absolute; top: 41px; left: 36px; background: url(../img/line-about-list.svg) no-repeat 0 0; background-size: contain; width: 490px; height: 269px; z-index: 10; } .bmw-about-list_locations .bmw-about-list__item-img-wrap { padding-bottom: 81.3253012%; } .bmw-about-list_locations .bmw-about-list__item-img-wrap:after { top: 44px; left: 8px; background: url(../img/line-list-locations.svg) no-repeat 0 0; background-size: contain; width: 320px; height: 269px; } .bmw-about-list__item-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 20; -webkit-clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%); clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%); } .bmw-about-list_locations .bmw-about-list__item-img { -webkit-clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%); clip-path: polygon(23% 0, 100% 0, 77% 100%, 0 100%); } .bmw-about-list__item-text-wrap { position: absolute; top: 288px; right: 0; padding-top: 10px; padding-left: 20px; background: #eeeeee; z-index: 30; } .bmw-about-list_locations .bmw-about-list__item-text-wrap { right: 30px; left: 41px; } .bmw-about-list__item-place { font-size: 1rem; color: #122f42; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.06; } .bmw-about-list_locations .bmw-about-list__item-place { font-family: "Open Sans", sans-serif; font-weight: 600; } .bmw-about-list__item-address { font-size: 1rem; color: #122f42; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 1.06; } @media screen and (max-width: 1000px) { .bmw-about-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-about-list_locations { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .bmw-about-list__item { width: 473px; margin-right: 0; margin-bottom: 120px; } .bmw-about-list_locations .bmw-about-list__item { margin-bottom: 0; } .bmw-about-list_locations .bmw-about-list__item-img-wrap { margin-bottom: 20px; } .bmw-about-list_locations .bmw-about-list__item-img-wrap:after { display: none; } .bmw-about-list_locations .bmw-about-list__item-text-wrap { position: static; padding-left: 0; padding-top: 0; } } @media screen and (max-width: 800px) { .bmw-about-list_locations { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bmw-about-list_locations .bmw-about-list__item { width: 473px; margin-right: 0; margin-bottom: 30px; } } @media screen and (max-width: 570px) { .bmw-about-list__item { width: 400px; } .bmw-about-list__item:last-child { margin-bottom: 0; } .bmw-about-list_locations .bmw-about-list__item { width: 400px; margin-right: 0; } .bmw-about-list_locations .bmw-about-list__item:nth-child(2n) { margin-right: 0; } .bmw-about-list__item-img-wrap:after { top: 23px; left: 15px; width: 400px; height: 219px; } .bmw-about-list__item-text-wrap { top: 232px; padding-top: 5px; padding-left: 10px; } } @media screen and (max-width: 430px) { .bmw-about-list__item { width: 300px; margin-bottom: 40px; } .bmw-about-list_locations .bmw-about-list__item { width: 300px; } .bmw-about-list__item-img { -webkit-clip-path: none; clip-path: none; } .bmw-about-list_locations .bmw-about-list__item-img { -webkit-clip-path: none; clip-path: none; } .bmw-about-list__item-img-wrap { margin-bottom: 40px; } .bmw-about-list__item-img-wrap:after { display: none; } .bmw-about-list__item-text-wrap { padding-top: 0; padding-left: 0; position: static; } } .WaGadgetBlog ul.boxesList li.boxesListItem, .boxesListItem { padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid rgba(11, 31, 45, 0.1); } .WaGadgetBlog ul.boxesList li.boxesListItem:last-child, .boxesListItem:last-child { margin-bottom: 0; border-bottom: 0; } .WaGadgetBlogStateList a.rssFeedLabel { display: none; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer { visibility: hidden; padding-bottom: 8px; } .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a { color: #000000; font-size: 1.375rem; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 1.5; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:after { display: none; } .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover { color: #0b1f2d; } .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer { margin-bottom: 15px; } .WaGadgetBlog .boxBodyInfoOuterContainer h5 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 30px; } .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedOn { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 300; } .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel { float: none; visibility: visible; color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 300; position: relative; } .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel:before { content: "by"; margin-right: 5px; } .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 300; position: relative; } .WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink:before { content: "by"; margin-right: 5px; } .postedByLink a { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 300; position: relative; text-decoration: underline; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .postedByLink a:hover { text-decoration: none; } .boxBodyContentOuterContainer { margin-bottom: 18px; } .blogPostBody a { color: #000000 !important; font-size: 1rem !important; font-family: "Open Sans", sans-serif !important; font-weight: 400 !important; } .blogPostBody p { color: #000000; font-size: 1rem !important; font-family: "Open Sans", sans-serif !important; font-weight: 400 !important; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-decoration: none; position: relative; padding-left: 30px; visibility: visible; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child { margin-right: 38px; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%22d3kna%22%20d%3D%22M142.74%20852a1.82%201.82%200%201%201%203.65%200%201.82%201.82%200%200%201-3.65%200z%22%2F%3E%3Cpath%20id%3D%22d3knb%22%20d%3D%22M153.65%20852a1.82%201.82%200%201%201%203.65%200%201.82%201.82%200%200%201-3.65%200z%22%2F%3E%3Cpath%20id%3D%22d3knc%22%20d%3D%22M148.17%20852a1.82%201.82%200%201%201%203.65%200%201.82%201.82%200%200%201-3.65%200z%22%2F%3E%3Cpath%20id%3D%22d3knd%22%20d%3D%22M150%20862a10%2010%200%201%201%200-20%2010%2010%200%200%201%200%2020zm0-.9a9.1%209.1%200%201%200%200-18.2%209.1%209.1%200%200%200%200%2018.2z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-842)%22%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3kna%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3knb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3knc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3knd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 20px 20px; width: 20px; height: 20px; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%22d3kna%22%20d%3D%22M142.74%20852a1.82%201.82%200%201%201%203.65%200%201.82%201.82%200%200%201-3.65%200z%22%2F%3E%3Cpath%20id%3D%22d3knb%22%20d%3D%22M153.65%20852a1.82%201.82%200%201%201%203.65%200%201.82%201.82%200%200%201-3.65%200z%22%2F%3E%3Cpath%20id%3D%22d3knc%22%20d%3D%22M148.17%20852a1.82%201.82%200%201%201%203.65%200%201.82%201.82%200%200%201-3.65%200z%22%2F%3E%3Cpath%20id%3D%22d3knd%22%20d%3D%22M150%20862a10%2010%200%201%201%200-20%2010%2010%200%200%201%200%2020zm0-.9a9.1%209.1%200%201%200%200-18.2%209.1%209.1%200%200%200%200%2018.2z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-842)%22%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3kna%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3knb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3knc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23d3knd%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 20px 20px; width: 20px; height: 20px; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:hover { color: #0b1f2d; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a + a { position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a + a:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2227%22%20height%3D%2223%22%20viewBox%3D%220%200%2027%2023%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%22bnu0a%22%20d%3D%22M321.48%20841.7v16.72a.7.7%200%200%201-.7.7H307.2l-4.73%204.67a.69.69%200%200%201-1.19-.5v-4.17h-5.57a.7.7%200%200%201-.7-.7V841.7c0-.39.31-.7.7-.7h25.08c.39%200%20.7.31.7.7zm-1.4.7H296.4v15.32h5.58c.38%200%20.7.32.7.7v3.2l3.76-3.69c.14-.14.31-.2.49-.2h13.17z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-295%20-841)%22%3E%3Cuse%20xlink%3Ahref%3D%22%23bnu0a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 27px 23px; width: 27px; height: 23px; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a + a:hover { color: #0b1f2d; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a + a:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2227%22%20height%3D%2223%22%20viewBox%3D%220%200%2027%2023%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%22bnu0a%22%20d%3D%22M321.48%20841.7v16.72a.7.7%200%200%201-.7.7H307.2l-4.73%204.67a.69.69%200%200%201-1.19-.5v-4.17h-5.57a.7.7%200%200%201-.7-.7V841.7c0-.39.31-.7.7-.7h25.08c.39%200%20.7.31.7.7zm-1.4.7H296.4v15.32h5.58c.38%200%20.7.32.7.7v3.2l3.76-3.69c.14-.14.31-.2.49-.2h13.17z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-295%20-841)%22%3E%3Cuse%20xlink%3Ahref%3D%22%23bnu0a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 27px 23px; width: 27px; height: 23px; } @media screen and (max-width: 616px) { .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a { padding-left: 40px; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:first-child { width: auto !important; padding-top: 3px; padding-bottom: 3px; } .WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a + a { width: auto !important; padding-top: 3px; padding-bottom: 3px; } .WaGadgetBlog .boxBodyInfoOuterContainer h5 { visibility: hidden; } } @media screen and (max-width: 500px) { .WaGadgetBlog .boxBodyInfoOuterContainer h5 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .boxFooterPrimaryContainer .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } #idBlogsTitleMainContainer { padding-top: 40px; } .WaGadgetBlog .pageTitleOuterContainer .pageBackContainer #FunctionalBlock1_ctl00_blogPostView_title_backLink { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; padding-left: 28px; padding-top: 0; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .WaGadgetBlog .pageTitleOuterContainer .pageBackContainer #FunctionalBlock1_ctl00_blogPostView_title_backLink:before { content: ""; position: absolute; left: 0; top: 5px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%221d74a%22%20d%3D%22M1122.78%201149.73h14.56l-3.47-3.42a.76.76%200%200%201%200-1.09c.3-.3.8-.3%201.1%200l4.8%204.74c.3.3.3.78%200%201.08l-4.8%204.74a.78.78%200%200%201-1.1%200%20.76.76%200%200%201%200-1.09l3.47-3.42h-14.56a.77.77%200%200%201-.78-.77c0-.42.35-.77.78-.77z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-1122%20-1145)%22%3E%3Cuse%20xlink%3Ahref%3D%22%231d74a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 18px 11px; width: 18px; height: 11px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .WaGadgetBlog .pageTitleOuterContainer .pageBackContainer #FunctionalBlock1_ctl00_blogPostView_title_backLink:hover { color: #0b1f2d; } .WaGadgetBlog .pageTitleOuterContainer .pageBackContainer #FunctionalBlock1_ctl00_blogPostView_title_backLink:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%221d74a%22%20d%3D%22M1122.78%201149.73h14.56l-3.47-3.42a.76.76%200%200%201%200-1.09c.3-.3.8-.3%201.1%200l4.8%204.74c.3.3.3.78%200%201.08l-4.8%204.74a.78.78%200%200%201-1.1%200%20.76.76%200%200%201%200-1.09l3.47-3.42h-14.56a.77.77%200%200%201-.78-.77c0-.42.35-.77.78-.77z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-1122%20-1145)%22%3E%3Cuse%20xlink%3Ahref%3D%22%231d74a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 18px 11px; width: 18px; height: 11px; } #FunctionalBlock1_ctl00_blogPostView_blogEntry_postBottom > div.boxFooterPrimaryOuterContainer > div.boxFooterPrimaryContainer > div > div > div > div > div > div > div > div > div > div > a { padding-top: 2px; position: relative; padding-left: 37px; } #FunctionalBlock1_ctl00_blogPostView_blogEntry_postBottom > div.boxFooterPrimaryOuterContainer > div.boxFooterPrimaryContainer > div > div > div > div > div > div > div > div > div > div > a:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2227%22%20height%3D%2223%22%20viewBox%3D%220%200%2027%2023%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%22bnu0a%22%20d%3D%22M321.48%20841.7v16.72a.7.7%200%200%201-.7.7H307.2l-4.73%204.67a.69.69%200%200%201-1.19-.5v-4.17h-5.57a.7.7%200%200%201-.7-.7V841.7c0-.39.31-.7.7-.7h25.08c.39%200%20.7.31.7.7zm-1.4.7H296.4v15.32h5.58c.38%200%20.7.32.7.7v3.2l3.76-3.69c.14-.14.31-.2.49-.2h13.17z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-295%20-841)%22%3E%3Cuse%20xlink%3Ahref%3D%22%23bnu0a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 27px 23px; width: 27px; height: 23px; } #form > div.blogEntryOuterContainer > div.blogEntryContainer > div > div > div > div > div > div > div > div > div > div > div.boxOuterContainer.boxBaseView > div.boxContainer > div > div > div > div > div > div > div > div > div > div > div.boxBodyOuterContainer > div.boxBodyContainer > div > div > div > div > div > div > div > div > div > div > div.boxBodyContentOuterContainer > div.boxBodyContentContainer.fixedHeight { padding-bottom: 40px; border-bottom: 1px solid rgba(11, 31, 45, 0.1); } .clearEndContainer { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; zoom: 1; visibility: hidden; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer { border: 0; margin: 0 0 20px 0; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer { padding: 0 30px 0 0; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer { float: none; width: 35%; padding: 20px 0 0 0; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer { float: none; width: 65%; padding: 14px 0 0 30px; position: relative; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #e6e8ea; } .WaGadgetEventsStateList .upcomingEventsContainer h3.sectionTitle { display: none; } .WaGadgetEventsStateList .upcomingEventsContainer h1.pageTitle { display: none; } .WaGadgetEventsStateList .upcomingEventsContainer .pageTitleOuterContainer { display: none; } .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer { margin-bottom: 27px; } .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a { color: #122f42; font-size: 1.375rem; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 700; text-decoration: none; } .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a:after { display: none; } .WaGadgetEvents .boxInfoContainer ul.boxInfo li { padding: 0; margin: 0 0 40px 0; line-height: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .WaGadgetEvents .boxInfoContainer ul.boxInfo li label { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; position: relative; float: left; padding-left: 40px; width: 160px; min-width: 160px; } .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoStartDate { position: relative; } .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoStartDate:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22q5isa%22%20d%3D%22M154.47%20681.1c.74%200%201.34-.6%201.34-1.35v-1.4a1.34%201.34%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isb%22%20d%3D%22M159.28%20696.41h-19.14V679.3l2.74.03v.69a2.05%202.05%200%200%200%204.1%200v-.69h5.47v.69a2.05%202.05%200%201%200%204.1%200v-.69h2.7zm-1.37-1.35v-10.94h-16.4v10.94z%22%2F%3E%3Cpath%20id%3D%22q5isc%22%20d%3D%22M144.9%20681.1c.75%200%201.35-.6%201.35-1.35v-1.4a1.35%201.35%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isd%22%20d%3D%22M146.98%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ise%22%20d%3D%22M150.46%20687.48v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isf%22%20d%3D%22M153.69%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isg%22%20d%3D%22M146.98%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ish%22%20d%3D%22M150.46%20690.64v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isi%22%20d%3D%22M153.69%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isj%22%20d%3D%22M146.98%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isk%22%20d%3D%22M143.56%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isl%22%20d%3D%22M143.56%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ism%22%20d%3D%22M150.46%20693.86v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isn%22%20d%3D%22M153.69%20693.86v-1.9h2.15v1.9z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-677)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isa%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isd%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ise%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isf%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isg%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ish%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isi%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isj%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isk%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isl%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ism%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isn%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 19px 19px; width: 19px; height: 19px; } .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoLocation { position: relative; } .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoLocation:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2215%22%20height%3D%2220%22%20viewBox%3D%220%200%2015%2020%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%22jz2ha%22%20d%3D%22M154.8%20773.9l-5.6%208.1-5.6-8.1c-2.1-2.8-1.8-7.4.65-9.85a6.96%206.96%200%200%201%204.95-2.05c1.88%200%203.63.73%204.96%202.05%202.45%202.45%202.75%207.06.65%209.86zm-2.97-4.96a2.56%202.56%200%201%200-5.12%200%202.56%202.56%200%200%200%205.12%200z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-142%20-762)%22%3E%3Cuse%20xlink%3Ahref%3D%22%23jz2ha%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 15px 20px; width: 15px; height: 20px; } .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoSpacesLeft { position: relative; } .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoSpacesLeft:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%228fwza%22%20d%3D%22M157.68%20868.1a3.46%203.46%200%201%201-1.47%206.59%204.28%204.28%200%200%200-1.99-3.19%203.46%203.46%200%200%201%203.46-3.4zm-9.18%207.02a3.46%203.46%200%201%201%206.91%200%203.46%203.46%200%200%201-6.9%200zm9.35%208.12v3.59h-.03l-.23.12c-.11.06-2%20.98-5.25.98-1.67%200-3.69-.24-6.02-.97l-.25-.07v-3.65a4.43%204.43%200%200%201%204.42-4.42h2.93a4.43%204.43%200%200%201%204.43%204.42zm5.72-3.57v3.6h-.03l-.23.1c-.1.06-1.76.88-4.64.98v-1.1a5.26%205.26%200%200%200-3.75-5.03%204.26%204.26%200%200%200%201.31-2.97h2.91a4.43%204.43%200%200%201%204.43%204.42zm-21.13-8.11a3.46%203.46%200%201%201%206.9%200v.2a4.28%204.28%200%200%200-1.6%202.72%203.46%203.46%200%200%201-5.3-2.92zm2.8%2011.69v1.08a20.75%2020.75%200%200%201-4.98-.94l-.25-.07-.01-.06v-3.59a4.43%204.43%200%200%201%204.43-4.42h2.93l.32.01c.04%201.16.53%202.2%201.32%202.96a5.26%205.26%200%200%200-3.76%205.03z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-868)%22%3E%3Cuse%20xlink%3Ahref%3D%22%238fwza%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 24px 20px; width: 24px; height: 20px; } .WaGadgetEvents .boxInfoContainer ul.boxInfo li.eventInfoStartTime { margin-top: -40px; } .WaGadgetEvents .boxInfoContainer ul.boxInfo .eventInfoBoxValue .eventInfoBoxRegisterLink { color: #000000; text-decoration: none; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner { width: 185px; height: 51px; text-align: center; background: #e8203b; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 28px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:before { content: ""; position: absolute; left: -28px; top: 0; bottom: 0; width: 0; height: 0; border-bottom: 51px solid #e8203b; border-top: 0 solid transparent; border-left: 28px solid transparent; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:after { content: ""; position: absolute; right: -28px; top: 0; bottom: 0; width: 0; height: 0; border-top: 51px solid #e8203b; border-right: 28px solid transparent; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:hover { -webkit-filter: drop-shadow(0 0 10px #e8203b); filter: drop-shadow(0 0 10px #e8203b); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton { height: 51px; border: none; background: transparent; cursor: pointer; position: relative; color: white; font-size: 1.3125rem; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; text-decoration: none; outline: none; -webkit-appearance: none; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover { background: transparent; -webkit-filter: drop-shadow(0 0 10px #e8203b); filter: drop-shadow(0 0 10px #e8203b); text-decoration: none; color: white; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventRegistrationActions_RegistrationLink_bt { padding: 0; color: white; font-size: 1.3125rem; font-family: "Open Sans", sans-serif; font-weight: 800; background: transparent; height: 100%; text-transform: uppercase; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyContentContainer img { width: 100%; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyContentContainer p { color: #000000; font-size: 1rem; line-height: 1.35; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 15px; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyContentContainer p:last-child { margin-bottom: 0; } .WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer { text-align: right; } .WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-decoration: none; position: relative; padding-right: 28px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding-bottom: 60px; } .WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a:after { content: " "; margin: 0; position: absolute; right: 0; top: 3px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%221d74a%22%20d%3D%22M1122.78%201149.73h14.56l-3.47-3.42a.76.76%200%200%201%200-1.09c.3-.3.8-.3%201.1%200l4.8%204.74c.3.3.3.78%200%201.08l-4.8%204.74a.78.78%200%200%201-1.1%200%20.76.76%200%200%201%200-1.09l3.47-3.42h-14.56a.77.77%200%200%201-.78-.77c0-.42.35-.77.78-.77z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-1122%20-1145)%22%3E%3Cuse%20xlink%3Ahref%3D%22%231d74a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 18px 11px; width: 18px; height: 11px; } .WaGadgetEventsStateList .boxOuterContainer .boxFooterOuterContainer .boxFooterContainer a:hover { color: #e8203b; } .WaGadgetEventsStateList .pastEventsOuterContainer .pastEventsContainer h3.sectionTitle { margin: 0 0 20px 0; font-size: 1.375rem; text-transform: uppercase; float: none; font-family: "Open Sans", sans-serif; font-weight: 700; color: #122f42; display: block; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td { padding: 0 30px 16px 0; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left { color: #122f42; font-size: 1.3125rem; font-family: "Open Sans", sans-serif; font-weight: 400; min-width: 160px; width: auto; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td a { color: #122f42; font-size: 1.3125rem; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: underline; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td a:hover { text-decoration: none; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_importEvent_ImportEventText:before { top: 6px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_importEvent_ImportEventText:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22q5isa%22%20d%3D%22M154.47%20681.1c.74%200%201.34-.6%201.34-1.35v-1.4a1.34%201.34%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isb%22%20d%3D%22M159.28%20696.41h-19.14V679.3l2.74.03v.69a2.05%202.05%200%200%200%204.1%200v-.69h5.47v.69a2.05%202.05%200%201%200%204.1%200v-.69h2.7zm-1.37-1.35v-10.94h-16.4v10.94z%22%2F%3E%3Cpath%20id%3D%22q5isc%22%20d%3D%22M144.9%20681.1c.75%200%201.35-.6%201.35-1.35v-1.4a1.35%201.35%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isd%22%20d%3D%22M146.98%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ise%22%20d%3D%22M150.46%20687.48v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isf%22%20d%3D%22M153.69%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isg%22%20d%3D%22M146.98%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ish%22%20d%3D%22M150.46%20690.64v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isi%22%20d%3D%22M153.69%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isj%22%20d%3D%22M146.98%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isk%22%20d%3D%22M143.56%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isl%22%20d%3D%22M143.56%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ism%22%20d%3D%22M150.46%20693.86v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isn%22%20d%3D%22M153.69%20693.86v-1.9h2.15v1.9z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-677)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isa%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isd%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ise%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isf%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isg%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ish%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isi%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isj%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isk%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isl%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ism%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isn%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 19px 19px; width: 19px; height: 19px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_back:before { top: 8px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_back:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%221d74a%22%20d%3D%22M1122.78%201149.73h14.56l-3.47-3.42a.76.76%200%200%201%200-1.09c.3-.3.8-.3%201.1%200l4.8%204.74c.3.3.3.78%200%201.08l-4.8%204.74a.78.78%200%200%201-1.1%200%20.76.76%200%200%201%200-1.09l3.47-3.42h-14.56a.77.77%200%200%201-.78-.77c0-.42.35-.77.78-.77z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-1122%20-1145)%22%3E%3Cuse%20xlink%3Ahref%3D%22%231d74a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 18px 11px; width: 18px; height: 11px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (max-width: 870px) { .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer { padding: 0; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer { width: 100%; padding: 0; margin-bottom: 30px; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer { width: 100%; padding: 0; } .WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer:after { display: none; } } @media screen and (max-width: 500px) { .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td { padding: 0 0 20px 0; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left { font-size: 0.9375rem; min-width: 100px; } .WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td a { font-size: 0.9375rem; } } .zoneContent { margin-bottom: 60px; overflow: hidden; } .WaGadgetEventsStateDetails .pageTitleOuterContainer { padding: 20px 0 0 0; float: none; clear: none; width: auto; margin-bottom: 0; zoom: 1; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .inner { display: block; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyInfoOuterContainer { width: 35%; padding-right: 35px; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyContentOuterContainer { width: 65%; padding-left: 27px; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer { float: left; width: 50%; padding: 0; margin: 0 0 40px 0; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer a { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-decoration: none; position: relative; padding-left: 28px; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer a:before { content: ""; position: absolute; left: 0; top: 5px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%221d74a%22%20d%3D%22M1122.78%201149.73h14.56l-3.47-3.42a.76.76%200%200%201%200-1.09c.3-.3.8-.3%201.1%200l4.8%204.74c.3.3.3.78%200%201.08l-4.8%204.74a.78.78%200%200%201-1.1%200%20.76.76%200%200%201%200-1.09l3.47-3.42h-14.56a.77.77%200%200%201-.78-.77c0-.42.35-.77.78-.77z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-1122%20-1145)%22%3E%3Cuse%20xlink%3Ahref%3D%22%231d74a%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 18px 11px; width: 18px; height: 11px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer a:after { content: "to list"; color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-left: 5px; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer { float: right; width: 49%; text-align: right; padding: 0; margin: 0 0 40px 0; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer a { display: none; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer a + a { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-decoration: none; position: relative; display: inline-block; visibility: visible; white-space: nowrap; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer a + a:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22q5isa%22%20d%3D%22M154.47%20681.1c.74%200%201.34-.6%201.34-1.35v-1.4a1.34%201.34%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isb%22%20d%3D%22M159.28%20696.41h-19.14V679.3l2.74.03v.69a2.05%202.05%200%200%200%204.1%200v-.69h5.47v.69a2.05%202.05%200%201%200%204.1%200v-.69h2.7zm-1.37-1.35v-10.94h-16.4v10.94z%22%2F%3E%3Cpath%20id%3D%22q5isc%22%20d%3D%22M144.9%20681.1c.75%200%201.35-.6%201.35-1.35v-1.4a1.35%201.35%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isd%22%20d%3D%22M146.98%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ise%22%20d%3D%22M150.46%20687.48v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isf%22%20d%3D%22M153.69%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isg%22%20d%3D%22M146.98%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ish%22%20d%3D%22M150.46%20690.64v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isi%22%20d%3D%22M153.69%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isj%22%20d%3D%22M146.98%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isk%22%20d%3D%22M143.56%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isl%22%20d%3D%22M143.56%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ism%22%20d%3D%22M150.46%20693.86v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isn%22%20d%3D%22M153.69%20693.86v-1.9h2.15v1.9z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-677)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isa%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isd%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ise%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isf%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isg%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ish%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isi%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isj%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isk%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isl%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ism%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isn%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 19px 19px; width: 19px; height: 19px; position: absolute; left: -40px; top: -2px; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageTitleContainer { margin: 0 0 40px 0; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageTitleContainer h1.pageTitle { text-transform: uppercase; font-size: 1.375rem; font-family: "Open Sans", sans-serif; font-weight: 700; color: #122f42; } .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer { padding-left: 39px; margin-bottom: 60px; } .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 7px; } .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo li label { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.3; margin: 0; } .WaGadgetEventsStateDetails .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner { width: 200px; height: 51px; padding: 0; text-align: center; border: none; background: #e8203b; cursor: pointer; position: relative; outline: none; -webkit-appearance: none; margin-left: 28px; } .WaGadgetEventsStateDetails .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:before { content: ""; position: absolute; left: -28px; top: 0; bottom: 0; width: 0; height: 0; border-bottom: 51px solid #e8203b; border-top: 0 solid transparent; border-left: 28px solid transparent; } .WaGadgetEventsStateDetails .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner:after { content: ""; position: absolute; right: -28px; top: 0; bottom: 0; width: 0; height: 0; border-top: 51px solid #e8203b; border-right: 28px solid transparent; } .WaGadgetEventsStateDetails .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer .inner input { width: 100%; height: 100%; background: transparent; color: white; font-size: 1.3125rem; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; border: 0; text-align: center; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner p { color: #122f42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.3; margin-bottom: 20px; width: 100%; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner p:last-child { margin-bottom: 0; } .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton { background: transparent; padding: 0; color: white; font-size: 1.125rem; font-family: "Open Sans", sans-serif; font-weight: 800; text-transform: uppercase; width: 100%; height: 100%; } @media screen and (max-width: 900px) { .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyInfoOuterContainer { width: 100%; padding-right: 0; margin-bottom: 40px; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyInfoOuterContainer { width: 100%; } .eventdetailnew.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer { padding: 0 25px; margin-bottom: 0; } .eventdetailnew.WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyContentOuterContainer { border: none; padding: 0 25px; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner .boxBodyContentOuterContainer { width: 100%; padding-left: 0; } } @media screen and (max-width: 400px) { .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageBackContainer { float: none; width: 100%; margin: 0 0 20px 0; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer { float: none; width: 100%; text-align: left; margin: 0 0 20px 0; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer a + a { padding-left: 29px; } .WaGadgetEventsStateDetails .pageTitleOuterContainer .pageViewSwitcherOuterContainer a + a:before { left: 0; } } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventRegistrationTypesView_registrationTypesRepeater_ctl02_imgRegistrationCodeRequired { max-width: 20px; } .WaGadgetEvents .titleContainer { padding: 0; margin: 0 0 40px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .WaGadgetEvents .titleContainer h1.pageTitle a { font-size: 1.375rem; color: #122f42; text-decoration: none; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 700; -webkit-box-flex: 20; -webkit-flex-grow: 20; -ms-flex-positive: 20; flex-grow: 20; } .WaGadgetEvents .titleContainer h1.pageTitle a:after { display: none; } .WaGadgetEvents .titleContainer h1.pageTitle a:hover { color: #0b1f2d; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer .inner { width: 250px; text-align: right; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer a { display: none; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer a + a { color: #000000; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; text-decoration: none; position: relative; display: inline-block; visibility: visible; white-space: nowrap; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer a + a:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22q5isa%22%20d%3D%22M154.47%20681.1c.74%200%201.34-.6%201.34-1.35v-1.4a1.34%201.34%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isb%22%20d%3D%22M159.28%20696.41h-19.14V679.3l2.74.03v.69a2.05%202.05%200%200%200%204.1%200v-.69h5.47v.69a2.05%202.05%200%201%200%204.1%200v-.69h2.7zm-1.37-1.35v-10.94h-16.4v10.94z%22%2F%3E%3Cpath%20id%3D%22q5isc%22%20d%3D%22M144.9%20681.1c.75%200%201.35-.6%201.35-1.35v-1.4a1.35%201.35%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isd%22%20d%3D%22M146.98%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ise%22%20d%3D%22M150.46%20687.48v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isf%22%20d%3D%22M153.69%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isg%22%20d%3D%22M146.98%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ish%22%20d%3D%22M150.46%20690.64v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isi%22%20d%3D%22M153.69%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isj%22%20d%3D%22M146.98%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isk%22%20d%3D%22M143.56%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isl%22%20d%3D%22M143.56%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ism%22%20d%3D%22M150.46%20693.86v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isn%22%20d%3D%22M153.69%20693.86v-1.9h2.15v1.9z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-677)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isa%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isd%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ise%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isf%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isg%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ish%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isi%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isj%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isk%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isl%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ism%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isn%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 19px 19px; width: 19px; height: 19px; position: absolute; left: -40px; top: -2px; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer a + a:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22q5isa%22%20d%3D%22M154.47%20681.1c.74%200%201.34-.6%201.34-1.35v-1.4a1.34%201.34%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isb%22%20d%3D%22M159.28%20696.41h-19.14V679.3l2.74.03v.69a2.05%202.05%200%200%200%204.1%200v-.69h5.47v.69a2.05%202.05%200%201%200%204.1%200v-.69h2.7zm-1.37-1.35v-10.94h-16.4v10.94z%22%2F%3E%3Cpath%20id%3D%22q5isc%22%20d%3D%22M144.9%20681.1c.75%200%201.35-.6%201.35-1.35v-1.4a1.35%201.35%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isd%22%20d%3D%22M146.98%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ise%22%20d%3D%22M150.46%20687.48v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isf%22%20d%3D%22M153.69%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isg%22%20d%3D%22M146.98%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ish%22%20d%3D%22M150.46%20690.64v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isi%22%20d%3D%22M153.69%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isj%22%20d%3D%22M146.98%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isk%22%20d%3D%22M143.56%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isl%22%20d%3D%22M143.56%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ism%22%20d%3D%22M150.46%20693.86v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isn%22%20d%3D%22M153.69%20693.86v-1.9h2.15v1.9z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-677)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isa%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isd%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ise%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isf%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isg%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ish%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isi%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isj%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isk%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isl%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ism%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isn%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 19px 19px; width: 19px; height: 19px; } #idIdentifyUserContainer > div.titleContainer:before { display: none; } #idIdentifyUserContainer > div.titleContainer:after { display: none; } #idIdentifyUserContainer > div.titleContainer { padding-top: 72px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_importEvent_ImportEventText:before { top: 3px !important; margin-top: 0 !important; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_importEvent_ImportEventText:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22q5isa%22%20d%3D%22M154.47%20681.1c.74%200%201.34-.6%201.34-1.35v-1.4a1.34%201.34%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isb%22%20d%3D%22M159.28%20696.41h-19.14V679.3l2.74.03v.69a2.05%202.05%200%200%200%204.1%200v-.69h5.47v.69a2.05%202.05%200%201%200%204.1%200v-.69h2.7zm-1.37-1.35v-10.94h-16.4v10.94z%22%2F%3E%3Cpath%20id%3D%22q5isc%22%20d%3D%22M144.9%20681.1c.75%200%201.35-.6%201.35-1.35v-1.4a1.35%201.35%200%201%200-2.69%200v1.4c0%20.75.6%201.35%201.35%201.35z%22%2F%3E%3Cpath%20id%3D%22q5isd%22%20d%3D%22M146.98%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ise%22%20d%3D%22M150.46%20687.48v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isf%22%20d%3D%22M153.69%20687.48v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isg%22%20d%3D%22M146.98%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ish%22%20d%3D%22M150.46%20690.64v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isi%22%20d%3D%22M153.69%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isj%22%20d%3D%22M146.98%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isk%22%20d%3D%22M143.56%20690.64v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isl%22%20d%3D%22M143.56%20693.86v-1.9h2.15v1.9z%22%2F%3E%3Cpath%20id%3D%22q5ism%22%20d%3D%22M150.46%20693.86v-1.9h2.16v1.9z%22%2F%3E%3Cpath%20id%3D%22q5isn%22%20d%3D%22M153.69%20693.86v-1.9h2.15v1.9z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-677)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isa%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isc%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isd%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ise%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isf%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isg%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ish%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isi%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isj%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isk%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isl%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5ism%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23030104%22%20xlink%3Ahref%3D%22%23q5isn%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 19px 19px; width: 19px; height: 19px; } .infoOuterContainer { margin: 0 0 80px 0; border: 0; background: #f7f7f7; padding: 20px; } .infoOuterContainer .infoContainer .infoSection { padding: 0; margin: 5px 0; } .infoOuterContainer .infoContainer .infoSection .infoTitle { float: left; width: 30%; padding: 0 2% 0 0; text-align: right; font-weight: bold; } .infoOuterContainer .infoContainer .infoSection .infoText { float: left; width: 67%; } .formTitleOuterContainer .formTitleContainer { border-bottom: 1px solid rgba(11, 31, 45, 0.1); padding-bottom: 10px; margin-bottom: 30px; } .formTitleOuterContainer .formTitleContainer .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .formTitleOuterContainer .formTitleContainer .inner h3.formTitle { color: #a3a7aa; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } .formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle { color: #a3a7aa; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } .mandatorySymbol { color: #a3a7aa; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } .fieldSubContainer { margin: 20px 0 20px 0; } .fieldSubContainer table td.left { width: 25%; padding: 0; text-align: right; vertical-align: top; } .fieldSubContainer table td.left .fieldLabel { width: auto; float: none; padding: 4px 8% 0 0; } .fieldSubContainer table td.right { width: 75%; padding: 0; text-align: left; vertical-align: top; } .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody { width: auto; float: none; text-decoration: none; } .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.subjectTextBox, .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.typeText, .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input[type="text"] { border: 1px solid #c6c6c6; font-size: 15px; padding: 2px 4px 2px 4px; background: white; color: #373737; width: 70%; } .fieldSubContainer .fieldLabel strong.mandatoryLabel { color: #0f2233; font-size: 1.125rem; font-family: "Open Sans", sans-serif; font-weight: 400; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(11, 31, 45, 0.1); padding-top: 28px; } #idIdentifyUserContainer .generalFormContainer .navigationOuterContainer .navigationContainer .inner .left input { background: url(../img/icon-cancel.svg) no-repeat center left; background-size: 20px 20px; padding: 0 0 0 31px; color: #000000; font-size: 1.1875rem; font-family: "Open Sans", sans-serif; font-weight: 700; border: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; outline: none; -webkit-appearance: none; } #idIdentifyUserContainer .generalFormContainer .navigationOuterContainer .navigationContainer .inner .left input:hover { color: #e8203b; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .left { width: 50%; text-align: left; position: relative; padding-left: 31px; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .left input, .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right { width: 50%; text-align: right; position: relative; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right input { color: #000000; font-size: 1.1875rem; font-family: "Open Sans", sans-serif; font-weight: 700; background: transparent; border: 0; } #idIdentifyUserContainer .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right input { color: #000000; font-size: 1.1875rem; font-family: "Open Sans", sans-serif; font-weight: 700; border: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; outline: none; -webkit-appearance: none; } #idIdentifyUserContainer .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right input:hover { color: #e8203b; } #idGeneralFormContainer .generalFormContainer .navigationOuterContainer .navigationContainer .left input { background: url(../img/icon-cancel.svg) no-repeat center left; background-size: 20px 20px; padding: 0 0 0 31px; color: #000000; font-size: 1.1875rem; font-family: "Open Sans", sans-serif; font-weight: 700; border: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; outline: none; -webkit-appearance: none; text-align: left; } #idGeneralFormContainer .generalFormContainer .navigationOuterContainer .navigationContainer .left input:hover { color: #e8203b; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_prev { padding: 0 0 0 35px; background: url(../img/icon-show-details-rev.svg) no-repeat center left; background-size: 22px 14px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_next { padding: 0 35px 0 0; background: url(../img/icon-show-details.svg) no-repeat center right; background-size: 22px 14px; } @media screen and (max-width: 900px) { .WaGadgetEvents .titleContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .WaGadgetEvents .titleContainer h1.pageTitle a { margin-bottom: 20px; display: block; } .WaGadgetEvents .titleContainer #idTitleRight .pageViewSwitcherContainer .inner { width: auto; padding-left: 40px; } } @media screen and (max-width: 660px) { .infoOuterContainer .infoContainer .infoSection .infoTitle { float: none; width: 100%; padding: 0; text-align: left; margin-bottom: 10px; } .infoOuterContainer .infoContainer .eventRegistrationInfoEndDate .infoTitle { display: none; } .infoOuterContainer .infoContainer .eventRegistrationInfoLocation .infoTitle { display: none; } .infoOuterContainer .infoContainer .infoSection .infoText { float: none; width: 100%; } } @media screen and (max-width: 616px) { .infoOuterContainer .infoContainer .infoSection .infoText { margin-left: 0; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .left input, .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right { width: 100%; } .fieldSubContainer table td.right { width: 100% !important; } .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input.typeText, .fieldContainer.textFieldContainer .fieldSubContainer.singleStringContainer table td.right .fieldBody input[type="text"] { width: 100% !important; margin-top: 15px !important; } #idIdentifyUserContainer > div.titleContainer { padding-top: 40px; } } @media screen and (max-width: 400px) { .formTitleOuterContainer .formTitleContainer .inner h3.formTitle { font-size: 0.875rem; } .formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle { font-size: 0.875rem; } } #idSelectRegistrationTypeContainer > div.titleContainer:before { display: none; } #idSelectRegistrationTypeContainer > div.titleContainer:after { display: none; } #idEventRegistrationConfirmationContainer > div.titleContainer { padding-top: 72px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_registrationTopMessage_suggestToApplyMessage_idConfirmWindow { width: 100%; clear: both; margin-bottom: 30px; border-top: 1px solid #2196f3; border-bottom: 1px solid #2196f3; padding: 27px 30px 27px 0; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_registrationTopMessage_suggestToApplyMessage_idConfirmWindowStyle > div.cww-inner > div { position: relative; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_registrationTopMessage_suggestToApplyMessage_idConfirmWindowStyle > div.cww-inner > div:before { content: ""; position: absolute; left: 30px; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cdefs%3E%3Cpath%20id%3D%22fpwra%22%20d%3D%22M238%20635c0%2018.75-15.25%2034-34%2034s-34-15.25-34-34%2015.25-34%2034-34%2034%2015.25%2034%2034zm-4.18%200A29.85%2029.85%200%200%200%20204%20605.18%2029.85%2029.85%200%200%200%20174.18%20635%2029.85%2029.85%200%200%200%20204%20664.82%2029.85%2029.85%200%200%200%20233.82%20635z%22%2F%3E%3Cpath%20id%3D%22fpwrb%22%20d%3D%22M201%20621.5a3.5%203.5%200%201%201%207%200%203.5%203.5%200%200%201-7%200z%22%2F%3E%3Cpath%20id%3D%22fpwrc%22%20d%3D%22M204%20631c-1.1%200-2%20.94-2%202.1v17.8c0%201.16.9%202.1%202%202.1s2-.94%202-2.1v-17.8c0-1.16-.9-2.1-2-2.1z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20opacity%3D%22.6%22%20transform%3D%22translate(-170%20-601)%22%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwra%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrb%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 68px 68px; width: 68px; height: 68px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_registrationTopMessage_suggestToApplyMessage_idConfirmWindowStyle > div:nth-child(1) { display: none; } .commonMessageBox .cww { height: auto; overflow: hidden; font-size: 0em; } .confirmWindowInfo .cww-inner { border-color: transparent; background: transparent; } .commonMessageBox .cww-co > div:first-child { padding-top: 7px; } .commonMessageBox .cww-co > div { padding-bottom: 7px; } .commonMessageBox .cww-inner .cww-co .text { color: #2196f3 !important; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 7px; } .commonMessageBox input.button { border: 1px solid #e8203b; background: transparent; padding: 0 12px; height: 30px; text-align: center; cursor: pointer; -webkit-appearance: none; outline: none; color: #e8203b; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .commonMessageBox input.button:hover { background: #e8203b; color: white; } .fieldSubContainer .fieldBody .fieldItem.eventRegistrationTypeRadioWrapper .warningLabel { color: #f1951c; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; padding-left: 20px; position: relative; background: transparent; } .fieldSubContainer .fieldBody .fieldItem.eventRegistrationTypeRadioWrapper .warningLabel:before { content: ""; position: absolute; left: 0; top: 3px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cpath%20id%3D%22lvtha%22%20d%3D%22M806.46%20795.98h-13.2a1.26%201.26%200%200%201-1.09-1.9l6.6-11.42c.48-.84%201.7-.84%202.18%200l6.6%2011.43c.48.84-.12%201.89-1.1%201.89zm.09-1.32l-6.6-11.42a.1.1%200%200%200-.18%200l-6.6%2011.42a.1.1%200%200%200%20.1.16h13.19a.1.1%200%200%200%20.09-.16z%22%2F%3E%3Cpath%20id%3D%22lvthb%22%20d%3D%22M799.86%20786.82a.58.58%200%200%200-.58.58v3.31a.58.58%200%200%200%201.16%200v-3.31a.58.58%200%200%200-.58-.58z%22%2F%3E%3Cpath%20id%3D%22lvthc%22%20d%3D%22M799.86%20792.04a.58.58%200%200%200-.58.58v.34a.58.58%200%200%200%201.16%200v-.34a.58.58%200%200%200-.58-.58z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-792%20-782)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvtha%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvthb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23lvthc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 16px 14px; width: 16px; height: 14px; } .fieldSubContainer .fieldBody .fieldItem.eventRegistrationTypeRadioWrapper a { color: #f1951c; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; text-decoration: underline; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .fieldSubContainer .fieldBody .fieldItem.eventRegistrationTypeRadioWrapper a:hover { text-decoration: none; } .fieldSubContainer .fieldBody .fieldItem.eventRegistrationTypeRadioWrapper.disabled .label span:first-child label { color: rgba(15, 34, 51, 0.3); } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.navigationOuterContainer.nonPrintable > div.navigationContainer > div > div > div > div > div > div > div > div > div > div > div.left { padding-left: 0; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.navigationOuterContainer.nonPrintable > div.navigationContainer > div > div > div > div > div > div > div > div > div > div > div.right { text-align: right !important; } #idIsShownOnPublicDivider > div.captionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldLabel { display: none; } #idIsShownOnPublicDivider > div.captionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldBody > h4 div span { font-size: 1.5625rem; } #idRegistrationFormContainer > div.titleContainer:before { display: none; } #idRegistrationFormContainer > div.titleContainer:after { display: none; } #idEventRegistrationConfirmationContainer > div.titleContainer:before { display: none; } #idEventRegistrationConfirmationContainer > div.titleContainer:after { display: none; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > div { position: relative; padding: 20px 20px 0; width: 100%; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > div .header { position: relative; padding: 0 0 0 32px; font-size: 20px; color: #000 !important; margin: 0 0 20px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > div .header:before { content: ""; position: absolute; left: 0; top: -1px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cdefs%3E%3Cpath%20id%3D%22fpwra%22%20d%3D%22M238%20635c0%2018.75-15.25%2034-34%2034s-34-15.25-34-34%2015.25-34%2034-34%2034%2015.25%2034%2034zm-4.18%200A29.85%2029.85%200%200%200%20204%20605.18%2029.85%2029.85%200%200%200%20174.18%20635%2029.85%2029.85%200%200%200%20204%20664.82%2029.85%2029.85%200%200%200%20233.82%20635z%22%2F%3E%3Cpath%20id%3D%22fpwrb%22%20d%3D%22M201%20621.5a3.5%203.5%200%201%201%207%200%203.5%203.5%200%200%201-7%200z%22%2F%3E%3Cpath%20id%3D%22fpwrc%22%20d%3D%22M204%20631c-1.1%200-2%20.94-2%202.1v17.8c0%201.16.9%202.1%202%202.1s2-.94%202-2.1v-17.8c0-1.16-.9-2.1-2-2.1z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20opacity%3D%22.6%22%20transform%3D%22translate(-170%20-601)%22%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwra%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrb%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 22px 22px; width: 22px; height: 22px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_nextTop { border: 1px solid black; background: url(https://bmwcq.com.au/resources/img/icon-invoice.svg) no-repeat 14px center; background-size: 15px 20px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_payOnlineTop { border: 1px solid black; background: url(https://bmwcq.com.au/resources/img/icon-pay-online.svg) no-repeat 20px center; background-size: 16px 19px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_prevTop { background: url(https://bmwcq.com.au/resources/img/icon-show-details-rev.svg) no-repeat 0 center; background-size: 22px 14px; padding-left: 35px; } #idInfoContainer > div.infoContainer > div > div > div > div > div > div > div > div > div > div > div.infoSection.eventRegistrationInfoLocation { margin-bottom: 20px; } #idInfoContainer > div.infoContainer > div > div > div > div > div > div > div > div > div > div > div.infoSection.eventRegistrationInfoRegistrationType { margin-bottom: 20px; } #idRegistrationFormContainer > div.titleContainer { padding-top: 60px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_messageHeader { color: #2196f3 !important; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner { /*border-bottom: 1px solid #2196f3;*/ } @media screen and (max-width: 660px) { #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_registrationTopMessage_suggestToApplyMessage_idConfirmWindowStyle > div.cww-inner > div:before { display: none; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > div:before { display: none; } } @media screen and (max-width: 616px) { #idIsShownOnPublicDivider > div.captionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldBody > h4 div span { font-size: 1.25rem; line-height: 1.2; } } #idEventRegistrationWizardContainer DIV.cancelMessageBox { display: none; } #idSelectRegistrationTypeContainer > div.titleContainer { padding-top: 72px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle { border-top: 1px solid #f5a623; border-bottom: 1px solid #f5a623; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co { position: relative; padding-top: 30px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co:before { content: ""; position: absolute; top: 27px; left: 26px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2277%22%20height%3D%2268%22%20viewBox%3D%220%200%2077%2068%22%3E%3Cdefs%3E%3Cpath%20id%3D%22z43ea%22%20d%3D%22M236.22%20450.88h-64.08a6.12%206.12%200%200%201-5.31-9.2l32.04-55.49a6.12%206.12%200%200%201%2010.61%200l32.04%2055.5a6.12%206.12%200%200%201-5.3%209.19zm.44-6.38L204.62%20389a.5.5%200%200%200-.89%200l-32.04%2055.5a.5.5%200%200%200%20.45.76h64.08a.5.5%200%200%200%20.44-.76z%22%2F%3E%3Cpath%20id%3D%22z43eb%22%20d%3D%22M204.18%20406.41a2.8%202.8%200%200%200-2.81%202.8v16.1a2.8%202.8%200%200%200%205.61%200v-16.1a2.8%202.8%200%200%200-2.8-2.8z%22%2F%3E%3Cpath%20id%3D%22z43ec%22%20d%3D%22M204.18%20431.76a2.8%202.8%200%200%200-2.81%202.8v1.68a2.8%202.8%200%200%200%205.61%200v-1.67a2.8%202.8%200%200%200-2.8-2.81z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-166%20-383)%22%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43ea%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43eb%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20fill%3D%22%23f5a623%22%20xlink%3Ahref%3D%22%23z43ec%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 77px 68px; width: 77px; height: 68px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co .text { color: #f5a623 !important; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co .text a { color: #f5a623 !important; text-decoration: underline; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co .text a:hover { text-decoration: none; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindow #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co > div:first-child { padding-bottom: 0 !important; margin-bottom: 10px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindow #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co > div { padding-bottom: 34px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindow #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_messageBoxWarningButton { border: 1px solid #0b1f2d; padding: 0 30px; height: 30px; text-align: center; -webkit-appearance: none; outline: none; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; color: #0b1f2d; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindow #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_messageBoxWarningButton:hover { background: #f5a623; border-color: #f5a623; color: white; } .generalFormOuterContainer .generalFormContainer .navigationContainer #registrationButtons #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_actionInvoiceButton { border: 1px solid #000000; background: url(../img/icon-invoice.svg) no-repeat 15px center; background-size: 15px 20px; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .generalFormOuterContainer .generalFormContainer .navigationContainer #registrationButtons #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_actionInvoiceButton:hover { border-color: #1291d6; color: #1291d6; } #idSelectRegistrationTypeContainer #idGeneralFormContainer .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right { text-align: left; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_viewAllRegistrations { position: relative; padding-left: 30px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_viewAllRegistrations:before { content: ""; position: absolute; left: 0; top: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22kml3a%22%20d%3D%22M157.97%20975.78c0%202.4-.93%204.66-2.63%206.36a8.92%208.92%200%200%201-6.36%202.63c-2.4%200-4.65-.93-6.35-2.63a8.92%208.92%200%200%201-2.63-6.36c0-2.4.93-4.65%202.63-6.35a8.92%208.92%200%200%201%206.35-2.63c2.4%200%204.66.93%206.36%202.63a8.92%208.92%200%200%201%202.63%206.35zm-3.35-5.63a7.91%207.91%200%200%200-5.64-2.33%207.97%207.97%200%201%200%205.63%2013.6%207.97%207.97%200%200%200%200-11.27z%22%2F%3E%3Cpath%20id%3D%22kml3b%22%20d%3D%22M152.95%20971.83a.5.5%200%200%200-.72%200l-3.24%203.24-3.24-3.24a.5.5%200%200%200-.72%200%20.5.5%200%200%200%200%20.72l3.24%203.24-3.24%203.24a.51.51%200%201%200%20.36.87.5.5%200%200%200%20.36-.15l3.24-3.24%203.23%203.24c.1.1.23.15.36.15a.5.5%200%200%200%20.36-.15.5.5%200%200%200%200-.72l-3.23-3.24%203.24-3.24a.5.5%200%200%200%200-.72z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-139%20-966)%22%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23kml3a%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%230b1f2d%22%20stroke-miterlimit%3D%2250%22%20stroke-width%3D%22.6%22%20xlink%3Ahref%3D%22%23kml3a%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%22%23kml3b%22%2F%3E%3Cuse%20fill%3D%22%23fff%22%20fill-opacity%3D%220%22%20stroke%3D%22%230b1f2d%22%20stroke-miterlimit%3D%2250%22%20stroke-width%3D%22.5%22%20xlink%3Ahref%3D%22%23kml3b%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 20px 20px; width: 20px; height: 20px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_viewAllRegistrations:hover { color: #1291d6; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > div.navigationContainer > div > div > div > div > div > div > div > div > div > .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > div.navigationContainer > div > div > div > div > div > div > div > div > div > .inner #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_newRegistrationButton { border: 1px solid black; background: url(../img/icon-new-registration.svg) no-repeat 19px center; background-size: 20px 20px; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > div.navigationContainer > div > div > div > div > div > div > div > div > div > .inner #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_actionInvoiceButton { background: url(../img/icon-invoice.svg) no-repeat 15px center; background-size: 15px 20px; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div:nth-child(3) > div.navigationContainer > div > div > div > div > div > div > div > div > div > .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #idSectionEventRegistrationTypeSelectorContainer > div.sectionContainer > div > div > div > div > div > div > div > div > div > div > div.fieldContainer.simpleTextContainer > div > div.fieldLabel.firstColumn { display: none; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle > div:nth-child(1) { height: 0; } #idTitleRight > div.pageViewSwitcherContainer > div > div > div > div > div > div > div > div > div > div #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_importEvent_ImportEventText:before { top: 6px; } @media screen and (max-width: 616px) { #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co { padding-top: 20px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_messageBoxWarning_idConfirmWindowStyle .cww-inner .cww-co:before { display: none; } #idSelectRegistrationTypeContainer > div.titleContainer { padding-top: 20px; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_pageTitleLink { margin-bottom: 0; } } @media screen and (max-width: 616px) { #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > div.navigationContainer > div > div > div > div > div > div > div > div > div > .inner #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_newRegistrationButton { width: 100%; margin-left: 0; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > div.navigationContainer > div > div > div > div > div > div > div > div > div > .inner #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_actionInvoiceButton { width: 100%; margin-left: 0; } } .bmw-sponsors__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .bmw-sponsors__top-block { width: 100%; height: 0; padding-bottom: 21%; margin-bottom: 40px; position: relative; } .bmw-sponsors__top-block-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-sponsors__silver-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bmw-sponsors__silver { margin-bottom: 40px; width: -webkit-calc((100% - 40px) / 2); width: calc((100% - 40px) / 2); margin-right: 40px; } .bmw-sponsors__silver:nth-child(2n) { margin-right: 0; } .bmw-sponsors__silver-block_3 .bmw-sponsors__silver { width: -webkit-calc((100% - 40px * 2) / 3); width: calc((100% - 40px * 2) / 3); } .bmw-sponsors__silver-block_3 .bmw-sponsors__silver:nth-child(2n) { margin-right: 40px; } .bmw-sponsors__silver-block_3 .bmw-sponsors__silver:nth-child(3n) { margin-right: 0; } .bmw-sponsors__silver-inner { width: 100%; height: 0; padding-bottom: 44%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .bmw-sponsors__silver-block_3 .bmw-sponsors__silver-inner { padding-bottom: 70%; } .bmw-sponsors__bottom-block { width: 100%; height: 0; margin-bottom: 60px; position: relative; padding-bottom: 21%; } .bmw-sponsors__bottom-block-inner { position: absolute; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-position: center center; background-repeat: no-repeat; background-size: cover; right: 0; top: 0; bottom: 0; left: 0; } @media screen and (max-width: 700px) { .bmw-sponsors__silver-block { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .bmw-sponsors__silver { width: 100%; max-width: 480px; margin-right: 0; margin-bottom: 20px; } .bmw-sponsors__silver-block_3 .bmw-sponsors__silver { margin-right: 20px; max-width: 306px; width: -webkit-calc((100% - 20px) / 2); width: calc((100% - 20px) / 2); } .bmw-sponsors__silver-block_3 .bmw-sponsors__silver:nth-child(2n) { margin-right: 0; } } @media screen and (max-width: 500px) { .bmw-sponsors__silver-block_3 .bmw-sponsors__silver { width: 100%; margin-right: 0; } } .bmw-enquiry__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 26px; margin-bottom: -35px; } .bmw-enquiry__mail-img { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2227%22%20height%3D%2221%22%20viewBox%3D%220%200%2027%2021%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%225cuqa%22%20d%3D%22M397.33%20669.95c.22.61-.1%201.3-.7%201.51l-19.42%207.1a1.17%201.17%200%200%201-1.5-.7l-4-10.91a1.17%201.17%200%200%201%20.7-1.51l19.42-7.1c.6-.22%201.29.1%201.5.7zm-23.29-3.85l10.64%202.78%206.33-8.98zm14.25%201.84c.1-.3.43-.48.74-.38l6.99%202.25-3.6-9.86-7.01%209.94a.59.59%200%200%201-.64.23l-11.76-3.07%203.59%209.82%203.91-6.2a.59.59%200%200%201%201%20.62l-3.63%205.77%2017.24-6.3-6.45-2.07a.59.59%200%200%201-.38-.75z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-371%20-658)%22%3E%3Cuse%20xlink%3Ahref%3D%22%235cuqa%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 27px 21px; width: 27px; height: 21px; margin-right: 9px; } .bmw-contacts__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 5px; margin-bottom: 20px; } .bmw-contacts__name-and-contacts { margin-top: 44px; padding-bottom: 30px; border-bottom: 1px solid rgba(11, 31, 45, 0.1); } .bmw-contacts__name-and-contacts:last-child { border-bottom: none; } .bmw-contacts__name-and-contacts:first-child { margin-top: 7px; } .bmw-contacts__name-post { margin-bottom: 18px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .bmw-contacts__name { color: #122f42; font-size: 18px; font-family: "Open Sans", sans-serif; font-weight: 700; margin-bottom: 6px; } .bmw-contacts__post { color: #122f42; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 400; } .bmw-contacts__mail-phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bmw-contacts__phone { padding-right: 41px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .bmw-contacts__phone-img { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%225y4la%22%20d%3D%22M159.56%20672.8c.45.45.7.98.7%201.54%200%20.55-.24%201.09-.69%201.55l-.58.58c-.28.27-.55.52-.78.8%200%20.02-.02.02-.02.03a3.38%203.38%200%200%201-2.87%201.1c-1.53-.1-2.91-.68-3.94-1.16a21.08%2021.08%200%200%201-7.02-5.5%2019.3%2019.3%200%200%201-3.43-5.72c-.3-.8-.68-2.01-.57-3.32.07-.81.4-1.51.97-2.09l1.52-1.53.01-.01a2.2%202.2%200%200%201%201.53-.66c.54%200%201.06.23%201.5.66.29.27.57.55.84.83.13.15.28.29.42.43l1.22%201.22c.94.94.94%202.16%200%203.1l-.38.38c-.33.34-.67.69-1.04%201.02.28.6.65%201.2%201.21%201.91a15.39%2015.39%200%200%200%203.69%203.36l.44.24.35.18%201.41-1.41c.46-.45.99-.7%201.54-.7s1.08.25%201.51.7zm-.86.85l-2.48-2.48c-.14-.15-.36-.33-.64-.33s-.53.19-.68.34l-1.53%201.53c-.08.08-.31.31-.68.31a.97.97%200%200%201-.45-.11l-.05-.03-.44-.24c-.18-.09-.37-.18-.55-.3-1.44-.91-2.75-2.1-3.98-3.62a9.82%209.82%200%200%201-1.45-2.37l-.02-.04c-.08-.25-.15-.63.24-1.01a23.39%2023.39%200%200%200%201.15-1.12l.38-.38c.47-.48.47-.92%200-1.4l-1.23-1.22-.42-.43c-.27-.28-.53-.55-.8-.8l-.02-.02a.96.96%200%200%200-.65-.31c-.23%200-.47.11-.69.32l-1.52%201.53c-.38.37-.58.8-.62%201.33a6.4%206.4%200%200%200%20.5%202.8c.68%201.83%201.7%203.53%203.23%205.37a19.9%2019.9%200%200%200%206.6%205.18c.94.45%202.17.97%203.5%201.05h.2c.7%200%201.24-.22%201.7-.7.27-.33.57-.63.86-.9l.55-.55c.45-.48.45-.95%200-1.4z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-140%20-658)%22%3E%3Cuse%20xlink%3Ahref%3D%22%235y4la%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 21px 21px; width: 21px; height: 21px; margin-right: 11px; } .bmw-contacts__phone-number { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bmw-contacts__phone-number-text { color: #122f42; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; margin-right: 3px; } .bmw-contacts__phone-number-itself { color: #122f42; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; line-height: 1.3; } .bmw-contacts__phone-number-itself:hover { text-decoration: underline; color: #122f42; } .bmw-contacts__phone-number-divider { color: #122f42; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; margin-right: 5px; margin-left: 3px; } .bmw-contacts__mail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .bmw-contacts__mail-img { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2227%22%20height%3D%2221%22%20viewBox%3D%220%200%2027%2021%22%20style%3D%22%22%3E%3Cdefs%3E%3Cpath%20id%3D%225cuqa%22%20d%3D%22M397.33%20669.95c.22.61-.1%201.3-.7%201.51l-19.42%207.1a1.17%201.17%200%200%201-1.5-.7l-4-10.91a1.17%201.17%200%200%201%20.7-1.51l19.42-7.1c.6-.22%201.29.1%201.5.7zm-23.29-3.85l10.64%202.78%206.33-8.98zm14.25%201.84c.1-.3.43-.48.74-.38l6.99%202.25-3.6-9.86-7.01%209.94a.59.59%200%200%201-.64.23l-11.76-3.07%203.59%209.82%203.91-6.2a.59.59%200%200%201%201%20.62l-3.63%205.77%2017.24-6.3-6.45-2.07a.59.59%200%200%201-.38-.75z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20transform%3D%22translate(-371%20-658)%22%3E%3Cuse%20xlink%3Ahref%3D%22%235cuqa%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 27px 21px; width: 27px; height: 21px; margin-right: 11px; } .bmw-contacts__mail-address { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bmw-contacts__mail-address-text { color: #122f42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; margin-right: 3px; } .bmw-contacts__mail-to { color: #01a3de; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: underline; } .bmw-contacts__mail-to:hover { text-decoration: none; } .WaLayoutContainerFirst { display: none; } .formTitleOuterContainer .formTitleContainer .inner:after { display: none; } #id_h8CO7cm > div > p { font-family: "Open Sans", sans-serif; font-weight: 800; } .formTitleOuterContainer .formTitleContainer .inner h3.formTitle { color: #a3a7aa; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; float: none; } .formTitleOuterContainer .formTitleContainer { padding: 0 0 10px 0; border-bottom: 1px solid rgba(11, 31, 45, 0.1); } .formTitleOuterContainer { margin: 0 0 62px 0; } .formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle { color: #a3a7aa; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1rem; float: none; text-align: right; } .generalFieldsContainer .fieldSubContainer .fieldLabel { color: #112e42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; } .mandatorySymbol, .requiredSymbol { display: none; } .fieldSubContainer .fieldLabel { width: 30%; float: left; text-align: right; padding-right: 20px; } .fieldSubContainer .fieldBody { width: 68%; float: left; } .fieldSubContainer .fieldBody .fieldItem { margin-bottom: 10px; } .fieldSubContainer .fieldBody .fieldItem span.typeRadioContainer { float: left; display: block; vertical-align: top; margin: 0 9px 0 0; } .fieldSubContainer .fieldBody .fieldItem span.label { display: table; overflow: visible; } .fieldSubContainer .fieldBody .fieldItem span.label .textLine { display: block; margin: 0; } .fieldSubContainer.singleStringContainer .fieldBody [class="textLine"], .groupContainer .fieldSubContainer.radioGroupContainer .fieldBody [class="textLine"], .groupContainer .fieldSubContainer.checkboxGroupContainer .fieldBody [class="textLine"], .calculatedExtraChargeContainer .fieldSubContainer .fieldBody input + span { color: #112e42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 600; } .fieldSubContainer .fieldBody .groupBodyVertical { font-family: "Open Sans", sans-serif; font-weight: 400; color: #112e42; font-size: 1rem; line-height: 1.4; } [class^="WaGadget"] { margin: 0; } #id_h8CO7cm > div > p { color: #112e42; font-size: 1.375rem; font-family: "Open Sans", sans-serif; font-weight: 700; } .WaGadgetLast { margin-bottom: 40px; } #id_h8CO7cm > div > p > font { color: #112e42; font-size: 1.375rem; font-family: "Open Sans", sans-serif; font-weight: 700; } #id_h8CO7cm > div > p > strong { color: #112e42; font-size: 1.375rem; font-family: "Open Sans", sans-serif; font-weight: 700; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div.formOuterContainer > div.formContainer > div > div > div > div > div > div > div > div > div > div > div.formTitleOuterContainer > div.formTitleContainer > div > div > div > div > div > div > div > div > div > div > div > span { display: inline; } .formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle strong { color: #a3a7aa; font-size: 1rem; font-weight: inherit; font-family: "Open Sans", sans-serif; font-weight: 400; float: right; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next { padding: 0 35px 0 0; background: url(../img/icon-show-details.svg) no-repeat center right; background-size: 22px 14px; } .fieldSubContainer table { margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 100%; } .fieldSubContainer table td.left .fieldLabel { width: auto; float: none; padding: 4px 2% 0 0; } .fieldSubContainer .fieldLabel { line-height: normal; color: #0f2233; font-size: 18px; font-family: "Open Sans", sans-serif; font-weight: 400; } .mandatorySymbol, .requiredSymbol { color: #a3a7aa; font-weight: bold; font-size: 1em; padding-right: 2px; } .fieldSubContainer table td.left { width: 25%; padding: 0; text-align: right; vertical-align: top; } .fieldSubContainer table td.right { width: 75%; padding: 0; text-align: left; vertical-align: top; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_prev { padding: 0 0 0 35px; background: url(https://bmwcq.com.au/resources/img/icon-show-details-rev.svg) no-repeat center left; background-size: 22px 14px; } .fieldSubContainer .fieldBody .fieldItem span.typeRadioContainer input.typeRadio { width: 15px; height: 15px; border: 1px solid #979797; border-radius: 50%; } .fieldSubContainer .fieldBody .fieldItem span.label .textLine { margin-bottom: 5px; color: #112e42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 600; } .fieldSubContainer .fieldBody .fieldItem { margin-bottom: 17px; } .fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction { color: #112e42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; } #idMembershipLevelRadioGroupContainer > div > div.fieldLabel > strong { color: #112e42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; } @media screen and (max-width: 616px) { .fieldSubContainer table td.right { width: 100% !important; } } #idInfoContainer { margin: 0 0 100px 0; border: 0; background-color: #f7f7f7; padding: 20px; } #idInfoContainer > div.infoContainer > div > div > div > div > div > div > div > div > div > div > div.kvTable > div > div.infoTitle { float: left; width: 30%; padding: 0 2% 0 0; text-align: right; font-family: "Open Sans", sans-serif; font-weight: 700; color: #112e42; font-size: 1rem; } #idInfoContainer > div.infoContainer > div > div > div > div > div > div > div > div > div > div > div.kvTable > div > div.infoText { float: left; width: 67%; } .infoOuterContainer .infoContainer .infoSection .textLine { display: block; } #idInfoContainer > div.infoContainer > div > div > div > div > div > div > div > div > div > div > div.kvTable > div > div.infoText > span:nth-child(1) { display: block; } .fieldSubContainer { margin: 20px 0 20px 0; zoom: 1; } .fieldSubContainer table { margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 100%; } .fieldSubContainer table td.left { width: 25%; padding: 0; text-align: right; vertical-align: top; } .fieldSubContainer table td.left .fieldLabel { width: auto; float: none; padding: 4px 8% 0 0; } .mandatorySymbol, .requiredSymbol { color: #a3a7aa; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1.125rem; padding-right: 2px; } .fieldSubContainer .fieldLabel strong.mandatoryLabel { font-weight: normal; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1.125rem; color: #0f2233; } #idGeneralFormContainer .navigationOuterContainer .navigationContainer .inner .right #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_prev { padding: 0 0 0 35px; background: url(../img/icon-show-details-rev.svg) no-repeat center left; background-size: 22px 14px; } @media screen and (max-width: 616px) { #idInfoContainer { margin: 0 0 30px 0; } } .fieldSubContainer { margin: 20px 0 20px 0; } .captionOuterContainer { margin: 30px 0 30px 0; } .fieldSubContainer .fieldLabel { width: 27%; float: left; text-align: right; padding: 4px 2% 0 0; font-size: 1.125rem; font-family: "Open Sans", sans-serif; font-weight: 400; color: #0f2233; } .fieldSubContainer .fieldBody { width: 71%; float: left; padding: 4px 0 0 0; } .fieldSubContainer .fieldBody > span, .fieldSubContainer .fieldBody > strong { vertical-align: top; } a { color: #0f2233; text-decoration: none; } .formTitleOuterContainer { margin: 0 0 30px 0; } .navigationOuterContainer { margin: 28px 0 60px 0; border: 0; } .navigationOuterContainer .navigationContainer .right { float: right; } .navigationOuterContainer .navigationContainer .right input.nextButton, .navigationOuterContainer .navigationContainer .right input.typeButton, .navigationOuterContainer .navigationContainer .right input[type="submit"] { display: inline-block; padding: 8px 15px 9px 15px; margin: 0; height: auto; text-transform: none; outline: 0; border: 0; background: #ffffff; -webkit-appearance: none; font-size: 19px; font-family: "Open Sans", sans-serif; font-weight: 700; color: #333; white-space: nowrap; text-decoration: none; text-align: center; vertical-align: middle; margin-left: 10px; margin-bottom: 10px; } .navigationOuterContainer .navigationContainer .right input.nextButton[type="submit"], .navigationOuterContainer .navigationContainer .right input.typeButton[type="submit"], .navigationOuterContainer .navigationContainer .right input[type="submit"][type="submit"] { min-width: 100px; padding: 6px 15px 6px 46px; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_nextTop { background: url(../img/join_invoice.png) no-repeat 20px center; margin-left: 30px; border: 1px solid #000000; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_nextTop:hover { border-color: #e8203b; color: #e8203b; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_payOnlineTop { background: url(../img/join_pay.png) no-repeat 20px center; border: 1px solid #000000; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_payOnlineTop:hover { border-color: #e8203b; color: #e8203b; } .navigationOuterContainer .navigationContainer .right input.nextButton, .navigationOuterContainer .navigationContainer .right input.typeButton, .navigationOuterContainer .navigationContainer .right input[type="submit"] { position: relative; display: inline-block; padding: 8px 15px 9px 15px; margin: 0; height: auto; text-transform: none; outline: 0; border: 0; background: #f0f0f0; -webkit-appearance: none; font: normal 15px/1.25 "Open Sans"; color: #333; white-space: nowrap; text-decoration: none; text-align: center; vertical-align: middle; margin-left: 13px; margin-bottom: 10px; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right:after { display: none; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right { padding-right: 0; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner { padding-top: 21px; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_extraCostSelectionWarning_idConfirmWindowStyle > div.cww-inner > div { position: relative; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_extraCostSelectionWarning_idConfirmWindowStyle > div.cww-inner > div:before { content: ""; position: absolute; left: 30px; top: 27px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cdefs%3E%3Cpath%20id%3D%22fpwra%22%20d%3D%22M238%20635c0%2018.75-15.25%2034-34%2034s-34-15.25-34-34%2015.25-34%2034-34%2034%2015.25%2034%2034zm-4.18%200A29.85%2029.85%200%200%200%20204%20605.18%2029.85%2029.85%200%200%200%20174.18%20635%2029.85%2029.85%200%200%200%20204%20664.82%2029.85%2029.85%200%200%200%20233.82%20635z%22%2F%3E%3Cpath%20id%3D%22fpwrb%22%20d%3D%22M201%20621.5a3.5%203.5%200%201%201%207%200%203.5%203.5%200%200%201-7%200z%22%2F%3E%3Cpath%20id%3D%22fpwrc%22%20d%3D%22M204%20631c-1.1%200-2%20.94-2%202.1v17.8c0%201.16.9%202.1%202%202.1s2-.94%202-2.1v-17.8c0-1.16-.9-2.1-2-2.1z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20opacity%3D%22.6%22%20transform%3D%22translate(-170%20-601)%22%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwra%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrb%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 68px 68px; width: 68px; height: 68px; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_extraCostSelectionWarning_idConfirmWindowStyle > div.cww-inner { border-bottom: 1px solid #1291d6; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > .cww-co { position: relative; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > .cww-co:before { content: ""; position: absolute; left: 30px; top: 27px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2268%22%20height%3D%2268%22%20viewBox%3D%220%200%2068%2068%22%3E%3Cdefs%3E%3Cpath%20id%3D%22fpwra%22%20d%3D%22M238%20635c0%2018.75-15.25%2034-34%2034s-34-15.25-34-34%2015.25-34%2034-34%2034%2015.25%2034%2034zm-4.18%200A29.85%2029.85%200%200%200%20204%20605.18%2029.85%2029.85%200%200%200%20174.18%20635%2029.85%2029.85%200%200%200%20204%20664.82%2029.85%2029.85%200%200%200%20233.82%20635z%22%2F%3E%3Cpath%20id%3D%22fpwrb%22%20d%3D%22M201%20621.5a3.5%203.5%200%201%201%207%200%203.5%203.5%200%200%201-7%200z%22%2F%3E%3Cpath%20id%3D%22fpwrc%22%20d%3D%22M204%20631c-1.1%200-2%20.94-2%202.1v17.8c0%201.16.9%202.1%202%202.1s2-.94%202-2.1v-17.8c0-1.16-.9-2.1-2-2.1z%22%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20opacity%3D%22.6%22%20transform%3D%22translate(-170%20-601)%22%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwra%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrb%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.6%22%3E%3Cuse%20fill%3D%22%232196f3%22%20xlink%3Ahref%3D%22%23fpwrc%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0; background-size: 68px 68px; width: 68px; height: 68px; } #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner { border-bottom: 1px solid #1291d6; } .commonMessageBox { position: relative; width: 100%; border: 0; clear: both; margin-bottom: 20px; padding: 0; } .commonMessageBox DIV { width: auto; height: auto; margin: 0; padding: 0; } .commonMessageBox .cww { height: auto; overflow: hidden; font-size: 0em; } .confirmWindowInfo .cww3, .confirmWindowInfo .cww4, .confirmWindowInfo .cww-inner { background-color: #f0f0f0; } .commonMessageBox .cww-co { padding-left: 0; display: table-cell; vertical-align: middle; } .commonMessageBox .cww-co .header { font-size: 1.75rem; font-weight: bold; font-family: "Open Sans", sans-serif; font-weight: 700; color: #2196f3; } .commonMessageBox .cww-co > div { padding-bottom: 20px; } table { display: table; border-collapse: separate; border-spacing: 2px; border-color: #ffffff; } tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } .commonMessageBox .kvTable td.labelInfoColumn { width: 182px; text-align: right; padding-right: 23px; vertical-align: top; padding-top: 0; padding-bottom: 0; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 700; color: #112e42; } .commonMessageBox .kvTable td { padding: 3px 0 !important; } .commonMessageBox .kvTable td:nth-child(1) { padding-right: 10px !important; } .commonMessageBox .kvTable td { color: #112e42 !important; } .commonMessageBox .kvTable td.infoColumn { vertical-align: top; padding-top: 0; padding-bottom: 0; } strong { font-weight: bold; } .commonMessageBox .cww-inner { border-left-style: solid; border-left-width: 0; border-right-style: solid; border-right-width: 0; } .confirmWindowInfo .cww1, .confirmWindowInfo .cww2 { background-color: #2196f3; height: auto; overflow: hidden; } .confirmWindowInfo .cww3, .confirmWindowInfo .cww4 { background-color: #ffffff; display: none; } .confirmWindowInfo .cww-inner { background-color: #ffffff; } .generalFieldsContainer .fieldSubContainer .fieldLabel { font-family: "Open Sans", sans-serif; font-weight: 400; } @media screen and (max-width: 616px) { .commonMessageBox .cww-co { padding-left: 10px; } .fieldSubContainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fieldSubContainer .fieldLabel { width: auto !important; float: none !important; text-align: left; padding: 0; margin-right: 15px; font-family: "Open Sans", sans-serif; font-weight: 700; } .fieldSubContainer .fieldBody { width: auto !important; float: none !important; padding: 0; } } #member-assign { margin-top: 72px; } #member-assign h2 { margin: 0.7em 0 0.6em 0; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 1.375rem; line-height: 1.2; color: #112e42; text-transform: uppercase; } #member-assign h3 { margin: 0.8em 0 0.7em 0; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1.125rem; color: #112e42; line-height: 1.3; } #checking > span { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1.125rem !important; color: #112e42; line-height: 1.3; } #search form input { cursor: pointer; padding: 4px 42px; overflow: visible; width: auto; color: #112e42; font-size: 1rem; font-family: "Open Sans", sans-serif; font-weight: 400; border: 1px solid #112e42; background-color: #ffffff; margin-top: 35px; margin-bottom: 60px; } #results form fieldset legend { font-size: 1.1875rem; color: #000000; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 700; padding-top: 40px; margin-bottom: 60px; } #results form fieldset p input { cursor: pointer; padding: 4px 22px; overflow: visible; width: auto; font-size: 1rem; color: #112e42; font-family: "Open Sans", sans-serif; font-weight: 400; border: 1px solid #112e42; background-color: #ffffff; float: right; margin-top: -85px; } #results form > fieldset > table > tbody > tr:nth-child(1) { padding: 1em; } #results table th { border-bottom: 1px solid #e9ebed; } #results table tr.odd td { background-color: #f7f7f7; } #results table td { padding: 1em; } #results > form > fieldset > table > tbody > tr:nth-child(1) > th { padding: 1em; font-size: 15px; color: #112e42; font-family: "Open Sans", sans-serif; font-weight: 700; } #results > form > fieldset > table { border-spacing: 0; border-collapse: collapse; width: 100%; margin-bottom: 60px; } #search { border-bottom: 1px solid rgba(11, 31, 45, 0.1); } #results span.check { font-weight: bold; color: lime; display: none; margin-left: 1em; } #search > form { background-color: white !important; } #member-print #search > h3 { font-size: 1.375rem; text-transform: uppercase; color: #112e42; font-family: "Open Sans", sans-serif; font-weight: 700; margin-top: 72px; margin-bottom: 60px; } #search > form { display: block; background-color: #f7f7f7; } #member-status > legend { font-size: 1.1875rem; color: #000000; font-family: "Open Sans", sans-serif; font-weight: 600; padding-left: 15px; padding-top: 40px; } #member-status > label:nth-child(2) { padding-left: 15px; } #member-status > label:nth-child(2) #status-new { margin: 0 10px 0 0; } #member-status > label:nth-child(3) #status-renew { margin: 0 10px 0 17px; } #member-status > label:nth-child(4) #status-all { margin: 0 10px 0 20px; } #member-status > label { color: #112e42; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; } #member-status > input { margin-bottom: 36px; margin-top: 16px; } #member-status #progress { margin-left: 10px; margin-right: 15px; white-space: nowrap; } #member-status > label:nth-child(2) { float: left; margin-top: 35px; margin-bottom: 40px; } #member-status > label:nth-child(3) { float: left; margin-top: 35px; margin-bottom: 40px; } #member-status > label:nth-child(4) { float: left; margin-top: 35px; margin-bottom: 40px; } #member-status input[type="submit"] { float: right; margin-right: 10px; margin-bottom: 36px; } #member-status span#progress { float: right; margin-top: 40px; margin-bottom: 40px; } #results > form > fieldset > table > tbody td:nth-child(9) > button { padding: 4px 6px; background-color: #ffffff; border: 1px solid #112e42; } #member-print #results table tr.unassigned { color: #df002e; } #results > form > fieldset > table > tbody a { color: #0892d9; text-decoration: underline; } .bmw-sponsors__container h2 { color: #122f42; line-height: 1.06; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1.5rem; padding-bottom: 20px; } .bmw-sponsors__container h2 span { font-weight: 800; } body .WaGadgetEventsStateCalendar .EventListCalendar { background: #eeeeee; } .WaGadgetEventsStateDetails .boxBodyOuterContainer .boxBodyContainer .inner p *[style="background-color: rgb(255, 255, 255);"] { background: #eeeeee !important; } /*New pages css*/ .zoneHeader2 div#id_yOhi7Wr { margin-bottom: 0; } #PAGEID_SysOnlineStoreProduct .zoneHeader4 a.cart-gadget_state, .zoneHeader3 a.cart-gadget_state { color: #01a3de; font-size: 19px; } #PAGEID_SysOnlineStoreProduct .zoneHeader4 a.cart-gadget_state span.cart-gadget_icon:before, .zoneHeader3 a.cart-gadget_state span.cart-gadget_icon:before { font-size: 26px !important; } #PAGEID_SysOnlineStoreProduct .zoneHeader4 a.cart-gadget_state span.cart-gadget_icon, .zoneHeader3 a.cart-gadget_state span.cart-gadget_icon { left: -10px; top: -4px; } #PAGEID_SysOnlineStoreProduct .zoneHeader4 #id_Header3 > div, .zoneHeader3 #id_Header2 > div { padding: 20px 0 20px 0; } .category-sec table.WaLayoutTable { margin: 0 -17px; width: calc(100% + 34px); } .category-sec table.WaLayoutTable td.WaLayoutItem { padding: 0 17px; } .categorys-items a { width: 100%; position: relative; min-height: 140px; text-align: right; display: block; padding: 62px 0 0; background: #122f41; background: -moz-linear-gradient(top, #122f41 0%, #0a1a24 100%); background: -webkit-linear-gradient(top, #122f41 0%, #0a1a24 100%); background: linear-gradient(to bottom, #122f41 0%, #0a1a24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122f41', endColorstr='#0a1a24',GradientType=0 ); } .categorys-items a:before { position: absolute; right: 17px; top: 37px; width: 201px; height: 71px; content: ""; background: url(../images/border-img.png) no-repeat center center; background-size: 100% auto; z-index: 1; } .categorys-items a:after { clear: both; display: block; content: ""; } .categorys-items a img { position: absolute; left: 21px; bottom: 0; z-index: 3; } .categorys-items.categorys-item-4 a img { left: 25px; bottom: 10px; } .categorys-items.categorys-item-5 a img, .categorys-items.categorys-item-6 a img { bottom: 19px; } .category-sec { margin-bottom: 11px; margin-top: 0 !important; } .zoneHeader4 { margin-bottom: 0; } .zoneHeader4 .gadgetStyleBody h1 { margin: 0 !important; padding: 5px 0 16px !important; font-size: 24px; color: #122f42; } .categorys-items a h4 { font-size: 16px; color: #fff; font-weight: 300; text-align: center; display: inline-block; text-align: center; margin: 0 30px 0 0; max-width: 171px; width: 100%; position: relative; z-index: 2; } .category-sec table.WaLayoutTable td.WaLayoutSeparator { display: none; } .left-right-sec td:last-child { padding-left: 26px; } .left-right-sec td p { font-size: 14px; color: #122f42; line-height: 24px; margin: 0 0 19px; } .left-right-sec { padding: 25px 0 0; } .clearance-main-sec { background: url(../images/clearance-banner.jpg) no-repeat center right; background-size: cover; padding: 20px 20px 37px 38px; } .clearance-main-inner { max-width: 210px; } .clearance-main-sec h2 { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: normal; color: #fff; font-weight: bold; text-transform: uppercase; padding: 50px 0; position: relative; } .clearance-main-sec h2:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; display: block; height: 95px; width: 200px; background: url(../images/clearance-title-border.png) no-repeat center center; margin-top: -1px; } .clearance-main-sec .price { font-size: 58px; font-weight: bold; color: #fff; text-align: center; } .clearance-main-sec .price sup { font-size: 36px; position: relative; top: 4px; margin: 0 0 0 -8px; } .clearance-main-sec .price sub { font-size: 17px; text-transform: uppercase; position: relative; margin: 0px 0 0 -33px; top: -10px; } .clearance-main-sec .short-dis { font-size: 14px; line-height: normal; text-transform: uppercase; color: #fff; text-align: center; margin: 6px 0 20px; } .clearance-main-sec .btn { font-size: 12px; height: 30px; box-shadow: none; max-width: 120px; padding: 0 14px; margin: 0 auto; } .clearance-main-sec .btn::before { border-bottom: 30px solid #e8203b; box-shadow: none; left: -14px; border-left: 14px solid transparent; } .clearance-main-sec .btn::after { right: -14px; border-top: 30px solid #e8203b; border-right: 14px solid transparent; box-shadow: none; } .clearance-title-sec h2 { margin: 0 !important; padding: 0 0 14px !important; font-size: 24px; color: #122f42; } #PAGEID_18119 .zoneContent { margin-bottom: 30px; } .product-item h1 { margin: 0 !important; padding: 0 0 14px !important; font-size: 24px; color: #122f42; min-height: 38px; } .store-product-sec table.WaLayoutTable td[style="width:25%;"], .store-product-sec table.WaLayoutTable td[style="width:24%;"] { padding-left: 35px; width: 25% !important; } .store-product-sec table.WaLayoutTable td.WaLayoutSeparator { display: none; } .product-item h2 { font-size: 16px; color: #01a3de; line-height: 19px; margin: 7px 0 10px; } .product-item .price-item b { font-size: 26px; vertical-align: top; font-weight: normal; position: relative; top: -2px; } .product-item .price-item { font-size: 16px; color: #555555; } .product-item .member-price-item span { font-size: 11px; vertical-align: top; } .product-item .member-price-item { font-size: 16px; color: #555555; vertical-align: top; } /*.promotional-products-sec { width: 62%; float: right; }*/ .promotional-products-sec h2 { font-size: 24px; color: #fff; text-transform: uppercase; font-weight: 300; margin: 0 0 18px; } .promotional-products-sec h2 strong { font-weight: 900; } .promotional-products-sec p { font-size: 13px; color: #fff; line-height: 21px; margin: 0 0 25px; } .promotional-products-sec .btn { font-size: 12px; height: 30px; box-shadow: none; max-width: 120px; padding: 0 14px; margin: 0 0 0 14px; } .promotional-products-sec .btn::before { border-bottom: 30px solid #e8203b; box-shadow: none; left: -14px; border-left: 14px solid transparent; } .promotional-products-sec .btn::after { right: -14px; border-top: 30px solid #e8203b; border-right: 14px solid transparent; box-shadow: none; } #PAGEID_SysOnlineStoreProduct .zoneFooter1 { display: none; margin-top: 70px; background: url(../images/royal-libricant-banner.jpg) no-repeat center center; background-size: cover; padding: 50px 0 60px; } #PAGEID_18128 .zoneFooter2 .container_12, #PAGEID_18129 .zoneFooter2 .container_12, #PAGEID_18130 .zoneFooter2 .container_12, #PAGEID_18131 .zoneFooter2 .container_12, #PAGEID_18132 .zoneFooter2 .container_12, #PAGEID_18133 .zoneFooter2 .container_12, #PAGEID_18134 .zoneFooter2.container_12 { margin-top: 45px; } #PAGEID_18128 .zoneFooter2 .container_12, #PAGEID_18129 .zoneFooter2 .container_12, #PAGEID_18130 .zoneFooter2 .container_12, #PAGEID_18131 .zoneFooter2 .container_12, #PAGEID_18132 .zoneFooter2 .container_12, #PAGEID_18133 .zoneFooter2 .container_12, #PAGEID_18134 .zoneFooter2.container_12, #PAGEID_18119 .zoneFooter2 .container_12 { width: 100%; padding: 0; max-width: 100%; } #PAGEID_SysOnlineStoreProduct .zoneFooter2 .container_12, #PAGEID_SysOnlineStoreProduct .zoneFooter3 .container_12, #PAGEID_18129 .zoneFooter3 .container_12, #PAGEID_18130 .zoneFooter3 .container_12, #PAGEID_18131 .zoneFooter3 .container_12, #PAGEID_18132 .zoneFooter3 .container_12, #PAGEID_18133 .zoneFooter3 .container_12, #PAGEID_18134 .zoneFooter3 .container_12, #PAGEID_18128 .zoneFooter3 .container_12, #PAGEID_18119 .zoneFooter3 .container_12 { width: 100%; padding: 0; max-width: 100%; } #PAGEID_SysOnlineStoreProduct .zoneFooter2 .container_12 .footer, #PAGEID_18129 .zoneFooter3 .container_12 .footer, #PAGEID_18130 .zoneFooter3 .container_12 .footer, #PAGEID_18131 .zoneFooter3 .container_12 .footer, #PAGEID_18132 .zoneFooter3 .container_12 .footer, #PAGEID_18133 .zoneFooter3 .container_12 .footer, #PAGEID_18134 .zoneFooter3 .container_12 .footer, #PAGEID_18128 .zoneFooter3 .container_12 .footer, #PAGEID_18119 .zoneFooter3 .container_12 .footer { bottom: 0 !important; } #PAGEID_SysOnlineStoreProduct .zoneFooter2 .container_12 .WaGadgetLast, #PAGEID_18129 .zoneFooter3 .container_12 .WaGadgetLast, #PAGEID_18130 .zoneFooter3 .container_12 .WaGadgetLast, #PAGEID_18131 .zoneFooter3 .container_12 .WaGadgetLast, #PAGEID_18132 .zoneFooter3 .container_12 .WaGadgetLast, #PAGEID_18133 .zoneFooter3 .container_12 .WaGadgetLast, #PAGEID_18134 .zoneFooter3 .container_12 .WaGadgetLast, #PAGEID_18128 .zoneFooter3 .container_12 .WaGadgetLast, #PAGEID_18119 .zoneFooter3 .container_12 .WaGadgetLast { margin-bottom: 0; } #PAGEID_SysOnlineStoreProduct .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18129 .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18130 .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18131 .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18132 .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18133 .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18134 .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18128 .zoneFooter3 .container_12 #idFooterPoweredByContainer, #PAGEID_18119 .zoneFooter3 .container_12 #idFooterPoweredByContainer { display: none; } .product-item img { width: 100%; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list { margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; width: calc(100% + 60px); margin: 0 -30px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li { width: calc(100% / 4 - 60px); margin: 0 30px 30px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li a.OnlineStoreCatalog_list_item_img img { width: 100% !important; height: 100% !important; max-height: 100% !important; max-width: 100% !important; object-fit: cover; position: absolute; left: 0; top: 0; opacity: 1; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li a.OnlineStoreCatalog_list_item_img { width: 100% !important; height: auto !important; padding: 112% 0 0 !important; position: relative; display: block; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li a.OnlineStoreCatalog_list_item_link { font-size: 16px; color: #01a3de; line-height: 19px; margin: 19px 0 5px; display: block; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li span.OnlineStoreCatalog_list_price { display: block; font-size: 26px; color: #555555; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li span.OnlineStoreCatalog_list_price_alt { font-size: 16px; color: #555555; font-style: normal; display: block; margin: 6px 0 0; } div#id_T6U1SEE, div#id_Dsi3JE5, div#id_S16b3Am, div#id_TCyx7EG, div#id_oiVG9Lg, div#id_chJnHUy { margin: 0; } div#id_AkIGhbY, div#id_IkhWdIf, div#id_vNSvMSa, div#id_G9kpC9u, div#id_nce7qd5, div#id_KvD9l8W { margin: 0; padding: 20px 0 0; } .no-products-show p { font-size: 22px; font-weight: bold; text-align: center; padding: 20px 0 0; } #PAGEID_SysOnlineStoreProduct .zoneHeader3 #id_Header2 > div { border: none; } .WaGadgetOnlineStoreProduct .OnlineStoreProduct_title_container h1 { margin-top: 0; font-size: 36px; font-weight: bold; line-height: 42px; color: #555555; margin: 0 0 20px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_gallery { width: 41%; max-width: 100%; margin: 0; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_gallery > a .OnlineStoreProduct_gallery_cover_img_container { height: auto !important; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_gallery > a .OnlineStoreProduct_gallery_cover_img_container img#OnlineStoreProduct_gallery_cover_img { max-height: 100%; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside { width: calc(59% - 5px); padding-left: 90px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside span.OnlineStoreCatalog_list_price { font-size: 48px; color: #555555; font-weight: bold; line-height: normal; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreCatalog_price_container span.OnlineStoreCatalog_list_price_alt { font-size: 24px; color: #555555; font-style: normal; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input#OnlineStoreProduct_addToCart { font-size: 18px; background: #01a3de; color: #fff; text-align: center; line-height: normal; display: inline-block; max-width: 199px; width: 100%; padding: 12px 0; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton a.addToCart { font-size: 18px; background: #122f42; color: #fff; line-height: normal; display: inline-block; max-width: 199px; width: 100%; padding: 12px 0; text-align: center; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreCatalog_price_container { margin-bottom: 2px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details .OnlineStoreProduct__detailTitle { font-size: 23px; color: #555555; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details .quantityContainer.OnlineStoreProduct__detailField .quantitySnippet input#idInputQuantity { background: none; border: none; font-size: 24px; color: #555555; min-width: 70px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details .quantityContainer.OnlineStoreProduct__detailField .quantitySnippet > div { font-size: 14px; font-weight: normal; color: #bababa; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details { margin: 30px 0 -10px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_information { width: 100%; max-width: 100%; padding: 20px 0 0; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_information .OnlineStoreProduct_description h3 { font-size: 24px; color: #555555; font-weight: bold; display: block; margin: 0 0 22px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_information .OnlineStoreProduct_description div { font-size: 13px; color: #555555; line-height: 21px; font-family: "Open Sans", sans-serif; font-weight: normal; } body#PAGEID_SysOnlineStoreProduct .zoneFooter2 div.WaGadgetFirst img { vertical-align: top; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside div#idOnlineStoreCatalog_OutOfStock_container { font-size: 0; margin: 20px 0 0; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside div#idOnlineStoreCatalog_OutOfStock_container:before { font-size: 22px; content: "Available to Order"; font-style: normal; } #PAGEID_SysOnlineStoreProduct .zoneFooter2 [class^="WaCustomLayoutContainer"] { margin-bottom: 0; } #PAGEID_SysOnlineStoreProduct .zoneFooter2 div#id_NCMuoZc img { display: block; vertical-align: top; } .WaGadgetOnlineStoreProduct { padding: 22px 0 30px; } body#PAGEID_SysOnlineStoreCart .zoneContent { margin: 0; padding: 60px 0 60px; } body#PAGEID_SysOnlineStoreCart .zoneContent h1.stepsContainer { font-size: 30px; margin: 0 0 15px; color: #1d1d1d; font-weight: bold; } body#PAGEID_SysOnlineStoreCheckout .zoneContent h1.stepsContainer { font-size: 30px; margin: 15px 0 20px; color: #1d1d1d; font-weight: bold; } body#PAGEID_SysOnlineStoreCart .zoneContent tr.storeCartTotal.storeCartTotalInfoRow td { border-top: 1px solid #d6d6d6; padding: 20px 0; border-bottom: 1px solid #d6d6d6; } body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav_left a, body#PAGEID_SysOnlineStoreCart .zoneContent .storeCartControlNav a.storeCartControlNav__back { font-size: 15px; background: #122f42; color: #fff; line-height: normal; display: inline-block; max-width: 170px; width: 100%; padding: 10px 0; text-align: center; } body#PAGEID_SysOnlineStoreCheckout .zoneContent div#step-3 .storeCartControlNav_right input, body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav_right input.functionalButton.wizardNextButton, body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav input#idUpdateAndContinueButton, body#PAGEID_SysOnlineStoreCart .zoneContent .storeCartControlNav input.functionalButton.toCheckout { font-size: 15px; background: #122f42; color: #fff; line-height: normal; display: inline-block; max-width: 170px; width: 100%; padding: 10px 0; text-align: center; } body#PAGEID_SysOnlineStoreCheckout .zoneContent table.storeCartTable tr.storeCartTable_row td, body#PAGEID_SysOnlineStoreCart .zoneContent table.storeCartTable tr.storeCartTable_row td { font-size: 16px; } body#PAGEID_SysOnlineStoreCheckout .zoneContent table.storeCartTable tr.storeCartTable_row td.storeCartTable_tdTitle .storeCartTable_itemTitle, body#PAGEID_SysOnlineStoreCart .zoneContent table.storeCartTable tr.storeCartTable_row td.storeCartTable_tdTitle a { font-weight: bold; } body#PAGEID_SysOnlineStoreCheckout .zoneContent table.storeCartTable tr.storeCartTable_row td.storeCartTable_tdTitle div, body#PAGEID_SysOnlineStoreCart .zoneContent table.storeCartTable tr.storeCartTable_row td.storeCartTable_tdTitle div { margin-top: 5px; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .formContainer { width: 100%; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent h2 { font-size: 25px; font-weight: bold; padding: 10px 0 20px; display: block; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent form label { font-size: 16px; margin: 0 0 5px; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent form input, body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent form select { width: 100%; padding: 9px 10px; height: auto; line-height: normal; border-radius: 4px; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent form .formFieldAnnotate { margin-top: 5px; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent .delivery-methods__delivery-option, .delivery-methods_delivery-options .delivery-methods__delivery-option { width: 100%; line-height: normal; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent .delivery-methods__delivery-option input, .delivery-methods_delivery-options .delivery-methods__delivery-option .delivery-methods__radio-button input { padding: 0; /* display: block; */ margin: 0; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent .delivery-methods__delivery-option .delivery-methods__radio-button, .delivery-methods_delivery-options .delivery-methods__delivery-option .delivery-methods__radio-button { width: 20px; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartContent div#step-3-content > p { line-height: normal; margin-bottom: 10px; } body#PAGEID_SysOnlineStoreCheckout .zoneFooter3 .container_12, body#PAGEID_SysOnlineStoreCart .zoneFooter3 .container_12 { max-width: 100%; padding: 0; } body#PAGEID_SysOnlineStoreCheckout .container_12 .footer, body#PAGEID_SysOnlineStoreCart .container_12 .footer { bottom: 0 !important; } body#PAGEID_SysOnlineStoreCheckout .zoneFooter3 .container_12 > div + div, body#PAGEID_SysOnlineStoreCart .zoneFooter3 .container_12 > div + div { display: none !important; } .left-right-sec td img { height: auto !important; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li .OnlineStoreCatalog_list_item_outOfStock_label { font-size: 0; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li .OnlineStoreCatalog_list_item_outOfStock_label:before { content: "Available to Order"; font-size: 14px; line-height: 1.25; font-style: italic; color: #aeaeae; } .store-product-sec img { max-width: 100%; } .return-policy h1 { margin: 0 !important; padding: 5px 0 16px !important; font-size: 24px; color: #122f42; font-weight: normal; } .return-policy p { font-size: 14px; color: #122f42; line-height: 24px; margin: 0 0 15px; } .return-policy ul { margin: 0 0 15px; } .return-policy ul li { font-size: 14px; color: #122f42; line-height: 24px; margin: 0; list-style: disc; margin-left: 25px; } #PAGEID_18132 .zoneFooter3 { background: none; } #PAGEID_18132 .zoneFooter3 .container_12 .WaCustomLayoutContainerFirst { margin-top: 0; margin-bottom: 0; } .promotional-products-sec img { width: 100%; display: block; vertical-align: top; } .promotional-products-sec { position: relative; margin-bottom: 30px; } .promotional-products-sec a.btn { position: absolute; left: 50%; z-index: 9; transform: translateX(-50%); bottom: 15px; } .promotion-sec-outer { margin-top: 30px; } .promotional-products-sec img.mobile-img { display: none; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details select { width: 100%; max-width: 160px; font-size: 14px; border: solid 1px #555555; background: no-repeat; padding: 5px 10px; line-height: normal; border-radius: 3px; } .WaGadgetLoginButton a { color: #ffffff; } .newsupportpage.zoneContent > .container_12 { padding: 0; max-width: 100%; } .supporttitile_bg-inner { padding: 70px 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .supoortitlebanner { max-width: 875px; margin: 0 auto; padding: 0 20px; width: 100%; } .supoortitlebanner span.supoorttitle { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: normal; color: #fff; font-weight: 600; text-transform: uppercase; padding: 30px 0; position: relative; display: inline-block; } .supoortitlebanner span.supoorttitle:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; display: block; height: 95px; width: 312px; background: url(../images/supporters-banner-shape.png) no-repeat center center; margin-top: -1px; } .supportfirstsec { max-width: 1230px; margin: 0 auto; padding: 47px 15px 40px; width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .supportfirstsec .bannerbotimage { width: 50%; padding: 16px 20px 0 0; position: relative; } .supportfirstsec .bannerbotimage:before { position: absolute; left: 70px; top: 0; width: 71%; height: calc(100% - 23px); content: ""; border: solid 4px #01a3de; z-index: 0; transform: skewX(-20deg); } .supportfirstsec .bannerbotimage img { max-width: 100%; display: block; position: relative; z-index: 2; margin: 0 0 0 auto; } .supportfirstsec .bmw-info-box { width: 50%; padding-left: 28px; } .supportfirstsec .bmw-info-box h2 { font-size: 30px; color: #122f42; font-weight: bold; line-height: normal; margin: 0 0 24px; font-family: "Open Sans", sans-serif; } .supportfirstsec .bmw-info-box p { font-size: 14px; line-height: 24px; margin: 0 0 24px; color: #122f42; } .supportfirstsec .bmw-info-box p:last-child { margin: 0; } .supportfirstsec .bmw-info-box ul { margin: -22px 0 0 15px; } .supportfirstsec .bmw-info-box ul li { font-size: 14px; line-height: 24px; margin: 0 0 2px; color: #122f42; font-family: "Open Sans", sans-serif; padding-left: 13px; } .servicesecsupport ul { max-width: 1230px; margin: 0 auto 27px; list-style: none; padding: 0 15px; width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .servicesecsupport ul li { width: calc(50% - 25px); margin: 0 0 30px 50px; } .servicesecsupport ul li:nth-child(2n + 1) { margin-left: 0; } .servicesecsupport ul li img { width: 100%; margin: 0; vertical-align: top; } .visitshop { background: url(../images/banner-whitout-men.jpg) no-repeat center center; background-size: cover; } .visitshop .gadgetStyleBody { max-width: 1230px; margin: 0 auto; list-style: none; padding: 0 15px; width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .visitshop .titlevisitshop .bmw-title-block__title-span { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: normal; color: #fff; font-weight: 600; text-transform: uppercase; padding: 30px 0; position: relative; display: inline-block; } .visitshop .shopcontent { max-width: 315px; text-align: center; } .visitshop .titlevisitshop .bmw-title-block__title-span:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; display: block; height: 95px; width: 312px; background: url(../images/supporters-banner-shape.png) no-repeat center center; margin-top: -1px; } .visitshop .shopcontent p { font-size: 16px; line-height: 24px; color: #fff; } .visitshop .shopcontent .bmw-cta-float__button-container:before, .visitshop .shopcontent .bmw-cta-float__button-container:after { display: none; } .visitshop .shopcontent .bmw-cta-float__button-container a.bmw-cta-float__button.btn { font-size: 15px; height: 38px; box-shadow: none; } .visitshop .shopcontent .bmw-cta-float__button-container a.bmw-cta-float__button.btn:before { left: -17px; border-bottom: 38px solid #e8203b; border-top: 0 solid transparent; border-left: 17px solid transparent; box-shadow: none; } .visitshop .shopcontent .bmw-cta-float__button-container a.bmw-cta-float__button.btn:after { right: -17px; border-top: 38px solid #e8203b; border-right: 17px solid transparent; } .visitshop .shopcontent .bmw-cta-float__button-wrap { margin: 27px 0 0; padding: 0; } .shopvisitimg { margin: 0 9px 0 70px; } .classifiedads { padding: 70px 0 11px; background: #eeeeee; } .classifiedads .gadgetStyleBody { position: relative; max-width: 1030px; margin: 0 auto; list-style: none; padding: 0 15px; width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .classicsecimg { width: 63.3%; position: relative; padding: 13px 0 0 0; position: relative; } .classicsecimg img { position: relative; z-index: 2; } .bmw-info-box.classicadpage { width: 36.7%; background: #eeeeee; padding: 4px 10px 13px; text-align: center; position: relative; } .classifiedads .gadgetStyleBody:before { position: absolute; left: 21%; top: 0; width: 55%; height: calc(100% - 62px); content: ""; border: solid 4px #019ed8; z-index: 0; transform: skewX(-20deg); } .bmw-info-box.classicadpage h2 { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: normal; color: #000; font-weight: normal; text-transform: uppercase; display: block; margin: 0 0 4px; } .bmw-info-box.classicadpage p { font-size: 16px; line-height: normal; margin: 0 0 17px; color: #000; } .bmw-info-box.classicadpage h2 span { font-family: "Montserrat", sans-serif; font-weight: bold; } .bmw-info-box.classicadpage .bmw-cta-float__button-container:before, .bmw-info-box.classicadpage .bmw-cta-float__button-container:after { display: none; } .bmw-info-box.classicadpage .bmw-cta-float__button-container a.bmw-cta-float__button.btn { font-size: 15px; height: 38px; box-shadow: none; color: #fff; min-width: 150px; } .bmw-info-box.classicadpage .bmw-cta-float__button-container a.bmw-cta-float__button.btn:before { left: -17px; border-bottom: 38px solid #e8203b; border-top: 0 solid transparent; border-left: 17px solid transparent; box-shadow: none; } .bmw-info-box.classicadpage .bmw-cta-float__button-container a.bmw-cta-float__button.btn:after { right: -17px; border-top: 38px solid #e8203b; border-right: 17px solid transparent; } .bmw-info-box.classicadpage .bmw-cta-float__button-wrap { padding: 0; margin: 0; } .zoneContent.newsivpage, .zoneContent.newsupportpage { margin: 0; } .zoneFooter2.footerfull, .zoneFooter1.footerfull { background: #0b1f2d; padding: 45px 0 30px; } .footerfullwithimage, .zoneFooter2.footerfullwithimage { background: #0b1f2d !important; padding: 0; } .footerfullwithimage .promotional-products-sec { margin-bottom: 0; border-bottom: solid 30px #fff; } .footerfullwithimage .container_12, .zoneFooter2.footerfullwithimage .container_12 { padding: 0; max-width: 100%; } .footer-bottom-sec, .zoneFooter2.footerfull .container_12, .zoneFooter1.footerfull .container_12 { padding: 0 15px; max-width: 1230px; width: 100%; margin: 0 auto; } .footer-bottom-sec { padding-top: 30px; } .footer-bottom-sec .gadgetStyleBody, .zoneFooter2.footerfull .gadgetStyleBody, .zoneFooter1.footerfull .gadgetStyleBody { padding: 0 0 0 98px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .footer-bottom-sec .footerlogo, .zoneFooter2.footerfull .footerlogo, .zoneFooter1.footerfull .footerlogo { width: 125px; } .footer-bottom-sec .footerlogo p, .zoneFooter2.footerfull .footerlogo p, .zoneFooter1.footerfull .footerlogo p { font-size: 12px; line-height: 24px; color: #fff; margin: 13px 0 0; } .footer-bottom-sec .footercheckout, .zoneFooter2.footerfull .footercheckout, .zoneFooter1.footerfull .footercheckout { width: 28%; position: relative; margin-top: 30px; } .footer-bottom-sec .footermenulink, .zoneFooter2.footerfull .footermenulink, .zoneFooter1.footerfull .footermenulink { width: calc(72% - 125px); padding-left: 50px; } .footer-bottom-sec .footermenulink h2, .zoneFooter2.footerfull .footermenulink h2, .zoneFooter1.footerfull .footermenulink h2 { color: #fff; display: block; margin: 11px 0 29px; font-weight: bold; font-size: 20px; } .footer-bottom-sec .footermenulink ul, .zoneFooter2.footerfull .footermenulink ul, .zoneFooter1.footerfull .footermenulink ul { margin: 0; padding: 0; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .footer-bottom-sec .footermenulink li, .zoneFooter2.footerfull .footermenulink li, .zoneFooter1.footerfull .footermenulink li { width: 25%; padding-right: 15px; margin: 0 0 22px; } .footer-bottom-sec .footermenulink li a, .zoneFooter2.footerfull .footermenulink li a, .zoneFooter1.footerfull .footermenulink li a { color: #fff; display: block; margin: 0; font-weight: normal; font-size: 14px; } .footer-bottom-sec .footercheckout:before, .zoneFooter2.footerfull .footercheckout:before, .zoneFooter1.footerfull .footercheckout:before { position: absolute; left: 27px; bottom: -4px; width: 66.3%; height: calc(100% + 12px); content: ""; border: solid 4px #019ed8; z-index: 0; transform: skewX(-17deg); } .footer-bottom-sec .footercheckout h2, .zoneFooter2.footerfull .footercheckout h2, .zoneFooter1.footerfull .footercheckout h2 { font-size: 24px; color: #fff; line-height: 23px; font-weight: bold; text-align: center; max-width: 230px; margin: 0 0 5px; background: #0b1f2d; position: relative; z-index: 1; padding: 4px 0 6px 10px; } .footer-bottom-sec .footercheckout img, .zoneFooter2.footerfull .footercheckout img, .zoneFooter1.footerfull .footercheckout img { position: relative; z-index: 1; vertical-align: top; } .zoneContent.newsupportpage div.WaLayoutContainerLast .WaLayoutTable { border-spacing: 0; } .zoneFooter2.footerfull + .zoneFooter3, .zoneFooter1.footerfull + .zoneFooter2 { background: #07141e; padding: 10px 0; text-align: center; } .footer-bottom-sec + .WaGadgetCustomHTML { background: #07141e; padding: 10px 0; text-align: center; margin: 30px 0 0; } .footer-bottom-sec + .WaGadgetCustomHTML p, .zoneFooter2.footerfull + .zoneFooter3 p, .zoneFooter1.footerfull + .zoneFooter2 p { font-size: 14px; color: #fff; margin: 0; line-height: normal; } .footer-bottom-sec .footermenulink li a:hover, .zoneFooter2.footerfull .footermenulink li a:hover, .zoneFooter1.footerfull .footermenulink li a:hover { color: #e8203b; text-decoration: none; } .footer-bottom-sec + .WaGadgetCustomHTML p img, .zoneFooter2.footerfull + .zoneFooter2 p img, .zoneFooter1.footerfull + .zoneFooter2 p img { vertical-align: top; margin: 0 0 0 4px; } .zoneFooter1.newsivpage > .container_12, .zoneContent.newsivpage > .container_12 { padding: 0; max-width: 100%; } .supportfirstsec > div { max-width: 1000px; margin: 0 auto; padding: 0; width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: flex-end; align-content: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .supportfirstsec .firstsecsiv .bmw-info-box { padding-left: 0; margin-bottom: 0; } .supportfirstsec .firstsecsiv .bannerbotimage { width: calc(50% + 80px); margin-left: -80px; margin-bottom: -8px; } .supportfirstsec .firstsecsiv .bannerbotimage::before { top: -28px; left: -14px; height: calc(100% - 81px); width: 78%; } .newsivpage .supportfirstsec { padding-top: 22px; } .supportfirstsec > div.secondsecsiv { -webkit-box-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; padding: 46px 0 0; } .supportfirstsec > div.secondsecsiv .bmw-info-box { width: 52.8%; padding-left: 0; padding-right: 40px; margin: 0; } .supportfirstsec > div.secondsecsiv .bmw-info-box p a { color: #e8203b; } .supportfirstsec > div.secondsecsiv .bannersecondimage { width: 47.2%; } .supportfirstsec > div.secondsecsiv .bannersecondimage img { max-width: 100%; } .vehicaleinterest { background: url(../images/vehicaleinterest-bg.jpg) no-repeat center center; background-size: cover; } .vehicaleinterest .gadgetStyleBody .headinginterest { background: #18abe1; text-align: center; } .vehicaleinterest .gadgetStyleBody .headinginterest h2 { text-transform: uppercase; color: #fff; font-size: 24px; padding: 8px 0 9px; font-family: "Montserrat", sans-serif; font-weight: normal; } .cylinder-table { max-width: 1030px; margin: 0 auto; padding: 0 15px; width: 100%; } .cylinder-table table th { background: none; font-size: 18px; border: none; color: #fff; font-weight: bold; font-family: "Montserrat", sans-serif; text-align: left; border-bottom: solid 1px rgba(255, 255, 255, 0.7); padding: 15px 10px 16px 14px; width: 194px; border-top: 0; } .cylinder-table table tr:nth-child(1) td { font-size: 21px; } .cylinder-table table td { background: rgba(0, 0, 0, 0.7); font-size: 26px; border: none; color: #fff; font-weight: bold; font-family: "Montserrat", sans-serif; text-align: center; border-left: solid 5px transparent; border-bottom: solid 1px rgba(255, 255, 255, 0.5); padding: 15px 10px; } .cylinder-table table td sup { font-size: 18px; margin: 0 3px 0px 0; position: relative; top: 3px; } .cylinder-table table tr:nth-child(2n + 2) td { color: #ed1c1c; } .cylinder-table-sec table { border: none; border-spacing: 2px 0px; } .bottomsourcesec { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; padding: 15px 0; } .bottomsourcesec .rightsourcesec .bmw-cta-float__button-wrap { margin: 0; padding: 0; } .bottomsourcesec .rightsourcesec .bmw-cta-float__button-wrap a.btn { font-size: 16px; padding: 0 12px; height: 39px; box-shadow: none; } .bottomsourcesec .rightsourcesec .bmw-cta-float__button-wrap a.btn::before { left: -20px; border-bottom: 39px solid #e8203b; border-left: 20px solid transparent; box-shadow: none; } .bottomsourcesec .rightsourcesec .bmw-cta-float__button-wrap a.btn::after { right: -20px; border-top: 39px solid #e8203b; border-right: 20px solid transparent; box-shadow: none; } .bottomsourcesec p { color: #fff; font-size: 16px; padding-left: 15px; } .bottomsourcesec .rightsourcesec { padding-right: 20px; } .tripregistration .gadgetStyleBody { margin: 0 auto; max-width: 1030px; padding: 27px 15px 30px; width: 100%; } .tripregistration .gadgetStyleBody h2 { font-size: 20px; color: #122f42; font-weight: bold; font-family: "Open Sans", sans-serif; display: block; text-align: center; margin: 0 0 15px; line-height: normal; } .tripregistration .gadgetStyleBody p { font-size: 14px; color: #122f42; line-height: 24px; } .tripregistration .gadgetStyleBody ol { list-style: auto; padding: 0 0 0 16px; } .tripregistration .gadgetStyleBody ol li { font-size: 14px; color: #122f42; line-height: 24px; } .tripregisterfirst { padding: 0 0 33px; } .registersinglecar { background: #122f42; } .registersinglecar .gadgetStyleBody { max-width: 1030px; margin: 0 auto; padding: 0 15px; width: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .registersinglecar .titlevisitshop span.bmw-title-block__title-span { font-size: 39px; position: relative; padding: 10px 0; display: block; font-weight: 600; margin: 0 0 2px; letter-spacing: 1.5px; } .registersinglecar .titlevisitshop span.bmw-title-block__title-span:before { position: absolute; left: -10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); height: 142px; content: ""; width: 466px; background: url(../images/title-shape.png) no-repeat center center; } .registersinglecar .titlevisitshop { max-width: 460px; text-align: center; padding-top: 22px; } .registersinglecar .titlevisitshop .bmw-cta-float__button-wrap { padding: 0; margin: 0; } .registersinglecar .titlevisitshop .bmw-cta-float__button-wrap a.btn { font-size: 16px; padding: 0 12px; height: 39px; box-shadow: none; } .registersinglecar .titlevisitshop .bmw-cta-float__button-wrap a.btn:before { left: -20px; border-bottom: 39px solid #e8203b; border-left: 20px solid transparent; box-shadow: none; } .registersinglecar .titlevisitshop .bmw-cta-float__button-wrap a.btn:after { right: -20px; border-top: 39px solid #e8203b; border-right: 20px solid transparent; box-shadow: none; } .registersinglecar .shopvisitimg { margin: 0 0 0 60px; padding: 13px 0 0; position: relative; } .registersinglecar .shopvisitimg img { position: relative; z-index: 2; } .registersinglecar .shopvisitimg:before { position: absolute; left: 62px; top: -5px; width: 79%; height: calc(100% + 10px); content: ""; background: -moz-linear-gradient( top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.6) 100% ); background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.6) 100% ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.6) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0.1)', endColorstr='rgba(255,255,255,0.5)',GradientType=0 ); transform: skewX(-20deg); } .afterregistercon { padding: 28px 0 27px; } .afterregistercon .gadgetStyleBody { margin: 0 auto; max-width: 1030px; padding: 0 15px; width: 100%; } .afterregistercon p { font-size: 14px; color: #122f42; line-height: 24px; margin: 0 0 24px; } .afterregistercon ol { list-style: auto; padding: 0 0 0 16px; } .afterregistercon ul { list-style: auto; padding: 0 0 0 16px; margin: 0 0 24px; } .afterregistercon li { font-size: 14px; color: #122f42; line-height: 24px; } .afterregistercon p + ul, .afterregistercon p + ol { margin-top: -20px; } .sivclub-bottom-banner img { vertical-align: top; margin: 0; max-width: 100%; } .zoneContent.newsivpage > .container_12 .WaLayoutContainerLast table.WaLayoutTable { border-spacing: 0; } .sivclub-bottom-banner ul { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sivclub-bottom-banner ul li img { width: 100%; } .sivclub-bottom-banner ul li:nth-child(1) { width: 44.51%; margin: auto; } .sivclub-bottom-banner ul li:nth-child(2) { width: 55.49%; } .sivclub-bottom-banner { margin-top: 30px; } .zoneContent.newhistorypage { margin: 0; } .zoneContent.newhistorypage .container_12 { max-width: 100%; padding: 0; } .historybannersec .supportfirstsec { max-width: 1210px; padding: 51px 15px 53px; } .supportfirstsec.history-lr-sec .bmw-info-box { width: 47.12%; padding-left: 0; } .supportfirstsec.history-lr-sec .bannerbotimage { width: calc(52.88% + 3px); padding: 0; margin-left: -13px; margin-right: 10px; } .supportfirstsec.history-lr-sec .bannerbotimage::before { left: 100px; top: 24px; width: calc(72% + 16px); height: calc(100% - 8px); transform: skewX(-18.5deg); border-color: #01a3de; } .historybannersec .supportfirstsec .bmw-info-box h2 { text-align: center; width: 100%; font-weight: normal; text-transform: uppercase; line-height: 36px; margin: 0 0 10px; } .historybannersec .supportfirstsec .bmw-info-box h2 strong { font-weight: bold; display: block; } .history-lr-sec .year-item { position: absolute; left: 60px; top: 20px; background: #e8203b; padding: 0 18px; transform: skewX(-20deg); z-index: 9; } .history-lr-sec .year-item span { color: #fff; font-weight: bold; font-size: 48px; font-family: "Open Sans", sans-serif; display: block; line-height: 60px; transform: skewX(20deg); } .histbotsecondsec { background: #0b1f2d; } .histbotsecondsec .supportfirstsec.history-lr-sec { -webkit-box-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .histbotsecondsec .supportfirstsec .bmw-info-box p { color: #fff; max-width: 555px; } .histbotsecondsec .supportfirstsec.history-lr-sec .bannerbotimage img { margin: 0; } .supportfirstsec.history-lr-sec { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding: 33px 15px 58px; } .histbotsecondsec .supportfirstsec.history-lr-sec .bannerbotimage { margin: 0 16px 0 -3px; max-width: 619px; } .historysecthiredbot .supportfirstsec.history-lr-sec .bmw-info-box { padding-left: 20px; } .historysecthiredbot .supportfirstsec.history-lr-sec { padding: 30px 15px 54px; } .historysecthiredbot .supportfirstsec.history-lr-sec .bannerbotimage .year-item { left: 73px; } .bmwqtimeline { background: url(../images/timeline-bg.jpg) repeat center center; padding: 59px 0 0; } .bmwqtimeline .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; } .bmwtimeline .timelinelist { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .bmwtimeline h2 { width: 100%; display: block; text-align: center; margin: 0 0 30px; color: #fff; font-size: 36px; font-weight: bold; text-transform: uppercase; } .bmwtimeline ul { margin: 0; padding: 0; list-style: none; width: calc(50% - 80px); } .bmwtimeline ul li { background: #fff; margin: 0 0 50px; } .bmwtimeline ul li .timetitle { position: relative; background: #01a3de; } .bmwtimeline ul li .timetitle h3 { color: #fff; font-weight: bold; padding: 10px 22px; display: block; font-size: 24px; margin: 0; min-height: 63px; position: relative; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .bmwtimeline ul li .timetitle span { position: absolute; background: #e8203b; width: 60px; height: 60px; font-size: 20px; font-weight: bold; top: 2px; left: -110px; color: #fff; border-radius: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .bmwtimeline ul li .timetitle h3:before { background: #01a3de; content: ""; width: 15px; height: 15px; position: absolute; top: 50%; left: -8px; transform: rotate(45deg); margin-top: -9px; } .bmwtimeline ul.hide-mobile li .timetitle h3:before { left: auto; right: -8px; } .bmwtimeline ul.hide-mobile li .timetitle span { left: auto; right: -110px; } .bmwtimeline ul li.hide-mobile { display: none; } .bmwtimeline ul li .timedesc { padding: 13px 22px 25px; } .bmwtimeline ul li .timedesc p { color: #122f42; font-size: 14px; line-height: 24px; margin: 0 0 15px; } .bmwtimeline ul li .timedesc p:last-child { margin: 0; } .bmwtimeline ul.hide-mobile { margin-top: 117px; position: relative; z-index: 3; } .bmwtimeline ul.hide-mobile + ul { position: relative; } .bmwtimeline ul.hide-mobile + ul:before { position: absolute; left: -81px; top: 10px; width: 3px; background: #a0a0a0; content: ""; height: calc(100% - 270px); } .bmwtimeline ul li.hide-desktop { display: none; } .bmwtimeline ul.hide-mobile + ul li:last-child .timetitle h3:before, .bmwtimeline ul.hide-mobile + ul li:last-child .timetitle { background: #e8203c; } .evolutionsec { background: #282828; padding: 49px 0 3px; } .evolutionsec .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; } .evolutionsec .bmwlogoeve > h2 { width: 100%; display: block; text-align: center; margin: 0 0 42px; color: #fff; font-size: 36px; font-weight: bold; text-transform: uppercase; } .evolutionsec .evelogolist ul { margin: 0; padding: 0; list-style: none; position: relative; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: flex-start; align-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .evolutionsec .evelogolist ul:before { position: absolute; left: 50%; top: calc(25% - 40px); width: 6px; height: 55%; content: ""; background: #01a3de; margin-left: -3px; } .evolutionsec .evelogolist ul li { width: calc(50% - 86px / 2); margin: 0 0 54px; padding: 0; position: relative; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: flex-start; align-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .evolutionsec .evelogolist ul li .evatitle { width: calc(100% - 183px); padding: 5px 0 0; } .evolutionsec .evelogolist ul li .evatitle h3 { color: #fff; font-weight: bold; font-size: 30px; margin: 0 0 11px; } .evolutionsec .evelogolist ul li .evatitle p { font-size: 14px; line-height: 24px; color: #fff; } .evolutionsec .evelogolist ul li:nth-child(3) { order: 3; margin-top: -100px; } .evolutionsec .evelogolist ul li:nth-child(4) { order: 4; } .evolutionsec .evelogolist ul li:nth-child(1), .evolutionsec .evelogolist ul li:nth-child(3) { -webkit-box-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .evolutionsec .evelogolist ul li:nth-child(2) { margin-top: 100px; } .evolutionsec .evelogolist ul li:nth-child(1) .evatitle, .evolutionsec .evelogolist ul li:nth-child(3) .evatitle { text-align: right; } .evolutionsec .evelogolist ul li .eveimage { position: relative; } .evolutionsec .evelogolist ul li .eveimage:before { position: absolute; border: solid 3px #01a3de; background: #0b1f2d; width: 30px; height: 30px; top: 50%; margin-top: -15px; border-radius: 100%; box-sizing: border-box; content: ""; left: -58px; border-left-width: 4px; } .evolutionsec .evelogolist ul li:nth-child(1) .eveimage:before, .evolutionsec .evelogolist ul li:nth-child(3) .eveimage:before { left: auto; right: -58px; } .motopsupportsec { padding: 49px 0 55px; } .motopsupportsec .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; } .motopsupportsec .bmwmotosupport > h2 { width: 100%; display: block; text-align: center; margin: 0 0 37px; color: #122f42; font-size: 36px; font-weight: bold; text-transform: uppercase; } .motopsupportsec .bmwmotosupport ul { margin: 0; padding: 0; list-style: none; } .motopsupportsec .bmwmotosupport ul li { position: relative; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; background: #01a3de; padding: 4px; margin: 0 0 9px 165px; width: calc(100% - 165px); } .motopsupportsec .bmwmotosupport ul li:nth-child(2n + 2) { margin: 0 165px 9px 0; background: #122f42; -webkit-box-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .motopsupportsec .bmwmotosupport ul li .motoimage { width: 31.05%; border-right: solid 4px #01a3de; } .motopsupportsec .bmwmotosupport ul li:nth-child(2n + 2) .motoimage { border-left: solid 4px #122f42; border-right: none; } .motopsupportsec .bmwmotosupport ul li .mototile { width: 21.65%; background: #fff; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .motopsupportsec .bmwmotosupport ul li .mototile h2 { font-size: 72px; color: #122f42; display: block; text-align: center; font-weight: bold; } .motopsupportsec .bmwmotosupport ul li .motodis { width: 47.3%; padding: 22px 20px 15px 20px; } .motopsupportsec .bmwmotosupport ul li:nth-child(2n + 2) .motodis { padding: 22px 35px 15px 20px; text-align: right; } .motopsupportsec .bmwmotosupport ul li .motodis h3 { font-size: 18px; color: #fff; font-weight: 600; margin: 0 0 9px; line-height: normal; } .motopsupportsec .bmwmotosupport ul li .motodis p { font-size: 14px; color: #fff; margin: 0; line-height: 24px; } .motopsupportsec .bmwmotosupport ul li .motoimage img { width: 100%; height: 100%; object-fit: cover; } .pastpresident { background: url(../images/presidents-bg.jpg) repeat center center; padding: 50px 0 5px; } .pastpresident .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; } .pastpresident .bmwpastpresident > h2 { width: 100%; display: block; text-align: center; margin: 0 0 30px; color: #fff; font-size: 36px; font-weight: bold; text-transform: uppercase; } .pastpresident .bmwpastpresident ul { margin: 0; padding: 0 0 0 104px; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .pastpresident .bmwpastpresident ul li { width: 33.33%; margin: 0 0 30px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .presidentimage { width: 103px; } .pastpresident .presidenttitle { width: calc(100% - 103px); padding: 0 0 0 24px; } .pastpresident .presidenttitle h2 { font-size: 18px; font-weight: bold; color: #fff; margin: 0 0 11px; } .pastpresident .presidenttitle p { font-size: 18px; font-weight: normal; color: #fff; margin: 0; } .chrisharissec { background: url(../images/marque-bg.jpg) no-repeat center center; background-size: cover; padding: 57px 0 65px; } .chrisharissec .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; position: relative; } .chrisharissec .chrisharis { position: relative; margin: 0; padding: 0; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .chrisharissec .chrisharis:before { position: absolute; left: 60px; top: 50%; transform: translateY(-50%); content: ""; display: block; height: 267px; width: 755px; background: url(../images/marque-shape.png) no-repeat center center; margin-top: 4px; } .chrisharissec .chrisharis .christitle { width: 245px; padding: 0 32px; } .chrisharissec .chrisharis h2 { width: 100%; display: block; text-align: center; margin: 0px; color: #fff; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; } .chrisharissec .chrisharis .chrisfriendimg { width: 191px; margin-left: 34px; margin-right: 35px; } .chrisharissec .chrisharis .chrisfriendimg img { max-width: 100%; display: block; vertical-align: top; } .chrisharissec .chrisharis .chrisdesc { width: calc(100% - 505px); } .chrisharissec .chrisharis .chrisdesc h3 { font-size: 24px; font-weight: bold; color: #fff; margin: 0 0 3px; } .chrisharissec .chrisharis .chrisdesc p { font-size: 14px; font-weight: normal; line-height: 20px; color: #fff; margin: 0 0 20px; } .chrisharissec .chrisharis .chrisdesc p:last-child { margin: 0; } .rollofhonorsec { padding: 35px 0 25px; } .rollofhonorsec .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; position: relative; } .rollofhonorsec .rollofhonor > h2 { width: 100%; display: block; text-align: center; margin: 0 0 35px; color: #122f42; font-size: 36px; font-weight: bold; text-transform: uppercase; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul { position: relative; margin: 0; padding: 0; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li { width: calc(100% / 4 - 75px / 3); margin: 0 0 30px 25px; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(4n + 1) { margin-left: 0; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li .rollofhonorttitle > a { background: #01a3de; text-decoration: none; padding: 15px 10px; width: 100%; transform: skewX(-20deg); display: block; text-align: center; min-height: 67px; line-height: normal; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li .rollofhonorttitle > a span { color: #fff; font-size: 15px; font-weight: bold; transform: skewX(20deg); display: block; text-align: center; } .rollofhonorsec .honorhoverlist { position: absolute; left: 0; width: calc(100% - 25px); background: #122f42; z-index: 99; padding: 30px 20px 35px; display: none; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:hover .honorhoverlist { display: block; } .rollofhonorsec .honorhoverlist ul { margin: 0; padding: 0; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .rollofhonorsec .honorhoverlist ul li { width: 20%; padding: 20px 15px; text-align: center; } .rollofhonorsec .honorhoverlist ul li * { font-size: 15px; font-weight: bold; color: #fff; display: block; line-height: 18px; margin: 0; width: 100%; } .shopcontent.visithistory-col-3 h3 { font-size: 30px; color: #fff; font-weight: bold; line-height: 28px; } .shopcontent.visithistory-col-3 .bmw-cta-float__button-wrap { margin-top: 12px; } .shopvisitimg.visithistory-col-2 { margin: 0 9px 0 36px; } .shopvisitimg.visithistory-col-2 img + img { margin: 0 0 50px -65px; } .shopcontent.visithistory-col-3 { max-width: 220px; } .historybmw { padding: 38px 0 37px; background: #efefef; } .historybmw .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; position: relative; } .historybmw .historybmwsec > h2 { width: 100%; display: block; text-align: center; margin: 0 0 53px; color: #122f42; font-size: 36px; font-weight: bold; } .historybmw .firstsechistory { position: relative; margin: 0; padding: 0; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: flex-start; align-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .historybmw .firstsechistory .bannerbotimage { width: 49.35%; position: relative; } .historybmw .firstsechistory .bannerbotimage img { position: relative; z-index: 2; max-width: 100%; } .historybmw .firstsechistory .bannerbotimage:before { position: absolute; content: ""; border: solid 4px #01a3de; z-index: 0; transform: skewX(-19deg); left: 35px; top: -17px; width: calc(100% - 114px); height: calc(100% - 8px); } .historybmw .firstsechistory .bmw-info-box { width: 50.65%; margin: 0; padding-left: 40px; } .historybmw .firstsechistory .bmw-info-box h3 { font-size: 24px; font-weight: bold; color: #122f42; margin: -10px 0 13px; padding: 0; text-transform: inherit; } .historybmw .firstsechistory .bmw-info-box p { font-size: 14px; line-height: 24px; margin: 0 0 24px; color: #122f42; } .historybmw .firstsechistory .bmw-info-box p:last-child { margin: 0; } .bmwlogossec { padding: 38px 0 6px; background: #fff; } .bmwlogossec .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1180px; position: relative; } .bmwlogossec .bmwlogos > h2 { width: 100%; display: block; text-align: center; margin: 0 0 -6px; color: #122f42; font-size: 36px; font-weight: bold; } .bmwlogossec .bmwlogos ul { position: relative; margin: 0; padding: 0; list-style: none; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: flex-start; align-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .bmwlogossec .bmwlogos ul li { width: 25%; padding: 23px 15px; text-align: center; } .bmwlogossec .bmwlogos ul li .bmwlogimage img { display: block; margin: 0 auto 7px; vertical-align: top; } .bmwlogossec .bmwlogos ul li .bmwlogottitle p { margin: 0; font-size: 24px; font-weight: 600; color: #122f42; display: block; } .establishmentsec { padding: 3px 0 47px; background: #efefef; } .establishmentsec .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; position: relative; } .establishmentsec .establishmentsec > h2 { width: 100%; display: block; text-align: center; margin: 0 0 -6px; color: #122f42; font-size: 36px; font-weight: bold; } .establishmentsec .establishlist ul { position: relative; margin: 0; padding: 0; list-style: none; } .establishmentsec .establishlist ul li { padding: 25px 0 30px; border-bottom: solid 1px #7e7e7e; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .establishmentsec .establishlist ul li .establishtile { width: 19.75%; } .establishmentsec .establishlist ul li .establishtile h2 { font-size: 72px; color: #122f42; line-height: normal; font-weight: bold; padding-left: 10px; margin: 0; } .establishmentsec .establishlist ul li .establishtile span { font-size: 30px; text-transform: uppercase; font-weight: bold; color: #122f42; font-family: "Open Sans", sans-serif; padding-left: 27px; } .establishmentsec .establishlist ul li .establishdesc { width: 52.6%; padding-right: 20px; } .establishmentsec .establishlist ul li .establishdesc h3 { font-size: 24px; color: #122f42; line-height: normal; font-weight: bold; margin: 0 0 9px; } .establishmentsec .establishlist ul li .establishdesc p { font-size: 14px; line-height: 24px; color: #122f42; margin: 0 0 15px; letter-spacing: -0.1px; max-width: 590px; } .establishmentsec .establishlist ul li .establishdesc p:last-child { margin: 0; } .establishmentsec .establishlist ul li .establishimage { width: 27.65%; } .establishmentsec .establishlist ul li .establishimage img { width: 100%; display: block; vertical-align: top; } .sivbannersec .supportfirstsec .bmw-info-box h2 { font-size: 20px; margin: 0 0 12px; } .establishmentsec + .WaLayoutContainerLast .WaLayoutTable { border-spacing: 0; } .footerfullwithimage .bmw-sponsor, .zoneFooter2.footerfullwithimage .bmw-sponsor { padding-bottom: 0; margin: 0 !important; height: auto; } .footerfullwithimage .bmw-sponsor .container, .zoneFooter2.footerfullwithimage .bmw-sponsor .container { max-width: 100%; padding: 0; } .footerfullwithimage .bmw-sponsor .container .bmw-sponsor__img, .zoneFooter2.footerfullwithimage .bmw-sponsor .container .bmw-sponsor__img { position: static; } body#PAGEID_7742 .zoneContent .container_12 { padding: 0; max-width: 100%; } body#PAGEID_7742 .zoneContent .container_12 .bmw-sponsor.js-full-width-block { margin: 0 !important; padding-bottom: 21%; } .zoneContent.loginnew div.WaPlaceHolderContent { background: #fff; margin: 25px 0 0; } .zoneContent.loginnew div.WaPlaceHolderContent .WaGadgetFirst > .gadgetStyleBody { margin: 0 !important; } .zoneContent.loginnew div.WaPlaceHolderContent .WaGadgetFirst { padding: 20px 25px 25px; border-bottom: solid 1px #ddd; } .zoneContent.loginnew div.WaPlaceHolderContent .WaGadgetFirst h3 { color: #143143; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast { margin: 0 !important; padding: 35px 25px 90px; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .openAuthFormContainer { border-right: solid 4px #133042; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer { padding-left: 30px; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer td > div > span { display: inline-block; margin-bottom: 5px; font-size: 15px; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer td > div > span + span { float: left; color: #fe0000; visibility: visible !important; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer td > div { margin: 0 0 20px !important; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer td > div#idSubmitBox div#idLoginButtonBox input { background: #e8203c; border: solid 1px #e8203c; color: #fff; font-weight: bold; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer td > div#idSubmitBox div#idLoginButtonBox input:hover { background: none; border: solid 1px #e8203c; color: #e8203c; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer td > div#idSubmitBox div#idForgotLinkBox a { font-weight: bold; text-decoration: underline; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer td > div#idSubmitBox div#idForgotLinkBox a:hover { color: #e8203c; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer div#idInfoContainer { background: #fff; padding: 10px 20px; margin: 0 0 15px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer div#idInfoContainer .infoContainer .infoSection .infoTitle { padding: 0 15px 0 0; width: 155px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer div#idInfoContainer .infoContainer .infoSection .infoText { width: calc(100% - 155px); font-size: 15px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer div#idInfoContainer .infoContainer .infoSection { margin: 0; padding: 6px 0; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer { background: #fff; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .formTitleOuterContainer .formTitleContainer { padding: 16px 20px; margin: 0; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .formTitleOuterContainer .formTitleContainer h3.formTitle { color: #010101; font-weight: bold; font-size: 20px; text-transform: capitalize; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .formTitleOuterContainer .formTitleContainer .mandatoryFieldsTitle * { color: #000; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .formTitleOuterContainer .formTitleContainer .mandatoryFieldsTitle span { color: #fe0000; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .formTitleOuterContainer { margin: 0 !important; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer { padding: 15px 20px 20px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer .sectionOuterContainer { margin: 0 !important; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer .sectionOuterContainer .sectionContainer .fieldContainer .fieldSubContainer { margin: 0; padding: 15px 0; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer .sectionOuterContainer .sectionContainer .fieldContainer .fieldSubContainer table td.right input { width: 100%; max-width: 300px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .navigationOuterContainer.nonPrintable .inner { padding: 10px 25px 30px; border: none; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .navigationOuterContainer.nonPrintable .inner input { margin-bottom: 0; background: #e8203c !important; border: solid 1px #e8203c !important; color: #fff !important; font-weight: bold !important; padding: 8px 15px 9px 15px !important; width: auto; font-size: 16px !important; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .navigationOuterContainer.nonPrintable .inner input:hover { background: #fff !important; border: solid 1px #e8203c !important; color: #e8203c !important; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .titleContainer { margin-bottom: 25px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .titleContainer .text { color: #0f2f46; float: right; margin: 0 !important; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .titleContainer i.calendar { color: #0f2f46; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .titleContainer h1.pageTitle.SystemPageTitle a { color: #0f2f46; text-transform: capitalize; margin: 0; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .titleContainer h1.pageTitle.SystemPageTitle { padding: 0; margin: 0; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .formOuterContainer + .formOuterContainer { margin-top: -35px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.captionOuterContainer .fieldBody h4 { text-transform: inherit; font-size: 20px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.captionOuterContainer { margin: 25px 0 15px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer .sectionOuterContainer td.left .fieldLabel * { font-size: 16px; } div#idGeneralFormContainer .generalFormContainer .navigationTopContainer .navigationOuterContainer { margin: 0; } div#idGeneralFormContainer .generalFormContainer .navigationTopContainer .navigationOuterContainer .navigationContainer { padding: 20px 20px 10px; border-bottom: solid 10px #eee; } div#idGeneralFormContainer .generalFormContainer .navigationTopContainer .navigationOuterContainer .navigationContainer .inner { padding: 0; border: none; } div#idGeneralFormContainer .generalFormContainer .navigationTopContainer .navigationOuterContainer .navigationContainer .inner .left { padding: 0; width: auto; } div#idGeneralFormContainer .generalFormContainer .navigationTopContainer .navigationOuterContainer .navigationContainer .inner .left input { width: auto; } div#idGeneralFormContainer .generalFormContainer .formOuterContainer .formContainer .generalFieldsOuterContainer .generalFieldsContainer .inner .formTitleOuterContainer { padding: 0 !important; width: calc(100% + 40px); margin: -15px -20px 15px !important; } div#idGeneralFormContainer .generalFormContainer .formOuterContainer .formContainer .generalFieldsOuterContainer .generalFieldsContainer .inner .sectionOuterContainer div.sectionContainer div.simpleTextContainer .fieldLabel { text-align: left; padding: 0; } div#idGeneralFormContainer .generalFormContainer .formOuterContainer .formContainer .generalFieldsOuterContainer .generalFieldsContainer .inner .sectionOuterContainer div.sectionContainer div.simpleTextContainer .fieldSubContainer.labeledTextContainer { padding: 5px 0; } div#idGeneralFormContainer .generalFormContainer .formOuterContainer .formContainer .generalFieldsOuterContainer .generalFieldsContainer .inner .sectionOuterContainer div.sectionContainer div.simpleTextContainer .fieldSubContainer.labeledTextContainer .fieldBody { padding: 0 !important; } div#idGeneralFormContainer .generalFormContainer .formOuterContainer .formContainer .generalFieldsOuterContainer .generalFieldsContainer .inner .sectionOuterContainer div.sectionContainer div.simpleTextContainer .fieldSubContainer.labeledTextContainer .fieldBody span { font-weight: bold; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.captionOuterContainer .fieldBody { width: 100%; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.captionOuterContainer .fieldLabel { display: none; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.commonMessageBox div.confirmWindowSuccess.messageBox .cww { display: none; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.commonMessageBox div.confirmWindowSuccess.messageBox .cww-inner { border: solid 2px #1dac13; border-radius: 3px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.commonMessageBox div.confirmWindowSuccess.messageBox .cww-inner .text { margin: 0; padding: 0; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.commonMessageBox div.confirmWindowSuccess.messageBox .cww-inner .text { margin: 0; line-height: normal; color: #000 !important; padding: 0; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer div.commonMessageBox div.confirmWindowSuccess.messageBox .cww-inner { border: none; border-radius: 3px; padding: 20px 0px 20px; background: none; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .inner > h2.stepTitle { border-bottom: solid 10px #eee; padding: 20px 20px 20px 50px; color: #000; background: url(https://bmwcq.com.au/resources/images/img-img.jpg) no-repeat center left 20px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .navigationOuterContainer.nonPrintable .inner a { text-decoration: underline; } .confirmWindowError .cww { display: none; } .confirmWindowError .cww-inner { padding: 20px 20px 0 50px; border: solid 2px #f00; border-radius: 3px; background-position: left 15px top 20px; } .commonMessageBox .confirmWindowError .cww-inner .text { color: #f00 !important; padding-top: 2px; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li { float: left; margin: 0 40px 0 0; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li a { color: #185888; font-size: 14px; line-height: normal; display: block; text-decoration: underline; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu { border-bottom: solid 3px #132f44; padding: 0 0 12px; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li.selected span { color: #000; font-size: 14px; line-height: normal; display: block; text-decoration: underline; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer { margin: 0 0 14px; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table td { vertical-align: top; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table td .eventHeaderLabel { padding: 10px 0 10px; margin: 0; list-style: none; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table td .eventHeaderLabel span { display: block; padding: 0; font-size: 14px; color: #000; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table td input, div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table td select { border: solid 1px #fff; background: #fff; font-size: 14px; padding: 6px 10px; height: 30px; width: 270px; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table { width: 100%; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer { background: #fff; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table thead th { width: auto; padding: 22px 25px !important; color: #132e41; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td { padding: 18px 25px 24px; background: #fff; color: #132e41; border-top: solid 1px #eaeaea; font-size: 16px; vertical-align: top; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td a { color: #132e41; text-decoration: underline; line-height: normal; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td div:first-child { margin: 0 0 10px; font-size: 20px; line-height: normal; } .zoneFooter1.newsivpage .sivclub-bottom-banner { margin-bottom: 0; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li:last-child { margin: 0; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer span#noRecordsLabel { padding: 15px 15px; } div#idProfileMainContainer .profileMainContainer div#idCaptionContainer0 { display: none; } div#idProfileMainContainer .profileMainContainer { background: #fff; padding: 20px 25px; } div#idProfileMainContainer .profileMainContainer .sectionOuterContainer .fieldSubContainer { text-align: left; margin: 0 0 7px; } div#idProfileMainContainer .profileMainContainer .sectionOuterContainer .fieldContainer .fieldLabel { text-align: left; } div#idProfileMainContainer .profileMainContainer .sectionOuterContainer .fieldContainer .fieldBody * { font-weight: bold; } div#idProfileMainContainer .profileMainContainer .captionOuterContainer .captionContainer .fieldLabel { display: none; } div#idProfileMainContainer .profileMainContainer .captionOuterContainer .captionContainer .fieldBody { width: 100%; } div#idProfileMainContainer .profileMainContainer .captionOuterContainer .captionContainer .fieldBody h4 { text-transform: inherit; font-size: 25px; } div#idProfileMainContainer .profileMainContainer .captionOuterContainer { margin: 0; text-align: left; padding: 20px 0 10px; } div#idProfileMainContainer .profileMainContainer div#socialLoginContainer td.left .fieldLabel { text-align: left; } div#donations .genericList.xcontainer .genericListHeaderContainer, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm .genericListHeaderContainer { margin: 0 0 14px; } div#donations .genericList.xcontainer .genericListHeaderContainer table, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm .genericListHeaderContainer table { width: 100%; } div#donations .genericList.xcontainer .genericListHeaderContainer table td, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm .genericListHeaderContainer table td { vertical-align: top; padding-right: 20px; } div#donations .genericList.xcontainer .genericListHeaderContainer table td span, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm .genericListHeaderContainer table td span { display: block; padding: 0px 0 10px; font-size: 14px; color: #000; } div#donations .genericList.xcontainer .genericListHeaderContainer table td input, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm .genericListHeaderContainer table td input { border: solid 1px #fff; background: #fff; font-size: 14px; padding: 6px 10px; height: 30px; width: 100%; } div#donationsItemsContainer, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm div#idListItemsContainer { background: #fff; padding: 20px 20px; } div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm .genericList.xcontainer { margin: 0; } div#donations .genericList.xcontainer { margin: 0; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table td span.typeTextContainer { display: block !important; padding-bottom: 10px; } @media screen and (max-width: 1260px) { #PAGEID_7738-bkp .WaGadgetMenuHorizontal .menuInner:after { top: -39px; left: 10px; width: 180px; height: 159px; transform: skew(-18deg); } #PAGEID_7738-bkp .WaGadgetMenuHorizontal .menuInner:before { top: -39px; left: 39px; width: 122px; height: 161px; } .histbotsecondsec .supportfirstsec.history-lr-sec .bannerbotimage { margin: 0 6px 0 -3px; width: calc(51.88% + 3px); } .motopsupportsec .bmwmotosupport ul li .motoimage img { width: 100%; height: 100%; object-fit: cover; } .motopsupportsec .bmwmotosupport ul li { width: 100%; margin: 0 0 9px !important; } } @media screen and (max-width: 1130px) { .WaGadgetMenuHorizontal .menuInner:before { left: 29px; } .promotional-products-sec a.btn { bottom: 8px; } .supportfirstsec .firstsecsiv .bannerbotimage { width: 50%; margin-left: 0; margin-bottom: 0; } .supportfirstsec .firstsecsiv .bannerbotimage::before { top: -8px; left: 30px; height: calc(100% - 81px); width: 77%; } .supportfirstsec.history-lr-sec .bannerbotimage::before { width: calc(68% + 16px); } .supportfirstsec.history-lr-sec .bmw-info-box { padding-left: 10px; } .histbotsecondsec .supportfirstsec.history-lr-sec .bmw-info-box { padding-left: 0; } .bmwtimeline .timelinelist { max-width: 970px; margin: 0 auto; } .bmwtimeline ul.hide-mobile + ul:before { height: calc(100% - 330px); } .evolutionsec .evelogolist ul li:nth-child(3) { margin-top: -77px; } .pastpresident .bmwpastpresident ul { padding: 0; } .evolutionsec .evelogolist ul:before { top: calc(23% - 40px); height: 57%; } } @media screen and (max-width: 1000px) { .store-product-sec table.WaLayoutTable td[style="width:25%;"], .store-product-sec table.WaLayoutTable td[style="width:24%;"] { padding-left: 20px; } .clearance-title-sec h2, .product-item h1 { font-size: 21px; } .categorys-items a img { left: 1%; max-height: 120px; } .categorys-items.categorys-item-4 a img { left: 3%; bottom: 10px; max-width: 85px; } .categorys-items.categorys-item-5 a img, .categorys-items.categorys-item-6 a img { left: 3%; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li { width: calc(100% / 4 - 30px); margin: 0 15px 30px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list { width: calc(100% + 30px); margin: 0 -15px; } .servicesecsupport ul li { width: calc(50% - 7px); width: 33.333%; margin: 0 0 20px 14px; } .servicesecsupport ul li:nth-child(2n + 1) { margin-left: 0; } .shopvisitimg { margin: 0 0px 0 20px; } .shopvisitimg img { max-width: 260px; } .visitshop .titlevisitshop .bmw-title-block__title-span:before { width: 280px; background-size: 100% auto; } .footer-bottom-sec .gadgetStyleBody, .zoneFooter2.footerfull .gadgetStyleBody, .zoneFooter1.footerfull .gadgetStyleBody { padding: 0; } .footer-bottom-sec .footermenulink, .zoneFooter2.footerfull .footermenulink, .zoneFooter1.footerfull .footermenulink { padding-left: 30px; } .footer-bottom-sec .footermenulink li, .zoneFooter2.footerfull .footermenulink li, .zoneFooter1.footerfull .footermenulink li { width: calc(100% / 3); margin: 0 0 17px; } .classicsecimg img { max-width: 100%; } .supportfirstsec.history-lr-sec .bannerbotimage::before { width: calc(65% + 16px); } .bmwtimeline ul.hide-mobile + ul:before { left: -51px; } .bmwtimeline ul.hide-mobile li .timetitle span { right: -80px; } .bmwtimeline ul li .timetitle span { left: -80px; } .bmwtimeline ul li .timetitle h3 { font-size: 20px; } .evolutionsec .bmwlogoeve > h2 { font-size: 28px; } .evolutionsec .evelogolist ul:before { top: calc(21% - 40px); height: 56%; } .evolutionsec .evelogolist ul li:nth-child(3) { margin-top: -60px; } .motopsupportsec .bmwmotosupport > h2 { font-size: 28px; } .motopsupportsec .bmwmotosupport ul li .mototile h2 { font-size: 50px; } .pastpresident .bmwpastpresident > h2 { font-size: 28px; } .chrisharissec .chrisharis h2 { font-size: 38px; line-height: 38px; } .chrisharissec .chrisharis .christitle { width: 190px; padding: 0 15px 0 0; } .chrisharissec .chrisharis .chrisdesc { width: calc(100% - 410px); } .chrisharissec .chrisharis .chrisfriendimg { width: 191px; margin-left: 6px; margin-right: 23px; } .rollofhonorsec .rollofhonor > h2 { font-size: 28px; } .shopcontent.visithistory-col-3 h3 { font-size: 26px; line-height: 25px; } .shopcontent.visithistory-col-3 { max-width: 206px; } .shopvisitimg.visithistory-col-2 { margin: 0 8px 0 20px; } .historybmw .historybmwsec > h2 { font-size: 28px; margin-bottom: 43px; } .historybmw .firstsechistory .bmw-info-box { padding-left: 15px; } .bmwlogossec .bmwlogos > h2 { margin: 0; font-size: 28px; } .bmwlogossec .bmwlogos ul li .bmwlogottitle p { font-size: 20px; } .establishmentsec .establishlist ul li .establishtile h2 { font-size: 50px; } .establishmentsec .establishlist ul li .establishtile span { font-size: 20px; padding-left: 23px; } .bmwtimeline ul { width: calc(50% - 50px); } .bmwtimeline ul.hide-mobile { margin-top: 145px; } } @media screen and (max-width: 900px) { .category-sec table.WaLayoutTable td.WaLayoutItem { padding: 0 7px; } .categorys-items a:before { width: 145px; } .categorys-items a h4 { font-size: 15px; margin: 0 10px 0 0; max-width: 154px; } .store-product-sec table.WaLayoutTable td[style="width:25%;"], .store-product-sec table.WaLayoutTable td[style="width:24%;"] { padding-left: 15px; } .clearance-title-sec h2, .product-item h1 { font-size: 19px; } .clearance-main-sec { padding-left: 20px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li { width: calc(100% / 3 - 20px); margin: 0 10px 30px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list { width: calc(100% + 20px); margin: 0 -10px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside { padding-left: 40px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside span.OnlineStoreCatalog_list_price { font-size: 30px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreCatalog_price_container span.OnlineStoreCatalog_list_price_alt { font-size: 21px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details .OnlineStoreProduct__detailTitle { font-size: 19px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details .quantityContainer.OnlineStoreProduct__detailField .quantitySnippet input#idInputQuantity { font-size: 19px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton a.addToCart, body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input#OnlineStoreProduct_addToCart { font-size: 16px; max-width: 170px; padding: 10px 0; } .promotional-products-sec a.btn { bottom: 15px; height: 25px; max-width: 110px; padding: 0 9px; margin: 0 0 0 6px; } .promotional-products-sec .btn::after { right: -14px; border-top: 25px solid #e8203b; border-right: 14px solid transparent; box-shadow: none; } .promotional-products-sec .btn::before { border-bottom: 25px solid #e8203b; box-shadow: none; left: -14px; border-left: 14px solid transparent; } .promotional-products-sec img.mobile-img { display: block; } .promotional-products-sec img.desktop-img { display: none; } .supportfirstsec .bannerbotimage:before { left: 40px; width: 66%; } .supportfirstsec .bmw-info-box { padding-left: 0; } .supportfirstsec .bmw-info-box p { margin: 0 0 15px; } .supportfirstsec .bmw-info-box h2 { font-size: 25px; margin: 0 0 16px; } .visitshop .shopcontent .bmw-cta-float__button-wrap { margin: 15px 0 0; padding: 0; } .visitshop .shopcontent { max-width: 100%; text-align: center; order: 2; padding: 10px 0 25px; } .shopvisitimg { margin: 0; order: 3; } .titlevisitshop { order: 1; margin-top: 25px; } .footer-bottom-sec .footercheckout h2, .zoneFooter2.footerfull .footercheckout h2, .zoneFooter1.footerfull .footercheckout h2 { font-size: 20px; line-height: 21px; } .footer-bottom-sec .footermenulink li, .zoneFooter2.footerfull .footermenulink li, .zoneFooter1.footerfull .footermenulink li { width: calc(100% / 2); } .bmw-info-box.classicadpage h2 { font-size: 27px; } .supportfirstsec .bmw-info-box { margin: 0; } .footer-bottom-sec .footercheckout img, .zoneFooter2.footerfull .footercheckout img, .zoneFooter1.footerfull .footercheckout img { max-width: 100%; } .supoortitlebanner span.supoorttitle { font-size: 28px; } .supportfirstsec > div { -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .supportfirstsec .bmw-info-box ul { margin: -12px 0 0 10px; } .supportfirstsec > div.secondsecsiv { padding: 30px 0 0; } .supportfirstsec > div.secondsecsiv .bmw-info-box { padding-right: 15px; } .cylinder-table table th { font-size: 14px; padding: 15px 10px 16px 10px; } .cylinder-table table td { font-size: 22px; } .cylinder-table table tr:nth-child(1) td { font-size: 16px; } .bottomsourcesec .leftsourcsec { width: 100%; } .bottomsourcesec p { color: #fff; font-size: 16px; padding-left: 0; width: 100%; text-align: center; margin: 0 0 15px; } .bottomsourcesec { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; padding: 25px 0 25px; } .vehicaleinterest .gadgetStyleBody .headinginterest h2 { font-size: 22px; padding: 10px 0 10px; } .registersinglecar .titlevisitshop span.bmw-title-block__title-span:before { width: 400px; background-size: 100% auto; } .registersinglecar .titlevisitshop span.bmw-title-block__title-span { font-size: 32px; } .registersinglecar .shopvisitimg { margin: 0 0 0 20px; } .registersinglecar .titlevisitshop { max-width: 400px; text-align: center; padding-top: 20px; margin-top: 0; } .supportfirstsec.history-lr-sec .bannerbotimage::before { width: calc(61% + 16px); } .bmwtimeline ul li .timetitle h3 { font-size: 18px; padding: 10px 15px; } .bmwtimeline ul li .timedesc { padding: 13px 15px 20px; } .bmwtimeline ul.hide-mobile { margin-top: 160px; } .bmwtimeline ul.hide-mobile + ul:before { height: calc(100% - 359px); } .evolutionsec .evelogolist ul li:nth-child(1), .evolutionsec .evelogolist ul li:nth-child(4) { -webkit-box-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .evolutionsec .evelogolist ul li:nth-child(1) .evatitle, .evolutionsec .evelogolist ul li:nth-child(3) .evatitle { text-align: left; } .evolutionsec .evelogolist ul li .eveimage:before { right: auto !important; left: -41px !important; } .evolutionsec .evelogolist ul li { width: 100%; margin: 0 0 25px; padding: 0 0 0 35px; } .evolutionsec .evelogolist ul:before { top: 12%; height: 74.5%; left: 9px; } .evolutionsec .evelogolist ul li:nth-child(3) { margin-top: 0; order: initial; } .evolutionsec { padding: 40px 0 13px; } .evolutionsec .bmwlogoeve > h2 { margin-bottom: 27px; } .motopsupportsec .bmwmotosupport ul li .motodis { padding: 12px 10px 11px 15px; } .motopsupportsec .bmwmotosupport ul li:nth-child(2n + 2) .motodis { padding: 12px 15px 12px 10px; } .motopsupportsec .bmwmotosupport ul li .mototile h2 { font-size: 45px; } .pastpresident .presidenttitle { padding: 0 0 0 15px; } .pastpresident .bmwpastpresident ul li { padding-right: 10px; } .chrisharissec .chrisharis .christitle { width: 100%; padding: 0; margin: 0 0 45px; } .chrisharissec .chrisharis .chrisfriendimg { width: 191px; margin-left: 0; margin-right: 13px; } .chrisharissec .chrisharis:before { left: -9px; margin-top: 37px; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(4n + 1), .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li { width: calc(100% / 3 - 50px / 2); margin: 0 0 30px 25px; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(3n + 1) { margin-left: 0; } .establishmentsec .establishlist ul li .establishdesc h3 { font-size: 20px; } .chrisharissec .chrisharis .chrisdesc { width: calc(100% - 210px); } .evolutionsec .evelogolist ul li:nth-child(1) { margin-top: 0; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table thead th { padding: 18px 15px !important; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td { padding: 13px 15px 20px; font-size: 14px; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td div:first-child { font-size: 16px; } .WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li { margin: 0 20px 0 0; } } @media screen and (max-width: 767px) { #PAGEID_7738-bkp .WaGadgetMenuHorizontal .menuInner:after, .WaGadgetMenuHorizontal .menuInner:after { left: 15px; width: 135px; height: 125px; transform: skew(-18deg); top: 0; z-index: 999; } #PAGEID_7738-bkp .WaGadgetMenuHorizontal .menuInner:before, .WaGadgetMenuHorizontal .menuInner:before { left: 35px; width: 95px; height: 121px; top: 0; z-index: 9991; } .category-sec table.WaLayoutTable { margin: 0 auto; width: 100%; display: block; max-width: 310px; } .category-sec table.WaLayoutTable tbody, .category-sec table.WaLayoutTable tbody tr { display: block; } .category-sec table.WaLayoutTable td.WaLayoutItem { padding: 0 7px; width: 100% !important; display: inline-block; vertical-align: top; margin-top: 0; margin-bottom: 15px; } .category-sec { margin-bottom: 0; } .zoneHeader4 .gadgetStyleBody h1 { text-align: center; } .store-product-sec table, .store-product-sec table tbody, .store-product-sec table tr, .left-right-sec table, .left-right-sec tbody, .left-right-sec tbody tr { display: block; } .left-right-sec table td { width: 100% !important; display: block; } .left-right-sec td:last-child { padding: 0 !important; } .left-right-sec img { height: auto !important; } .store-product-sec table td[style="width:50%;"] { display: block; width: 100% !important; padding: 0 7px; } .store-product-sec table.WaLayoutTable td[style="width:25%;"], .store-product-sec table.WaLayoutTable td[style="width:24%;"] { padding: 0 7px; width: 50% !important; display: inline-block; } .promotional-products-sec { width: 100%; } /* #PAGEID_18129 .zoneFooter2, #PAGEID_18130 .zoneFooter2, #PAGEID_18131 .zoneFooter2, #PAGEID_18132 .zoneFooter2, #PAGEID_18133 .zoneFooter2, #PAGEID_18134 .zoneFooter2, #PAGEID_18128 .zoneFooter2, #PAGEID_18119 .zoneFooter2,*/ #PAGEID_SysOnlineStoreProduct .zoneFooter1 { margin-top: 40px; padding: 30px 0 30px; background-position: center right; } .promotional-products-sec h2 { font-size: 18px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li span.OnlineStoreCatalog_list_price { font-size: 17px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li span.OnlineStoreCatalog_list_price_alt { font-size: 14px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li { width: calc(100% / 3 - 14px); margin: 0 7px 30px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list { width: calc(100% + 14px); margin: 0 -7px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li a.OnlineStoreCatalog_list_item_link { font-size: 14px; } div#id_KvD9l8W { margin: 0; padding: 0; } .WaGadgetOnlineStoreProduct .OnlineStoreProduct_title_container h1 { font-size: 24px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_gallery { width: 100%; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside { padding-left: 0; width: 100%; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside span.OnlineStoreCatalog_list_price { font-size: 22px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreCatalog_price_container span.OnlineStoreCatalog_list_price_alt { font-size: 18px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreCatalog_price_container + .OnlineStoreCatalog_price_container { margin: 5px 0 0; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreCatalog_price_container { margin: 0; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreProduct__details { margin: 20px 0 -20px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_information .OnlineStoreProduct_description h3 { font-size: 20px; margin: 0 0 15px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside div#idOnlineStoreCatalog_OutOfStock_container { font-size: 18px; margin: 15px 0 0; } .WaGadgetOnlineStoreProduct { padding: 2px 0 0px; } body#PAGEID_SysOnlineStoreCheckout .WaGadgetOnlineStoreCartCheckout .storeCartControlNav_left, body#PAGEID_SysOnlineStoreCart .zoneContent .storeCartControlNav .storeCartControlNav_left { flex: 1; } .WaGadgetOnlineStoreCartCheckout .storeCartTable .storeCartTable_tdInventoryIssue { width: 140px; } body#PAGEID_SysOnlineStoreCheckout .zoneContent div#step-3 .storeCartControlNav_right input, body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav_right input.functionalButton.wizardNextButton, body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav input#idUpdateAndContinueButton, body#PAGEID_SysOnlineStoreCart .zoneContent .storeCartControlNav input.functionalButton.toCheckout { margin-bottom: 7px; } .promotional-products-sec img { width: 100%; display: block; vertical-align: top; object-fit: cover; } .promotional-products-sec a.btn { bottom: 4px; height: 23px; max-width: 110px; padding: 0 9px; font-size: 11px; margin: 0 0 0 6px; line-height: normal; } .promotional-products-sec .btn::before { border-bottom: 23px solid #e8203b; box-shadow: none; left: -13px; border-left: 13px solid transparent; } .promotional-products-sec .btn::after { right: -13px; border-top: 23px solid #e8203b; border-right: 13px solid transparent; box-shadow: none; } div#idWaAdminSwitcher { left: 0; right: auto; } .zoneHeader1 { height: auto; } .supoortitlebanner span.supoorttitle { font-size: 24px; padding: 20px 0; display: block; text-align: center; } .supoortitlebanner span.supoorttitle:before { height: 80px; width: 240px; background-size: 100% auto; } .supporttitile_bg-inner { padding: 40px 0px; } .supportfirstsec .bmw-info-box { width: 100%; } .supportfirstsec .bannerbotimage { width: 100%; padding: 16px 0 0 0; max-width: 370px; margin: 0 auto; } .supportfirstsec { padding: 30px 15px 30px; } .servicesecsupport ul li { width: 100%; margin: 0 0 15px; } .visitshop .titlevisitshop .bmw-title-block__title-span:before { width: 210px; } .visitshop .titlevisitshop .bmw-title-block__title-span { font-size: 23px; padding: 19px 0; } .bmw-info-box.classicadpage h2 { font-size: 23px; } .bmw-info-box.classicadpage p { margin: 0 0 12px; } .classifiedads .gadgetStyleBody:before { display: none; } .classifiedads .gadgetStyleBody .classicsecimg:before { position: absolute; left: 21%; top: 0; width: 71%; height: calc(100% - 62px); content: ""; border: solid 4px #019ed8; z-index: 0; transform: skewX(-20deg); } .classicsecimg { width: 100%; padding: 13px 0 0 0; } .bmw-info-box.classicadpage { width: 100%; padding: 4px 10px 13px; margin: 0; } .classifiedads { padding: 35px 0 19px; } .footer-bottom-sec .footerlogo p, .zoneFooter2.footerfull .footerlogo p, .zoneFooter1.footerfull .footerlogo p { margin-top: 8px; } .footer-bottom-sec .footermenulink li, .zoneFooter2.footerfull .footermenulink li, .zoneFooter1.footerfull .footermenulink li { margin-bottom: 14px; } .footer-bottom-sec .footermenulink h2, .zoneFooter2.footerfull .footermenulink h2, .zoneFooter1.footerfull .footermenulink h2 { margin: 0 0 15px; font-size: 18px; } .footer-bottom-sec .footermenulink, .zoneFooter2.footerfull .footermenulink, .zoneFooter1.footerfull .footermenulink { width: 100%; padding: 25px 0 0; } .footer-bottom-sec .footercheckout, .zoneFooter2.footerfull .footercheckout, .zoneFooter1.footerfull .footercheckout { width: 100%; max-width: 310px; margin: 40px 0 0; } .supportfirstsec .bmw-info-box h2 { font-size: 20px; } .supportfirstsec .firstsecsiv .bannerbotimage::before { top: 2px; } .supportfirstsec .firstsecsiv .bannerbotimage { width: 100%; margin: 0 auto; max-width: 370px; } .supportfirstsec > div.secondsecsiv .bmw-info-box { padding-right: 0; width: 100%; } .supportfirstsec > div.secondsecsiv .bannersecondimage { width: 100%; margin: 0 auto 15px; text-align: center; } .vehicaleinterest .gadgetStyleBody .headinginterest h2 { font-size: 18px; padding: 10px 15px 10px; } .cylinder-table table td { font-size: 19px; } .cylinder-table table td sup { font-size: 15px; margin: 0 2px 0px 0; position: relative; top: 2px; } .cylinder-table table tr:nth-child(1) td { font-size: 14px; } .cylinder-table-sec { overflow: auto; } .cylinder-table-sec table { min-width: 670px; } .registersinglecar .shopvisitimg:before { display: none; } .registersinglecar .titlevisitshop span.bmw-title-block__title-span { font-size: 20px; } .registersinglecar .titlevisitshop span.bmw-title-block__title-span:before { width: 280px; background-size: 100% auto; left: 0; } .registersinglecar .titlevisitshop span.bmw-title-block__title-span { font-size: 23px; } .registersinglecar .titlevisitshop { max-width: 290px; padding-top: 10px; } .registersinglecar .titlevisitshop .bmw-cta-float__button-wrap { padding: 0 15px 0 0; margin: 0; } .registersinglecar .shopvisitimg { margin: 20px 0 0; width: 100%; text-align: center; } .registersinglecar .gadgetStyleBody { padding-top: 30px; } .sivclub-bottom-banner { margin-top: 0; } .tripregistration .gadgetStyleBody h2 { font-size: 18px; margin-bottom: 12px; } .tripregisterfirst { padding: 0 0 20px; } .supportfirstsec.history-lr-sec .bannerbotimage { width: 100%; padding: 0; margin: 0 auto 40px; max-width: 500px; } .supportfirstsec.history-lr-sec .bannerbotimage::before { width: calc(72% + 16px); left: 70px; } .supportfirstsec.history-lr-sec .bmw-info-box { padding-left: 0; width: 100%; } .historybannersec .supportfirstsec .bmw-info-box h2 { line-height: 23px; } .histbotsecondsec .supportfirstsec.history-lr-sec .bannerbotimage { margin: 0 auto 45px; width: 100%; max-width: 500px; } .histbotsecondsec .supportfirstsec .bmw-info-box p { width: 100%; max-width: 100%; } .establishmentsec .establishlist ul li .establishdesc p { letter-spacing: 0; max-width: 100%; } .historysecthiredbot .supportfirstsec.history-lr-sec .bmw-info-box { padding-left: 0; } .history-lr-sec .year-item span { font-size: 25px; line-height: 44px; } .bmwqtimeline { padding: 30px 0 0; } .bmwtimeline h2 { margin: 0 0 25px; font-size: 23px; } .bmwtimeline ul.hide-mobile { display: none; } .bmwtimeline ul li .timetitle span { width: 46px; height: 46px; font-size: 14px; top: 50%; left: -62px; margin-top: -23px; } .bmwtimeline ul { padding-left: 56px; } .bmwtimeline ul li .timetitle h3 { font-size: 16px; padding: 10px 13px; min-height: 48px; } .bmwtimeline ul li .timedesc { padding: 13px 13px 15px; } .bmwtimeline ul li { background: #fff; margin: 0 0 20px; position: relative; } .bmwtimeline ul li.hide-desktop { display: block; } .bmwtimeline ul.hide-mobile + ul:before { display: none; } .bmwtimeline ul li:last-child:before { display: none; } .bmwtimeline ul li:before { position: absolute; left: -40px; top: 25px; width: 3px; background: #a0a0a0; content: ""; height: 100%; } .evolutionsec .bmwlogoeve > h2 { font-size: 23px; margin-bottom: 25px; } .evolutionsec .evelogolist ul li { -webkit-align-items: center; align-content: center; -ms-align-items: center; align-items: center; } .evolutionsec .evelogolist ul li .eveimage { max-width: 130px; } .evolutionsec .evelogolist ul li .eveimage img { max-width: 100%; } .evolutionsec .evelogolist ul li .evatitle p { line-height: 22px; } .evolutionsec .evelogolist ul li .evatitle h3 { font-size: 20px; margin: 0 0 2px; } .evolutionsec .evelogolist ul li .evatitle { width: calc(100% - 145px); padding: 0; } .evolutionsec .evelogolist ul li .eveimage:before { left: -26px !important; width: 20px; height: 20px; margin-top: -10px; } .evolutionsec .evelogolist ul li { padding: 0 0 0 17px; } .evolutionsec .evelogolist ul:before { top: 10%; height: 75%; left: 3px; width: 3px; } .motopsupportsec .bmwmotosupport > h2 { font-size: 23px; margin: 0 0 15px; } .motopsupportsec .bmwmotosupport ul li .motoimage { width: 60%; } .motopsupportsec .bmwmotosupport ul li .mototile { width: 40%; } .motopsupportsec .bmwmotosupport ul li .motodis { padding: 12px 10px 11px 15px !important; width: 100%; text-align: left !important; } .motopsupportsec { padding: 30px 0 30px; } .pastpresident .bmwpastpresident > h2 { font-size: 23px; } .pastpresident .presidenttitle p, .pastpresident .presidenttitle h2 { font-size: 16px; } .presidentimage img { max-width: 100%; } .presidentimage { width: 93px; } .pastpresident .presidenttitle { padding: 0 0 0 12px; width: calc(100% - 93px); } .pastpresident .bmwpastpresident ul { padding: 0; margin: 0 0 -20px; } .pastpresident { padding: 30px 0 5px; } .chrisharissec .chrisharis h2 { font-size: 23px; line-height: normal; } .chrisharissec .chrisharis:before { display: none; } .chrisharissec .chrisharis .christitle { margin: 0 0 20px; } .chrisharissec .chrisharis .chrisdesc { width: 100%; text-align: center; } .chrisharissec .chrisharis .chrisdesc h3 { font-size: 21px; margin: 0 0 6px; } .chrisharissec .chrisharis .chrisfriendimg { width: 191px; margin: 0 auto 25px; } .chrisharissec { padding: 30px 0; } .rollofhonorsec .rollofhonor > h2 { font-size: 23px; margin: 0 0 20px; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(3n + 1), .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(4n + 1), .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li { width: calc(100% / 2 - 30px / 2); margin: 0 0 20px 15px; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(2n + 1) { margin-left: 0; } .rollofhonorsec .honorhoverlist ul li { width: 30.33%; padding: 10px; text-align: center; } .rollofhonorsec .honorhoverlist { padding: 15px 10px; } .visitshop .shopcontent.visithistory-col-3 { padding: 25px 0 25px; width: 100%; } .shopcontent.visithistory-col-3 h3 { font-size: 21px; line-height: normal; max-width: 270px; margin: 0 auto; } .historybmw .firstsechistory .bannerbotimage { width: 100%; margin: 0 auto 20px; max-width: 500px; } .historybmw .firstsechistory .bannerbotimage:before { left: 30px; top: -16px; } .historybmw .historybmwsec > h2 { font-size: 23px; margin-bottom: 35px; } .historybmw .firstsechistory .bmw-info-box { padding-left: 0; width: 100%; } .historybmw .firstsechistory .bmw-info-box h3 { font-size: 21px; margin: 0px 0 7px; padding: 0; line-height: normal; } .bmwlogossec .bmwlogos > h2 { margin: 0 0 15px; font-size: 23px; } .bmwlogossec .bmwlogos ul li { width: 50%; padding: 10px 10px; text-align: center; } .bmwlogossec .bmwlogos ul { max-width: 480px; margin: 0 auto; } .establishmentsec .establishlist ul li .establishtile { width: 100%; padding-bottom: 10px; } .bmwlogossec .bmwlogos ul li .bmwlogottitle p { font-size: 18px; } .establishmentsec .establishlist ul li .establishtile h2 { font-size: 40px; padding: 0; } .establishmentsec .establishlist ul li .establishdesc { width: 100%; padding-right: 0; } .establishmentsec .establishlist ul li .establishdesc { width: 100%; padding: 0; margin: 0 0 15px; } .establishmentsec .establishlist ul li { padding: 15px 0 20px; } .establishmentsec .establishlist ul li .establishtile span { font-size: 18px; padding-left: 0; margin-bottom: 10px; display: block; } .supportfirstsec.history-lr-sec { padding-bottom: 35px; } .bmwtimeline ul { width: 100%; } .pastpresident .bmwpastpresident ul li { width: 50%; } .establishmentsec .establishlist ul li .establishimage { width: 100%; } .establishmentsec { padding-bottom: 25px; } .bmwlogossec .bmwlogos ul li .bmwlogimage img { max-height: 100px; } .rollofhonorsec .honorhoverlist { width: calc(100% - 19px); } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .titleContainer { margin-bottom: 45px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer div#idInfoContainer .infoContainer .infoSection .infoText { width: 100%; font-size: 15px; line-height: normal; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer .sectionOuterContainer .sectionContainer .fieldContainer .fieldSubContainer { padding: 7px 0; } } @media screen and (max-width: 616px) { .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .openAuthFormContainer { border-right: none; } .zoneContent.loginnew div.WaPlaceHolderContent div.WaGadgetLast .authFormContainer { padding-left: 0; } .zoneContent.loginnew div.WaPlaceHolderContent .WaGadgetFirst h3 { color: #143143; font-size: 30px !important; line-height: 34px; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .generalFieldsContainer .sectionOuterContainer .sectionContainer .fieldContainer .fieldSubContainer table td.right input { max-width: 100%; margin-top: 5px !important; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .clearEndContainer { display: none; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right { width: auto !important; } .formTitleOuterContainer .formTitleContainer .inner { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .formTitleOuterContainer .formTitleContainer h3.formTitle { width: 100%; margin-bottom: 5px; } .fieldSubContainer table td.left { width: 100%; } #idGeneralFormContainer > div.generalFormContainer > div > div > div > div > div > div > div > div > div > div > div:nth-child(3) > div.navigationContainer > div > div > div > div > div > div > div > div > div > .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .generalFormOuterContainer .navigationOuterContainer.nonPrintable .inner input { padding: 8px 13px 9px !important; } #idGeneralFormContainer .generalFormContainer .navigationOuterContainer .navigationContainer .left input { margin-right: 0; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .left { width: auto; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > div .kvTable { margin: 0; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > div .kvTable * { display: block; width: 100%; text-align: left; } #FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_infoMessageBox_idConfirmWindowStyle > div.cww-inner > div .kvTable tr + tr { margin-top: 10px; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations .genericListHeaderContainer table td { vertical-align: top; width: 100%; } div#eventRegistrations div#idListItemsContainer table tbody td:before { color: #132e41; font-weight: bold; font-size: 17px; text-transform: capitalize; width: 125px; padding-right: 10px; box-sizing: border-box; line-height: normal; position: absolute; left: 15px; text-align: left; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td:nth-child(1):before { content: "Event"; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td:nth-child(2):before { content: "Registration type"; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td:nth-child(3):before { content: "Status"; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table tbody td { padding: 13px 15px 20px 140px; background: #fff; color: #132e41; border-top: solid 1px #eaeaea; font-size: 14px; vertical-align: top; position: relative; text-align: left; } div#idMemberProfileContainer .formContainer .generalFieldsContainer div#eventRegistrations div#idListItemsContainer table thead { display: none; } div#idProfileMainContainer .profileMainContainer { padding: 20px 15px; } div#idProfileMainContainer .profileMainContainer .captionOuterContainer .captionContainer .fieldBody h4 { font-size: 20px; } div#idProfileMainContainer .profileMainContainer .sectionOuterContainer .fieldContainer .fieldLabel { text-align: left; width: 100% !important; margin-right: 0; } div#idProfileMainContainer .profileMainContainer .sectionOuterContainer .fieldContainer .fieldBody { width: 100% !important; } div#idProfileMainContainer .profileMainContainer .sectionOuterContainer .fieldContainer .fieldBody span:empty { display: none; } div#donations .genericList.xcontainer .genericListHeaderContainer table td, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm .genericListHeaderContainer table td { padding-right: 0; width: 100%; margin-bottom: 10px; } div#donationsItemsContainer, div#invoicesAndPaymentsMainContainer form#idMemberInvoicesForm div#idListItemsContainer { padding: 20px 15px; } } @media screen and (max-width: 499px) { .WaGadgetMenuHorizontal .menuInner ul.firstLevel.adapted { left: -10px; } } @media screen and (max-width: 480px) { .store-product-sec table.WaLayoutTable td[style="width:25%;"], .store-product-sec table.WaLayoutTable td[style="width:24%;"] { padding: 0; width: 100% !important; } .store-product-sec table td[style="width:50%;"] { padding: 0; } .product-item h1 { min-height: 0 !important; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list li { width: calc(100% / 2 - 14px); margin: 0 7px 30px; } .WaGadgetOnlineStoreCatalog.product-list-main .OnlineStoreCatalog_list { width: calc(100% + 14px); margin: 0 -7px; } .WaGadgetOnlineStoreProduct .OnlineStoreProduct_title_container h1 { margin: 0 0 11px; } body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton a.addToCart, body .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input#OnlineStoreProduct_addToCart { font-size: 15px; max-width: 130px; padding: 9px 0; } body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav_right input.functionalButton.wizardNextButton, body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav_left a, body#PAGEID_SysOnlineStoreCheckout .zoneContent .storeCartControlNav input#idUpdateAndContinueButton, body#PAGEID_SysOnlineStoreCart .zoneContent .storeCartControlNav input.functionalButton.toCheckout, body#PAGEID_SysOnlineStoreCart .zoneContent .storeCartControlNav a.storeCartControlNav__back { font-size: 13px; max-width: 145px; } body#PAGEID_SysOnlineStoreCheckout .zoneContent table.storeCartTable tr.storeCartTable_row td, body#PAGEID_SysOnlineStoreCart .zoneContent table.storeCartTable tr.storeCartTable_row td { font-size: 14px; } div#idWaAdminSwitcher { width: 133px; } div#idWaAdminSwitcher .-wa-admin-switcher_admin-view-link-container { padding: 0 9px; } div#idWaAdminSwitcher .-wa-admin-switcher_logout-container { width: 30px; } .zoneHeader1 .container_12 { padding-left: 136px; } .zoneHeader1 div#idHeaderContentHolder .alignRight { font-size: 13px; } .sivclub-bottom-banner ul li { width: 100% !important; } .supportfirstsec.history-lr-sec .bannerbotimage::before { width: 75%; left: 15%; } .history-lr-sec .year-item { left: 8% !important; } .evolutionsec .evelogolist ul li .eveimage { max-width: 100%; width: 100%; } .evolutionsec .evelogolist ul li .evatitle { width: 100%; padding: 15px 0 0; } .evolutionsec .evelogolist ul li { padding: 0 0 30px 17px; margin: 0; position: relative; } .evolutionsec .evelogolist ul li:before { position: absolute; left: 0px; top: 91px; width: 2px; height: 100%; content: ""; background: #01a3de; } .evolutionsec .evelogolist ul:before, .evolutionsec .evelogolist ul li:last-child:before { display: none; } .motopsupportsec .bmwmotosupport ul li .motodis { padding: 12px 10px 11px 10px !important; } .motopsupportsec .bmwmotosupport ul li .motoimage { width: 100%; border: none !important; } .motopsupportsec .bmwmotosupport ul li .mototile { width: 100%; padding: 15px 10px; border-top: solid 3px #01a3de; } .motopsupportsec .bmwmotosupport ul li:nth-child(2n + 2) .mototile { border-color: #122f42; } .pastpresident .bmwpastpresident ul li { width: 100%; padding-right: 0; margin: 0 0 15px; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(3n + 1), .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li:nth-child(4n + 1), .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li { width: calc(100% - 20px); margin: 0 0 15px; } .rollofhonorsec .honorhoverlist ul li { width: 50%; padding: 7px 10px; text-align: center; } .rollofhonorsec .honorhoverlist ul li * { font-size: 14px; } .rollofhonorsec .rollofhonor .rollofhonorlist > ul > li .rollofhonorttitle > a { padding: 10px 10px; min-height: 55px; } .rollofhonorsec { padding: 30px 0 15px; } .shopvisitimg.visithistory-col-2 { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .shopvisitimg.visithistory-col-2 img { order: 2; } .shopvisitimg.visithistory-col-2 img + img { margin: 1px auto 15px; display: block; order: 1; } .establishmentsec .establishlist ul li .establishtile h2 { font-size: 25px; } .rollofhonorsec .honorhoverlist { width: calc(100% - 20px); } } @media screen and (max-width: 420px) { div#idGeneralFormContainer .generalFormContainer .navigationTopContainer .navigationOuterContainer .navigationContainer .inner { flex-wrap: wrap; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right { position: static; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right input[type="button"] { position: absolute; top: -9px; right: 0; margin: 0; padding-right: 0; } .generalFormContainer .navigationOuterContainer .navigationContainer .inner .right input[type="button"] + input + input { margin-left: 0 !important; margin-top: 10px; } } @media screen and (max-width: 355px) { .WaGadgetEventsStateRegistration div.publicWizardNameContainer .generalFormOuterContainer .generalFormContainer .generalFieldsOuterContainer .sectionContainer .singleStringContainer .fieldBody > span { transform: scale(0.89); margin: -5px 0 -6px -20px; } } #igfeedpanel .eapps-link { display: none !important; } .content_block h3 { font-size: 28px; color: #122f42; font-weight: bold; line-height: normal; font-family: "Open Sans", sans-serif; text-align: center; margin: 0 auto; } .member_discount { width: 100%; float: left; background: url(../../resources/images/supporter/member_discount_bg.jpg) no-repeat center center; background-size: cover; } .member_discount .container { max-width: 1200px; } .member_discount .bx-left { width: 60%; float: left; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; text-align: left; } .member_discount .bx-right { width: 40%; float: left; } .member_discount .bx-right img { width: 100%; } .member_discount h2 { font-size: 40px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #fff; margin-bottom: 10px; } .member_discount h2 span { color: #e8203b; text-transform: uppercase; } .member_discount p { font-size: 18px; font-weight: normal; line-height: normal; font-family: "Open Sans", sans-serif; color: #fff; } .member_discount p span { color: #fff; font-weight: bold; } .history-ad_sec h2 { width: 100%; display: block; text-align: center; margin: 0 0 10px; color: #122f42; font-size: 55px; font-weight: bold; } .history-ad_sec .gadgetStyleBody { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1210px; position: relative; } .motopsupportsec .bmwmotosupport h3 { width: 100%; display: block; text-align: center; margin: -30px 0 30px; color: #122f42; font-size: 36px; font-weight: bold; text-transform: uppercase; } @media screen and (max-width: 1199px) { .member_discount .bx-left { padding-left: 0px; } .member_discount h2 { font-size: 32px; } .member_discount p { font-size: 16px; } .motopsupportsec .bmwmotosupport h3 { margin: -30px 0 30px; font-size: 28px; } } @media screen and (max-width: 992px) { .content_block h3 { font-size: 25px; } .member_discount .bx-left, .member_discount .bx-right { width: 100%; float: left; } .member_discount .bx-left { padding-bottom: 0px; } .member_discount h2, .member_discount p { text-align: center; } .member_discount h2 { font-size: 28px; } .member_discount .bx-right img { margin: 0px auto; display: block; width: auto; } .evolutionsec .evelogolist ul li:nth-child(2) { margin-top: 0px; } .evolutionsec .evelogolist ul li:nth-child(1), .evolutionsec .evelogolist ul li:nth-child(3) { flex-direction: initial; } } @media screen and (max-width: 767px) { .content_block h3 { font-size: 20px; } .member_discount h2 { font-size: 20px; } .member_discount p { font-size: 16px; } .history-ad_sec h2 { margin: 0 0 15px; font-size: 23px; } .motopsupportsec .bmwmotosupport h3 { margin: -15px 0 30px; font-size: 23px; } } .sivdarkblue, .siv-trip-register-sec p a.sivdarkblue { color: #0044cc; text-decoration: none; font-weight: 700; } .sivbloodred { color: #ff0000; text-decoration: none; font-weight: 700; } /*.zoneFooter1 .container_12{width:100%;max-width:100%;padding-left:0px;padding-right:0px;}*/ .zoneFooter1 .container_12 img { width: 100%; } .bmw-cta-float__img-wrap.second:after { height: 100%; width: 100%; left: 25px; top: 25px; right: auto; } .clubms.section-two #id_CZqghMJ { padding-top: 20px; } .bmw-cta-float__img-wrap.second .bmw-cta-float__img { display: flex; align-items: center; } .bmw-about-video__play.two { background: url(../../resources/img/play-btn-new.png) no-repeat center center; background-size: 80%; width: 112px; height: 112px; } .bmw-cms.three img { width: 100%; } .clumbms.section3 .bmw-info-box.three { padding-right: 40px; } .bmw-info-box.one { padding-right: 40px; } .clubms.section-two { direction: rtl; } .bmw-info-box.two { padding-left: 40px; } @media screen and (max-width: 1000px) { .bmw-cta-float__img-wrap.second:after { right: 0px; top: 36px; width: 315px; height: 256px; } .clubms.section-two { margin-top: 50px; } } @media only screen and (max-width: 616px) { .clubms.section-two { margin-top: 50px; margin-bottom: 70px; } .bmw-info-box.one { padding-right: 0px; } .clumbms.section3 .bmw-info-box.three { padding-right: 0px; margin-bottom: 0px; } .bmw-info-box.two { padding-left: 0px; margin-bottom: 0px; } } @media screen and (max-width: 500px) { .bmw-info-box.two { padding-top: 0px; } .clumbms.section3 { margin-left: 0px; margin-bottom: 40px; } } .bmw-info-box li:before { display: none; } .supportfirstsec .bmw-info-box ul li { list-style: decimal; }