html, body { background-color: var(--elements-bg-color-flat); color: var(--bg-dependent-fg-color); } a { text-underline-offset: .05rem; text-underline-position: under; } .main { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: var(--bg-dependent-bg-color-flat) !important; color: var(--bg-dependent-fg-color-flat) !important; font-weight: 400 !important; transition: var(--transition-slow); display: block; min-height: -webkit-fill-available; min-height: -moz-fill-available; min-height: fill-available; } .main .siteframe, .main .background { z-index: -1; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 1; transition: var(--transition-mid); display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; } .main .background { position: relative; background-color: var(--bg-dependent-bg-color-flat); } .main .siteframe { border-width: 0px; background-color: transparent; z-index: 10000; pointer-events: none; opacity: 1; } .main .background img.fade_out { object-fit: cover; position: absolute; transition: var(--transition-mid); filter: blur(20px) brightness(250%) sepia(100%); opacity: 0; transform: scale(1.125) rotate(calc(var(--animated-rotation) * 1)); transform-origin: 50% 50%; width: 100vw; min-height: 100%; max-width: 100vw; visibility: hidden; display: block; z-index: 1; object-fit: cover; } .main .background img { border:0px; } .main .background img.fade_in { opacity: 1; filter: blur(0px) brightness(100%) sepia(0%); transition: var(--transition-mid); transform: scale(1) rotate(0deg); visibility: visible; mix-blend-mode: normal; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; z-index: 1; } .cover_top, .cover_bottom, .cover { position: fixed; transform-origin: 50% 50% !important; flex: 1; transition: var(--transition-slow); } .cover_top, .cover_bottom { left: calc((100vw - var(--cover-width)) / 2); width: var(--cover-width); } .cover_top { height: var(--cover-height); top: calc(var(--cover-top-init-pos)); } .cover_bottom { height: var(--cover-height); } .cover_inset, .cover_top, .cover_bottom, .cover { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; } .cover_top, .cover_bottom, .cover, .main { font-family: var(--ui-font), sans-serif; } .cover_top, .cover_bottom { background: transparent; backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); } .cover_inset { width: inherit; height: var(--cover-inset-size); pointer-events: none; transition: var(--transition-fast); backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); } .cover_top .cover_inset, .cover_bottom .cover_inset { background-color: var(--elements-bg-color-flat); overflow: hidden; } .cover_top .cover_inset { background: radial-gradient(circle at 50% 55%, var(--elements-bg-color-flat-lighten), var(--elements-bg-color-flat) 50%); } .cover_bottom .cover_inset { justify-content: flex-start; } .cover_bottom_buttons_panel { display: none; } .cover_icon { display: inline-flex; width: var(--cover-icon-size) !important; height: var(--cover-icon-size) !important; background-clip: text; } .cover_icon .icon { font-weight: 200; width: var(--cover-icon-size) !important; height: var(--cover-icon-size) !important; font-size: calc(var(--cover-icon-size) - .5rem) !important; color: var(--cover-fg-color-flat) !important; fill: var(--cover-fg-color-flat) !important; stroke: var(--cover-fg-color-flat) !important; border-color: var(--cover-fg-color-flat) !important; } .cover_icon .icon i { background-color: var(--cover-fg-color-flat) !important; } .cover_top, .cover { z-index: var(--cover-z-index); } .cover_top { height: 100%; } .cover_bottom { top: calc(100% + var(--cover-top-init-pos) * 1 - (var(--cover-inset-size-gap) / 2) - var(--cover-border-size)); z-index: calc(var(--cover-z-index) - 10); } .cover { left: 0px; right: 0px; height: 100%; width: 100%; top: 0px; bottom: 0px; color: var(--elements-fg-color-flat) !important; background-color: var(--elements-bg-color-flat) !important; transform-origin: 0% 0% !important; transition-delay: .25s !important; transition: none !important; } .cover_slide { transition: var(--transition-fast) !important; filter: blur(5px); opacity: 0; visibility: hidden !important; pointer-events: none !important; } .loading_box { line-height: 160%; animation: pulse 1s alternate infinite; transition: var(--transition-slow); } .loading { position: fixed; bottom: 10vh; right: 10vw; transition: var(--transition-fast); font-size: 1rem; line-height: 125%; text-align: right; } .loading span { text-transform: uppercase; } .cover_top_slide, .cover_bottom_slide { flex: 1; transition: var(--transition-mid) !important; } .cover_top_slide { transform: translateY(calc(-100% + 1rem)); } .cover_bottom_slide .cover_inset, .cover_top_slide .cover_inset { width: var(--cover-inset-size); height: var(--cover-inset-size-slide); } .cover_bottom_slide { transition-delay: .25s; transform: translateY(calc(var(--cover-top-init-pos) * (-1))); } .header_alternative { flex-direction: row !important; position: fixed !important; height: var(--service-menu-height) !important; transform: translateY(calc(var(--service-menu-height) * -1)) !important; transition: var(--transition-mid); display: flex; align-items: center; align-content: center; justify-items: center; justify-content: flex-end !important; left: auto !important; right: 0px; width: -moz-fit-content !important; width: fit-content !important; background-color: var(--elements-bg-color-flat); color: var(--elements-fg-color-flat); border-bottom-left-radius: var(--mp); padding: calc(var(--mp) * 0); } .header_alternative * { opacity: 1 !important; color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat); stroke: var(--elements-fg-color-flat); display: inline-flex !important; align-items: center; align-content: center; justify-items: center; justify-content: center; visibility: visible !important; font-size: .85rem !important; } .header_alternative .mobile_header_page_breadcrumbs { } .header_alternative .mobile_header_menu_button { display: none !important; } .breadcrumbs_alternative { width: -moz-fit-content; width: fit-content; } .cover_slide .loading, .cover_top_slide .loading { opacity: 0 !important; } .header, .main_menu, .langs_menu { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; height: var(--header-bar-height); padding: var(--mp); text-transform: uppercase; } .header { top: calc(var(--mp) * 0 + var(--siteframe-border-size) * 1); justify-content: space-between; color: var(--bg-dependent-fg-color); } .main_menu, .header, .footer, .footer_page { transition: var(--transition-mid); } .footer_page { display: flex; flex-direction: column; flex: 1; position: relative; transition: var(--transition-fast); color: var(--elements-fg-color-flat); width: 100%; height: -moz-fit-content; height: fit-content; z-index: 1000; transform: translateY(15vmin) scale(1); filter: brightness(250%); transform-origin: 50% 0%; } .footer_page .footer_page_contents_data_full_row, .footer_page .footer_page_contents_data { opacity: 0; } .footer_page .footer_page_contents_data_full_row { transition-delay: .25s !important; } .footer_page .footer_page_contents_data { transition-delay: .5s !important; } .iob_footer_page_pop { transform: translateY(0vh) rotate(0deg) scale(1); filter: none; } .iob_footer_page_pop .footer_page_contents_data_full_row, .iob_footer_page_pop .footer_page_contents_data { opacity: 1; } .footer_page_contents { --footer-page-content-borders: 1px solid var(--bg-dependent-bg-color-trans); width: 100%; padding-top: calc(var(--mp) * 0); padding-left: var(--footer-elements-padding-lateral); padding-right: var(--footer-elements-padding-lateral); padding-bottom: var(--footer-page-bottom-stripe-height); background-color: var(--elements-bg-color-flat); min-height: calc(100vh - var(--footer-page-top-stripe-height) - var(--header-bar-height) - var(--mp) * 0); height: -moz-fit-content; height: fit-content; border-top: 2pt solid var(--elements-fg-color-flat); } .footer_page_contents_grid { display: grid; grid-template-columns: repeat(var(--footer-page-contents-grid-cols), 1fr); grid-gap: 0px; } .footer_page_contents, .footer_page_contents * { color: var(--elements-fg-color-flat); } .footer_page_partners, .footer_page_info { display: flex; align-items: center; align-content: center; justify-items: center; margin: auto; padding: calc(var(--mp) * 2); font-size: .75rem; width: 100%; } .footer_page_partners { box-shadow: var(--box-shadow-soft); justify-content: center !important; height: calc(var(--footer-page-top-stripe-height) * 1); background-color: var(--bg-dependent-bg-color-trans); background-color: transparent; backdrop-filter: var(--backdrop-filter-header); -webkit-backdrop-filter: var(--backdrop-filter-header); border: 2px solid var(--bg-dependent-bg-color-trans); border-bottom-width: 0px; } .footer_page_partners div.partner { margin: calc(var(--mp) * 1); padding: calc(var(--mp) * 1); text-transform: uppercase; } .item_in_footer_stripe_container { display: block; text-align: center; } .footer_page_info { position: fixed; bottom: 0px; justify-content: space-between !important; height: var(--footer-page-bottom-stripe-height); width: 100%; padding-left: var(--footer-elements-padding-lateral); padding-right: var(--footer-elements-padding-lateral); background-color: var(--elements-bg-color-flat); text-transform: uppercase; z-index: 2000; box-shadow: var(--box-shadow-soft); border-top: 1pt solid var(--elements-fg-color-flat) ; } .footer_page_info *, .footer_page_info { color: var(--elements-fg-color-flat) !important; } .backdrop_header { transition: var(--transition-mid); background-color: var(--bg-dependent-bg-color-trans); backdrop-filter: var(--backdrop-filter-header); -webkit-backdrop-filter: var(--backdrop-filter-header); } .main_menu { justify-content: center; pointer-events: none; height: var(--header-bar-height); padding: var(--mp); } .main_menu * { pointer-events: all; text-transform: uppercase; } .cookies_alert { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; margin-left: calc(var(--mp) * 2); margin-right: calc(var(--mp) * 2); padding: calc(var(--mp) * 2); font-size: 1rem; font-weight: 500; text-transform: uppercase; color: var(--elements-fg-color-flat); border-bottom: 1px solid var(--elements-fg-color-flat) !important; } .contents_container { display: block; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow-y: scroll; overflow-x: hidden; z-index: -1; padding-top: var(--header-bar-height); transition: var(--transition-fast); scroll-snap-type: proximity; } .contents { position: relative; width: 100%; margin: auto; margin-bottom: calc(var(--footer-bar-height) + var(--mp) * 0); transition: var(--transition-fast); opacity: 0; min-height: calc(100vh - var(--header-bar-height) - var(--footer-page-bottom-stripe-height)); overflow: hidden; z-index: 0; transition-delay: .25s; } .contents_show { opacity: 1; } .scroll_to_top_helper { --to-top: calc((var(--header-bar-height) + var(--mp) * 2) * 1); border: var(--to-top); scroll-margin: var(--to-top); scroll-padding: var(--to-top); display: flex; position: absolute; left: 0px; top: calc(var(--to-top) * -1); width: .5rem; height: .5rem; background-color: red; pointer-events: none; font-size: 0px; visibility: hidden; z-index: 1000; } .contents>div { transition: var(--transition-fast); position: relative; animation: slide_from_bottom .5s ease-in-out both !important; } .contents_block_grid_container { position: relative; width: auto; background-color: transparent; padding: calc((100% - var(--contents-width)) / 2); padding-top: calc(var(--mp) * 2); padding-bottom: calc(var(--mp) * 2); border-radius: calc(var(--mp) * 1); margin: calc(var(--mp) * 1); } .grid_cols { position: relative; } .contents_block_grid { display: grid; width: calc(100%); gap: calc(var(--mp) * 2); } div.contents_block_group_alternate_dx, div.contents_block_group_alternate_sx, div.contents_block_group_contacts, div.contents_block_group_standalone, div.contents_block_group_photoframe, div.contents_block_group_biopic, div.contents_block_group_article, div.contents_block_group { transition: var(--transition-fast); z-index: -1; margin-bottom: calc(var(--mp) * 2); } div.contents_block_group_photoframe { position: relative !important; border: 0pt solid var(--bg-dependent-fg-color-trans); background-color: var(--bg-dependent-bg-color-trans); transition: var(--transition-fast) !important; border-radius: calc(var(--mp) * 1); z-index: 1; cursor: pointer; height: -moz-fit-content !important; width: -moz-fit-content !important; height: fit-content !important; width: fit-content !important; overflow: hidden; } div.contents_block_group_photoframe img { width: 100% !important; height: auto; min-height: 5rem !important; transition: var(--transition-mid) !important; } .contents_block_group_standalone { display: grid; grid-template-columns: 33% auto; padding: 0px; } div.contents_block_group_contacts, div.contents_block_group_biopic { display: flex; } div.contents_block_group_contacts { align-items: center; align-content: center; justify-items: center; justify-content: center; } .contents_block_image, .contents_block { transition: var(--transition-mid); z-index: 400; width: 100%; } div.contents_block_group_contacts { max-width: var(--contents-width); margin: calc(var(--mp) * 1); flex: 1; } .contents_block { font-size: 1rem; margin-bottom: 1rem; min-height: 4rem; } .contents_block_grid .contents_block { margin-bottom: 0rem; border-radius: 0px 0px calc(var(--mp) * .5) calc(var(--mp) * 2); padding: calc(var(--mp) * 1); overflow: hidden; } .contents_block_grid>div:hover { z-index: 100; } .contents_block .contents_block_data { font-family: var(--text-font); display: block; padding: calc(var(--mp) * 2); padding-top: calc(var(--mp) * 1); text-align: start; hyphens: auto; transition: var(--transition-slow); overflow: hidden; text-overflow: ellipsis; } .contents_block_data *, .contents_block_data { color: var(--bg-dependent-fg-color); } .contents_block_data a { text-decoration: underline !important; } .contents_block h1, .contents_block h2, .contents_block h3 { margin: 0px !important; padding: 0px !important; margin-bottom: var(--mp) !important; padding-bottom: var(--mp) !important; font-weight: 500; border-bottom: 1px dotted var(--bg-dependent-fg-color-trans); direction: ltr !important; } .contents_block h1 { font-size: 180%; } .contents_block h2 { font-size: 160%; } .contents_block h3 { font-size: 140%; } .contents_frame_block_group_active .close_item_button { display: block !important; } .contents_frame_block_group_blur .close_item_button { display: none; } .contents_frame_block_group_blur:hover, .contents_frame_block_group_active:hover { position: relative; z-Index: 10001 !important; } .contents_frame_block_group_blur:hover .contents_block_group, .contents_frame_block_group_active .contents_block_group { box-shadow: var(--box-glow-soft); } .contents_block .contents_block_data { transition-delay: .5s; box-sizing: border-box !important; } .contents_block .contents_block_data { --cbd-height: 6.6em; box-sizing: content-box !important; min-height: var(--cbd-height); max-height: var(--cbd-height); } div.contents_block_group_alternate_sx .contents_block_data, div.contents_block_group_alternate_dx .contents_block_data { min-height: fit-content; flex: 1; max-height: inherit !important; overflow-y: auto; padding: calc(var(--mp) * 2); } .contents_block .contents_block_data, .contents_block .contents_block_data * { line-height: 1.25em; } .contents_block .contents_block_data p { margin-bottom: 1.25em; } .contents_frame_block_group_active .contents_block_data, .contents_block_group:hover .contents_block_data { transition: var(--transition-slow); transition-delay: 0s !important; max-height: 150em; } .contents_frame_block_group_active { position: fixed !important; top: 0px !important; bottom: 0px !important; left: 0px !important; right: 0px !important; transition: var(--transition-mid) !important; z-index: 10000 !important; overflow: scroll !important; background-color: transparent; backdrop-filter: var(--backdrop-filter) !important; } :root { --bga-margin: calc(var(--mp) * 2); } .contents_frame_block_group_active .contents_block_group_alternate_dx, .contents_frame_block_group_active .contents_block_group_alternate_sx, .contents_frame_block_group_active .contents_block_group { width: calc(100% - 0); margin: var(--bga-margin); margin-top: calc(var(--header-bar-height) + var(--bga-margin)); margin-bottom: calc(var(--footer-bar-height) + var(--bga-margin)); min-height: calc(100% - var(--bga-margin) * 2 - var(--header-bar-height) - var(--footer-bar-height)); border-radius: var(--mp) !important; backdrop-filter: none !important; } .contents_frame_block_group_active .contents_block_group, .contents_frame_block_group_active .contents_block_group:hover { box-shadow: var(--box-shadow-soft) !important; } .contents_frame_block_group_active .contents_block_image, .contents_frame_block_group_active .contents_block_data { margin-left: auto !important; margin-right: auto !important; backdrop-filter: none !important; } .contents_frame_block_group_active .contents_block_image { max-width: calc(var(--contents-width) * .5) !important; } .contents_frame_block_group_active .contents_block_data { position: relative; z-index: -1; max-width: var(--contents-width) !important; } .readmore { display: flex !important; align-items: center; align-content: center; justify-items: center; justify-content: center; color: var(--bg-dependent-fg-color); text-align: center; border-radius: var(--mp); transition: var(--transition-mid); left: calc(var(--mp) * 1); width: calc(100% - var(--mp) * 3); z-index: 1000; position: absolute; transition-delay: .5s; padding: 0px; background-color: transparent !important; background: transparent !important; bottom: 0px; } .readmore_row { display: flex; margin-top: 1pt; margin-left: auto; margin-right: auto; height: 0pt; border-bottom: 0pt solid var(--bg-dependent-fg-color-trans) !important; width: 1%; background-color: transparent; backdrop-filter: var(--backdrop-filter) !important; } .readmore_symbol { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; padding: calc(var(--mp) * .25); background-color: var(--bg-dependent-bg-color-trans) !important; border-top-left-radius: calc(var(--mp) * 1); border-top-right-radius: calc(var(--mp) * 1); border: 1px solid var(--bg-dependent-fg-color-trans); border-bottom-width: 0px; backdrop-filter: var(--backdrop-filter) !important; transition: var(--transition-fast); transition-delay: .5s; transform-origin: 50% 50%; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; margin: auto; } .readmore_symbol .icon { --es-size: 2rem; margin: 0px; padding: 0px; font-size: 200%; width: var(--es-size); font-weight: 300; height: calc(var(--es-size) / 3); } .readmore_symbol .icon i { background-color: var(--bg-dependent-fg-color-trans); } .contents_block_group:hover .readmore { transition-delay: 0s !important; opacity: 0; } .contents_block_group:hover .readmore_symbol { transform: scale(.75); transition-delay: 0s !important; box-shadow: var(--box-glow); } .contents_block_title { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: flex-start; flex-direction: column; padding: calc(var(--mp) * 2); padding-bottom: calc(var(--mp) * 0); font-size: 1.5rem; font-weight: 500; border-radius: calc(var(--mp) * .5) calc(var(--mp) * 2) 0px 0px; z-index: 500; border-bottom: 1pt dotted var(--bg-dependent-fg-color-trans); margin: auto; max-width: var(--contents-width); } .contents_block_title .role { display: block; font-size: 1rem; line-height: 1.25rem; opacity: .75; padding: calc(var(--mp) * .25); } .contents_block_image .buttons_panel, .contents_block_title .buttons_panel, .contents_block .buttons_panel { position: absolute; display: inline-flex; align-items: center; align-content: center; justify-items: center; justify-content: center; align-self: flex-end; justify-self: flex-end; flex-direction: column; gap: calc(var(--mp) * .5); z-index: 1000; top: calc(var(--mp) * 0); right: calc(var(--mp) * 0); background-color: transparent; padding: calc(var(--mp) * .25); padding-right: calc(var(--mp) * .75); padding-bottom: calc(var(--mp) * .75); border-radius: 4rem !important; width: var(--buttons-panel-size); min-height: var(--buttons-panel-size); color: var(--bg-dependent-fg-color-trans); } .contents_block_image .buttons_panel, .contents_block_title .buttons_panel { top: calc(var(--mp) * 1); right: calc(var(--mp) * 1); } .buttons_panel .icon i { background-color: var(--bg-dependent-fg-color); } .contents_block_image { margin: auto; transition: var(--transition-fast); border-radius: calc(var(--mp) * .5); padding: 0px !important; margin: 0px !important; border-width: 0px; max-height: 100vh !important; background-color: var(--bg-dependent-bg-color-trans); color: var(--bg-dependent-fg-color); max-width: var(--contents-width); aspect-ratio: auto 3 / 2; display: flex; } .contents_block_image img { display: flex; flex: 1; width: 100%; min-height: 5vmin; height: 100%; padding: 0px !important; margin: auto; background-color: var(--bg-dependent-bg-color-trans); color: var(--bg-dependent-fg-color); border-radius: calc(var(--mp) * .5); border-top-right-radius: calc(var(--mp) * 1.5); overflow: hidden; transition: var(--transition-slow) !important; object-fit: cover; } .contents_block_image img.foreground { z-index: 0; opacity: 0; } .contents_block_image_loaded { opacity: 1 !important; } .contents_block_image img.loaded { transition-delay: 1s !important; opacity: 1 !important; } .contents_block_image .inner_block_title, .contents_block_image .inner_block_label { position: fixed; text-align: left; width: calc(100% - var(--buttons-panel-size) - var(--mp) * 2); z-index: 100 !important; } .contents_block_image .inner_block_label { top: 100%; } .contents_block_image .inner_block_title, .contents_block_image .inner_block_label { backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); transition: var(--transition-mid); background-color: var(--bg-dependent-bg-color-trans); color: var(--bg-dependent-fg-color); } .contents_block_image .inner_block_label .icon, .contents_block_image .inner_block_label .icon * { position: relative; display: inline-flex !important; font-size: 1rem; max-width: 1rem; max-height: .4rem; padding: 0px; margin: 0px; } .contents_block_image .inner_block_label .icon { top: .25rem; } .outer_block_title, .contents_block_image .inner_block_title { font-weight: 500; padding: calc(var(--mp) * 1.5); text-transform: uppercase; } .outer_block_title {} .contents_block_image .inner_block_title { margin-top: calc(var(--mp) * 1); margin-left: calc(var(--mp) * 0); border-radius: 0px calc(var(--mp) * .5) calc(var(--mp) * .5) 0px; font-size: .9rem; } .contents_block_image .inner_block_label { transform: translateY(calc(-100% - var(--mp) * 0)); padding: calc(var(--mp) * .75); font-size: .6rem; width: -moz-fit-content !important; width: fit-content !important; text-align: center; text-transform: uppercase; left: auto; right: calc(var(--mp) * 0); border-radius: calc(var(--mp) * 0.25); border-top-left-radius: calc(var(--mp) * 1); } .inner_block_label, .inner_block_label * { color: var(--bg-dependent-fg-color); font-weight: 400; } .inner_block_title *, .inner_block_label * { color: inherit !important; text-decoration: none; } .inner_block_title span { display: flex; font-size: .75rem; line-height: .75rem; } .contents_filename { backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); background-color: var(--main-bg-color-backdrop); padding: calc(var(--mp) * 1); border-radius: calc(var(--mp) * 1); width: -moz-fit-content; width: fit-content; margin: auto; margin-bottom: calc(var(--footer-bar-height) + var(--mp) * 4); } .page_slogan_container, .page_tagline_container { text-align: center; font-weight: 300; min-height: 15vh; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; flex-direction: column; transition: var(--transition-slow); animation: slide_from_bottom 1s ease both !important; margin: auto; font-family: var(--text-font); padding: calc(var(--mp) * 4); width: calc(var(--contents-width) - var(--mp) * 2); margin: auto; margin-top: calc(var(--mp) * 4); margin-bottom: calc(var(--mp) * 4); transition: var(--transition-mid); transition-delay: 1s !important; border-radius: calc(var(--mp) * 1); } .page_slogan_container { align-items: center; align-content: space-between; justify-items: center; justify-content: space-between; flex-direction: column; } .page_tagline_container { backdrop-filter: var(--backdrop-filter); background-color: var(--bg-dependent-bg-color-trans); } .page_slogan_container { max-height: 80vh; height: calc(100vh - var(--header-bar-height) - var(--footer-bar-height) * 2 - var(--mp) * 10); font-weight: 300; max-width: var(--contents-width); font-size: var(--slogan_font_size); line-height: var(--slogan_font_size); background-color: transparent; hyphens: auto; -webkit-hyphenate-character: ""; hyphenate-character: ""; color: var(--bg-dependent-fg-color); text-shadow: 0pt 0pt 4pt var(--bg-dependent-fg-color); border-radius: var(--mp); text-transform: uppercase; text-shadow: var(--text-shadow); background-color: transparent; margin-bottom: 5rem; transition: var(--transition-mid); font-weight: 700; } .page_slogan_container div { mix-blend-mode: overlay; } .page_tagline_container { font-size: 1.5rem; color: var(--bg-dependent-fg-color-trans); border: var(--cover-border-size) solid var(--bg-dependent-bg-color-flat); box-shadow: var(--box-shadow-soft); } .page_tagline_container .promo_line { padding: calc(var(--mp) * 2); border-radius: calc(var(--mp) * 1); position: relative; font-weight: 300 !important; text-shadow: var(--text-shadow); word-break: break-all; font-size: 1.75rem !important; white-space: normal !important; word-break: normal !important; text-transform: uppercase; } .page_tagline_container .promo_contents { text-transform: normal !important; color: var(--bg-dependent-fg-color); text-align: left; } .page_tagline_container .promo_contents a { color: var(--bg-dependent-fg-color); font-weight: 600; } .header .curr_lang, .header a *, .header a, .header a:visited { margin-right: calc(var(--mp) * .5); text-decoration: none; } .item_icon { cursor: pointer; } .header a:active *, .header a:active { opacity: .75; } .header a, .header .curr_lang { border-radius: var(--icon-size); display: inline-flex; align-items: center; align-content: center; justify-items: center; justify-content: center; width: var(--icon-size); height: var(--icon-size); } .header .curr_lang { color: var(--main-bg-color); background-color: var(--text-color); } .footer { position: fixed; height: var(--footer-bar-height); bottom: calc(var(--mp) * 0 + var(--siteframe-border-size) * 1); left: calc(var(--mp) * 0 + var(--siteframe-border-size) * 1); right: calc(var(--mp) * 0 + var(--siteframe-border-size) * 1); font-size: 1.25rem; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; text-transform: uppercase; transition: var(transition-mid); } .msg, .title { text-shadow: var(--text-shadow); text-transform: uppercase; font-size: 3rem; transition: var(--transition-mid); } .title { padding-right: calc(var(--mp) * 4); } .msg { padding-left: calc(var(--mp) * 4); } .title:hover { color: white; text-shadow: .25rem .25rem 1rem white; transform-origin: 50% 50%; transform: scale(1.025); } div.icon { width: var(--icon-size); height: var(--icon-size); font-size: var(--icon-size); display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; padding: calc(var(--mp) * .25); margin-right: 0; box-sizing: content-box !important; } div.icon i { padding: 0px; margin: 0px; width: inherit; height: inherit; display: inline-flex; -webkit-mask-size: cover; mask-size: cover; } .header { animation: slide_from_top; animation-duration: .5s; animation-delay: 1.5s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .footer { } .langs_menu { animation: slide_from_right; animation-duration: .5s; animation-delay: 1.5s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .contact_us_menu { animation: slide_from_left; animation-duration: .5s; animation-delay: 2s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .service_menu_item { display: inline-flex; transition: var(--transition-fast); -webkit-user-select: none; user-select: none; } .langs_menu, .top_menu, .main_menu { white-space: nowrap; } .langs_menu, .top_menu, .bottom_menu { color: var(--elements-fg-color); } .top_menu { display: flex; align-items: flex-end !important; align-content: flex-end !important; justify-items: flex-end !important; justify-content: flex-end !important; } .langs_menu { animation-delay: 2.5s; } .mobile_header_menu_button { display: none; } .mobile_header_menu_main { opacity: 0; visibility: hidden; transition: var(--transition-fast); } div.company_tagline_bottom { margin-top: calc(var(--mp) * 4); font-size: 1rem !important; text-transform: uppercase !important; font-weight: 300 !important; text-align: center; color: var(--cover-fg-color-flat); } .menu_item_active, .menu_item { margin-left: calc(var(--mp) * 1.5); margin-right: calc(var(--mp) * 1.5); transition: var(--transition-fast); cursor: pointer; font-weight: 400; font-size: 1rem; color: var(--menu-item-color); } .menu_item:hover { text-shadow: var(--menu-item-glow); } .menu_item:active { opacity: .75; } .menu_item_active { cursor: default; } .menu_item .menu_decoration { max-width: 0pt; height: 1pt; opacity: 0; transition: var(--transition-fast); background-color: var(--bg-dependent-fg-color); margin-top: calc(var(--mp) * .5); } .menu_item:hover .menu_decoration { max-width: 1rem; opacity: .75; } .menu_item_active .menu_decoration, .menu_item:active .menu_decoration { max-width: 2rem !important; opacity: 1; } .langs_menu .menu_item { font-size: .75rem; padding: var(--mp); margin: calc(var(--mp) * .5); display: flex; display: inline-block; } .langs_menu .menu_decoration { margin-top: calc(var(--mp) * .25); background-color: var(--elements-fg-color-flat); } .service_menu_item .contacts_dropdown { visibility: hidden; opacity: 0; display: flex; flex-direction: column; position: absolute; max-height: 0px; overflow: hidden; top: var(--service-menu-height); padding: calc(var(--mp) * 1); border-radius: var(--mp); transition: var(--transition-fast); background-color: var(--elements-bg-color-flat); -webkit-user-select: none; user-select: none; box-shadow: var(--box-shadow-soft); } .service_menu_item .icon { opacity: .75 !important; transition: var(--transition-fast); border-radius: 100%; padding: 0px !important; margin: 0px !important; margin-right: calc(var(--mp) * .25); cursor: pointer; } .service_buttons_dropdown .icon i { background-color: var(--elements-fg-color-flat) !important; } .service_menu_item .icon:hover { opacity: 1 !important; } .contacts_dropdown, .contacts_dropdown * { color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat) !important; stroke: var(--elements-fg-color-flat) !important; background-color: var(--elements-fg-color-flat) !important; } .service_menu_item:hover .contacts_dropdown { visibility: visible; opacity: .95; max-height: var(--dropdown-max-height); z-index: 1000; } .contacts_dropdown_scroller { overflow-y: auto; height: 100%; max-height: 50vh; padding: calc(var(--mp) * 1); } .service_buttons_dropdown_icons_bar_container { padding-left: calc(var(--mp) * 0); padding-right: calc(var(--mp) * 0); } .service_buttons_dropdown_icons_bar { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: flex-start; padding: calc(var(--mp) * 1); border-top: 1px dotted var(--elements-fg-color-trans) !important; } .service_buttons_dropdown_inlanguage_label { text-transform: uppercase; font-size: 85%; border-bottom: 1px dotted var(--elements-fg-color-trans) !important; padding: calc(var(--mp) * 1); padding-top: calc(var(--mp) * 2); } .service_menu_items_container { height: inherit; width: 100%; } .service_menu_items_container_grid { display: grid; grid-template-columns: auto 2rem; gap: 0px; width: 100%; padding-left: calc(var(--mp) * 2); padding-top: calc(var(--mp) * .0); padding-bottom: calc(var(--mp) * .0); border-radius: calc(var(--mp) * .5); overflow: hidden; top: calc(var(--mp) * 0); z-index: 100; font-size: 1rem; } .service_menu_items_container_grid>div { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: flex-start; transition: var(--transition-fast); } .service_menu_items_container_grid>div.active_element:hover, .service_menu_items_container_grid>div.active_element:hover * { color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat) !important; stroke: var(--elements-fg-color-flat) !important; cursor: pointer; } .service_menu_items_container_grid>div.active_element:active, .service_menu_items_container_grid>div.active_element:active * { color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat) !important; stroke: var(--elements-fg-color-flat) !important; opacity: .75 !important; cursor: pointer; } .service_menu_items_container .maps { margin-bottom: calc(var(--mp) * 2); padding-bottom: calc(var(--mp) * 2); border-bottom: 1px dotted #363636; box-sizing: content-box; } .service_menu_items_container .maps a { white-space: nowrap; display: flex; margin-left: auto; margin-right: calc(var(--mp) * 2); } .service_menu_items_container .maps iframe { margin: 0px !important; padding: 0px !important; width: 30rem; height: 20rem; border: 1px solid #909090 !important; border-radius: calc(var(--mp) * .75); overflow: hidden; transition: var(--transition-mid); } .gate_container { transition: var(--transition-mid); } .gate_container .gate { background-color: rgb(65, 217, 255); opacity: .5; height: 5rem; width: .2rem; border-radius: 50%; transition: var(--transition-mid); } .gate_container_pulse .gate, .gate_container:hover .gate { opacity: 1; opacity: 1; height: 5.25rem; filter: brightness(150%) blur(3px); } .clamp { display: inline-block; max-width: 4rem; opacity: .75; visibility: visible; transition: var(--transition-lettering); white-space: pre; transform: scale(1); } .clamp:hover, .clamp_pulse { visibility: visible; max-width: 4rem; opacity: 1 !important; filter: brightness(150%) !important; text-shadow: .25rem .25rem 1rem white; transform: scale(1); } .load_contents_mistify { opacity: 0 !important; transform: translateY(calc(var(--mp) * 10)); transform-origin: 50% 50%; } div.item_in_footer_stripe, div.item_profile { position: relative; display: inline-flex; overflow: hidden; border: 4pt solid var(--elements-fg-color-trans); } div.item_in_footer_stripe { max-width: 15vmin; max-height: 15vmin; --img-partners-size: calc(var(--footer-page-top-stripe-height) - var(--mp) * 2); cursor: pointer; transition: var(--transition-fast); filter: grayscale(75%); } div.item_in_footer_stripe:hover { filter: none; } div.item_profile { --img-partners-size: 10rem; transition: var(--transition-mid); } div.item_profile:hover { transition: var(--transition-super-fast); transform: scale(1.1); transform-origin: 50% 50%; box-shadow: var(--box-glow-soft); z-index: 0 !important; cursor: pointer; border-color: var(--bg-dependent-bg-color-trans); } div.item_profile:active { opacity: .75; transform: scale(1.05); } div.item_in_footer_stripe, div.item_profile { width: var(--img-partners-size); height: var(--img-partners-size); border-radius: var(--img-partners-size); margin-right: calc(var(--mp) * 1); } div.item_in_footer_stripe img, div.item_profile img { max-width: 100%; } .item_profile_name { text-align: center; padding-top: calc(var(--mp) * 2); padding-bottom: calc(var(--mp) * 2); width: 100%; min-height: 5em; } div.contents_block_group_alternate_dx, div.contents_block_group_alternate_sx, div.contents_block_group_contacts, div.contents_block_group, .contents_block_group_standalone { display: block; padding: var(--mp); text-align: center; backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); background-color: var(--bg-dependent-bg-color-trans); color: var(--bg-dependent-fg-color); border-radius: calc(var(--mp) * .5) calc(var(--mp) * 2) 0px calc(var(--mp) * 2); box-shadow: var(--box-shadow-soft); } div.contents_block_group_alternate_dx, div.contents_block_group_alternate_sx { display: grid; grid-template-columns: 40% auto; grid-auto-flow: dense; gap: 2rem; } div.contents_block_group_alternate_dx .inner_block_title, div.contents_block_group_alternate_sx .inner_block_title { display: none; } div.contents_block_group_alternate_dx { direction: rtl; } .contents_block_group_standalone .item_profile { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; margin: auto !important; margin-right: calc(var(--mp) * 2); border-radius: calc(var(--mp) * .5) calc(var(--mp) * 2) calc(var(--mp) * .5) calc(var(--mp) * 2); border-color: var(--bg-dependent-bg-color-trans); } .contents_block_group_standalone .item_profile img { width: inherit; max-width: 100%; border-radius: calc(var(--mp) * .5); border-bottom-left-radius: calc(var(--mp) * 2); } p { margin: 0px; padding: 0px; text-indent: 1em; width: inherit !important; text-align: left; overflow: hidden; text-overflow: ellipsis; } p, p * { -ms-hyphens: auto !important; -moz-hyphens: auto !important; -webkit-hyphens: auto !important; hyphens: auto !important; -webkit-hyphenate-character: auto; hyphenate-character: auto; } .nofile { color: #cc3333; word-break: break-all; cursor: pointer; } .nofile:hover { color: #cc6666; } blockquote { font-family: var(--citation-font); font-style: italic; line-height: 1.25rem; text-indent: 1rem; } blockquote::before { content: '“'; } blockquote::after { content: '„'; } blockquote::before, blockquote::after { font-weight: bold; line-height: 1rem; } q { quotes: none; font-style: none; } .blast_init { transition: var(--transition-fast) !important; transform: translateY(2vh) rotate(calc(var(--animated-rotation) * -1)) scale(0.5); filter: blur(5px); transform-origin: 50% 0% !important; } .blast_in { transition: var(--transition-fast) !important; opacity: 0; filter: blur(5px) brightness(250%); transform: translateY(5vh) scale(0.9); overflow: visible; } .blast_init .page_tagline_container, .blast_init .contents_block_image, .blast_init .item_profile { position: relative; transform-style: preserve-3d; opacity: 0; transform-origin: 50% 50%; } .blast_init .contents_block_image img.foreground { opacity: 0; transition-delay: 2s; } .blast_init .contents_block_image { transform: scale(.95); filter: grayscale(100%) blur(1px); } .blast_init .item_profile { transform: scale(2); filter: blur(15px); } .blast_out { transition: var(--transition-fast) !important; transform-origin: 100% 0% !important; animation: boing; animation-duration: .25s; animation-delay: 0s; animation-timing-function: ease-in; animation-fill-mode: forwards; } .blast_out .page_tagline_container, .blast_out .contents_block_image img.foreground { opacity: 0; transition-delay: 2s; } .iob_blast_in { transition: var(--transition-fast) !important; transform: translateY(0vh) rotate(0deg) scale(1); filter: blur(0px) !important; opacity: 1 !important; } .iob_blast_in .contents_block_image, .iob_blast_in .item_profile { position: relative; transition-delay: .25s !important; transform: none; filter: none; opacity: 1; filter: none; } .header .mobile_header_page_breadcrumbs { display: none; } .service_buttons_dropdown_title { text-transform: uppercase; text-align: right; } .share_buttons_tongue { box-sizing: border-box !important; transform-origin: 0% 0%; background-color: var(--bg-dependent-bg-color-trans); backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); position: absolute; margin-top: calc((var(--share-buttons-tongue-height) + var(--mp) * 4) * -1 - 1px); margin-left: calc((var(--share-buttons-tongue-height) + var(--mp) * 1) * -1 + 1px); display: none; } .share_buttons_right_dropdown { position: fixed; margin-top: calc(var(--mp) * 2); right: calc(var(--mp) * 2); display: block; z-index: 10000; transition: var(--transition-fast); border: 1px solid var(--bg-dependent-bg-color-flat); box-shadow: var(--box-shadow-soft); border-radius: var(--mp); overflow: hidden; } .share_buttons_right_dropdown:hover { transform: translateX(0%); } .share_buttons_right_container { padding: calc(var(--mp) * .5); display: grid; grid-template-columns: repeat(1, 1fr); background-color: var(--bg-dependent-bg-color-trans); -webkit-backdrop-filter: var(--backdrop-filter); backdrop-filter: var(--backdrop-filter); } .service_buttons_top_dropdown_container { display: block; min-width: var(--buttons-panel-size); } .service_buttons_top_dropdown_container .share_buttons_type_label { text-transform: uppercase; color: var(--elements-fg-color-flat); font-size: .75rem; border-bottom: 1px solid var(--elements-fg-color-flat); } .service_buttons_top_dropdown_container .share_buttons_icons_row { padding: calc(var(--mp) * .5); } .service_buttons_top_dropdown_container .share_buttons_button { cursor: pointer; color: var(--elements-fg-color-flat); margin-left: calc(var(--mp) * 2); } .service_buttons_top_dropdown_container .share_buttons_button * { padding: 0px !important; margin: 0px !important; } .service_buttons_dropdown { padding: calc(var(--mp) * 2); display: inline-flex; flex-direction: column; background-color: var(--elements-bg-color-flat); color: var(--elements-fg-color-flat); border-radius: var(--mp); position: absolute; top: 100%; visibility: hidden; opacity: 0; transition: var(--transition-fast); box-shadow: var(--box-shadow-soft); height: -moz-fit-content; height: fit-content; min-width: 15rem; } .service_top_menu_box_right .service_buttons_dropdown { transform: translateX(-100%); } .buttons_panel .service_buttons_dropdown { transform: translateX(calc((100% + var(--buttons-panel-size)) * -1)); } .share_buttons_item { display: flex; margin-right: calc(var(--mp) * -.5); margin-bottom: calc(var(--mp) * -.75); } .share_buttons_item .service_buttons_dropdown { font-size: 1rem; top: 0px; } .share_buttons_item .share_buttons_icons_row, .share_buttons_item .share_buttons_type_label { text-align: left; } .service_top_menu_box_right .service_buttons_dropdown { align-self: flex-start; } .service_buttons_top_dropdown_container:hover .service_buttons_dropdown { opacity: 1; visibility: visible; pointer-events: all; } .service_buttons_dropdown .menu_item { margin: calc(var(--mp) * 1); } .icon_anchor_bn, .icon_button_color, .icon_button_mini_bn, .icon_button_bn { display: inline-flex; align-items: center; align-content: center; justify-items: center; justify-content: center; overflow: hidden; transition: var(--transition-super-fast); cursor: pointer; } .icon_anchor_bn, .icon_button_mini_bn, .icon_button_bn { opacity: .5; } .icon_button_color, .icon_button_bn { margin: calc(var(--mp) * .5); margin: calc(var(--mp) * .5); } .icon_anchor_bn, .icon_button_mini_bn *, .icon_button_mini_bn, .icon_button_bn *, .icon_button_bn { color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat) !important; stroke: var(--elements-fg-color-flat) !important; } .buttons_panel .icon_anchor_bn, .buttons_panel .icon_button_mini_bn *, .buttons_panel .icon_button_mini_bn, .buttons_panel .icon_button_bn *, .buttons_panel .icon_button_bn { color: var(--bg-dependent-fg-color) !important; fill: var(--bg-dependent-fg-color) !important; stroke: var(--bg-dependent-fg-color) !important; } .service_buttons_dropdown .icon_anchor_bn, .service_buttons_dropdown .icon_button_mini_bn *, .service_buttons_dropdown .icon_button_mini_bn, .service_buttons_dropdown .icon_button_bn *, .service_buttons_dropdown .icon_button_bn { color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat) !important; stroke: var(--elements-fg-color-flat) !important; } .icon_button_mini_bn *, .icon_button_mini_bn { font-size: 1.5rem !important; } .icon_button_bn *, .icon_button_bn { min-width: calc(var(--icon-size) * 1); width: -moz-fit-content; width: fit-content; height: calc(var(--icon-size) * 1); } .icon_anchor_bn:hover, .icon_button_color:hover, .icon_button_mini_bn:hover, .icon_button_bn:hover { filter: brightness(125%); opacity: 1; } .icon_button_mini_bn:active, .icon_button_color:active, .icon_button_bn:active { opacity: .75; } .service_top_menu_container { position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; min-height: var(--service-menu-height); display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; --stm-space: calc((100% - var(--contents-width)) / 2); grid-template-columns: var(--stm-space) calc(var(--contents-width) / 2) calc(var(--contents-width) / 2) var(--stm-space); justify-content: space-between; padding-left: calc(var(--mp) * 2); padding-right: calc(var(--mp) * 2); color: var(--elements-fg-color-trans); background-color: var(--elements-bg-color-trans); backdrop-filter: var(--backdrop-filter-header); -webkit-backdrop-filter: var(--backdrop-filter-header); backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); box-shadow: var(--box-shadow-soft); z-index: 1500; transition: var(--transition-fast); } .service_top_menu_container .service_top_menu_centerer { width: var(--contents-width); margin: auto; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; } .service_top_menu_container .icon i { background-color: var(--elements-fg-color-flat) !important; } .service_top_menu_container .menu_item .menu_decoration { background-color: var(--elements-fg-color-trans); } .service_top_menu_box_left, .service_top_menu_box_center, .service_top_menu_box_right { display: inline-flex; align-items: center; align-content: center; justify-items: center; min-width: calc(var(--contents-width) / 2); height: var(--service-menu-height); } .service_top_menu_box_center { justify-content: center; text-transform: uppercase; font-size: 125%; } .service_top_menu_box_right { justify-content: flex-end; } .button_href { text-decoration: underline; opacity: .75; cursor: pointer; } .button_href:hover { opacity: 1; } .button_href:active { opacity: .5; } .footer_page_info .button_href { display: inline-flex; } .promo_tagline_scroll_down { transition: var(--transition-mid); animation: bounce; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-direction: alternate; animation-iteration-count: infinite; animation-duration: 1s; position: relative; } .promo_tagline_scroll_down .icon { transform: scale(2); font-weight: normal; } .article, .biopic { display: flex !important; } .article .textbox, .biopic .textbox { display: block; font-size: 1.1rem; font-weight: normal !important; text-align: left; hyphens: auto; -webkit-hyphenate-character: "-"; hyphenate-character: "-"; } .article .textbox *, .biopic .textbox * { color: var(--bg-dependent-fg-color); } .article .textbox p, .biopic .textbox p { margin-bottom: calc(var(--mp) * 2); line-height: 1.5rem; text-shadow: var(--text-shadow); } .article .textbox p.big, .biopic .textbox p.big { font-size: 125%; line-height: 115%; text-indent: 0%; } .article h1, .biopic h1 { margin-top: 0px; padding-top: 0px; font-weight: 600; } .article h1 { font-size: 1.75rem; font-weight: 600; padding-bottom: calc(var(--mp) * 2); margin-bottom: calc(var(--mp) * 2); border-bottom: 1px dotted var(--bg-dependent-fg-color-trans); } .article h2, .biopic h2 { display: block; font-weight: 600; font-size: 1.5rem; text-align: left; margin-top: 1.5rem; padding-top: calc(var(--mp) * 2); } .contents_block_grid_contacts { display: flex; align-items: flex-start; align-content: center; justify-items: center; justify-content: center; flex: 1 !important; } div.xmas { padding-top: calc(var(--mp) * 4); text-transform: initial !important; background-color: #cc0000cc; color: white !important; font-size: 250%; line-height: 125%; backdrop-filter: var(--backdrop-filter) !important; ; } div.xmas .mid { display: block !important; margin-bottom: calc(var(--mp) * 2); font-size: 125% !important; } div.xmas .little { display: block !important; margin-bottom: calc(var(--mp) * 2); } div.xmas .big { display: block !important; font-size: 400% !important; margin-bottom: calc(var(--mp) * 2); line-height: 100%; } div.xmas * { display: block !important; color: white !important; font-family: var(--xmas-font); text-transform: unset !important; font-weight: normal !important; } @media screen and (min-width:721px) { .promo_tagline_scroll_down { } .is_portrait { display: none !important; } .langs_menu, .main_menu { animation: slide_from_top; animation-duration: .5s; animation-delay: 2s; animation-timing-function: ease-in-out; animation-fill-mode: both; overflow-x: hidden; } .menu_item:hover .menu_decoration, .menu_item_active, .menu_item:active { filter: brightness(1500%); } .cover_top, .cover_bottom { display: none; } .main_menu_container { position: fixed; width: 100%; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; padding: calc(var(--mp) * 2); padding-top: calc(var(--service-menu-height) + var(--mp) * 2); padding-bottom: calc(var(--mp) * 1); height: calc(var(--header-bar-height)); z-index: 400; transition: var(--transition-slow); border-bottom-left-radius: calc(var(--mp) * 1); border-bottom-right-radius: calc(var(--mp) * 1); } .header { position: fixed; height: calc(var(--header-bar-height)); left: calc(var(--mp) * 0 + var(--siteframe-border-size) * 1); right: calc(var(--mp) * 0 + var(--siteframe-border-size) * 1); display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: flex-end; z-index: 1000; padding: 0px; box-shadow: var(--box-shadow-soft); border-bottom: 2px solid var(--bg-dependent-bg-color-flat); } .header, .footer_page_partners { } .header_at_bottom { height: calc(100vh - var(--footer-page-bottom-stripe-height)) !important; pointer-events: none; max-width: 100vw; border-bottom-left-radius: calc(var(--mp) * 0); border-bottom-right-radius: calc(var(--mp) * 0); } html, body, .main { min-width: 640px !important; } .article, .biopic { display: flex; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: center !important; padding: 0px; } .article { flex-direction: column; } .article .imgbox, .biopic .imgbox { margin-top: calc(var(--mp) * 2); margin-left: calc(var(--mp) * 2); margin-right: calc(var(--mp) * 2); display: flex; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: center !important; cursor: unset; } .biopic .imgbox { min-width: 40%; } .article .imgbox { min-width: 100%; padding: 0px !important; margin: 0px !important; } .biopic .textbox { max-width: 100%; padding: 2rem; } .article .textbox { width: 100%; padding: 1.5rem; padding-top: 1.25rem; } .promo_contents .two_columns { padding: calc(var(--mp) * 4); columns: 1; column-fill: balance; column-gap: 3em; column-rule-width: 1px; column-rule-style: dotted; column-rule-color: var(--bg-dependent-fg-color); } .promo_contents .two_columns h1, .promo_contents .two_columns h2, .biopic h1, .biopic h2 { column-span: all !important; hyphens: none !important; } .biopic h2 { max-width: 75%; } div.contents_block_group_photoframe:hover { z-index: 10000; filter: none !important; transform: scale(1.25) none !important; } div.contents_block_group_photoframe:hover img { filter: sepia(0%) !important; } .page_slogan_container { --slogan_font_size: 3rem; } div.contents_block_group_contacts .contents_block_title { height: 100%; flex: 1 !important; } div.contents_block_group_contacts { width: -moz-fit-content; width: fit-content; min-height: 35rem; } .contents_frame_block_group_active .contents_block_data { margin-left: auto; margin-right: auto; padding: calc(var(--mp) * 4); columns: 1; column-fill: balance; column-gap: 3em; column-rule-width: 1px; column-rule-style: dotted; column-rule-color: var(--bg-dependent-fg-color); hyphens: auto; } } @media screen and (max-width:720px) { :root { --font-size: 10pt; --contents-width: 98vw; --bg-dependent-bg-color-trans-opacity: .5 !important; --header-bar-height: 4rem; --scrollbar-size: 2pt; --scrollbar-thumb-color: rgb(47, 214, 219); --footer-page-top-stripe-height: 20vmin; --hamburger-size: 1px; --hamburger-margin-bottom: calc(var(--hamburger-size) * 6); --hamburger-width: calc((var(--hamburger-size) + var(--hamburger-margin-bottom)) * 3 - var(--hamburger-size)); --hamburger-roated-width: calc(var(--hamburger-width) * 1.415); } .is_landscape { display: none !important; } body { font-size: var(--font-size) !important; } * { box-sizing: border-box !important; outline: none !important; touch-action: manipulation; -webkit-font-size-adjust: none !important; -webkit-text-size-adjust: none !important; -moz-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: transparent !important; -moz-font-size-adjust: none !important; -moz-text-size-adjust: none !important; font-size-adjust: none !important; text-size-adjust: none !important; } .main { transition: var(--transition-slow) !important; } .main_show { transition: var(--transition-mid); } .main .background { opacity: .5; transform: scale(1.5) rotate(15deg); filter: sepia(100%) blur(5px); transform-origin: 50% 50%; } .main_show .header { transition-delay: .25s; filter: none !important; transform: none !important; opacity: 1 !important; } .main_show .background { transition: var(--transition-mid); transition-delay: .25 !important; filter: none !important; transform: none !important; opacity: 1 !important; } .cover { display: none; } .header { height: calc(var(--header-bar-height) * 1) !important; z-index: 10000; background-color: var(--elements-bg-color-flat) !important; backdrop-filter: var(--backdrop-filter-header); -webkit-backdrop-filter: var(--backdrop-filter-header); box-shadow: var(--box-shadow-soft) !important; transform: translateY(-100%); } .header * { font-size: 1.25rem !important; } .contents_block_grid { display: flex; flex-direction: column; } .contents_block_image .inner_block_title { font-size: 1.5rem !important; } .contents_block_image .inner_block_title span { font-size: 1.25rem; margin-top: var(--mp); } .contents_frame_block_group_active .contents_block_image { max-width: calc(var(--contents-width) * 1) !important; } .mobile_header { position: fixed; right: 0px; left: 0px; display: flex; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: space-between !important; width: 100%; transition: var(--transition-mid); z-index: 200; } .mobile_header_menu_button { font-size: 2.5rem; margin-left: calc(var(--mp) * 1); margin-right: calc(var(--mp) * 1); background-color: transparent; position: relative; transition: var(--transition-fast); cursor: pointer; display: flex; flex-direction: column; align-items: flex-end !important; align-content: flex-end !important; justify-items: flex-end !important; justify-content: flex-end !important; padding: 0px; color: var(--elements-fg-color-flat); fill: var(--elements-fg-color-flat); stroke: var(--elements-fg-color-flat); z-index: 200; pointer-events: all; } .mobile_header_menu_button * { font-size: 2rem !important; } .mobile_header_page_breadcrumbs { font-size: 1.0rem !important; margin-left: var(--mp); padding: 0px; display: inline-flex !important; align-items: flex-end !important; align-content: flex-end !important; justify-items: flex-end !important; justify-content: flex-end !important; flex: 1; height: 100%; text-transform: unset !important; } .mobile_header_menu_button, .mobile_header_menu_button:active { opacity: 1; } .mobile_header_menu_button:hover { opacity: 1; } .mobile_header_menu_button { height: auto; visibility: visible; display: flex; } .mobile_header_menu_button_status_show { -webkit-pointer-events: none; pointer-events: none; z-index: -1; -webkit-user-select: none; user-select: none; } .hamburger { height: var(--hamburger-size); width: var(--hamburger-width); background-color: var(--elements-fg-color-flat); margin-bottom: var(--hamburger-margin-bottom); } .hamburger, .hamburger_line_top, .hamburger_line_center, .hamburger_line_bottom { transition: var(--transition-fast); } .mobile_header_menu_button_status_show .hamburger_line_top { transform: rotate(-45deg) !important; transform-origin: 100% 0% !important; } .mobile_header_menu_button_status_show .hamburger_line_center { transform: scale(0) !important; transform-origin: 50% 50% !important; opacity: 0; } .mobile_header_menu_button_status_show .hamburger_line_bottom { transform: rotate(45deg) !important; transform-origin: 100% 100% !important; } .main_menu { margin-top: calc(var(--mp) * 2); width: calc(100% - (var(--mp) * 2)); padding: 0px; } .main_menu_container { position: fixed !important; display: block; flex-direction: column; flex: 1; top: var(--header-bar-height) !important; bottom: 0px !important; left: 0px !important; right: 0px !important; transition: var(--transition-fast); align-items: flex-end !important; align-content: flex-end !important; justify-items: flex-end !important; justify-content: flex-end !important; outline: none; pointer-events: none; background-color: var(--elements-bg-color-trans-ultra) !important; backdrop-filter: var(--backdrop-filter-header); -webkit-backdrop-filter: var(--backdrop-filter-header); z-index: 1 !important; box-sizing: border-box; visibility: hidden; transform: translateX(100%); overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important; } .main_menu_wrapper { position: fixed; top: var(--wrapper-margins); bottom: var(--wrapper-margins); right: var(--wrapper-margins); left: var(--wrapper-margins); background-color: var(--elements-bg-color-flat) !important; overflow: hidden !important; margin-left: auto; transition: var(--transition-mid); opacity: 0; transform: translateX(100%); transition-delay: .75s; padding: calc(var(--mp) * 2); padding-left: calc(var(--mp) * 4); padding-right: calc(var(--mp) * 2); box-shadow: var(--box-shadow-soft); border-top-left-radius: calc(var(--mp) * 1); border-bottom-left-radius: calc(var(--mp) * 1); border-radius: calc(var(--mp) * 1); } .main_menu_scroll_wrapper { max-width: 100%; max-height: 100%; padding: calc(var(--mp) * 0); padding-right: calc(var(--mp) * 2); overflow-y: scroll; overflow-x: hidden; } .menu_item .menu_decoration { background-color: var(--elements-fg-color-flat); } .mobile_header_company_name { position: fixed; width: -moz-fit-content; width: fit-content; white-space: nowrap !important; z-index: 1000; font-size: 100% !important; overflow: hidden; text-overflow: ellipsis; font-weight: 500 !important; text-align: center !important; padding: calc(var(--mp) * 1.5); color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat) !important; stroke: var(--elements-fg-color-flat) !important; left: 50% !important; transform: translateX(-50%) !important; pointer-events: none !important; } .mobile_header_company_name .company_name { font-size: 150% !important; } .main_menu_container_show { pointer-events: all !important; z-index: 1 !important; opacity: 1 !important; overflow: hidden; visibility: visible; transform: translateY(0vh); border-left-color: transparent; } .main_menu_container .langs_menu { transform: translateY(10vh); transition-delay: .25s; opacity: 0; } .main_menu_container .main_menu { flex-direction: column; height: -moz-fit-content; height: fit-content; transition-delay: .5s; transform: translateY(10vh); opacity: 0; margin-bottom: calc(var(--mp) * 4); } .main_menu_container .contacts_block { height: -moz-fit-content; height: fit-content; transform: translateY(10vh); transition-delay: .75s; opacity: 0; margin-top: calc(var(--mp) * 1); } .main_menu_container .menu_item { font-size: 1rem !important; color: var(--elements-fg-color-flat) !important; border-bottom: 1px solid var(--elements-border-color-trans) !important; border-radius: 0px !important; padding: calc(var(--mp) * 3) !important; padding-bottom: calc(var(--mp) * 1.25) !important; margin: 0px; } .main_menu_container * { pointer-events: none; transition: var(--transition-mid); } .main_menu_container_show * { pointer-events: all !important; transform: translate(0%, 0%) !important; opacity: 1 !important; } .menu_item { opacity: .5; } .menu_item:hover { opacity: .75; } .menu_item:active, .menu_item_active { opacity: 1; } .menu_item:active, .menu_item_active, .menu_item { font-size: 1.75rem; color: var(--bg-dependent-fg-color) !important; box-shadow: none !important; text-shadow: none !important; position: relative; padding: calc(var(--mp) * 1); margin-bottom: calc(var(--mp) * 1); width: 100%; border-radius: calc(var(--mp) * 1); } .menu_item:active, .menu_item:focus { background-color: var(--bg-dependent-bg-color-trans); } .menu_item:focus .menu_decoration, .menu_item:active .menu_decoration, .menu_item_active .menu_decoration { width: 6rem; } .main_menu_container .langs_menu { border-bottom: .1rem dotted var(--bg-dependent-fg-color); height: 4.5rem; align-items: flex-end !important; align-content: flex-end !important; justify-items: flex-end !important; justify-content: flex-end !important; flex-direction: row-reverse; } .main_menu_container .langs_menu .menu_item { margin: 0px !important; margin-left: calc(var(--mp) * .5) !important; text-align: baseline; height: 100%; flex: 1; } .cover_bottom_buttons_panel { height: 5rem; width: auto; position: fixed; --panel-border-radius: 1rem; --panel-margins: 10%; left: var(--panel-margins); right: var(--panel-margins); bottom: 0px; display: flex; align-items: flex-end; align-content: flex-end; justify-items: flex-end; justify-content: flex-end; z-index: var(--cover-z-index); padding: calc(var(--mp) * 2); border-top-left-radius: var(--panel-border-radius); border-top-right-radius: var(--panel-border-radius); border-top: .25rem solid #e2d1c3; backdrop-filter: var(--backdrop-filter-header) !important; -webkit-backdrop-filter: var(--backdrop-filter-header) !important; } .footer_page_contents_grid { display: block !important; flex-direction: column !important; flex: 1 !important; min-height: -moz-fit-content !important; min-height: fit-content !important; clear: both; } .contents_block_data *, .contents_block_data { text-align: justify; } li { margin-left: calc(var(--mp) * 1) !important; } ol, ul { margin: 0px !important; margin-top: calc(var(--mp) * 1) !important; } textarea:focus, input:focus { font-size: var(--font-size) !important; touch-action: none !important; max-width: 100%; } .popup_win { max-width: 100vw !important; left: 0px !important; right: 0px !important; bottom: 0px !important; } .popup_win .popup_win_scroller ol, .popup_win .popup_win_scroller ul, .popup_win .popup_win_scroller li { margin-left: calc(var(--mp) * .5) !important; padding-left: calc(var(--mp) * .5) !important; } .languages_buttons_mobile_container .menu_item { width: -moz-fit-content; width: fit-content; display: inline-block; border-width: 0px !important; text-transform: uppercase; padding: var(--mp); text-align: center; } .swipe { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; flex-direction: column; width: 100%; z-index: 100; transition: var(--transition-mid); transform: scale(4); position: absolute; margin-top: 15vmin; } .swipe_element { animation: swipe_pulse; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-direction: normal; animation-iteration-count: infinite; animation-duration: 4s; position: absolute; text-align: center; display: inline-flex; align-items: center; align-content: center; justify-items: center; justify-content: center; height: -moz-fit-content; height: fit-content; padding-right: 2rem; line-height: 1rem; font-size: 1rem; } .swipe, .swipe * { color: var(--elements-fg-color-trans); fill: var(--elements-fg-color-trans); stroke: var(--elements-fg-color-trans); opacity: .5; } .page_tagline_container { display: flex !important; flex-direction: column !important; min-height: calc(25vh * 1) !important; flex: 1 !important; height: fit-content !important; padding-bottom: calc(var(--mp) * 6); } .article, .biopic { flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; padding: 0px; } .article .textbox, .biopic .textbox { margin-top: .25rem; font-size: 1.25rem; padding: 2rem; } .article h1, .biopic h1 { font-size: 1.75rem; margin: 0px; margin: auto; margin-bottom: 1.5rem; hyphens: none; } .article h2, .biopic h2 { font-size: 1.5rem; margin: 0px; margin: auto; hyphens: none; text-align: center; } div.contents_block_group_photoframe:hover { z-index: 10000; filter: none !important; transform: none !important; } div.contents_block_group_photoframe:hover img { filter: sepia(0%) !important; } .page_slogan_container { --slogan_font_size: 2.0rem; max-height: 70vh; } div.xmas { font-size: 150%; } div.xmas, div.xmas * { hyphens: none; word-break: normal; } .contents_block_image img { aspect-ratio: auto 9 / 16; } .article .imgbox, .biopic .imgbox { max-width: 94%; display: block; align-items: center; align-content: center; justify-items: center; justify-content: center; margin: auto !important; } .biopic, .article { border-radius: calc(var(--mp) * 1) !important; margin: auto; } } .page_slogan_container .logo_in_slogan { font-family: var(--logo-font); font-size: 300%; margin-bottom: 5rem; } .color_red { color: #cc0000; } .color_blue { color: #3366cc; } .color_green { color: #66cc33; } .captcha_panel { position: absolute; left: auto; right: calc(var(--mp) * 3); min-height: 3rem; bottom: calc(var(--form-dashboard-panel-height) + var(--mp) * 1); background-color: var(--bg-dependent-bg-color-trans); backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); border: 2pt solid var(--bg-dependent-bg-color-flat); border-radius: var(--mp); text-align: center; transition: var(--transition-fast); visibility: hidden; pointer-events: none; opacity: 0; padding: calc(var(--mp) * 1); transform: scale(0); box-shadow: var(--box-shadow-soft); z-index: 1000; } .captcha_panel .captcha_message { font-size: .9rem !important; padding: var(--mp); } .submit_panel { display: inline-block; } .submit_panel:hover .captcha_panel { visibility: visible; pointer-events: all; opacity: 1; transform: scale(1); } .captcha_image { display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; border-top-left-radius: var(--mp); border-top-right-radius: var(--mp); color: var(--bg-dependent-fg-color); background-color: var(--bg-dependent-bg-color-flat); border: 2pt solid var(--bg-dependent-bg-color-flat); overflow: hidden; background-color: white; min-width: 18rem; min-height: 4rem; position: relative; z-index: -1; } .captcha_image img { overflow: hidden; margin: auto; opacity: .75; } .captcha_panel input { font-size: 1rem; border-bottom-left-radius: var(--mp); border-bottom-right-radius: var(--mp); margin-bottom: var(--mp); padding: var(--mp); text-transform: uppercase; text-align: left; width: 100%; border-top-width: 0px; position: relative; z-index: 100; } .title_item_label_h2, .title_item_label_h1 { margin-top: calc(var(--mp) * 0); text-transform: uppercase; border-bottom: 1px solid var(--elements-fg-color-flat); } .title_item_label_h1 { padding: calc(var(--mp) * 1); padding-left: calc(var(--mp) * 0); margin-bottom: calc(var(--mp) * 1); } .title_item_label_h2 { font-size: 85%; padding: calc(var(--mp) * .5); margin-top: calc(var(--mp) * .5); margin-bottom: calc(var(--mp) * .5); text-align: right; opacity: .5; } .title_item_label_h3 { position: relative; text-align: right; text-transform: uppercase; border-top: 1px dotted var(--elements-fg-color-flat); padding-top: calc(var(--mp) * .5); font-size: .85rem !important; opacity: .5 !important; margin-bottom: calc(var(--mp) * 1); } .contacts_socials_share_items_mobile { width: 100%; padding-right: calc(var(--mp) * 2); margin-top: calc(var(--mp) * 2); } .contacts_socials_share_items_mobile .title_item_label_h1 { text-align: right; } .contacts_socials_share_item_contact_us_icons_section, .contacts_socials_share_item_social_icons_section { padding-bottom: calc(var(--mp) * 1); vertical-align: bottom; } .contacts_socials_share_item_contact_us_icons_section { display: flex; } .contacts_socials_share_items_mobile .contacts_contact_us_item_section { display: flex; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: center !important; flex-direction: row-reverse; flex-direction: column; text-align: center; } .contacts_socials_share_items_mobile .contacts_socials_share_item_social_icons_section { display: flex; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: flex-start !important; } .contacts_socials_share_items_mobile .contacts_socials_share_item_social_icons_section .icon i { background-color: var(--elements-fg-color-trans); } .footer_page_contents_data { padding: calc(var(--mp) * 2); transition: var(--transition-mid); } .footer_page_contents_data * { color: var(--elements-fg-color-trans); } .footer_page_contents_data div { line-height: 150% !important; } .footer_page_contents_data_full_row { grid-column: 1 / calc(var(--footer-page-contents-grid-cols) + 1) !important; text-align: center; margin-bottom: calc(var(--mp) * 2); transition: var(--transition-mid); z-index: 10000; } .footer_page_company_name { font-size: 1.25rem; color: white; } .footer_page_company_tagline { color: white; margin-bottom: var(--mp); } .contacts_socials_share_share_on { display: flex; flex-direction: column; } .contacts_socials_share_share_on i { color: var(--elements-fg-color-flat) !important; fill: var(--elements-fg-color-flat) !important; stroke: var(--elements-fg-color-flat) !important; } .footer_page_contents .icon i { background-color: var(--elements-fg-color-flat) !important; } .footer_page_secondary_data { color: var(--elements-fg-color-flat); } .engine_updated { font-size: .65rem; opacity: .5; font-family: var(--mono-font); } .copy_to_clipboard_win { position: absolute; padding: calc(var(--mp) * 2); margin: calc(var(--mp) * 2); border-radius: calc(var(--mp) * 1); background-color: var(--elements-bg-color-trans) !important; backdrop-filter: var(--backdrop-filter); -webkit-backdrop-filter: var(--backdrop-filter); color: var(--elements-fg-color-flat) !important; transition: var(--transition-mid); min-width: 16rem; max-width: 50vw; max-height: 50vh; overflow-y: auto; overflow-x: hidden; word-break: break-all; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1000; } .copy_to_clipboard_win_show { opacity: 1 !important; visibility: visible !important; pointer-events: all !important; } span.desatured_text { color: var(--elements-bg-color-trans) !important; opacity: .33 !important; display: inline-flex; } .vanish { transition-delay: 0s !important; opacity: 0 !important; transform: translateX(-2vmax) !important; } .vanish_content { opacity: 0 !important; filter: blur(10px) !important; transition: var(--transition-mid) !important; transform: translateY(-2vmax) !important; background-color: transparent !important; backdrop-filter: none !important; box-shadow: unset !important; transition-delay: 0ms !important; } .unvanish_content { opacity: 1 !important; transform: none !important; filter: none !important; transition: var(--transition-mid) !important; } .dummy_element { transition: var(--transition-fast) !important; pointer-events: none !important; padding: 0px !important; margin: 0px !important; } .acceleration, .gyroscope { position: relative !important; z-index: -1 !important; transform-style: preserve-3d !important; transform-origin: 50% 50% 50%; } .acceleration { transition: var(--transition-slow) !important; } .gyroscope { transition: var(--transition-mid) !important; } .physics_monitor { position: fixed; z-index: 100000000; border: 2px solid white; min-height: 4rem; top: 0px; left: 0px; right: 0px; display: none; } .credits_roles { display: block; margin-bottom: calc(var(--mp) * 1); opacity: .5; } .promo_contents .two_columns { text-align: justify; font-size: 75%; margin-bottom: var(--mp); hyphens: auto; line-height: 150%; } h1 { hyphens: none; } .biography_button { padding: var(--mp); } .biography_button .label { padding: var(--mp); padding-left: calc(var(--mp) * 2); padding-right: calc(var(--mp) * 2); opacity: .5; transition: var(--transition-mid); cursor: pointer; font-size: 1.1rem; background-color: var(--bg-dependent-bg-color-trans); width: -moz-fit-content; width: fit-content; border-radius: 2rem; border: 2pt solid var(--bg-dependent-bg-color-flat); margin: auto; display: flex; align-items: center !important; align-content: center !important; justify-items: center !important; justify-content: center !important; } .biography_button:hover .label { opacity: 1; } .bioagraphy_expand, .bioagraphy_compress { position: relative; transition: var(--transition-mid); overflow: hidden; } .bioagraphy_compress { max-height: 0px; } .bioagraphy_expand { max-height: 100vh; } .contact_buttons_grid { display: grid; width: auto; gap: calc(var(--mp) * .25); margin: auto; margin-top: calc(var(--mp) * .5); } .contact_buttons_grid .contact_item_rich_grid { display: grid; grid-template-columns: 60% auto; border: 1px solid var(--bg-dependent-fg-color-trans); border-radius: calc(var(--mp) * .5); overflow: hidden; } .contact_item_rich_grid .first_all { grid-row: 1 / 3; grid-column: 1 / 3; } .contact_item_rich_grid .first { border-right: 1px solid var(--bg-dependent-fg-color-trans) !important; } .contact_item_rich_grid .third { border-left: 1px solid var(--bg-dependent-fg-color-trans) !important; } .contact_item_rich_grid .third .icon, .contact_item_rich_grid .second .icon { font-size: 100%; } .contact_item_rich_grid div { transition: var(--transition-fast); } .contact_buttons_grid .contact_item { opacity: .5; padding: 0px; padding-top: calc(var(--mp) * .5); padding-bottom: calc(var(--mp) * .5); background-color: var(--bg-dependent-bg-color-trans); width: 100%; display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center; cursor: pointer; } .contact_buttons_grid .contact_item:hover { opacity: 1; } .contact_buttons_grid .contact_item:active { opacity: 1; filter: brightness(175%); } .icon i, .icon svg, .icon img { width: inherit; height: auto; } :root { --wave-size: 600%; --wave-time: 10s; --wave-top: 75vh; } .wave-01 { position: absolute; width: var(--wave-size); height: var(--wave-size); left: calc((var(--wave-size) - 100vw) / -2); top: calc(var(--wave-top) * 1); background-color: var(--elements-bg-color-flat-lighten); border-radius: 45%; animation: wave calc(var(--wave-time) * 1) alternate infinite; } .wave-02 { position: absolute; width: var(--wave-size); height: var(--wave-size); left: calc((var(--wave-size) - 100vw) / -2); top: calc(var(--wave-top) * 1.05); background-color: var(--elements-bg-color-flat); border-radius: 43%; animation: wave calc(var(--wave-time) * .9) alternate infinite; } .wave-03 { position: absolute; width: var(--wave-size); height: var(--wave-size); left: calc((var(--wave-size) - 100vw) / -2); top: calc(var(--wave-top) * 1.1); background-color: var(--elements-bg-color-flat-darken); border-radius: 40%; animation: wave calc(var(--wave-time) * .8) alternate infinite; } .wave-01, .wave-02, .wave-03 { opacity: .25; mix-blend-mode: screen; transition: var(--transition-slow); } div.policy_pre { white-space: pre-line; line-height: 1.25rem; font-family: var(--mono-font); } div.policy_pre .compile { opacity: .5; text-decoration: dotted; font-style: italic; } div.policy_pre .compile::before { content: " { ... " } div.policy_pre .compile::after { content: " ... } " } .privacy_documents_update_disclaimer { margin: auto; padding: calc(var(--mp) * 2); border-bottom: 1px dotted var(--elements-fg-color-trans); text-align: center; opacity: .75; } .qrcode_container { margin: auto; width: 100%; display: block !important; text-align: center !important; font-size: 8pt; padding: calc(var(--mp) * 1) !important; transition: var(--transition-fast); opacity: .75; } .qrcode_container, .qrcode_text { background-color: var(--elements-bg-color-flat) !important; color: var(--elements-fg-color-flat) !important; } .qrcode_container:hover { opacity: .5; } .qrcode_container:active { opacity: 1; } .qrcode_container svg { border: 1pt solid var(--elements-fg-color-trans) !important; margin: auto !important; fill: var(--elements-fg-color-trans) !important; color: var(--elements-fg-color-trans) !important; background: var(--elements-bg-color-flat) !important; } .photo_author_profile_image { aspect-ratio: 1 / 1; } .company_name { font-family: var(--logo-font); font-weight: 600; font-size: 150%; } div.informations_request { background-color: var(--bg-dependent-bg-color-flat); color: var(--bg-dependent-fg-color); padding: calc(var(--mp) * 1); padding-left: calc(var(--mp) * 3); padding-right: calc(var(--mp) * 3); margin: auto; margin-top: calc(var(--mp) * 1); border-radius: calc(var(--mp) * 10); cursor: pointer !important; transition: var(--transition-fast); opacity: .75; font-weight: 600; text-transform: uppercase; border: 1px solid var(--bg-dependent-fg-color-trans); width: fit-content; } div.informations_request:hover { background-color: var(--bg-dependent-bg-color-trans); text-shadow: var(--text-glow); opacity: 1; } div.informations_request:active { background-color: var(--bg-dependent-bg-color-trans); opacity: .5; } div.image_in_stripe_container { display: grid; width: 100%; gap: calc(var(--mp) * 2); } div.image_in_stripe_container *, div.image_in_stripe_container { -webkit-user-select: none; -moz-user-select: none; user-select: none; } div.image_in_stripe { position: relative; display: inline-flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; opacity: .75; transition: var(--transition-fast); transform-origin: 50% 75%; cursor: pointer; } div.image_in_stripe:hover { z-index: 1000; } div.image_in_stripe_circle { --iis-size: 100%; width: var(--iis-size); height: var(--iis-size); max-width: 20vmin; max-height: 20vmin; border-radius: var(--iis-size); border: 2pt dotted var(--bg-dependent-fg-color); border-radius: 50%; padding: calc(var(--mp) * 1.5); transition: var(--transition-fast); } div.image_in_stripe img { width: 100%; border-radius: 50%; border: 2pt dotted var(--bg-dependent-fg-color); transition: var(--transition-fast); transform: rotateZ(15deg); filter: grayscale(75%); } div.image_in_stripe:hover .image_in_stripe_circle { opacity: 1; filter: none; transform: scale(1.1); transition: var(--transition-fast); padding: calc(var(--mp) * 1.5); transform: rotateZ(-15deg); } div.image_in_stripe:hover img { box-shadow: var(--box-glow-soft); transform: scale(1.1); border-style: solid; border-width: 1px; filter: grayscale(0%); } div.image_in_stripe_label { display: flex; align-items: flex-start; align-content: center; justify-items: center; justify-content: center; transition: var(--transition-fast); font-size: 2vmin; font-weight: normal; margin-top: calc(var(--mp) * 2); padding: calc(var(--mp) * 1); border-radius: calc(var(--mp) * 1); text-transform: uppercase; font-weight: bold; min-height: 9vmin; text-align: center; transform-origin: 50% 50%; max-width: 25vmin; opacity: .25 !important; } div.image_in_stripe:hover .image_in_stripe_label { transform: scale(1.25); opacity: 1 !important; z-index: 1000; filter: none !important; }