/* Theme Name: Arta Energy Theme URI: https://dotline.ag Author: Dotline Author URI: https://dotline.ag Description: Dotline Version: 1.0 */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; list-style: none; outline: none; } html, body { overflow-x: hidden; } a { text-decoration: none; transition: var(--transition-default); color: currentColor; } img, svg { display: block; max-width: 100%; } .list-unstyled { padding: 0; margin: 0; list-style: none; } button { transition: var(--transition-default); background: transparent; border: none; cursor: pointer; } :root { --transition-default: 0.3s ease-out; --details-service-space: 16px; --Neutrals-Text-Primary: #1d293d; --Neutrals-Text-Secondary: #45556c; --Brand-Primary-Default: #c70036; --container-x: calc((100% - 1440px) / 2); --space-y: 64px; } @font-face { font-family: "YekanBakh"; src: url("./assets/fonts/Yekan-Bakh/YekanBakh-VF.woff") format("woff"), url("./assets/fonts/Yekan-Bakh/YekanBakh-VF.woff2") format("woff2"); } .yekanBakh, .tooltip__content, .leaflet-popup-content, .video-js .vjs-progress-control .vjs-time-tooltip, .video-js .vjs-time-control, body, button, textarea, input { font-family: "YekanBakh", Tahoma; } html { font-size: 14px; } body { font-weight: 400; font-variation-settings: "wght" 400, "DOTS" 0; font-feature-settings: "ss01"; direction: rtl; background-color: #fff; color: var(--Neutrals-Text-Secondary); } @media (max-width: 991px) { body { --space-y: 40px; } } @media (max-width: 1399px) { body { --container-x: 16px; } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: currentColor; } .enNumber, .product-page__content--number { font-feature-settings: "ss02"; } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped:has(.modal.active), .lenis.lenis-stopped:has(.toggle-menu.active) { overflow: clip; } .lenis.lenis-smooth iframe { pointer-events: none; } .lenis.lenis-stopped .modal, .lenis.lenis-stopped #wpadminbar { padding-right: var(--scrollbar-width); } @media (max-width: 991px) { .lenis.lenis-stopped .modal { padding-right: 0; } .lenis.lenis-stopped .modal-general { padding-right: calc(16px + var(--scrollbar-width)); margin-right: calc(-1 * var(--scrollbar-width)); width: auto; } .lenis.lenis-stopped .auction-page__sidebar, .lenis.lenis-stopped .product-page__sidebar--buttons { right: var(--scrollbar-width); } .lenis.lenis-stopped #mobile-menu { padding-right: var(--scrollbar-width); } .lenis.lenis-stopped .mobile-menu:before { right: calc(-1 * var(--scrollbar-width)); } .lenis.lenis-stopped .mobile-menu__social { margin-right: calc(-1 * var(--scrollbar-width)); } } html:has(.modal.active) body, html:has(.toggle-menu.active) body { padding-right: var(--scrollbar-width); } .hidden { display: none !important; } .mb-16 { margin-bottom: 16px !important; } .w-full { flex: 0 0 100% !important; max-width: 100% !important; } .hidden-input, .form-file input { position: absolute; left: 0; top: 0; bottom: 0; right: 0; inset: 0; opacity: 0; cursor: pointer; margin: 0; display: block; width: 100%; height: 100%; z-index: 1; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; appearance: none; } .clear { clear: both; } .p-0 { padding: 0 !important; } .m-0 { margin: 0 !important; } .site-subtitle { color: var(--Brand-Primary-Default); font-size: 1.14286rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 16px; } @media (max-width: 991px) { .site-subtitle { font-size: 1rem; line-height: 190%; font-weight: 450; font-variation-settings: "wght" 450; margin-bottom: 4px; } } .site-title { font-size: 2.57143rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; margin-bottom: 16px; } @media (max-width: 991px) { .site-title { font-size: 1.71429rem; line-height: 120%; font-weight: 600; font-variation-settings: "wght" 600; } } .site-description { font-size: 1.14286rem; line-height: 190%; } @media (max-width: 991px) { .site-description { font-size: 1rem; } } .site-more { display: flex; align-items: center; gap: 4px; color: var(--Brand-Primary-Default); font-size: 1rem; line-height: 190%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .site-more { font-weight: 450; font-variation-settings: "wght" 450; } } .site-more:after { content: ""; transition: transform 0.3s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16669 10H15.8334M4.16669 10L9.16669 15M4.16669 10L9.16669 5' stroke='%23C70036' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 20px; height: 20px; } .site-more:hover:after { transform: translateX(-2px); } .site-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 40px; } @media (max-width: 991px) { .site-head { gap: 8px; } } .site-head .site-title { margin-bottom: 0; } .site-list { display: flex; flex-direction: column; } .site-list li { font-size: 1.14286rem; line-height: 190%; padding: 12px 0; position: relative; } @media (max-width: 991px) { .site-list li { padding: 8px 0; font-size: 1rem; } } .site-list li:after { position: absolute; right: 0; bottom: 0; content: ""; display: block; height: 1px; width: 100%; background: linear-gradient(-90deg, #cad5e2 0%, #fff 70%); } .site-list li strong { color: var(--Neutrals-Text-Tertiary, #90a1b9); line-height: 190%; font-size: 1rem; font-weight: 600; font-variation-settings: "wght" 600; display: block; } @media (max-width: 991px) { .site-list li strong { font-weight: 450; font-variation-settings: "wght" 450; font-size: 0.85714rem; } } .site-list li:last-child:after { display: none; } .download-list { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } @media (max-width: 991px) { .download-list { gap: 16px; } } .download-list__link { color: var(--Brand-Primary-Default); display: flex; gap: 4px; line-height: 190%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .download-list__link { font-weight: 325; font-variation-settings: "wght" 325; } } .download-list__link svg { flex-shrink: 0; } :root .ss-main { --ss-main-height: 48px; --ss-bg-color: #fff; --ss-border-color: #cad5e2; padding-left: 16px; padding-right: 16px; } :root .ss-main .ss-values .ss-single { max-width: unset; padding-right: 0; color: var(--Neutrals-Text-Primary); font-size: 1rem; } :root .ss-main .ss-arrow { width: 12px; height: 12px; margin-left: 0; } :root .ss-main .ss-arrow path { stroke: var(--Neutrals-Text-Secondary); stroke-width: 12; } .custom-nav { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); z-index: 1; border-radius: 32px; background: var(--Neutrals-Text-Primary, #1d293d); display: flex; align-items: center; justify-content: center; padding: 16px; gap: 4px; } @media (max-width: 991px) { .custom-nav { bottom: 20px; padding: 8px 16px; } } .custom-nav .slick-prev { order: 1; } .custom-nav .slick-dots { order: 2; } .custom-nav .slick-next { order: 3; } .zoom-link { position: absolute; width: 40px; height: 40px; top: 16px; right: 16px; border-radius: 8px; background: var(--Neutrals-Text-Primary); display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .zoom-link { width: 32px; height: 32px; top: 8px; right: 8px; } } .zoom-link:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10H13M10 7V13M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; content: ""; } @media (max-width: 991px) { .zoom-link:after { width: 16px; height: 16px; background-size: cover; } } .zoom-link:hover { background-color: var(--Brand-Primary-Default); } .site-box--tabs-pictures img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); pointer-events: none; opacity: 0; transition: opacity 1s; width: 100%; object-fit: cover; object-position: center center; } .site-box--tabs-pictures img:first-child { position: static; transform: unset; } .site-box--tabs-pictures img.active { opacity: 1; z-index: 1; pointer-events: unset; } .copy-box { width: 100%; padding: 16px; border-radius: 8px; background: var(--Neutrals-Text-Primary, #1d293d); display: flex; align-items: center; color: var(--Neutrals-Misc-White, #fff); font-size: 1.28571rem; line-height: 160%; } @media (max-width: 991px) { .copy-box { font-size: 1.14286rem; line-height: 120%; padding: 12px 16px; } } .copy-box .copy-text { margin-right: auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8M10 8H18C19.1046 8 20 8.89543 20 10V18C20 19.1046 19.1046 20 18 20H10C8.89543 20 8 19.1046 8 18V10C8 8.89543 8.89543 8 10 8Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; } .custom-select.ss-content .ss-option:has(.custom-select--mobile-title) { background: transparent !important; display: none; pointer-events: none; cursor: default; } @media (max-width: 991px) { .custom-select.ss-content .ss-option:has(.custom-select--mobile-title) { display: block; } .custom-select.ss-content .ss-option:has(.custom-select--mobile-title):first-child { border-bottom: none; } } .custom-select.ss-content .ss-option:has(.btn) { display: none; pointer-events: none; } @media (max-width: 991px) { .custom-select.ss-content .ss-option:has(.btn) { display: block; } .custom-select.ss-content .ss-option:has(.btn) .btn { width: 100%; } } @media (max-width: 991px) { .custom-select.ss-content .ss-option:not(.custom-select.ss-content .ss-option:has(.custom-select--mobile-title):not(.custom-select.ss-content .ss-option:has(.btn))) { --ss-font-color: var(--Neutrals-Text-Primary); --ss-spacing-l: 0; --ss-spacing-m: 0; --ss-spacing-s: 0; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #cad5e2; } .custom-select.ss-content .ss-option:not(.custom-select.ss-content .ss-option:has(.custom-select--mobile-title):not(.custom-select.ss-content .ss-option:has(.btn))):before { background-color: #90a1b9; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='currentColor'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='currentColor'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; width: 24px; height: 24px; content: ""; transition: background-color 0.3s; } .custom-select.ss-content .ss-option:not(.custom-select.ss-content .ss-option:has(.custom-select--mobile-title):not(.custom-select.ss-content .ss-option:has(.btn))):last-child { border-bottom: none; padding-bottom: 0; } .custom-select.ss-content .ss-option:not(.custom-select.ss-content .ss-option:has(.custom-select--mobile-title):not(.custom-select.ss-content .ss-option:has(.btn))):hover:not(.ss-disabled), .custom-select.ss-content .ss-option:not(.custom-select.ss-content .ss-option:has(.custom-select--mobile-title):not(.custom-select.ss-content .ss-option:has(.btn))):not(.ss-disabled).ss-selected { background: transparent; color: var(--Neutrals-Text-Primary); } .custom-select.ss-content .ss-option:not(.custom-select.ss-content .ss-option:has(.custom-select--mobile-title):not(.custom-select.ss-content .ss-option:has(.btn))).ss-selected:before { background-color: var(--Brand-Primary-Default); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='currentColor'/%3E%3Ccircle cx='12' cy='12' r='6' fill='currentColor'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='currentColor'/%3E%3Ccircle cx='12' cy='12' r='6' fill='currentColor'/%3E%3C/svg%3E"); } } @media (max-width: 991px) { .custom-select.ss-content { --ss-content-height: max-content; position: fixed !important; top: unset !important; right: 0 !important; left: 0 !important; bottom: 0 !important; width: 100% !important; border-radius: 16px 16px 0 0 !important; padding: 16px !important; transform: translateY(100%); } .custom-select.ss-content:has(.btn) .ss-option:nth-last-child(2) { padding-bottom: 0 !important; border-bottom: none !important; } } .custom-select--mobile-title { font-size: 1.14286rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; color: var(--Neutrals-Text-Primary, #1d293d); } @media (max-width: 991px) { body:has(.custom-select[aria-expanded=true]) .menu-backdrop { visibility: visible; opacity: 0.48; pointer-events: unset; } body:has(.custom-select[aria-expanded=true]) .custom-select.ss-open.ss-content { transform: translateY(0); } } .container { max-width: 1472px; padding: 0 16px; margin: 0 auto; position: relative; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { border-radius: 0; background-color: transparent; font-size: 0; background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; transition: background-image 0.3s; } @media (max-width: 991px) { .slick-arrow { width: 16px; height: 16px; } } .slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6L15 12L9 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 991px) { .slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4L10 8L6 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6L9 12L15 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 991px) { .slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4L6 8L10 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .slick-dots { display: flex; align-items: center; gap: 4px; } .slick-dots li { display: flex; align-items: center; justify-content: center; } .slick-dots li button { cursor: pointer; border: none; background: transparent; width: 8px; height: 8px; border-radius: 4px; background: #fff; font-size: 0; } @media (max-width: 991px) { .slick-dots li button { width: 4px; height: 4px; } } .slick-dots li.slick-active button { width: 32px; background: var(--Brand-Primary-Default); } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before { content: "\f103"; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before { content: "\f104"; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before { content: "\f105"; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before { content: "\f106"; } .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before { content: "\f107"; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before { content: "\f108"; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before { content: "\f10c"; } .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before { content: "\f10d"; } .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before { content: "\f115"; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before { content: "\f11d"; } .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before { content: "\f121"; } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before { content: "\f122"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: 0; } .video-js *, .video-js :after, .video-js :before { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid { width: 100%; max-width: 100%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-fluid:not(.vjs-audio-only-mode) { height: 0; } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .video-js.vjs-4-3:not(.vjs-audio-only-mode) { padding-top: 75%; } .video-js.vjs-9-16:not(.vjs-audio-only-mode) { padding-top: 177.7777777778%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode) { padding-top: 100%; } .video-js.vjs-fill:not(.vjs-audio-only-mode) { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js.vjs-audio-only-mode .vjs-tech { display: none; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: 0 0; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f; } .js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) { background: 0 0; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: 700; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); } .vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important; } .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; pointer-events: auto; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .video-js .vjs-control.vjs-visible-text { width: auto; padding-left: 1em; padding-right: 1em; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .vjs-button > .vjs-icon-placeholder { display: block; } .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff; } .video-js :not(.vjs-visible-text) > .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.3333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; z-index: 1; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .video-js .vjs-volume-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible; } .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip { left: 1em; top: -12px; } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em; } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: #000; z-index: 1; } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100%; } .vjs-no-flex .vjs-volume-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-volume-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster { display: block; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { align-items: center; cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control { display: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .video-js.vjs-audio-only-mode .vjs-fullscreen-control { display: none; } .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:after, .vjs-loading-spinner:before { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: #fff; } .vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: #fff; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: #fff; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .video-js.vjs-audio-only-mode .vjs-captions-button { display: none; } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-audio-only-mode .vjs-descriptions-button { display: none; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-audio-only-mode .vjs-subs-caps-button { display: none; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f11d"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control { display: none; } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width: auto; width: initial; } .video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small .vjs-progress-control { display: none; } .video-js.vjs-layout-x-small .vjs-custom-control-spacer { flex: auto; display: block; } .video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2b333f; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js :focus:not(.focus-visible) { outline: 0; } .video-js :focus:not(:focus-visible) { outline: 0; } .vjs-theme-city { --vjs-theme-city--primary: #bf3b4d; --vjs-theme-city--secondary: #fff; } .vjs-theme-city .vjs-control-bar { height: 70px; padding-top: 20px; background: none; background-image: linear-gradient(0deg, #000, transparent); } .vjs-theme-city .vjs-button > .vjs-icon-placeholder:before { line-height: 50px; } .vjs-theme-city .vjs-play-progress:before { display: none; } .vjs-theme-city .vjs-progress-control { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 20px; } .vjs-theme-city .vjs-progress-control .vjs-progress-holder { position: absolute; top: 20px; right: 0; left: 0; width: 100%; margin: 0; } .vjs-theme-city .vjs-play-progress { background-color: var(--vjs-theme-city--primary); } .vjs-theme-city .vjs-remaining-time { order: 1; line-height: 50px; flex: 3; text-align: left; } .vjs-theme-city .vjs-play-control { order: 2; flex: 8; font-size: 1.75em; } .vjs-theme-city .vjs-fullscreen-control, .vjs-theme-city .vjs-picture-in-picture-control, .vjs-theme-city .vjs-volume-panel { order: 3; flex: 1; } .vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal { height: 100%; } .vjs-theme-city .vjs-mute-control { display: none; } .vjs-theme-city .vjs-volume-panel { margin-left: 0.5em; margin-right: 0.5em; padding-top: 1.5em; } .vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal, .vjs-theme-city .vjs-volume-panel, .vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .vjs-theme-city .vjs-volume-panel:hover, .vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal { width: 3em; } .vjs-theme-city .vjs-volume-level:before { font-size: 1em; } .vjs-theme-city .vjs-volume-panel .vjs-volume-control { opacity: 1; width: 100%; height: 100%; } .vjs-theme-city .vjs-volume-bar { background-color: transparent; margin: 0; } .vjs-theme-city .vjs-slider-horizontal .vjs-volume-level { height: 100%; } .vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal { margin-top: 0; margin-bottom: 0; height: 100%; } .vjs-theme-city .vjs-volume-bar:before { content: ""; z-index: 0; width: 0; height: 0; position: absolute; top: 0; left: 0; border-color: transparent transparent hsla(0, 0%, 100%, 0.25); border-style: solid; border-width: 0 0 1.75em 3em; } .vjs-theme-city .vjs-volume-level { overflow: hidden; background-color: transparent; } .vjs-theme-city .vjs-volume-level:before { content: ""; z-index: 1; width: 0; height: 0; position: absolute; top: 0; left: 0; border-left: 3em solid transparent; border-bottom: 1.75em solid var(--vjs-theme-city--secondary); border-right: 0 solid transparent; border-top: 0 solid transparent; } .video-js { border-radius: 16px; overflow: hidden; } .video-js .vjs-big-play-button { display: none; } .video-js .vjs-control-bar { width: auto; left: 190px; right: 190px; margin: auto; border-radius: 12px; height: 48px; border: 1px solid transparent; background: linear-gradient(99.17deg, rgba(255, 255, 255, 0.24) 11.07%, rgba(255, 255, 255, 0) 94.09%) border-box, linear-gradient(102.33deg, rgba(19, 155, 242, 0.16) 15.9%, rgba(255, 255, 255, 0.088) 105.94%); bottom: 24px; backdrop-filter: blur(16px); display: flex; align-items: center; padding: 12px 24px; gap: 16px; } .video-js .vjs-control-bar:before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(99.17deg, rgba(255, 255, 255, 0.24) 11.07%, rgba(255, 255, 255, 0) 94.09%); pointer-events: none; z-index: -1; margin: -1px; } .video-js .vjs-play-control { width: 24px; height: 24px; } @media (max-width: 991px) { .video-js .vjs-play-control { width: 12px; height: 12px; } } .video-js .vjs-control { width: 24px; height: 24px; } @media (max-width: 991px) { .video-js .vjs-control { width: 12px; height: 12px; } } .video-js .vjs-button > .vjs-icon-placeholder:before { line-height: 24px; } @media (max-width: 991px) { .video-js .vjs-button > .vjs-icon-placeholder:before { line-height: 12px; } } .video-js .vjs-time-control { width: auto; height: auto; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal { height: 24px; } .video-js .vjs-volume-bar { margin: 1.1em 8px; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active { width: 74px; } .video-js .vjs-volume-panel { order: -1; transition: 0.5s ease-in-out; } .video-js .vjs-volume-panel .vjs-icon-placeholder { display: none; } .video-js .vjs-volume-panel .vjs-vol-3 { background: url('data:image/svg+xml,') 50% 50%; } .video-js .vjs-paused { background: url('data:image/svg+xml,') 50% 50%; } .video-js .vjs-paused .vjs-icon-placeholder { display: none; } .video-js .vjs-picture-in-picture-control, .video-js .vjs-fullscreen-control { display: none; } .video-js .vjs-time-control { padding: 0; font-weight: 400; font-variation-settings: "wght" 400, "DOTS" 4; font-size: 14px; line-height: 100%; } .video-js .vjs-progress-holder { height: 10px; border-radius: 50px; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0; } .video-js .vjs-progress-control .vjs-time-tooltip { font-weight: 400; font-variation-settings: "wght" 400, "DOTS" 4; top: -48px; border-radius: 4px; padding: 6px 8px 5px 8px; } .video-js .vjs-load-progress { border-radius: 50px; } .video-js .vjs-load-progress div { border-radius: 50px; } .video-js .vjs-slider-horizontal .vjs-volume-level { height: 4px; border-radius: 50px; } .video-js .vjs-slider-horizontal .vjs-volume-level:before { font-size: 12px; top: -4px; } .video-js .vjs-slider { background: rgba(255, 255, 255, 0.5019607843); } .video-js .vjs-play-progress { background: linear-gradient(90deg, #292835 35.28%, #bdfcfe 100%); border-radius: 50px; } .video-js .vjs-play-progress:before { content: ""; width: 24px; height: 24px; border: 4px solid transparent; background: url('data:image/svg+xml,') 50% 50%; border-radius: 50%; transform: translate(-50%, -50%); top: 50%; right: -24px; z-index: 3; } .video-js .vjs-time-control { display: block; } .video-js .vjs-time-divider { display: none; } .video-js .vjs-duration { order: 3; } .video-js .vjs-remaining-time { display: none; } .inline-video { width: 100%; position: relative; } .inline-video__icon { z-index: 1; position: absolute; left: 0; top: 0; filter: drop-shadow(-16px -8px 60px rgba(0, 0, 0, 0.16)); backdrop-filter: blur(30px); height: 160px; width: 160px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; } @media (max-width: 1199px) { .inline-video__icon { width: 80px; height: 80px; } .inline-video__icon > svg { width: 32px; height: auto; } } @media (max-width: 991px) { .inline-video__icon { cursor: pointer; left: 50% !important; top: 50% !important; transform: translateX(-50%) translateY(-50%) !important; backdrop-filter: blur(12px); filter: drop-shadow(-6.4px -3.2px 24px rgba(0, 0, 0, 0.16)); width: 64px; height: 64px; } .inline-video__icon > svg { width: 30px; } } .inline-video:after { border-radius: 16px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0.33%, rgba(0, 0, 0, 0) 19.91%); pointer-events: none; width: 100%; display: block; height: 100%; position: absolute; transition: all 0.3s; right: 0; top: 0; content: ""; } .inline-video .video-js { width: 100%; height: auto; aspect-ratio: 2.15; } @media (max-width: 991px) { .inline-video .video-js .vjs-time-control { font-size: 8px; font-weight: 400; line-height: 6.86px; } } .inline-video .video-js .vjs-poster img { height: 100%; width: 100%; object-fit: cover; object-position: center center; } .inline-video .video-js .vjs-control-bar { backdrop-filter: unset; background: transparent; padding: 0 110px 44px; left: 0; right: 0; bottom: 0; border: none; height: 166px; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%); align-items: center; } @media (max-width: 991px) { .inline-video .video-js .vjs-control-bar { padding: 0 10px 25px; height: 47px; } } .inline-video .video-js .vjs-control-bar:before { display: none; } .inline-video .video-js .vjs-play-control { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); } @media (max-width: 991px) { .inline-video .video-js .vjs-play-control { bottom: 12px; } } .inline-video .video-js .vjs-paused { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4V20L20 12L7 4Z' stroke='url(%23paint0_linear_6356_370)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6356_370' x1='13.5' y1='4' x2='13.5' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BBD151'/%3E%3Cstop offset='1' stop-color='%2300A1A2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .inline-video .video-js .vjs-progress-holder { height: 6px; } @media (max-width: 991px) { .inline-video .video-js .vjs-progress-holder { height: 2px; } } .inline-video .video-js .vjs-slider { background-color: rgba(255, 255, 255, 0.4); border-radius: 8px; } @media (max-width: 991px) { .inline-video .video-js .vjs-slider { border-radius: 2px; } } .inline-video .video-js .vjs-load-progress { background-color: rgba(255, 255, 255, 0.6); border-radius: 8px; } @media (max-width: 991px) { .inline-video .video-js .vjs-load-progress { border-radius: 2px; } } .inline-video .video-js .vjs-play-progress { border-radius: 8px; background: var(--Accent-Lime-Accent-Lime---20, #bad051); } @media (max-width: 991px) { .inline-video .video-js .vjs-play-progress { border-radius: 2px; } } .inline-video .video-js .vjs-play-progress:before { background: var(--Accent-Lime-Accent-Lime---20, #bad051); height: 13.8px; width: 13.8px; border: none; right: -13.8px; } .inline-video.active:after { opacity: 0; } .leaflet-container { overflow: hidden; width: 100%; aspect-ratio: 2; z-index: 0; } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078a8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../images/leaflet/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../images/leaflet/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(../images/leaflet/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: center; border-radius: 5px; } .leaflet-popup-content { margin: 8px 20px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .leaflet-control-geocoder { border-radius: 4px; background: white; min-width: 26px; min-height: 26px; } .leaflet-touch .leaflet-control-geocoder { min-width: 30px; min-height: 30px; } .leaflet-control-geocoder a, .leaflet-control-geocoder .leaflet-control-geocoder-icon { border-bottom: none; display: inline-block; } .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a { width: inherit; height: inherit; line-height: inherit; } .leaflet-control-geocoder a:hover, .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover { border-bottom: none; display: inline-block; } .leaflet-control-geocoder-form { display: none; vertical-align: middle; } .leaflet-control-geocoder-expanded .leaflet-control-geocoder-form { display: inline-block; } .leaflet-control-geocoder-form input { font-size: 120%; border: 0; background-color: transparent; width: 246px; } .leaflet-control-geocoder-icon { border-radius: 4px; width: 26px; height: 26px; border: none; background-color: white; background-image: url(../images/leaflet/geocoder.png); background-repeat: no-repeat; background-position: center; cursor: pointer; } .leaflet-touch .leaflet-control-geocoder-icon { width: 30px; height: 30px; } .leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon { background-image: url(../images/leaflet/throbber.gif); } .leaflet-control-geocoder-form-no-error { display: none; } .leaflet-control-geocoder-form input:focus { outline: none; } .leaflet-control-geocoder-form button { display: none; } .leaflet-control-geocoder-error { margin-top: 8px; margin-left: 8px; display: block; color: #444; } .leaflet-control-geocoder-alternatives { display: block; width: 272px; list-style: none; padding: 0; margin: 0; } .leaflet-control-geocoder-alternatives-minimized { display: none; height: 0; } .leaflet-control-geocoder-alternatives li { white-space: nowrap; display: block; overflow: hidden; padding: 5px 8px; text-overflow: ellipsis; border-bottom: 1px solid #ccc; cursor: pointer; } .leaflet-control-geocoder-alternatives li a, .leaflet-control-geocoder-alternatives li a:hover { width: inherit; height: inherit; line-height: inherit; background: inherit; border-radius: inherit; text-align: left; } .leaflet-control-geocoder-alternatives li:last-child { border-bottom: none; } .leaflet-control-geocoder-alternatives li:hover, .leaflet-control-geocoder-selected { background-color: #f5f5f5; } .leaflet-control-geocoder-address-context { color: #666; } /**********tooltip Animatoin**********/ .tooltip { position: relative; display: inline-block; } .tooltip__trigger { cursor: pointer; position: relative; } .tooltip__trigger-text { display: block; padding: 0.85em; pointer-events: none; } .tooltip__base { position: absolute; bottom: 2em; left: 50%; margin-left: -80px; width: 160px; height: 155px; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; } .tooltip__content { color: #999999; display: flex; position: relative; align-items: center; justify-content: center; width: 65%; padding: 0 1em; opacity: 0; font-size: 13px; font-weight: bold; } .tooltip__shape, .tooltip__deco { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .tooltip__shape { fill: #141514; } /* Indivudual styles */ /* Cora */ .tooltip--cora .tooltip__base { transform-origin: 50% 100%; } .tooltip--cora .tooltip__content { margin-bottom: 1em; } /* Smaug */ .tooltip--smaug .tooltip__base { bottom: -0.5em; transform-origin: 50% 100%; } .tooltip--smaug .tooltip__content { padding: 0; } /* Dori */ .tooltip--dori .tooltip__base { bottom: -0.5em; } .tooltip--dori .tooltip__content { margin: 0 0 1em; } /* Walda */ .tooltip--walda .tooltip__base { left: 0; bottom: 0.75em; position: absolute; margin-left: 0; width: 250px; height: 100px; padding: 0 0 0 0.25em; } .tooltip--walda .tooltip__trigger-text { padding: 1em; } .tooltip--walda .tooltip__content { margin: 0; width: 100%; height: 100%; align-items: flex-start; text-align: left; font-size: 0.85em; line-height: 2; opacity: 1; justify-content: flex-start; } .tooltip--walda .tooltip__letters span { display: inline-block; white-space: pre; opacity: 0; } .tooltip--walda .tooltip__deco { width: 4px; height: 100%; background: #141514; transform-origin: 50% 100%; } /* Gram */ .tooltip--gram .tooltip__base { bottom: -0.5em; } /* Narvi */ .path-narvi { transform-origin: 200px 150px; } .tooltip--narvi .tooltip__content { width: 80%; } /* Amras */ .path-amras-1 { transform-origin: 115px 111px; } .path-amras-2 { transform-origin: 204px 107px; } .path-amras-3 { transform-origin: 279px 66px; } .path-amras-4 { transform-origin: 320px 99px; } .path-amras-5 { transform-origin: 137px 199px; } .path-amras-6 { transform-origin: 222px 217px; } .path-amras-7 { transform-origin: 80px 168px; } .path-amras-8 { transform-origin: 296px 211px; } .path-amras-9 { transform-origin: 310px 167px; } /* Hador */ .tooltip--hador .tooltip__base { bottom: 2.25em; margin-left: -115px; } .path-hador-1 { transform-origin: 148px 284px; } .path-hador-2 { transform-origin: 160px 268px; } .path-hador-3 { transform-origin: 171px 246px; } .path-hador-4 { transform-origin: 200px 120px; } .tooltip--hador .tooltip__content { width: 50%; margin: 0 0 2.5em; } /* Malva */ .tooltip--malva .tooltip__content { width: 50%; } /* Sadoc */ .tooltip--sadoc .tooltip__base { bottom: 2.5em; } .tooltip--sadoc .tooltip__shape path { fill: #1d1f1e; stroke: #5a5c5b; stroke-width: 3px; } :root { --ss-primary-color: #406162; --ss-bg-color: #ffffff; --ss-font-color: #406162; --ss-placeholder-color: #cfd8d8; --ss-disabled-color: #dcdee2; --ss-border-color: #e7ebeb; --ss-highlight-color: #fffb8c; --ss-focus-color: var(--ss-primary-color); --ss-success-color: #00b755; --ss-error-color: #dc3545; --ss-main-height: 40px; --ss-content-height: 300px; --ss-search-height: 40px; --ss-option-height: auto; --ss-spacing-l: 9px; --ss-spacing-m: 8px; --ss-spacing-s: 5px; --ss-animation-timing: 0.4s; --ss-border-radius: 8px; } @keyframes ss-valueIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes ss-valueOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } .ss-hide { display: none !important; } .ss-main { display: flex; flex-direction: row; position: relative; user-select: none; color: var(--ss-font-color); min-height: var(--ss-main-height); width: 100%; padding: var(--ss-spacing-s); cursor: pointer; border: 1px solid var(--ss-border-color); border-radius: var(--ss-border-radius); background-color: var(--ss-bg-color); outline: 0; box-sizing: border-box; transition: background-color var(--ss-animation-timing); overflow: hidden; } .ss-main.ss-disabled { background-color: var(--ss-disabled-color); cursor: not-allowed; } .ss-main.ss-disabled .ss-values .ss-disabled { color: var(--ss-font-color); } .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete { cursor: not-allowed; } .ss-main.ss-dir-above { border-top-left-radius: 0px; border-top-right-radius: 0px; } .ss-main.ss-dir-below { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ss-main .ss-values { display: inline-flex; flex-wrap: wrap; gap: var(--ss-spacing-m); flex: 1 1 100%; min-width: 0; max-width: 100%; overflow: hidden; } .ss-main .ss-values .ss-placeholder { display: block; width: 100%; min-width: 0; padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m); margin: auto 0px auto 0px; line-height: 1em; color: var(--ss-placeholder-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ss-main .ss-values .ss-max { display: flex; user-select: none; align-items: center; width: fit-content; font-size: 12px; color: var(--ss-bg-color); line-height: 1; padding: var(--ss-spacing-s) var(--ss-spacing-m); background-color: var(--ss-primary-color); border-radius: var(--ss-border-radius); } .ss-main .ss-values .ss-single { display: block; margin: auto 0px auto var(--ss-spacing-s); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; max-width: calc(100% - 20px); padding-right: var(--ss-spacing-m); } .ss-main .ss-values .ss-value { display: flex; user-select: none; align-items: center; width: fit-content; max-width: 100%; background-color: var(--ss-primary-color); border-radius: var(--ss-border-radius); animation-name: ss-valueIn; animation-duration: var(--ss-animation-timing); animation-timing-function: ease-out; animation-fill-mode: both; } .ss-main .ss-values .ss-value.ss-value-out { animation-name: ss-valueOut; animation-duration: var(--ss-animation-timing); animation-timing-function: ease-out; } .ss-main .ss-values .ss-value .ss-value-text { flex: 1; min-width: 0; font-size: 12px; line-height: 1; color: var(--ss-bg-color); padding: var(--ss-spacing-s) var(--ss-spacing-m); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ss-main .ss-values .ss-value .ss-value-delete { display: flex; align-items: center; height: var(--ss-spacing-l); width: var(--ss-spacing-l); padding: var(--ss-spacing-s) var(--ss-spacing-m); cursor: pointer; border-left: solid 1px var(--ss-bg-color); box-sizing: content-box; } .ss-main .ss-values .ss-value .ss-value-delete svg { height: var(--ss-spacing-l); width: var(--ss-spacing-l); } .ss-main .ss-values .ss-value .ss-value-delete svg path { fill: none; stroke: var(--ss-bg-color); stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; } .ss-main .ss-deselect { flex: 0 1 auto; display: flex; align-items: center; justify-content: center; width: fit-content; height: auto; padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m); } .ss-main .ss-deselect svg { width: 8px; height: 8px; } .ss-main .ss-deselect svg path { fill: none; stroke: var(--ss-font-color); stroke-width: 20; stroke-linecap: round; stroke-linejoin: round; } .ss-main .ss-arrow { flex: 0 1 auto; display: flex; align-items: center; justify-content: flex-end; width: 12px; height: 12px; margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m); } .ss-main .ss-arrow path { fill: none; stroke: #c6a246; stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; transition-timing-function: ease-out; transition: var(--ss-animation-timing); } .ss-content { position: absolute; display: flex; height: auto; flex-direction: column; width: auto; max-height: var(--ss-content-height); box-sizing: border-box; border: solid 1px var(--ss-border-color); background-color: var(--ss-bg-color); transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing); opacity: 0; transform: scaleY(0); overflow: hidden; z-index: 10000; } .ss-content.ss-relative { position: relative; height: 100%; } .ss-content.ss-fixed { position: fixed; } .ss-content.ss-dir-above { transform-origin: center bottom; flex-direction: column-reverse; border-top-left-radius: var(--ss-border-radius); border-top-right-radius: var(--ss-border-radius); } .ss-content.ss-dir-below { transform-origin: center top; border-bottom-left-radius: var(--ss-border-radius); border-bottom-right-radius: var(--ss-border-radius); } .ss-content.ss-open { opacity: 1; transform: scaleY(1); } .ss-content .ss-search { flex: 0 1 auto; display: flex; flex-direction: row; border-bottom: 1px solid var(--ss-border-color); } .ss-content .ss-search input { display: inline-flex; font-size: inherit; line-height: inherit; flex: 1 1 auto; width: 100%; min-width: 0px; height: var(--ss-search-height); padding: var(--ss-spacing-m) var(--ss-spacing-l); margin: 0; border: none; background-color: var(--ss-bg-color); outline: 0; font-feature-settings: "ss01"; text-align: right; box-sizing: border-box; } .ss-content .ss-search input::placeholder { color: var(--ss-placeholder-color); vertical-align: middle; } .ss-content .ss-search input:focus { box-shadow: none; } .ss-content .ss-search .ss-addable { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; flex: 0 0 auto; height: auto; margin: 0 0 0 var(--ss-spacing-m); border: 1px solid var(--ss-border-color); border-radius: var(--ss-border-radius); } .ss-content .ss-search .ss-addable svg { display: flex; align-items: center; justify-content: flex-end; flex: 0 1 auto; width: 12px; height: 12px; margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m); } .ss-content .ss-search .ss-addable svg path { fill: none; stroke: var(--ss-font-color); stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; } .ss-content .ss-list { flex: 1 1 auto; height: auto; overflow-x: hidden; overflow-y: auto; } .ss-content .ss-list .ss-error { color: var(--ss-error-color); padding: var(--ss-spacing-l); } .ss-content .ss-list .ss-searching { color: var(--ss-font-color); padding: var(--ss-spacing-l); } .ss-content .ss-list .ss-optgroup .ss-option { transition: max-height var(--ss-animation-timing) ease, opacity var(--ss-animation-timing) ease, padding-top var(--ss-animation-timing) ease, padding-bottom var(--ss-animation-timing) ease, margin-top var(--ss-animation-timing) ease, margin-bottom var(--ss-animation-timing) ease; } .ss-content .ss-list .ss-optgroup.ss-open .ss-option { max-height: 100px; opacity: 1; overflow: visible; } .ss-content .ss-list .ss-optgroup.ss-close .ss-option { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; max-height: 0; opacity: 0; overflow: hidden; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text { flex: 1 1 auto; font-weight: bold; color: var(--ss-font-color); } .ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) { cursor: pointer; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions { flex: 0 1 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--ss-spacing-m); } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall { flex: 0 0 auto; display: flex; flex-direction: row; cursor: pointer; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover { opacity: 0.5; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path { stroke: var(--ss-error-color); } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span { flex: 0 1 auto; display: flex; align-items: center; justify-content: center; font-size: 60%; text-align: center; padding: 0 var(--ss-spacing-s) 0 0; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg { flex: 0 1 auto; width: 13px; height: 13px; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path { fill: none; stroke: var(--ss-success-color); stroke-linecap: round; stroke-linejoin: round; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child { stroke-width: 5; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child { stroke-width: 11; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable { flex: 0 1 auto; display: flex; flex-direction: row; cursor: pointer; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow { flex: 1 1 auto; width: 10px; height: 10px; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path { fill: none; stroke: var(--ss-font-color); stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; transition-timing-function: ease-out; transition: var(--ss-animation-timing); } .ss-content .ss-list .ss-optgroup .ss-option { padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3); } .ss-content .ss-list .ss-option { display: flex; align-items: center; min-height: var(--ss-option-height); padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); white-space: normal; color: var(--ss-font-color); cursor: pointer; user-select: none; gap: 8px; } .ss-content .ss-list .ss-option:has(img) { direction: ltr; padding-left: 18px; } .ss-content .ss-list .ss-option:hover:not(.ss-disabled) { color: var(--ss-bg-color); background-color: var(--ss-primary-color); } .ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected { color: var(--ss-bg-color); background-color: var(--ss-primary-color); } .ss-content .ss-list .ss-option.ss-disabled { cursor: not-allowed; background-color: var(--ss-disabled-color); } .ss-content .ss-list .ss-option.ss-disabled:hover { color: var(--ss-font-color); } .ss-content .ss-list .ss-option .ss-search-highlight { display: inline-block; background-color: var(--ss-highlight-color); } .ss-content .ss-list .ss-search { display: flex; flex-direction: row; align-items: center; padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); } .modal { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; visibility: hidden; pointer-events: none; opacity: 0; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } @media (max-width: 991px) { .modal { align-items: flex-end; } } .modal.active { pointer-events: unset; opacity: 1; visibility: visible; } @media (max-width: 991px) { .modal.active .modal__content { transform: translateY(0); } } .modal__title { margin-bottom: 8px; font-size: 2rem; line-height: 140%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .modal__title { margin-bottom: 4px; font-size: 1.14286rem; font-weight: 450; font-variation-settings: "wght" 450; line-height: 160%; color: var(--Neutrals-Text-Primary, #1d293d); } } .modal__title--green { color: var(--Systems-Success-Text, #007a55); } @media (max-width: 991px) { .modal__title--green { font-size: 1.42857rem; } } .modal__title--red { color: var(--Systems-Error-Text, #c10007); } @media (max-width: 991px) { .modal__title--red { font-size: 1.42857rem; } } .modal__description { font-size: 1.28571rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; margin-bottom: 40px; } @media (max-width: 991px) { .modal__description { font-size: 0.85714rem; margin-bottom: 16px; } } .modal__description.mb-16 { font-size: 1.14286rem; } .modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.56); } @media (max-width: 991px) { .modal__backdrop { background-color: rgba(29, 30, 30, 0.48); } } .modal__inner { padding: 64px 0; margin: 0 auto; max-width: 540px; width: 100%; } @media (max-width: 991px) { .modal__inner { padding-top: 40px; padding-bottom: 24px; max-width: 100%; } } .modal__inner ul { display: flex; flex-direction: column; gap: 8px; } .modal__inner ul li { font-size: 1.14286rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; display: flex; gap: 10px; } .modal__inner ul li svg { color: var(--Neutrals-Text-Primary); flex-shrink: 0; transform: translateY(3px); } .modal__inner ul li a:hover { color: var(--Brand-Primary-Default); } .modal__inner .modal__title { margin-bottom: 16px; } @media (max-width: 991px) { .modal__inner .modal__title { line-height: 120%; } } .modal__inner .site-subtitle { font-weight: 450; font-variation-settings: "wght" 450; margin-bottom: 8px; } .modal__content { width: 974px; max-width: calc(100% - 48px); margin: 24px; position: relative; z-index: 5; border-radius: 24px; overflow: hidden; } @media (max-width: 991px) { .modal__content { transition: transform 0.4s; transform: translateY(100%); width: 100%; max-width: 100%; margin: 0; border-radius: 16px 16px 0 0; } } .modal__content--small { width: 600px; } @media (max-width: 991px) { .modal__content--small { width: 100%; } } .modal__content--medium { width: 860px; border-radius: 16px; } @media (max-width: 991px) { .modal__content--medium { width: 100%; border-radius: 16px 16px 0 0; } } .modal__content--close { position: absolute; left: 24px; top: 24px; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M24 8L8 24M8 8L24 24' stroke='%231D293D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; } @media (max-width: 991px) { .modal__content--close { width: 24px; height: 24px; left: 16px; top: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='%231D293D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .modal-general { background: var(--Neutrals-Misc-White, #fff); padding: 64px; width: 100%; } @media (max-width: 991px) { .modal-general { padding: 16px; } } .modal-general--cover { background-image: var(--background-image); background-repeat: no-repeat; background-size: cover; background-position: right center; } @media (max-width: 991px) { .modal-general--cover { background-image: var(--background-image-mobile); background-position: center bottom; } } @media (max-width: 991px) { .modal--is-video { align-items: center; } } .modal--is-video .modal__content { max-width: 1280px; width: auto; position: relative; background: transparent; } @media (max-width: 1199px) { .modal--is-video .modal__content { max-width: 90%; } } @media (max-width: 991px) { .modal--is-video .modal__content--close { display: flex; } } .modal--is-video .modal__content:after { border-radius: 16px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0.33%, rgba(0, 0, 0, 0) 19.91%); pointer-events: none; width: 100%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; } .modal--is-video .modal__content .video-js { max-height: 85vh; max-height: 85dvh; } @media (max-width: 991px) { .modal--is-video .modal__content .video-js { max-height: 80vh; max-height: 80dvh; } } @media (max-width: 991px) { .modal--is-video .modal__content .video-js .vjs-time-control { font-size: 8px; font-weight: 450; line-height: 6.86px; } } .modal--is-video .modal__content .video-js .vjs-control-bar { backdrop-filter: unset; background: transparent; padding: 0 110px 44px; left: 0; right: 0; bottom: 0; border: none; height: 166px; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%); align-items: flex-end; } .modal--is-video .modal__content .video-js .vjs-control-bar:before { display: none; } @media (max-width: 991px) { .modal--is-video .modal__content .video-js .vjs-control-bar { padding: 0 10px 25px; height: 47px; } } .modal--is-video .modal__content .video-js .vjs-play-control { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); } @media (max-width: 991px) { .modal--is-video .modal__content .video-js .vjs-play-control { bottom: 12px; } } .modal--is-video .modal__content .video-js .vjs-paused { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4V20L20 12L7 4Z' stroke='url(%23paint0_linear_6356_370)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6356_370' x1='13.5' y1='4' x2='13.5' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BBD151'/%3E%3Cstop offset='1' stop-color='%2300A1A2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .modal--is-video .modal__content .video-js .vjs-progress-holder { height: 6px; } @media (max-width: 991px) { .modal--is-video .modal__content .video-js .vjs-progress-holder { height: 2px; } } .modal--is-video .modal__content .video-js .vjs-slider { background-color: rgba(255, 255, 255, 0.4); border-radius: 8px; } @media (max-width: 991px) { .modal--is-video .modal__content .video-js .vjs-slider { border-radius: 2px; } } .modal--is-video .modal__content .video-js .vjs-load-progress { background-color: rgba(255, 255, 255, 0.6); border-radius: 8px; } @media (max-width: 991px) { .modal--is-video .modal__content .video-js .vjs-load-progress { border-radius: 2px; } } .modal--is-video .modal__content .video-js .vjs-play-progress { border-radius: 8px; background: #00c4af; } @media (max-width: 991px) { .modal--is-video .modal__content .video-js .vjs-play-progress { border-radius: 2px; } } .modal--is-video .modal__content .video-js .vjs-play-progress:before { background: #00c4af; height: 13.8px; width: 13.8px; border: none; right: -13.8px; } .form-group { flex: 0 0 100%; max-width: 100%; position: relative; } .form-group .form-control { display: block; width: 100%; height: 56px; border-radius: 8px; border: 1px solid #e9e9e9; background: #fff; transition: border-color 0.3s; padding: 16px; } .form-group .form-control::placeholder { color: #45556c; opacity: 1; transition: color 0.3s; } .form-group .form-control:-ms-input-placeholder { color: #45556c; transition: color 0.3s; } .form-group .form-control::-ms-input-placeholder { color: #45556c; transition: color 0.3s; } @media (max-width: 991px) { .form-group .form-control { padding: 8px 16px; height: 40px; } } .form-group .form-control:focus { border-color: var(--Neutrals-Text-Primary); } .form-group textarea.form-control { resize: none; height: 160px; } @media (max-width: 991px) { .form-group textarea.form-control { height: 56px; padding: 16px; } } .form-group:has(.error) .form-label, .form-group.error .form-label, .form-group:has(.validation_message) .form-label { color: var(--Systems-Error-Text, #c10007); } .form-group:has(.error) .form-control, .form-group.error .form-control, .form-group:has(.validation_message) .form-control { color: var(--Systems-Error-Text, #c10007); } .form-label { margin-bottom: 8px; font-size: 1rem; color: var(--Neutrals-Text-Primary, #1d293d); line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; display: block; } @media (max-width: 991px) { .form-label { margin-bottom: 4px; font-size: 0.85714rem; } } .error, .validation_message { color: var(--Systems-Error-Text, #c10007) !important; font-size: 0.875rem; line-height: 160%; font-weight: 450; display: block; font-variation-settings: "wght" 450; margin-top: 4px !important; } @media (max-width: 991px) { .error, .validation_message { font-weight: 325; font-variation-settings: "wght" 325; } } .form-groups { display: flex; flex-wrap: wrap; gap: 16px; } .form-groups .form-group { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } @media (max-width: 991px) { .form-groups .form-group { flex: 0 0 100%; max-width: 100%; } } .form-file { position: relative; } .form-file:after { content: ""; position: absolute; top: 16px; left: 16px; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 17V19C4 19.5304 4.21071 20.0391 4.58579 20.4142C4.96086 20.7893 5.46957 21 6 21H18C18.5304 21 19.0391 20.7893 19.4142 20.4142C19.7893 20.0391 20 19.5304 20 19V17M17 9L12 4L7 9M12 4V16' stroke='%2345556C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; } @media (max-width: 991px) { .form-file:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.66602 11.3334V12.6667C2.66602 13.0203 2.80649 13.3594 3.05654 13.6095C3.30659 13.8595 3.64573 14 3.99935 14H11.9993C12.353 14 12.6921 13.8595 12.9422 13.6095C13.1922 13.3594 13.3327 13.0203 13.3327 12.6667V11.3334M11.3327 6.00002L7.99935 2.66669L4.66602 6.00002M7.99935 2.66669V10.6667' stroke='%2345556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 16px; height: 16px; top: 12px; } } .form-foot { display: flex; align-items: center; gap: 16px; margin-top: 16px; width: 100%; } @media (max-width: 991px) { .form-foot { flex-direction: column; gap: 8px; align-items: unset; } } .form-foot .btn { min-width: 134px; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .form-foot .btn { min-width: 100%; } } .form-foot--full .btn { flex: 1; } @media (max-width: 991px) { .form-foot--full .btn { flex: unset; } } .btn { display: flex; height: 50px; padding: 12px 16px; justify-content: center; align-items: center; text-align: center; border-radius: 8px; border: none; background: var(--Brand-Primary-Default); color: #fff; gap: 4px; font-size: 1.14286rem; font-weight: 600; font-variation-settings: "wght" 600; line-height: 160%; cursor: pointer; } @media (max-width: 991px) { .btn { height: 44px; padding: 8px; font-size: 1rem; line-height: 190%; font-weight: 450; font-variation-settings: "wght" 450; } } .btn:hover { background-color: var(--Neutrals-Text-Primary); } .btn[disabled] { pointer-events: none; background: var(--Sage-Blue-Light-Sage-Blue---20, #e6efee); color: var(--Sage-Blue-Light-Sage-Blue---40, #cddede); } .btn--outline { background-color: #fff; color: var(--Brand-Primary-Default); border: 1px solid var(--Brand-Primary-Default); } .btn--outline:hover { background-color: var(--Brand-Primary-Default); color: #fff; } .mega-menu { display: none; } @media (max-width: 991px) { body:has(#breadcrumb) .header { margin-bottom: 0; } } #breadcrumb { padding-top: 12px; padding-bottom: 24px; } @media (max-width: 991px) { #breadcrumb { padding-top: 16px; padding-bottom: 8px; margin-bottom: 24px; } } .breadcrumb { padding: 0; display: flex; gap: 8px; white-space: nowrap; } .breadcrumb li { color: var(--Neutrals-Text-Tertiary, #90a1b9); font-weight: 325; font-variation-settings: "wght" 325; font-size: 0.85714rem; line-height: 190%; } .breadcrumb li a { display: flex; align-items: center; gap: 8px; } .breadcrumb li a:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%2390A1B9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 16px; height: 16px; } .breadcrumb li.active { color: var(--Neutrals-Text-Primary); } .pagination { margin-top: 64px; display: flex; justify-content: center; } @media (max-width: 991px) { .pagination { margin-top: 32px; } } @media (max-width: 991px) { .pagination { margin-top: 24px; } } .pagination__list { padding: 0; list-style: none; display: flex; align-items: center; gap: 8px; } .pagination__list--item { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; } .pagination__list--item .page-numbers { color: #78797d; font-size: 16px; line-height: 180%; text-transform: lowercase; } .pagination__list--item .page-numbers.prev { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='8' viewBox='0 0 33 8' fill='none'%3E%3Cpath d='M0.646446 4.35355C0.451183 4.15829 0.451183 3.84171 0.646446 3.64645L3.82843 0.464466C4.02369 0.269204 4.34027 0.269204 4.53553 0.464466C4.7308 0.659728 4.7308 0.976311 4.53553 1.17157L1.70711 4L4.53553 6.82843C4.7308 7.02369 4.7308 7.34027 4.53553 7.53553C4.34027 7.7308 4.02369 7.7308 3.82843 7.53553L0.646446 4.35355ZM33 4V4.5H1V4V3.5H33V4Z' fill='%231A2322'/%3E%3C/svg%3E") center center no-repeat; display: block; width: 32px; height: 8px; transform: scale(-1, 1); margin-left: 16px; } .pagination__list--item .page-numbers.prev svg { display: none; } .pagination__list--item .page-numbers.prev:hover { opacity: 0.75; } .pagination__list--item .page-numbers.next { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='8' viewBox='0 0 33 8' fill='none'%3E%3Cpath d='M0.646446 4.35355C0.451183 4.15829 0.451183 3.84171 0.646446 3.64645L3.82843 0.464466C4.02369 0.269204 4.34027 0.269204 4.53553 0.464466C4.7308 0.659728 4.7308 0.976311 4.53553 1.17157L1.70711 4L4.53553 6.82843C4.7308 7.02369 4.7308 7.34027 4.53553 7.53553C4.34027 7.7308 4.02369 7.7308 3.82843 7.53553L0.646446 4.35355ZM33 4V4.5H1V4V3.5H33V4Z' fill='%231A2322'/%3E%3C/svg%3E") center center no-repeat; display: block; width: 32px; height: 8px; margin-right: 16px; } .pagination__list--item .page-numbers.next svg { display: none; } .pagination__list--item .page-numbers.next:hover { opacity: 0.75; } .pagination__list--item .page-numbers.current, .pagination__list--item .page-numbers:hover { color: #0c5550; } .pagination__list--item .page-numbers.disabled, .pagination__list--item .page-numbers[aria-disabled=true], .pagination__list--item .page-numbers[disabled] { opacity: 0.45; pointer-events: none; cursor: default; } .pagination__list--item_ellipsis { color: #646569; font-size: 16px; line-height: 180%; text-transform: lowercase; pointer-events: none; } .blog-card { width: 100%; display: flex; flex-direction: column; gap: 8px; } @media (max-width: 991px) { .blog-card { gap: 0; position: relative; flex-direction: column-reverse; padding-right: 108px; min-height: 56px; } } .blog-card__picture { width: 100%; border-radius: 8px; margin-bottom: 8px; overflow: hidden; } @media (max-width: 991px) { .blog-card__picture { position: absolute; right: 0; top: 0; border-radius: 4px; margin-bottom: 0; width: 100px; height: 56px; } } .blog-card__picture img { width: 100%; } @media (max-width: 991px) { .blog-card__picture img { height: 100%; object-fit: cover; object-position: center center; } } .blog-card__date { color: var(--Neutrals-Text-Tertiary, #90a1b9); font-size: 0.85714rem; line-height: 190%; } @media (max-width: 991px) { .blog-card__date { font-weight: 325; font-variation-settings: "wght" 325; font-size: 0.85714rem; } } .blog-card__title { font-size: 1.14286rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .blog-card__title { font-weight: 450; font-variation-settings: "wght" 450; font-size: 1rem; line-height: 190%; } } .blog-card__description { line-height: 190%; } @media (max-width: 991px) { .blog-card__description { display: none; font-weight: 325; font-variation-settings: "wght" 325; font-size: 0.85714rem; } } .blog-card:hover .blog-card__title { color: var(--Brand-Primary-Default); } .project-card { padding: var(--space-y) 0; display: flex; align-items: center; gap: 40px; } @media (max-width: 1199px) { .project-card { gap: 24px; } } @media (max-width: 991px) { .project-card { gap: 16px; padding: 0; flex-direction: column; align-items: unset; } } .project-card__picture { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); } @media (max-width: 1199px) { .project-card__picture { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); } } @media (max-width: 991px) { .project-card__picture { width: 100%; flex: unset; max-width: unset; } } .project-card__picture img { width: 100%; border-radius: 24px; } @media (max-width: 991px) { .project-card__picture img { border-radius: 16px; } } .project-card__details { flex: 1; display: flex; flex-direction: column; gap: 10px; } @media (max-width: 991px) { .project-card__details { flex: unset; gap: 8px; } .project-card__details .site-description { font-weight: 325; font-variation-settings: "wght" 325; } .project-card__details .site-list { margin-top: 12px; } .project-card__details .site-more { display: none; } } .project-card__details--title { font-size: 2rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; color: var(--Brand-Primary-Default); } @media (max-width: 991px) { .project-card__details--title { font-size: 1.28571rem; line-height: 120%; font-weight: 450; font-variation-settings: "wght" 450; } } .product-card { display: flex; flex-direction: column; } .product-card__picture { width: 100%; margin-bottom: 16px; } .product-card__picture img { width: 100%; border-radius: 24px; } @media (max-width: 991px) { .product-card__picture img { border-radius: 8px; } } .product-card__subtitle { margin-bottom: 10px; color: var(--Neutrals-Text-Tertiary, #90a1b9); font-size: 1.14286rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .product-card__subtitle { font-size: 0.85714rem; line-height: 190%; margin-bottom: 0; } } .product-card__title { color: var(--Brand-Primary-Default); font-size: 2rem; line-height: 140%; font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 10px; } @media (max-width: 991px) { .product-card__title { font-size: 1.28571rem; font-weight: 450; font-variation-settings: "wght" 450; line-height: 120%; margin-bottom: 8px; } } .product-card__description { line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; margin-bottom: 10px; } @media (max-width: 991px) { .product-card__description { margin-bottom: 8px; font-size: 0.85714rem; } } .product-card__tools { padding-top: 10px; position: relative; width: 100%; font-weight: 325; font-variation-settings: "wght" 325; line-height: 190%; margin-bottom: 16px; } @media (max-width: 991px) { .product-card__tools { padding-top: 8px; font-size: 0.85714rem; } } .product-card__tools--title { display: block; line-height: 190%; color: var(--Neutrals-Text-Tertiary, #90a1b9); font-weight: 450; font-variation-settings: "wght" 450; } .product-card__tools:before { position: absolute; right: 0; top: 0; content: ""; display: block; height: 1px; width: 100%; background: linear-gradient(-90deg, #cad5e2 0%, #fff 70%); } .product-card .site-more { margin-top: auto; } @media (max-width: 991px) { .product-card .site-more { border-radius: 4px; padding: 4px; justify-content: center; border: 1px solid var(--Brand-Primary-Default, #c70036); font-weight: 450; font-variation-settings: "wght" 450; font-size: 0.85714rem; } .product-card .site-more:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.3335 7.99992H12.6668M6.00016 5.33325L3.3335 7.99992L6.00016 10.6666' stroke='%23C70036' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 16px; height: 16px; } } .product-mini-card { position: relative; overflow: hidden; border-radius: 8px; overflow: hidden; width: 100%; } .product-mini-card img { transition: all 0.8s; transform: scale(1) translateZ(0); will-change: transform; transform-style: preserve-3d; width: 100%; backface-visibility: hidden; } .product-mini-card:hover img { transform: scale(1.2) translateZ(0); } @media (max-width: 991px) { .product-mini-card { border-radius: 4px; } } .product-mini-card:after { width: 100%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); } @media (max-width: 991px) { .product-mini-card:after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); } } .product-mini-card img { width: 100%; } .product-mini-card span { position: absolute; z-index: 1; bottom: 24px; left: 16px; right: 16px; text-align: center; color: var(--Neutrals-Text-Inverse, #fff); font-size: 1.14286rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .product-mini-card span { bottom: 12px; left: 12px; right: 12px; font-size: 0.71429rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; } } .auction-card { display: flex; align-items: center; gap: 40px; } @media (max-width: 991px) { .auction-card { flex-direction: column; gap: 16px; align-items: unset; } } .auction-card__picture { border-radius: 16px; flex: 0 0 26%; max-width: 26%; overflow: hidden; } @media (max-width: 1199px) { .auction-card__picture { flex: 0 0 46%; max-width: 46%; } } @media (max-width: 991px) { .auction-card__picture { flex: unset; max-width: unset; border-radius: 8px; } } .auction-card__picture img { width: 100%; } @media (max-width: 991px) { .auction-card__picture img { min-height: 265px; object-fit: cover; object-position: center center; } } .auction-card__details { flex: 1; } @media (max-width: 991px) { .auction-card__details { flex: unset; } } .auction-card__details--title { margin-bottom: 10px; font-size: 2rem; font-weight: 700; font-variation-settings: "wght" 700; line-height: 140%; color: var(--Brand-Primary-Default); } @media (max-width: 991px) { .auction-card__details--title { margin-bottom: 8px; font-size: 1.28571rem; font-weight: 450; font-variation-settings: "wght" 450; line-height: 120%; } } .auction-card__details .site-description { margin-bottom: 10px; } @media (max-width: 991px) { .auction-card__details .site-description { margin-bottom: 16px; font-weight: 325; font-variation-settings: "wght" 325; } } .auction-card__details .site-list { margin-bottom: 10px; } @media (max-width: 991px) { .auction-card__details .site-list { margin-bottom: 4px; margin-top: 4px; } } @media (max-width: 991px) { body:has(#mobile-menu.active) .site-header { z-index: 1001; } } @media (max-width: 991px) { body:has(#wpadminbar) .mobile-menu { margin-top: 102px; } } #mobile-menu { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; visibility: hidden; background-color: #f8fafc; pointer-events: none; opacity: 0; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } @media (max-width: 991px) { #mobile-menu.active { pointer-events: unset; opacity: 1; visibility: visible; } } .mobile-menu { margin-top: 56px; padding: 16px; position: relative; display: flex; flex-direction: column; flex: 1; overflow-y: auto; overflow-x: hidden; } .mobile-menu:before { content: ""; display: block; position: absolute; top: 0; height: 1px; background-color: var(--Neutrals-Border-Default, #cad5e2); left: 0; right: 0; } .mobile-menu ul { display: flex; flex-direction: column; gap: 8px; } .mobile-menu ul li a { position: relative; padding-top: 8px; padding-bottom: 16px; display: flex; align-items: center; justify-content: space-between; font-size: 1rem; line-height: 190%; color: var(--Neutrals-Text-Primary, #1d293d); } .mobile-menu ul li a:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6L9 12L15 18' stroke='%2390A1B9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; content: ""; } .mobile-menu ul li a:before { content: ""; position: absolute; bottom: 0; right: 0; background: linear-gradient(to left, var(--Neutrals-Border-Default, #cad5e2) 0%, rgba(255, 255, 255, 0) 100%); display: block; height: 1px; width: 100%; } .mobile-menu ul li:last-child a:before { display: none; } .mobile-menu__social { margin-top: auto; border-radius: 8px 8px 0 0; background: var(--Neutrals-Text-Primary, #1d293d); padding: 16px; } .mobile-menu__social ul { display: flex; justify-content: center; align-items: center; gap: 16px; } .mobile-menu__social ul li { color: #fff; } .mobile-menu__social ul li svg { width: 32px; height: auto; } .gform_title { margin-bottom: 16px; padding-top: 16px; padding-bottom: 16px; color: var(--Green-190, #020606); font-size: 1.285715rem; line-height: 2.28571rem; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .gform_title { padding: 0; font-size: 1.14286rem; line-height: 2rem; } } .gform-footer { justify-content: space-between; } .gform-footer .gform-loader { all: revert-layer; margin-top: auto; margin-bottom: auto; margin-right: auto; filter: brightness(0) saturate(100%) invert(14%) sepia(35%) saturate(1099%) hue-rotate(185deg) brightness(96%) contrast(89%); } .gform-theme--foundation.gform-theme--framework .gform_fields { --gf-form-gap-x: 16px; --gf-form-gap-y: 16px; } .gform-theme--foundation.gform-theme--framework .gform_fields .ss-main { --ss-main-height: 56px; display: flex; flex-direction: row; position: relative; user-select: none; color: var(--ss-font-color); min-height: var(--ss-main-height); width: 100%; padding: var(--ss-spacing-s); cursor: pointer; border: 1px solid var(--ss-border-color); border-radius: var(--ss-border-radius); background-color: var(--ss-bg-color); outline: 0; box-sizing: border-box; transition: background-color var(--ss-animation-timing); overflow: hidden; } @media (max-width: 991px) { .gform-theme--foundation.gform-theme--framework .gform_fields .ss-main { --ss-main-height: 40px; } } .gform-theme--foundation.gform-theme--framework .gform_fields .ss-arrow { flex: 0 1 auto; display: flex; align-items: center; justify-content: flex-end; width: 12px; height: 12px; margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m); } .gform-theme--foundation.gform-theme--framework .gform_fields .ss-arrow path { all: revert-layer; fill: none; stroke: #c6a246; stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; transition-timing-function: ease-out; transition: var(--ss-animation-timing); } .gform-theme--foundation.gform-theme--framework .gform_fields .gfield_required { display: none; } .gform-theme--foundation.gform-theme--framework .gform_confirmation_message { margin-bottom: 24px; all: revert-layer; position: relative; border-radius: 8px; border: 1px solid #1e6f63; background: #e3f4ef; padding: 12px 28px 12px 16px; color: #1e6f63; font-size: 1rem; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .gform-theme--foundation.gform-theme--framework .gform_confirmation_message { margin-bottom: 16px; } } .gform-theme--foundation.gform-theme--framework .gform_confirmation_message:before { position: absolute; right: 16px; top: 12px; bottom: 12px; width: 4px; background: #1e6f63; border-radius: 1px; content: ""; } .gform-theme--foundation.gform-theme--framework .gform_validation_errors { all: revert-layer; margin-bottom: 24px; position: relative; --gf-form-validation-heading-color: #c6454a; border-radius: 8px; border: 1px solid #c6454a; background: #fff0f0; padding: 12px 28px 12px 16px; outline: none !important; } @media (max-width: 991px) { .gform-theme--foundation.gform-theme--framework .gform_validation_errors { margin-bottom: 16px; } } .gform-theme--foundation.gform-theme--framework .gform_validation_errors .gform-icon { display: none !important; } .gform-theme--foundation.gform-theme--framework .gform_validation_errors:before { position: absolute; right: 16px; top: 12px; bottom: 12px; width: 4px; background: #c6454a; border-radius: 1px; content: ""; } .gform-theme--framework :where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video) :not(svg *):not(symbol *) :not(.gform-theme__no-reset--el):not(.gform-theme__no-reset--children *):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-reset):not(.gform-theme__disable-reset *):not(.gform_heading *):not(.gfield--type-html *):not(.gfield--type-section *):not(.form_saved_message > *):not(.form_saved_message_sent > *):not(.gform_confirmation_message *):not(.wp-editor-container):not(.mce-tinymce):not(.mce-tinymce *):not(.wp-editor-area):not(.gfield_description > *):not(.gform-field-label--type-inline > :not(span)):not(.ui-resizable-handle):not(.hidden)) .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-ctrl-textarea-radius: 8px; --gf-ctrl-radius: 8px; --gf-ctrl-size: 56px; --gf-ctrl-textarea-size: 160px; --gf-ctrl-border-color: #e9e9e9; --gf-ctrl-shadow: none; --gf-ctrl-outline-width-focus: 0; --gf-ctrl-outline-color-focus: transparent; --gf-ctrl-outline-offset: 0; --gf-ctrl-transition: all 0.3s; --gf-ctrl-border-color-focus: var(--Neutrals-Text-Primary); --gf-ctrl-border-color-hover: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .gform-theme--framework :where(:not(html):not(iframe):not(canvas):not(img):not(svg):not(video) :not(svg *):not(symbol *) :not(.gform-theme__no-reset--el):not(.gform-theme__no-reset--children *):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-reset):not(.gform-theme__disable-reset *):not(.gform_heading *):not(.gfield--type-html *):not(.gfield--type-section *):not(.form_saved_message > *):not(.form_saved_message_sent > *):not(.gform_confirmation_message *):not(.wp-editor-container):not(.mce-tinymce):not(.mce-tinymce *):not(.wp-editor-area):not(.gfield_description > *):not(.gform-field-label--type-inline > :not(span)):not(.ui-resizable-handle):not(.hidden)) .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-ctrl-textarea-size: 130px; --gf-ctrl-size: 40px; } } .gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-ctrl-label-font-size-primary: 1rem; --gf-ctrl-label-color-primary: var(--Neutrals-Text-Primary); --gf-ctrl-label-line-height-primary: 190%; --gf-ctrl-label-color-req: var(--Brand-Primary-Default); --gf-ctrl-label-font-weight-primary: 325; } @media (max-width: 991px) { .gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-label-space-primary: 4px; --gf-ctrl-label-font-size-primary: 0.85714rem; } } body .gform-theme--foundation .gfield textarea.large { min-block-size: 160px; --gf-ctrl-textarea-height: 160px; } @media (max-width: 991px) { body .gform-theme--foundation .gfield textarea.large { --gf-ctrl-textarea-height: 56px; min-block-size: 56px; } } .gfield_select { --gf-ctrl-line-height: 54px; } @media (max-width: 991px) { .gfield_select { --gf-ctrl-line-height: 40px; } } .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])) { --gf-ctrl-select-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23929497' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --gf-ctrl-select-icon-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23929497' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --gf-ctrl-select-icon-focus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23929497' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --gf-ctrl-select-icon-size: 24px; } .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer { --gf-form-footer-margin-y-start: 16px; } .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-ctrl-btn-bg-color-primary: var(--Brand-Primary-Default); --gf-ctrl-btn-radius: 8px; --gf-ctrl-btn-font-size: 1.14286rem; --gf-ctrl-btn-font-weight: 450; --gf-local-line-height: 160%; --gf-ctrl-btn-size: 50px; --gf-local-min-width: 100px; --gf-ctrl-btn-bg-color-hover-primary: var(--Neutrals-Text-Primary); --gf-ctrl-btn-bg-color-focus-primary: var(--Neutrals-Text-Primary); --gf-ctrl-btn-border-color-focus-primary: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-ctrl-btn-size: 44px; --gf-local-line-height: 190%; --gf-ctrl-btn-font-size: 1rem; } } .gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-ctrl-desc-color-error: #ec3c2c; } .gform-theme--framework .gfield_error .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield_error textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) { --gf-ctrl-border-color-error: #ec3c2c; } .gform-theme--framework .gform_validation_errors .gform_submission_error { --gf-form-validation-heading-color: #ec3c2c; } .gform-theme--framework .gform_validation_errors { --gf-form-validation-margin-y: 24px; } .gform_fields:has(.w-half) { display: flex !important; flex-wrap: wrap; } .gform_fields:has(.w-half) .gfield { flex: 0 0 100%; max-width: 100%; } .gform_fields:has(.w-half) .gfield.w-half { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } @media (max-width: 991px) { .gform_fields:has(.w-half) .gfield.w-half { flex: 0 0 100%; max-width: 100%; } } .site-header { position: relative; background: #fff; } .header { padding: var(--space-y) 0; display: flex; align-items: center; gap: 16px; justify-content: space-between; } @media (max-width: 991px) { .header { padding: 12px 0; margin-bottom: var(--space-y); } } @media (max-width: 991px) { .logo img { width: 132px; height: auto; } } .menu > ul { display: flex; align-items: center; } .menu > ul > li > a { padding: 8px 12px; display: block; color: var(--Neutrals-Text-Primary); line-height: 190%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { #navigation { display: none; } } .toggle-menu { color: var(--Brand-Primary-Default); display: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 6H20M4 12H20M4 18H20' stroke='%23C70036' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; transition: background-image 0.3s; } .toggle-menu.active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='%23C70036' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 991px) { .toggle-menu { display: block; } } .site-footer { background: var(--Neutrals-Background-Elevated, #f8fafc); padding-top: var(--space-y); } .copyright { border-top: 1px solid var(--Neutrals-Border-Default, #cad5e2); padding: calc(var(--space-y) / 2) 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; } @media (max-width: 991px) { .copyright { flex-direction: column; align-items: unset; justify-content: unset; padding-bottom: var(--space-y); padding-top: 24px; gap: 24px; } } .copyright__text { color: var(--Neutrals-Text-Tertiary, #90a1b9); font-size: 0.71429rem; line-height: 190%; } @media (max-width: 991px) { .copyright__text { font-size: 0.85714rem; font-weight: 325; font-variation-settings: "wght" 325; } } .copyright__text a:hover { color: var(--Brand-Primary-Default); } .copyright__social ul { display: flex; align-items: center; gap: 8px; } @media (max-width: 991px) { .copyright__social ul { justify-content: flex-start; gap: 16px; } } .copyright__social ul a { color: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .copyright__social ul a svg { width: 32px; height: auto; } .copyright__social ul a svg path { stroke-width: 1.5; } } .copyright__social ul a:hover { color: var(--Brand-Primary-Default); } .footer { display: flex; align-items: center; gap: 16px; padding-bottom: var(--space-y); } @media (max-width: 991px) { .footer { gap: 24px; padding-bottom: 24px; flex-direction: column; align-items: unset; } } .footer__contact { display: flex; flex-direction: column; flex: 1; } @media (max-width: 991px) { .footer__contact { flex: unset; } } .footer__contact .site-subtitle { margin-bottom: 8px; } @media (max-width: 991px) { .footer__contact .site-subtitle { margin-bottom: 4px; } } .footer__contact ul { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; } @media (max-width: 991px) { .footer__contact ul { gap: 16px; } } .footer__contact ul:last-of-type { margin-bottom: 0; } .footer__contact ul li { font-size: 1.14286rem; line-height: 190%; gap: 10px; display: flex; align-items: flex-start; } @media (max-width: 991px) { .footer__contact ul li { font-size: 0.85714rem; font-weight: 325; font-variation-settings: "wght" 325; } } .footer__contact ul li a:hover { color: var(--Brand-Primary-Default); } .footer__contact ul li svg { color: var(--Neutrals-Text-Primary); transform: translateY(4px); flex-shrink: 0; } @media (max-width: 991px) { .footer__contact ul li svg { width: 16px; height: auto; } .footer__contact ul li svg path { stroke-width: 1; } } .footer__links { display: flex; gap: 16px; } @media (max-width: 991px) { .footer__links { gap: 0; flex-direction: column; } } .footer__links--col { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } @media (max-width: 991px) { .footer__links--col { flex: unset; max-width: unset; } } .footer__links--col ul { display: flex; flex-direction: column; } .footer__links--col ul li a { display: block; padding: 8px 0; color: var(--Neutrals-Text-Primary); font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .footer__links--col ul li a { color: var(--Neutrals-Border-Strong, #90a1b9); font-weight: 450; font-variation-settings: "wght" 450; line-height: 190%; } } .footer__links--col ul li a:hover { color: var(--Brand-Primary-Default); } .footer #footer__links { flex: 0 0 33%; max-width: 33%; } .footer #footer__links .accordion-title { display: none; align-items: center; justify-content: space-between; padding: 8px 0; cursor: pointer; font-size: 1rem; font-weight: 450; font-variation-settings: "wght" 450; color: var(--Neutrals-Text-Primary, #1d293d); } .footer #footer__links .accordion-title:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 15L12 9L18 15' stroke='%231D293D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; transition: transform 0.3s; transform: rotate(180deg); } .footer #footer__links .accordion-title.active:after { transform: rotate(0); } @media (max-width: 991px) { .footer #footer__links { flex: 0 0 100%; max-width: 100%; } .footer #footer__links .accordion-title { display: flex; } .footer #footer__links .accordion-content { display: grid; overflow: hidden; grid-template-rows: minmax(0, 0fr); transition: grid-template-rows 0.6s; } .footer #footer__links .accordion-content.active { grid-template-rows: minmax(0, 1fr); } } .menu-backdrop { opacity: 0; background: var(--primary-colors-dark-gray-100, #1d1e1e); position: fixed; inset: 0; visibility: hidden; pointer-events: none; z-index: 9; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .head { margin-bottom: 48px; display: flex; flex-direction: column; gap: 12px; } @media (max-width: 991px) { .head { margin-bottom: var(--space-y); gap: 8px; } } .head__title { font-size: 2.85714rem; line-height: 140%; max-width: 832px; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .head__title { font-size: 2.28571rem; line-height: 120%; max-width: 100%; font-weight: 450; font-variation-settings: "wght" 450; } } .head__title h1 { display: inline; font-size: 2.85714rem; line-height: 140%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .head__title h1 { font-size: 2.28571rem; line-height: 120%; } } .head__description { font-size: 1.285715rem; line-height: 190%; max-width: 832px; } @media (max-width: 991px) { .head__description { font-size: 1.14286rem; font-weight: 325; font-variation-settings: "wght" 325; max-width: 100%; line-height: 160%; } } .head.text-center { text-align: center; align-items: center; margin-bottom: var(--space-y); } @media (max-width: 991px) { .head.text-center { text-align: right; align-items: flex-start; } .head.text-center .head__description { font-size: 1rem; line-height: 190%; } } @media (max-width: 991px) { .head.head--type2 { gap: 16px; } .head.head--type2 .head__title { font-weight: 325; font-variation-settings: "wght" 325; } .head.head--type2 .head__description { font-size: 1.14286rem; line-height: 160%; } } .head.head--type3 .head__description { line-height: 190%; } @media (max-width: 991px) { .head.head--type3 .head__description { font-size: 1.14286rem; line-height: 160%; } } .head.head--type3 .head__title { font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .head.head--type3 .head__title { font-weight: 400; font-variation-settings: "wght" 400; } .head.head--type3 .head__title h1 { font-weight: 700; font-variation-settings: "wght" 700; } } .home-hero { position: relative; overflow: hidden; } .home-hero__slider--images .slick-list { margin-left: -8px; margin-right: -8px; } .home-hero__slider--images .slick-list .slick-slide { margin-left: 8px; margin-right: 8px; } .home-hero__slider--images .slick-list .slick-slide img { width: 100%; } @media (max-width: 991px) { .home-hero__slider--images .slick-list .slick-slide img { min-height: 240px; object-fit: cover; object-position: center center; } } .home-about { padding: var(--space-y) 0; display: flex; gap: 16px; } @media (max-width: 991px) { .home-about { flex-direction: column; } .home-about:has(.site-more) { position: relative; padding-bottom: calc(2.5 * var(--space-y)); } } .home-about__main { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } @media (max-width: 991px) { .home-about__main { flex: unset; max-width: unset; } } .home-about__main .site-title { margin-bottom: 32px; } @media (max-width: 991px) { .home-about__main .site-title { margin-bottom: 0; } } @media (max-width: 991px) { .home-about__main .site-more { justify-content: center; position: absolute; bottom: var(--space-y); right: 0; left: 0; height: 44px; border-radius: var(--Small, 8px); color: #fff; background: var(--Brand-Primary-Default, #c70036); } .home-about__main .site-more:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 9.99996H15.8334M7.50008 6.66663L4.16675 9.99996L7.50008 13.3333' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .home-about__details { flex: 1; display: flex; flex-direction: column; gap: 40px; } @media (max-width: 991px) { .home-about__details { flex: unset; gap: 16px; } } .home-about__details .site-description { font-weight: 325; font-variation-settings: "wght" 325; } .home-about__details > ul { display: flex; flex-wrap: wrap; gap: 24px 16px; } @media (max-width: 991px) { .home-about__details > ul { gap: 16px; } } .home-about__details > ul > li { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); display: flex; flex-direction: column; gap: 8px; } @media (max-width: 991px) { .home-about__details > ul > li { gap: 4px; } } .home-about__details--icon { color: var(--Brand-Primary-Default); } @media (max-width: 991px) { .home-about__details--icon svg { width: 24px; height: auto; } .home-about__details--icon svg path { stroke-width: 2.5; } } .home-about__details--data { display: flex; flex-direction: column; gap: 8px; } @media (max-width: 991px) { .home-about__details--data { gap: 4px; } } .home-about__details--data h3 { font-size: 1.14286rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .home-about__details--data h3 { font-size: 1rem; font-weight: 450; font-variation-settings: "wght" 450; line-height: 190%; } } .home-about__details--data ul { line-height: 190%; list-style: disc; padding-right: 16px; } @media (max-width: 991px) { .home-about__details--data ul { font-size: 0.85714rem; font-weight: 325; font-variation-settings: "wght" 325; } } .home-about__details--data ul li { list-style: disc; } #home-products-description { padding: var(--space-y) 0; } #home-products-description .site-title { margin-bottom: 24px; max-width: calc(50% - 8px); } @media (max-width: 991px) { #home-products-description .site-title { max-width: 100%; } } .home-products-description { display: flex; align-items: flex-start; gap: 16px; position: relative; } @media (max-width: 991px) { .home-products-description { flex-direction: column; align-items: unset; } } .home-products-description__details { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } @media (max-width: 991px) { .home-products-description__details { flex: unset; max-width: unset; } } .home-products-description__details .site-description { line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .home-products-description__details .site-description { line-height: 190%; font-weight: 450; font-variation-settings: "wght" 450; } } .home-products-description__details--more { line-height: 190%; } @media (max-width: 991px) { .home-products-description__details--more { font-size: 0.85714rem; font-weight: 325; font-variation-settings: "wght" 325; margin-bottom: 4px; margin-top: 4px; } } .home-products-description__details--cover { display: none; border-radius: 16px; width: 100%; } @media (max-width: 991px) { .home-products-description__details--cover { display: block; } } @media (max-width: 991px) { .home-products-description__details .accordion-content { display: grid; overflow: hidden; grid-template-rows: minmax(0, 0fr); transition: grid-template-rows 0.6s; } .home-products-description__details .accordion-content.active { grid-template-rows: minmax(0, 1fr); } } .home-products-description__details ul { display: flex; flex-direction: column; gap: 16px; } .home-products-description__details ul li { position: relative; padding-bottom: 24px; display: flex; flex-direction: column; gap: 8px; } @media (max-width: 991px) { .home-products-description__details ul li { gap: 0; } } .home-products-description__details ul li .site-subtitle { margin-bottom: 0; cursor: pointer; } @media (max-width: 991px) { .home-products-description__details ul li .site-subtitle { margin-bottom: 4px; font-size: 0.85714rem; display: flex; align-items: center; justify-content: space-between; } .home-products-description__details ul li .site-subtitle:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%2345556C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; content: ""; transform: translateY(12px); transition: transform 0.3s; } .home-products-description__details ul li .site-subtitle.active:after { transform: translateY(12px) rotate(180deg); } } .home-products-description__details ul li .site-more { opacity: 0; visibility: hidden; height: 0; margin-top: 8px; } @media (max-width: 991px) { .home-products-description__details ul li .site-more { margin-top: 16px; } } .home-products-description__details ul li:after { z-index: 1; position: absolute; right: 0; bottom: 0; content: ""; display: block; height: 1px; width: 0; background: var(--Brand-Primary-Default); } .home-products-description__details ul li:before { position: absolute; right: 0; bottom: 0; content: ""; display: block; height: 1px; width: 100%; background: linear-gradient(-90deg, #cad5e2 0%, #fff 70%); } .home-products-description__details ul li:last-child:before { display: none; } .home-products-description__details ul li:has(.active):after { transition: width 6s linear; width: 100%; } .home-products-description__details ul li:has(.active) .site-more { height: auto; opacity: 1; visibility: visible; } .home-products-description__picture { flex: 1; position: relative; overflow: hidden; border-radius: 24px; margin-top: 36px; } @media (max-width: 991px) { .home-products-description__picture { display: none; } } .home-products-description__picture img { aspect-ratio: 1.2921960073; } #home-slugs { position: relative; overflow: hidden; } #home-slugs .container { position: static; } .home-slugs { display: flex; justify-content: space-between; color: #fff; } @media (max-width: 991px) { .home-slugs { flex-direction: column-reverse; justify-content: unset; } } .home-slugs__box { flex: 0 0 50%; padding-top: 360px; padding-bottom: 120px; max-width: 480px; display: flex; flex-direction: column; gap: 16px; padding-left: 16px; } @media (max-width: 991px) { .home-slugs__box { position: relative; flex: unset; max-width: unset; max-width: 100%; padding-top: var(--space-y); padding-bottom: var(--space-y); gap: 8px; padding-left: 0; } } @media (max-width: 991px) { .home-slugs__box--icon { margin-bottom: 8px; } } .home-slugs__box--title { font-size: 2rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; } @media (max-width: 991px) { .home-slugs__box--title { font-size: 1.28571rem; line-height: 120%; font-weight: 450; font-variation-settings: "wght" 450; } } .home-slugs__box .site-description { line-height: 190%; opacity: 0.7; } @media (max-width: 991px) { .home-slugs__box .site-description { font-weight: 325; font-variation-settings: "wght" 325; } } .home-slugs__box > * { position: relative; z-index: 1; } .home-slugs__box:before { background-color: var(--background-color); content: ""; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 50%; pointer-events: none; } @media (max-width: 991px) { .home-slugs__box:before { width: unset; right: -16px; left: -16px; } } .home-slugs__box:after { background-image: var(--background-image); background-repeat: no-repeat; background-position: -40px -32px; content: ""; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 50%; pointer-events: none; opacity: 0.3; z-index: 1; } @media (max-width: 991px) { .home-slugs__box:after { width: unset; right: -16px; left: -16px; background-size: 250px 250px; background-position: -64px -16px; } } .home-slugs__box:nth-child(2n) { padding-right: 16px; } @media (max-width: 991px) { .home-slugs__box:nth-child(2n) { padding-right: 0; } } .home-slugs__box:nth-child(2n):before, .home-slugs__box:nth-child(2n):after { left: 0; right: unset; } @media (max-width: 991px) { .home-slugs__box:nth-child(2n):before, .home-slugs__box:nth-child(2n):after { right: -16px; left: -16px; } } #home-social-responsibility { padding: var(--space-y) 0; background-image: var(--background-image); background-repeat: no-repeat; background-size: cover; background-position: right center; } @media (max-width: 991px) { #home-social-responsibility { background-color: var(--Neutrals-Background-Elevated, #f8fafc); padding-bottom: 170px; background-position: right bottom; background-size: auto; position: relative; } #home-social-responsibility:after { background: linear-gradient(to top, rgba(248, 250, 252, 0) 0%, var(--Neutrals-Background-Elevated, #f8fafc) 41.25%); width: 100%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; pointer-events: none; } } .home-social-responsibility { padding-right: 50%; } @media (max-width: 991px) { .home-social-responsibility { position: relative; z-index: 1; padding-right: 0; } } .home-social-responsibility .site-description { margin-bottom: 16px; } #home-awards { padding: var(--space-y) 0; } .home-awards { display: flex; gap: 16px; } @media (max-width: 991px) { .home-awards { flex-direction: column; gap: 40px; } } .home-awards__description { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } @media (max-width: 991px) { .home-awards__description { flex: unset; max-width: unset; } } .home-awards__description .site-description { max-width: 590px; } @media (max-width: 991px) { .home-awards__description .site-description { max-width: unset; } } .home-awards__details { flex: 1; } @media (max-width: 991px) { .home-awards__details { flex: unset; } } .home-awards__details ul { display: flex; flex-wrap: wrap; gap: 32px 16px; } @media (max-width: 991px) { .home-awards__details ul { gap: 16px; } } .home-awards__details ul li { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); display: flex; flex-direction: column; gap: 10px; } @media (max-width: 991px) { .home-awards__details ul li { flex: 0 0 100%; max-width: 100%; gap: 4px; padding-bottom: 16px; position: relative; } .home-awards__details ul li:after { background: linear-gradient(to left, var(--Neutrals-Border-Default, #cad5e2) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; right: 0; width: 100%; max-width: 343px; content: ""; display: block; height: 1px; bottom: 0; } } .home-awards__details ul li:last-child { padding-bottom: 0; } .home-awards__details ul li:last-child:after { display: none; } .home-awards__details--number { color: var(--Brand-Primary-Default); font-size: 2rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; } @media (max-width: 991px) { .home-awards__details--number { font-size: 1.14286rem; font-weight: 450; font-variation-settings: "wght" 450; line-height: 160%; } } .home-awards__details--text { line-height: 190%; font-size: 0.85714rem; } @media (max-width: 991px) { .home-awards__details--text { font-weight: 325; font-variation-settings: "wght" 325; } } .home-awards__details .site-description { font-weight: 600; font-variation-settings: "wght" 600; line-height: 160%; } @media (max-width: 991px) { .home-awards__details .site-description { font-weight: 450; font-variation-settings: "wght" 450; line-height: 190%; } } #home-jobs { padding: var(--space-y) 0; } @media (max-width: 991px) { #home-jobs { padding-top: 0; } } .home-jobs { position: relative; padding-bottom: 80px; } @media (max-width: 991px) { .home-jobs { padding-bottom: 0; } .home-jobs .site-more { margin-top: 8px; width: 100%; border-radius: var(--Small, 8px); background: var(--Brand-Primary-Default, #c70036); color: #fff; justify-content: center; padding: 8px; } .home-jobs .site-more:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.16675 9.99984H15.8334M7.50008 6.6665L4.16675 9.99984L7.50008 13.3332' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .home-jobs__info { position: absolute; z-index: 2; right: 120px; bottom: 0; display: flex; flex-direction: column; gap: 16px; max-width: 714px; } @media (max-width: 991px) { .home-jobs__info { margin-top: -72px; position: relative; bottom: unset; right: unset; gap: 8px; max-width: unset; } } .home-jobs__info--title { font-size: 2rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; color: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .home-jobs__info--title { font-size: 1.28571rem; line-height: 120%; font-weight: 450; font-variation-settings: "wght" 450; } .home-jobs__info--title br { display: none; } } .home-jobs__info .site-description { color: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .home-jobs__info .site-description { margin-bottom: 24px; font-weight: 325; font-variation-settings: "wght" 325; } } .home-jobs__info ul { margin-top: -8px; line-height: 190%; list-style: disc; padding-right: 16px; } @media (max-width: 991px) { .home-jobs__info ul { margin-top: 0; font-weight: 325; font-variation-settings: "wght" 325; font-size: 0.85714rem; } } .home-jobs__info ul li { list-style: disc; } .home-jobs__cover { position: relative; width: 100%; } @media (max-width: 991px) { .home-jobs__cover { width: unset; margin-left: -16px; margin-right: -16px; } } .home-jobs__cover:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; display: block; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); pointer-events: none; } @media (max-width: 991px) { .home-jobs__cover:after { height: 65%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--Neutrals-Background-Page, #fff) 100%); } } .home-jobs__cover img { width: 100%; border-radius: 24px 24px 0 0; } @media (max-width: 991px) { .home-jobs__cover img { object-fit: cover; object-position: center center; min-height: 240px; border-radius: 0; } } #home-blog { padding: var(--space-y) 0; } #home-blog .site-subtitle { text-align: center; } @media (max-width: 991px) { #home-blog .site-subtitle { text-align: right; } } #home-blog .site-title { text-align: center; margin-bottom: 24px; } @media (max-width: 991px) { #home-blog .site-title { text-align: right; } } @media (max-width: 991px) { #home-blog.home-blog--list .site-title { text-align: center; } #home-blog.home-blog--list .home-blog { gap: 16px; } #home-blog.home-blog--list .home-blog .blog-card { min-height: unset; padding-right: 0; flex-direction: column; } #home-blog.home-blog--list .home-blog .blog-card__picture { border-radius: 8px; width: 100%; height: auto; min-height: 193px; position: static; margin-bottom: 9px; } #home-blog.home-blog--list .home-blog .blog-card__title { margin-bottom: 4px; font-size: 1.14286rem; line-height: 120%; } #home-blog.home-blog--list .home-blog .blog-card__description { display: block; } } .home-blog { display: flex; flex-wrap: wrap; gap: 16px; } @media (max-width: 991px) { .home-blog { gap: 8px; } } .home-blog .blog-card { flex: 0 0 calc(33.33% - 10.66px); max-width: calc(33.33% - 10.66px); } @media (max-width: 991px) { .home-blog .blog-card { flex: 0 0 100%; max-width: 100%; } } .home-blog__more { display: flex; justify-content: center; margin-top: 40px; } @media (max-width: 991px) { .home-blog__more { margin-top: 24px; } } .home-blog__more--link { padding: 12px 16px; display: flex; align-items: center; gap: 4px; border-radius: var(--Small, 8px); border: 1px solid var(--Brand-Primary-Default); color: var(--Brand-Primary-Default); font-weight: 450; font-variation-settings: "wght" 450; line-height: 160%; font-size: 1.14286rem; } @media (max-width: 991px) { .home-blog__more--link { width: 100%; padding: 8px; font-size: 1rem; line-height: 190%; height: 44px; justify-content: center; } } .home-blog__more--link:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6L9 12L15 18' stroke='%23C70036' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; transition: transform 0.3s; } @media (max-width: 991px) { .home-blog__more--link:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5 5L7.5 10L12.5 15' stroke='%23C70036' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 20px; height: 20px; } } .home-blog__more--link:hover:after { transform: translateX(-3px); } @media (max-width: 991px) { body:has(#contact-form) #breadcrumb { margin-bottom: 16px; } } #contact-form { padding: var(--space-y) 0; } @media (max-width: 991px) { #contact-form { padding-top: 0; } } .contact-form { display: flex; gap: 80px; } @media (max-width: 1599px) { .contact-form { gap: 64px; } } @media (max-width: 991px) { .contact-form { gap: 40px; flex-direction: column; } } .contact-form__details { flex: 0 0 50%; max-width: 50%; display: flex; flex-direction: column; } @media (max-width: 1399px) { .contact-form__details { flex: 0 0 45%; max-width: 45%; } } @media (max-width: 991px) { .contact-form__details { flex: unset; max-width: unset; } } .contact-form__details--picture { margin-top: auto; border-radius: 24px; width: 100%; } @media (max-width: 991px) { .contact-form__details--picture { display: none; } } .contact-form__details .site-title { margin-bottom: 8px; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .contact-form__details .site-title { font-size: 2.28571rem; } } .contact-form__details .site-description { font-weight: 325; font-variation-settings: "wght" 325; margin-bottom: 24px; } @media (max-width: 991px) { .contact-form__details .site-description { margin-bottom: 16px; } } .contact-form__details ul { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; } @media (max-width: 991px) { .contact-form__details ul { gap: 16px; margin-bottom: 0; } } .contact-form__details ul a { color: var(--Brand-Primary-Default); } .contact-form__details ul a:hover { color: var(--Neutrals-Text-Primary); } .contact-form__data { flex: 1; } @media (max-width: 991px) { .contact-form__data { flex: unset; } .contact-form__data .gform-footer .gform_button { flex: 1; } } .contact-page { padding: var(--space-y) 0 calc(2 * var(--space-y)); display: flex; flex-direction: column; gap: 64px; } @media (max-width: 991px) { .contact-page { padding-top: 20px; padding-bottom: var(--space-y); gap: 24px; } } .contact-page .site-title { text-align: center; margin-bottom: 24px; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .contact-page .site-title { text-align: right; margin-bottom: 16px; font-size: 2.28571rem; margin-bottom: 8px; } } .contact-page .site-description { text-align: center; margin-left: auto; margin-right: auto; max-width: 832px; font-size: 1.285715rem; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .contact-page .site-description { text-align: right; max-width: 100%; font-size: 1rem; } } .contact-page-section { display: flex; align-items: center; gap: 64px; position: relative; z-index: 1; } @media (max-width: 991px) { .contact-page-section { display: flex; flex-direction: column-reverse; gap: 16px; align-items: unset; } } .contact-page-section__picture { flex: 0 0 calc(50% - 32px); max-width: calc(50% - 32px); overflow: hidden; border-radius: 16px; } @media (max-width: 991px) { .contact-page-section__picture { flex: unset; max-width: unset; border-radius: 8px; } } .contact-page-section__picture img { width: 100%; } .contact-page-section__map { flex: 0 0 calc(50% - 32px); max-width: calc(50% - 32px); border-radius: 24px; overflow: hidden; } @media (max-width: 991px) { .contact-page-section__map { flex: unset; max-width: unset; border-radius: 12px; } } .contact-page-section__map .map { height: 400px; aspect-ratio: unset; } @media (max-width: 991px) { .contact-page-section__map .map { height: 200px; } } .contact-page-section__map .leaflet-control-container, .contact-page-section__map .leaflet-control-attribution { display: none; } .contact-page-section__details { flex: 1; } @media (max-width: 991px) { .contact-page-section__details { flex: unset; } } .contact-page-section__details--title { margin-bottom: 32px; font-weight: 600; font-variation-settings: "wght" 600; font-size: 2rem; line-height: 140%; } @media (max-width: 991px) { .contact-page-section__details--title { font-size: 1.71429rem; line-height: 120%; margin-bottom: 8px; } } .contact-page-section__details .site-subtitle { margin-bottom: 8px; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .contact-page-section__details .site-subtitle { margin-bottom: 4px; } } .contact-page-section__details .site-description { text-align: unset; margin-left: unset; margin-right: unset; max-width: unset; margin-bottom: 32px; } @media (max-width: 991px) { .contact-page-section__details .site-description { margin-bottom: 8px; } } .contact-page-section__details ul { margin-bottom: 24px; display: flex; flex-direction: column; gap: 8px; } @media (max-width: 991px) { .contact-page-section__details ul { margin-bottom: 8px; } } .contact-page-section__details ul:last-of-type { margin-bottom: 0; } .contact-page-section__details ul li { font-size: 1.14286rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; display: flex; gap: 10px; } @media (max-width: 991px) { .contact-page-section__details ul li { gap: 4px; font-size: 0.85714rem; } } .contact-page-section__details ul li svg { color: var(--Neutrals-Text-Primary); flex-shrink: 0; transform: translateY(3px); } @media (max-width: 991px) { .contact-page-section__details ul li svg { width: 16px; height: auto; transform: translateY(-1px); } .contact-page-section__details ul li svg path { stroke-width: 1; } } .contact-page-section__details ul li a:hover { color: var(--Brand-Primary-Default); } .contact-page-section:nth-of-type(2n + 1) { flex-direction: row-reverse; } @media (max-width: 991px) { .contact-page-section:nth-of-type(2n + 1) { flex-direction: column-reverse; } } .contact-page:has(.contact-page-section__picture) .site-title { margin-bottom: 12px; } @media (max-width: 991px) { .contact-page:has(.contact-page-section__picture) .site-title { margin-bottom: 16px; font-size: 2rem; } } .contact-page:has(.contact-page-section__picture) .contact-page-section__details--title { margin-bottom: 8px; } @media (max-width: 991px) { .contact-page--main .site-title { font-size: 2rem; margin-bottom: 16px; } } .about-hero { padding-bottom: var(--space-y); display: flex; align-items: center; gap: 64px; } @media (max-width: 991px) { .about-hero { flex-direction: column; align-items: unset; gap: 16px; } } .about-hero__picture { flex: 0 0 58%; max-width: 58%; } @media (max-width: 1599px) { .about-hero__picture { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 991px) { .about-hero__picture { flex: unset; max-width: unset; } } .about-hero__picture img { width: 100%; border-radius: 24px; } @media (max-width: 991px) { .about-hero__picture img { border-radius: 16px; min-height: 265px; object-fit: cover; object-position: center center; } } .about-hero__details { flex: 1; display: flex; flex-direction: column; gap: 24px; } @media (max-width: 991px) { .about-hero__details { flex: unset; gap: 16px; } } .about-hero__details--description { font-size: 1.285715rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .about-hero__details--description { font-size: 1rem; } } .about-hero__details--slug { padding: 12px 24px; color: var(--Brand-Primary-Default); font-size: 1.14286rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; border-right: 4px solid var(--Brand-Primary-Default); } @media (max-width: 991px) { .about-hero__details--slug { padding: 8px 16px 8px 0; font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; line-height: 190%; } } #about-slider { padding: var(--space-y) 0; } #about-slider .site-subtitle:not(.about-slider .site-subtitle) { text-align: center; } @media (max-width: 991px) { #about-slider .site-subtitle:not(.about-slider .site-subtitle) { text-align: right; } } #about-slider .site-title:not(.about-slider .site-title) { text-align: center; margin-bottom: 64px; max-width: 712px; margin-left: auto; margin-right: auto; } @media (max-width: 991px) { #about-slider .site-title:not(.about-slider .site-title) { text-align: right; max-width: 100%; margin-bottom: 24px; } } .about-slider { position: relative; padding-bottom: var(--space-y); } @media (max-width: 991px) { .about-slider { padding-bottom: 0; } } .about-slider .container { position: static; } .about-slider__slides { position: static; } .about-slider__slides .slick-list { margin-left: -8px; margin-right: -8px; } .about-slider__slides .slick-slide { padding-left: 8px; padding-right: 8px; } .about-slider__slides .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 16px; background: var(--Brand-Primary-Default, #c70036); z-index: 2; background-repeat: no-repeat no-repeat; background-position: center center; } @media (max-width: 991px) { .about-slider__slides .slick-arrow { height: 32px; width: 32px; border-radius: 10.667px; background-size: 16px 16px; margin-top: -40px; } } .about-slider__slides .slick-next { right: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 991px) { .about-slider__slides .slick-next { right: 8px; } } .about-slider__slides .slick-prev { left: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6L9 12L15 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 991px) { .about-slider__slides .slick-prev { left: 8px; } } .about-slider__slides .slick-dots { position: absolute; z-index: 3; bottom: 32px; justify-content: space-evenly; right: 120px; left: 120px; flex-direction: row-reverse; } @media (max-width: 991px) { .about-slider__slides .slick-dots { padding-left: 16px; padding-right: 16px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; right: 16px; left: 16px; justify-content: flex-start; gap: 48px; background: linear-gradient(to bottom, transparent 3px, #90a1b9 3px, #90a1b9 4px, transparent 4px); } } .about-slider__slides .slick-dots:after { height: 1px; width: 100%; content: ""; background: var(--Neutrals-Border-Strong, #90a1b9); position: absolute; top: 0; right: 0; transform: translateY(3px); } @media (max-width: 991px) { .about-slider__slides .slick-dots:after { display: none; } } .about-slider__slides .slick-dots li { position: relative; z-index: 1; background: transparent; display: flex; flex-direction: column; gap: 4px; align-items: center; width: unset; cursor: pointer; height: unset; min-width: 36px; } @media (max-width: 991px) { .about-slider__slides .slick-dots li { min-width: 38px; } } .about-slider__slides .slick-dots li button { font-size: 1.14286rem; line-height: 160%; color: var(--Brand-Primary-Default, #c70036); width: unset; height: unset; border-radius: unset; background: unset; font-feature-settings: "ss01"; } @media (max-width: 991px) { .about-slider__slides .slick-dots li button { line-height: 190%; font-size: 0.85714rem; font-weight: 325; font-variation-settings: "wght" 325; } } .about-slider__slides .slick-dots li:before { content: ""; width: 8px; height: 8px; background-color: var(--Neutrals-Text-Primary, #1d293d); border-radius: 24px; transition: background-color 0.3s, width 0.3s; } .about-slider__slides .slick-dots li.slick-active:before { background-color: var(--Brand-Primary-Default, #c70036); width: 32px; } @media (max-width: 991px) { .about-slider__slides .slick-dots li.slick-active:before { width: 36px; } } .about-slider__slide { overflow: hidden; position: relative; border-radius: 24px 24px 0 0; } @media (max-width: 991px) { .about-slider__slide { border-radius: 0; display: flex; flex-direction: column; gap: 44px; } } .about-slider__slide--picture { width: 100%; display: block; position: relative; } @media (max-width: 991px) { .about-slider__slide--picture { overflow: hidden; border-radius: 8px 8px 0 0; } } .about-slider__slide--picture:after { width: 100%; display: block; height: 32%; position: absolute; right: 0; bottom: 0; content: ""; pointer-events: none; backdrop-filter: blur(6px); } @media (max-width: 991px) { .about-slider__slide--picture:after { backdrop-filter: blur(3px); height: 20%; } } .about-slider__slide--picture:before { z-index: 1; width: 100%; display: block; height: 55%; position: absolute; right: 0; bottom: 0; content: ""; pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--Neutrals-Background-Page, #fff) 100%); } @media (max-width: 991px) { .about-slider__slide--picture:before { height: 32%; } } .about-slider__slide--picture img { width: 100%; } @media (max-width: 991px) { .about-slider__slide--picture img { object-fit: cover; object-position: center center; min-height: 300px; } } .about-slider__slide--info { position: absolute; right: 120px; z-index: 2; display: flex; flex-direction: column; max-width: 712px; bottom: 56px; } @media (max-width: 991px) { .about-slider__slide--info { position: static; max-width: 100%; } } .about-slider__slide--info .site-subtitle { font-weight: 450; font-variation-settings: "wght" 450; margin-bottom: 4px; } @media (max-width: 991px) { .about-slider__slide--info .site-subtitle { margin-bottom: 0; font-size: 0.85714rem; font-weight: 325; font-variation-settings: "wght" 325; } } .about-slider__slide--info .site-title { font-weight: 600; font-variation-settings: "wght" 600; color: var(--Neutrals-Text-Primary, #1d293d); } @media (max-width: 991px) { .about-slider__slide--info .site-title { margin-bottom: 8px; font-weight: 450; font-variation-settings: "wght" 450; font-size: 1.28571rem; } } .about-slider__slide--info .site-description { font-weight: 325; font-variation-settings: "wght" 325; color: var(--Neutrals-Text-Secondary, #45556c); } .about-page-numbers { padding: var(--space-y) 0; } .about-page-numbers .site-title { font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 12px; } @media (max-width: 991px) { .about-page-numbers .site-title { margin-bottom: 16px; font-size: 2rem; } } .about-page-numbers .site-description { margin-bottom: 40px; font-size: 1.285715rem; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .about-page-numbers .site-description { font-size: 1rem; margin-bottom: 16px; } } .about-page-numbers ul { display: flex; flex-wrap: wrap; gap: 24px; } @media (max-width: 991px) { .about-page-numbers ul { gap: 16px; } } .about-page-numbers ul li { flex: 0 0 calc(33.33% - 16px); max-width: calc(33.33% - 16px); color: #fff; overflow: hidden; border-radius: 16px; padding: 80px 120px 80px 80px; position: relative; background-color: var(--background-color); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 274px; } @media (max-width: 1399px) { .about-page-numbers ul li { padding: 40px; } } @media (max-width: 991px) { .about-page-numbers ul li { flex: 0 0 100%; max-width: 100%; min-height: 200px; border-radius: 8px; padding: 30px; } } .about-page-numbers ul li svg { position: relative; z-index: 1; margin-bottom: 16px; } .about-page-numbers ul li .site-title { margin-bottom: 4px; font-size: 1.57143rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; position: relative; z-index: 1; } @media (max-width: 1199px) { .about-page-numbers ul li .site-title { font-size: 1.4rem; } } @media (max-width: 991px) { .about-page-numbers ul li .site-title { font-size: 1.28571rem; line-height: 120%; } } .about-page-numbers ul li .site-description { font-size: 1.14286rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; position: relative; z-index: 1; margin-bottom: 0; } @media (max-width: 991px) { .about-page-numbers ul li .site-description { font-weight: 325; font-variation-settings: "wght" 325; } } .about-page-numbers ul li:before { opacity: 0.6; width: 100%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; background-image: var(--background-image); background-position: left top; background-repeat: no-repeat; mix-blend-mode: overlay; pointer-events: none; } @media (max-width: 991px) { .about-page-numbers ul li:before { background-size: 160px auto; } } .about-blocks__row { padding: var(--space-y) 0; display: flex; align-items: center; gap: 40px; } @media (max-width: 991px) { .about-blocks__row { flex-direction: column; gap: 16px; align-items: unset; } } .about-blocks__row--picture { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); } @media (max-width: 991px) { .about-blocks__row--picture { flex: unset; max-width: unset; } } .about-blocks__row--picture img { width: 100%; border-radius: 16px; } @media (max-width: 991px) { .about-blocks__row--picture img { border-radius: 8px; min-height: 192px; object-fit: cover; object-position: center center; } } .about-blocks__row--text { flex: 1; display: flex; flex-direction: column; gap: 10px; } @media (max-width: 991px) { .about-blocks__row--text { gap: 8px; } } .about-blocks__row--text_title { font-size: 2.57143rem; line-height: 140%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .about-blocks__row--text_title { font-size: 1.71429rem; line-height: 120%; } } .about-blocks__row--text .site-description { font-weight: 325; font-variation-settings: "wght" 325; } .about-blocks__row:nth-child(2n) { flex-direction: row-reverse; } @media (max-width: 991px) { .about-blocks__row:nth-child(2n) { flex-direction: column; } } #about-catalog { margin: var(--space-y) 0; background-image: var(--background-image); background-repeat: no-repeat; background-size: cover; background-position: right center; background-color: #f8fafc; } @media (max-width: 991px) { #about-catalog { background-position: center bottom; background-image: var(--background-image-mobile); margin: 0; } } .about-catalog { padding: var(--space-y) 50% var(--space-y) 0; } @media (max-width: 991px) { .about-catalog { padding-right: 0; padding-bottom: 160px; position: relative; z-index: 1; } } .about-catalog .site-description { margin-bottom: 16px; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .about-catalog .site-description { margin-bottom: 8px; } } .about-catalog__items { margin-bottom: 16px; } @media (max-width: 991px) { .about-catalog__items .site-list { padding-top: 4px; padding-bottom: 4px; } } .about-catalog__items .site-list li { font-weight: 325; font-variation-settings: "wght" 325; } .about-catalog__items .site-list li strong { font-weight: 450; font-variation-settings: "wght" 450; } .about-catalog__items .site-list li:last-child:after { display: block; } .about-page-items { display: flex; align-items: center; gap: 16px; padding: var(--space-y) 0; } @media (max-width: 991px) { .about-page-items { flex-direction: column; align-items: unset; gap: 24px; } } .about-page-items__picture { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); border-radius: 24px; overflow: hidden; } @media (max-width: 991px) { .about-page-items__picture { flex: unset; max-width: unset; border-radius: 16px; width: 100%; } } .about-page-items__picture img { width: 100%; } @media (max-width: 991px) { .about-page-items__picture img { min-height: 266px; object-fit: cover; object-position: center center; } } .about-page-items__details { flex: 1; } @media (max-width: 991px) { .about-page-items__details { flex: unset; } } .about-page-items__details .site-title { margin-bottom: 40px; } @media (max-width: 991px) { .about-page-items__details .site-title { margin-bottom: 16px; } } .about-page-items__details ul { display: flex; flex-direction: column; gap: 16px; padding-right: 0; list-style: none; font-size: 1.14286rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 1199px) { .about-page-items__details ul { gap: 8px; } } @media (max-width: 991px) { .about-page-items__details ul { gap: 16px; font-size: 1rem; } } .about-page-items__details ul li { position: relative; padding-right: 24px; } .about-page-items__details ul li:before { position: absolute; top: 5px; right: 0; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.00027 13.6L2.40027 9.00002C1.8796 8.47935 1.8796 7.52069 2.40027 7.00002L7.00027 2.40002C7.52093 1.87935 8.4796 1.87935 9.00027 2.40002L13.6003 7.00002C14.1209 7.52069 14.1209 8.47935 13.6003 9.00002L9.00027 13.6C8.4796 14.1207 7.52093 14.1207 7.00027 13.6Z' stroke='%23C70036' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 16px; height: 16px; } #about-page-full { background: var(--Neutrals-Text-Primary, #1d293d); } .about-page-full { padding: var(--space-y) 0; color: var(--Neutrals-Misc-White, #fff); } @media (max-width: 991px) { .about-page-full { margin-bottom: 20px; } } .about-page-full .site-subtitle { text-align: center; } @media (max-width: 991px) { .about-page-full .site-subtitle { text-align: right; } } .about-page-full .site-title { text-align: center; margin-bottom: 48px; } @media (max-width: 991px) { .about-page-full .site-title { text-align: right; margin-bottom: 24px; } } .about-page-full > ul { display: flex; flex-wrap: wrap; gap: 16px; } @media (max-width: 1199px) { .about-page-full > ul { gap: 8px; } } @media (max-width: 991px) { .about-page-full > ul { gap: 16px; } } .about-page-full > ul > li { flex: 0 0 calc(25% - 12px); max-width: calc(25% - 12px); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } @media (max-width: 1199px) { .about-page-full > ul > li { flex: 0 0 calc(25% - 6px); max-width: calc(25% - 6px); } } @media (max-width: 991px) { .about-page-full > ul > li { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } } .about-page-full > ul > li svg { color: #90a1b9; } @media (max-width: 991px) { .about-page-full > ul > li svg { width: 24px; height: auto; } } .about-page-full > ul > li p { color: var(--Neutrals-Text-Disabled, #cad5e2); line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .about-page-full > ul > li p { font-size: 0.85714rem; } } .about-page-full > ul > li h5 { font-size: 1.14286rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 1199px) { .about-page-full > ul > li h5 { font-size: 1rem; } } @media (max-width: 991px) { .about-page-full > ul > li h5 { font-size: 1rem; line-height: 190%; } } .about-page-full > ul > li ul { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .about-page-full > ul > li ul li { display: flex; align-items: center; gap: 10px; color: var(--Neutrals-Border-Default, #cad5e2); font-weight: 325; font-variation-settings: "wght" 325; font-size: 1.14286rem; line-height: 190%; } @media (max-width: 991px) { .about-page-full > ul > li ul li { font-size: 1rem; } } .about-page-full > ul > li ul li svg { flex-shrink: 0; color: #a50036; } @media (max-width: 991px) { .about-page-full > ul > li ul li svg path { stroke-width: 1.5; } } .about-page-full > ul > li ul li a:hover { color: #fff; } @media (max-width: 991px) { .about-page-full--contact > ul > li { flex: 0 0 100%; max-width: 100%; padding-bottom: 16px; position: relative; } .about-page-full--contact > ul > li:after { content: ""; position: absolute; right: 0; height: 1px; bottom: 0; background: linear-gradient(to left, var(--Neutrals-Border-Default, #cad5e2) 0%, rgba(255, 255, 255, 0) 100%); width: 100%; display: block; } .about-page-full--contact > ul > li:last-child { padding-bottom: 0; } .about-page-full--contact > ul > li:last-child:after { display: none; } .about-page-full--contact > ul > li h5 { font-size: 1.14286rem; font-weight: 325; font-variation-settings: "wght" 325; } } #about-slideshows { padding: var(--space-y) 0; } @media (max-width: 991px) { #about-slideshows { padding-top: 20px; } } #about-slideshows .container { display: flex; flex-direction: column; gap: var(--space-y); } @media (max-width: 991px) { #about-slideshows .container { gap: calc(2 * var(--space-y)); } } .about-slideshows { display: flex; align-items: center; gap: 64px; } @media (max-width: 1199px) { .about-slideshows { gap: 32px; } } @media (max-width: 991px) { .about-slideshows { flex-direction: column; gap: 8px; } } .about-slideshows__side { flex: 0 0 29.1%; max-width: 29.1%; border-radius: 16px; border: 1px solid var(--Neutrals-Border-Strong, #90a1b9); overflow: hidden; } @media (max-width: 1199px) { .about-slideshows__side { flex: 0 0 35%; max-width: 35%; } } @media (max-width: 991px) { .about-slideshows__side { display: none; } } .about-slideshows__main { flex: 0 0 calc(70.9% - 64px); max-width: calc(70.9% - 64px); display: flex; flex-direction: column; gap: 32px; } @media (max-width: 1199px) { .about-slideshows__main { gap: 24px; flex: 0 0 calc(65% - 32px); max-width: calc(65% - 32px); } } @media (max-width: 991px) { .about-slideshows__main { flex: 0 0 100%; max-width: 100%; gap: 16px; } } .about-slideshows__main--images .slick-list { margin-left: -4px; } @media (max-width: 991px) { .about-slideshows__main--images .slick-list { margin-left: -16px; margin-right: -16px; } } .about-slideshows__main--images .slick-slide { margin-left: 40px; width: 160px; } @media (max-width: 1199px) { .about-slideshows__main--images .slick-slide { margin-left: 24px; } } @media (max-width: 991px) { .about-slideshows__main--images .slick-slide { margin-left: 2px; margin-right: 2px; } .about-slideshows__main--images .slick-slide .about-slideshows-thumb { transition: transform 0.5s; transform: scaleY(0.5); } .about-slideshows__main--images .slick-slide.slick-center .about-slideshows-thumb { transform: scaleY(1); } } @media only screen and (min-width: 992px) { .about-slideshows .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 14px; background: var(--Brand-Primary-Default, #c70036); z-index: 2; background-repeat: no-repeat no-repeat; background-position: center center; } } @media only screen and (min-width: 992px) and (max-width: 991px) { .about-slideshows .slick-arrow { height: 32px; width: 32px; border-radius: 10.667px; background-size: 16px 16px; } } @media only screen and (min-width: 992px) { .about-slideshows .slick-next { right: -16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } @media only screen and (min-width: 992px) and (max-width: 991px) { .about-slideshows .slick-next { right: 8px; } } @media only screen and (min-width: 992px) { .about-slideshows .slick-prev { left: -16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6L9 12L15 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 991px) { .about-slideshows .slick-prev { left: 8px; } } .about-slideshows .custom-nav { display: none; transform: unset; position: static; } @media (max-width: 991px) { .about-slideshows .custom-nav { display: flex; } } .about-slideshows:nth-child(2n) { flex-direction: row-reverse; } @media (max-width: 991px) { .about-slideshows:nth-child(2n) { flex-direction: column; } } .about-slideshows:nth-child(2n) .about-slideshows__main--images .slick-list { margin-left: 0; margin-right: -4px; } @media (max-width: 991px) { .about-slideshows:nth-child(2n) .about-slideshows__main--images .slick-list { margin-left: -16px; margin-right: -16px; } } .about-slideshows:nth-child(2n) .about-slideshows__main--images .slick-slide { margin-right: 40px; margin-left: 0; } @media (max-width: 1199px) { .about-slideshows:nth-child(2n) .about-slideshows__main--images .slick-slide { margin-right: 24px; margin-left: 0; } } @media (max-width: 991px) { .about-slideshows:nth-child(2n) .about-slideshows__main--images .slick-slide { margin-left: 2px; margin-right: 2px; } } @media only screen and (min-width: 992px) { .about-slideshows:nth-child(2n) .slick-next { display: none !important; } .about-slideshows:nth-child(2n) .slick-prev { display: flex !important; } } .about-slideshows-thumb { border-radius: 8px; border: 1px solid var(--Neutrals-Border-Strong, #90a1b9); width: 100%; overflow: hidden; cursor: pointer; } .about-slideshows-thumb img { width: 100%; } .about-slideshows-description { display: flex; flex-direction: column; align-items: flex-start; } .about-slideshows-description__subtitle { margin-bottom: 8px; color: var(--Neutrals-Text-Tertiary, #90a1b9); font-size: 1.14286rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .about-slideshows-description__subtitle { margin-bottom: 4px; line-height: 190%; font-size: 1rem; } } .about-slideshows-description__title { color: var(--Brand-Primary-Default, #c70036); font-size: 1.57143rem; font-weight: 450; font-variation-settings: "wght" 450; line-height: 160%; margin-bottom: 12px; } @media (max-width: 991px) { .about-slideshows-description__title { margin-bottom: 16px; font-size: 1.42857rem; line-height: 120%; } } .about-slideshows-description .site-description { font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 991px) { .about-slideshows-description .site-description { display: block; } } .about-slideshows-cover { position: relative; width: 100%; } .about-slideshows-cover img { width: 100%; } @media (max-width: 991px) { .projects-page { display: flex; flex-direction: column; gap: 24px; padding-bottom: var(--space-y); } } .projects-page .project-card:nth-child(2n) { flex-direction: row-reverse; } @media (max-width: 991px) { .projects-page .project-card:nth-child(2n) { flex-direction: column; } } .project-page { display: flex; } @media (max-width: 991px) { .project-page { flex-direction: column; } } .project-page .home-hero { flex: 0 0 68.75%; max-width: 68.75%; } @media (max-width: 991px) { .project-page .home-hero { flex: unset; max-width: unset; width: 100%; } .project-page .home-hero .custom-nav { bottom: 8px; } .project-page .home-hero .home-hero__slider--images .slick-list .slick-slide img { min-height: 200px; } } .project-page .map { flex: 1; aspect-ratio: unset; } @media (max-width: 991px) { .project-page .map { display: none; } } .project-page .map .leaflet-control-container { display: none; } .project-page-content { display: flex; gap: 40px; padding: var(--space-y) 0; } @media (max-width: 991px) { .project-page-content { flex-direction: column; gap: 24px; padding-bottom: 12px; } } .project-page-content__sidebar { flex: 0 0 31%; max-width: 31%; } @media (max-width: 991px) { .project-page-content__sidebar { flex: unset; max-width: unset; } } .project-page-content__post { flex: 1; display: flex; flex-direction: column; gap: 24px; } @media (max-width: 991px) { .project-page-content__post { flex: unset; gap: 0; } .project-page-content__post .download-list { display: none; } } .project-page-content__post .inner-post p { margin-bottom: 10px; font-size: 1.14286rem; line-height: 190%; } @media (max-width: 991px) { .project-page-content__post .inner-post p { font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; } } .project-page-content__post--title { margin-bottom: 10px; font-size: 1.57143rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; color: var(--Neutrals-Text-Primary, #1d293d); } @media (max-width: 991px) { .project-page-content__post--title { display: none; } } .project-page-mobile { display: none; padding-bottom: var(--space-y); flex-direction: column; gap: 16px; display: flex; } .project-page-mobile .map { margin-bottom: 8px; border-radius: 8px; height: 140px; aspect-ratio: unset; } .project-page-mobile .map .leaflet-control-container { display: none; } .products-page { display: flex; flex-wrap: wrap; gap: 128px 16px; padding: var(--space-y) 0 120px; } @media (max-width: 991px) { .products-page { gap: 24px; padding-top: 0; padding-bottom: var(--space-y); } } .products-page .product-card { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } @media (max-width: 991px) { .products-page .product-card { flex: 0 0 100%; max-width: 100%; } } #products-page-cover { background-image: var(--background-image); background-repeat: no-repeat; background-size: cover; padding-top: 470px; padding-bottom: 100px; position: relative; overflow: hidden; } @media (max-width: 991px) { #products-page-cover { padding-top: 88px; padding-bottom: 8px; min-height: 200px; } } #products-page-cover:before { opacity: 0.5; background: var(--Neutrals-Misc-White, #fff); pointer-events: none; width: 50%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; z-index: 1; } @media (max-width: 991px) { #products-page-cover:before { width: 100%; } } #products-page-cover:after { background: var(--Brand-Primary-Default); mix-blend-mode: darken; pointer-events: none; width: 50%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; z-index: 2; } @media (max-width: 991px) { #products-page-cover:after { width: 100%; } } #products-page-cover .container { z-index: 3; } .products-page-cover { display: flex; flex-direction: column; gap: 16px; width: 50%; color: var(--Neutrals-Text-Inverse, #fff); } @media (max-width: 991px) { .products-page-cover { width: 100%; max-width: 145px; gap: 4px; } } .products-page-cover__title { color: var(--Brand-Primary-Disable, #ffe4e6); font-size: 1.14286rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .products-page-cover__title { font-size: 0.71429rem; font-weight: 325; font-variation-settings: "wght" 325; line-height: 190%; } } .products-page-cover p { font-size: 2.57143rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; } @media (max-width: 991px) { .products-page-cover p { font-weight: 450; font-variation-settings: "wght" 450; font-size: 1rem; line-height: 190%; } } .product-page { display: flex; align-items: flex-start; gap: 64px; padding: var(--space-y) 0; } @media (max-width: 1199px) { .product-page { gap: 32px; } } @media (max-width: 991px) { .product-page { padding-top: 0; padding-bottom: calc(2 * var(--space-y)); display: flex; flex-direction: column; align-items: unset; gap: 40px; } } .product-page__content { flex: 1; } @media (max-width: 991px) { .product-page__content { flex: unset; } } .product-page__content--title { margin-bottom: 8px; font-size: 2.57143rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; color: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .product-page__content--title { font-size: 1.71429rem; line-height: 120%; font-weight: 600; font-variation-settings: "wght" 600; } } .product-page__content--subtitle { padding-bottom: 16px; color: var(--Neutrals-Text-Tertiary, #90a1b9); font-size: 1.71429rem; line-height: 160%; } @media (max-width: 991px) { .product-page__content--subtitle { font-size: 1.14286rem; font-weight: 325; font-variation-settings: "wght" 325; padding-bottom: 8px; } } .product-page__content--use { display: flex; flex-direction: column; gap: 8px; } .product-page__content--use > h4 { font-size: 1.57143rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; color: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .product-page__content--use > h4 { font-size: 1.71429rem; line-height: 120%; } } .product-page__content--use > p { font-size: 1.14286rem; line-height: 190%; margin-bottom: 24px; } @media (max-width: 991px) { .product-page__content--use > p { font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; } } .product-page__content--use ul { display: flex; flex-wrap: wrap; gap: 24px; } @media (max-width: 991px) { .product-page__content--use ul { gap: 16px; } } .product-page__content--use ul li { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); display: flex; flex-direction: column; gap: 8px; } @media (max-width: 991px) { .product-page__content--use ul li { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } } .product-page__content--use ul li h3 { font-size: 1.14286rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .product-page__content--use ul li h3 { font-size: 1rem; font-weight: 450; font-variation-settings: "wght" 450; } } .product-page__content--use ul li p { line-height: 190%; } @media (max-width: 991px) { .product-page__content--use ul li p { font-weight: 325; font-variation-settings: "wght" 325; font-size: 0.85714rem; } } .product-page__content--number { padding-top: 2px; border-radius: 50%; margin-bottom: 4px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--Brand-Primary-Default); color: var(--Brand-Primary-Default); font-size: 1.14286rem; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .product-page__content--number { padding-top: 3px; } } .product-page__content .inner-post { margin-bottom: 40px; padding-top: 12px; } @media (max-width: 991px) { .product-page__content .inner-post { padding-top: 8px; margin-bottom: 24px; } } .product-page__content .inner-post p { margin-bottom: 12px; } @media (max-width: 991px) { .product-page__content .inner-post p { margin-bottom: 8px; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; } } .product-page__content .inner-post p:last-child { margin-bottom: 0; } .product-page__sidebar { flex: 0 0 32.5%; max-width: 32.5%; } @media (max-width: 1199px) { .product-page__sidebar { flex: 0 0 40%; max-width: 40%; } } @media (max-width: 991px) { .product-page__sidebar { flex: unset; max-width: unset; } } .product-page__sidebar--picture { border-radius: 16px; width: 100%; margin-bottom: 16px; } @media (max-width: 991px) { .product-page__sidebar--picture { border-radius: 8px; } } .product-page__sidebar--title { margin-bottom: 10px; font-size: 1.57143rem; line-height: 160%; font-weight: 600; font-variation-settings: "wght" 600; color: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .product-page__sidebar--title { margin-bottom: 16px; font-weight: 450; font-variation-settings: "wght" 450; } } .product-page__sidebar--buttons { padding-top: 10px; display: flex; gap: 16px; } @media (max-width: 991px) { .product-page__sidebar--buttons { position: fixed; right: 0; left: 0; padding: 16px; flex-direction: column; border-radius: 8px 8px 0 0; background: var(--Neutrals-Text-Inverse, #fff); box-shadow: 0 -16px 24px 0 rgba(0, 0, 0, 0.16); z-index: 99; bottom: 0; } } .product-page__sidebar--buttons .btn { flex: 1; } @media (max-width: 991px) { .product-page__sidebar--buttons .btn { width: 100%; flex: unset; } } .product-page__sidebar .download-list { margin-bottom: 24px; } #product-page-uses { padding-bottom: var(--space-y); } .product-page-uses { display: flex; flex-wrap: wrap; gap: 24px 16px; } @media (max-width: 991px) { .product-page-uses { gap: 16px 8px; } } .product-page-uses__title { font-size: 1.57143rem; font-weight: 600; font-variation-settings: "wght" 600; line-height: 160%; margin-bottom: 24px; color: var(--Neutrals-Text-Primary); } @media (max-width: 991px) { .product-page-uses__title { font-size: 1.71429rem; line-height: 120%; } } .product-page-uses .product-mini-card { flex: 0 0 calc(20% - 12.8px); max-width: calc(20% - 12.8px); } @media (max-width: 991px) { .product-page-uses .product-mini-card { flex: 0 0 calc(50% - 4px); max-width: calc(50% - 4px); } } .inner-head { margin-bottom: var(--space-y); display: flex; flex-direction: column; gap: 12px; } @media (max-width: 991px) { .inner-head { gap: 8px; } } .inner-head:has(.inner-head__tools) { margin-bottom: calc(var(--space-y) / 2); } .inner-head__title { font-size: 2.85714rem; line-height: 140%; max-width: 832px; color: var(--Brand-Primary-Default); } @media (max-width: 991px) { .inner-head__title { font-size: 2.28571rem; line-height: 120%; max-width: 100%; } } .inner-head__title h1 { display: inline; font-size: 2.85714rem; line-height: 140%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .inner-head__title h1 { font-size: 2.28571rem; line-height: 120%; } } .inner-head__description { font-size: 1.285715rem; line-height: 190%; max-width: 832px; } @media (max-width: 991px) { .inner-head__description { max-width: 100%; font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; } } .inner-head__tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; color: var(--Neutrals-Text-Tertiary, #90a1b9); font-size: 0.85714rem; text-transform: uppercase; line-height: 190%; } @media (max-width: 991px) { .inner-head__tools { font-weight: 325; font-variation-settings: "wght" 325; } } .inner-head__tools--category:before { margin-left: 10px; content: "|"; } .inner-head__tools--category a { color: var(--Brand-Primary-Default); } .inner-head.text-center { text-align: center; align-items: center; margin-bottom: var(--space-y); } .inner-head.inner-head--type1 { margin-bottom: 32px; gap: 16px; } @media (max-width: 991px) { .inner-head.inner-head--type1 { margin-bottom: 24px; } .inner-head.inner-head--type1 .inner-head__description { font-size: 1.14286rem; line-height: 160%; } .inner-head.inner-head--type1 .inner-head__title { font-weight: 600; font-variation-settings: "wght" 600; } } .inner-head.inner-head--type2 .inner-head__description { max-width: 760px; font-weight: 325; font-variation-settings: "wght" 325; } .inner-head.g-16 { gap: 16px; } .post p { font-size: 1.14286rem; line-height: 190%; margin-bottom: 16px; } @media (max-width: 991px) { .post p { margin-bottom: 24px; font-weight: 325; font-variation-settings: "wght" 325; line-height: 160%; } } .post b, .post strong { font-weight: 700; font-variation-settings: "wght" 700; } @media (max-width: 991px) { .post b, .post strong { font-weight: 725; font-variation-settings: "wght" 725; } } .post .wp-block-list { display: flex; flex-direction: column; gap: 4px; margin-bottom: 48px; padding-right: 0; list-style: none; font-size: 1.14286rem; line-height: 190%; } @media (max-width: 991px) { .post .wp-block-list { margin-bottom: 24px; font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; } } .post .wp-block-list li { position: relative; padding-right: 24px; } .post .wp-block-list li:before { position: absolute; top: 5px; right: 0; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.00027 13.6L2.40027 9.00002C1.8796 8.47935 1.8796 7.52069 2.40027 7.00002L7.00027 2.40002C7.52093 1.87935 8.4796 1.87935 9.00027 2.40002L13.6003 7.00002C14.1209 7.52069 14.1209 8.47935 13.6003 9.00002L9.00027 13.6C8.4796 14.1207 7.52093 14.1207 7.00027 13.6Z' stroke='%23C70036' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 16px; height: 16px; } .post .wp-block-quote { max-width: 460px; margin-bottom: 24px; position: relative; padding-top: 12px; padding-bottom: 12px; padding-right: 24px; border-right: 4px solid var(--Brand-Primary-Default); line-height: 160%; font-weight: 500; font-variation-settings: "wght" 500; color: var(--Brand-Primary-Default, #c70036); font-size: 1.14286rem; } @media (max-width: 991px) { .post .wp-block-quote { font-weight: 450; font-variation-settings: "wght" 450; max-width: 344px; } } .post .wp-block-quote p { margin-bottom: 0; } .post .wp-block-image { margin-bottom: 24px; } .post .wp-block-image img { display: block; margin-left: auto; margin-right: auto; border-radius: 24px; } @media (max-width: 991px) { .post .wp-block-image img { border-radius: 8px; } } .post .wp-block-image .wp-element-caption { margin-top: 8px; margin-bottom: 0; line-height: 1.71429rem; color: var(--Neutrals-Text-Primary); font-size: 1rem; font-weight: 700; font-variation-settings: "wght" 700; display: flex; gap: 8px; } .post .wp-block-image .wp-element-caption:before { flex-shrink: 0; border-radius: 2px; background: var(--Brand-Primary-Default); content: ""; width: 8px; height: 8px; position: relative; top: 8px; } .post .wp-block-image.size-full img { width: 100%; } .post .wp-block-heading { margin-bottom: 12px; line-height: 140%; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .post .wp-block-heading { line-height: 120%; font-weight: 450; font-variation-settings: "wght" 450; } } .post h2.wp-block-heading { font-size: 2.57143rem; font-weight: 700; font-variation-settings: "wght" 700; } @media (max-width: 991px) { .post h2.wp-block-heading { font-size: 2rem; font-weight: 600; font-variation-settings: "wght" 600; } } .post h3.wp-block-heading { font-size: 2rem; } @media (max-width: 991px) { .post h3.wp-block-heading { font-size: 1.71429rem; font-weight: 600; font-variation-settings: "wght" 600; } } .post h4.wp-block-heading { font-size: 1.57143rem; line-height: 160%; } @media (max-width: 991px) { .post h4.wp-block-heading { font-size: 1.28571rem; line-height: 120%; } } .post h5.wp-block-heading { font-size: 1.285715rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .post h5.wp-block-heading { font-size: 1.1rem; line-height: 120%; } } .post h6.wp-block-heading { font-size: 1rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .post h6.wp-block-heading { font-size: 1rem; line-height: 120%; } } .news-archive-hero { margin-bottom: var(--space-y); position: relative; } @media (max-width: 991px) { .news-archive-hero { margin-bottom: 0; } .news-archive-hero .custom-nav { bottom: unset; z-index: 2; } } .news-archive-hero .news-hero-item { border-radius: 24px; overflow: hidden; position: relative; } @media (max-width: 991px) { .news-archive-hero .news-hero-item { border-radius: 0; display: flex; flex-direction: column; gap: 16px; } } @media (max-width: 991px) { .news-archive-hero .news-hero-item__picture { border-radius: 8px; width: 100%; overflow: hidden; position: relative; } .news-archive-hero .news-hero-item__picture img { width: 100%; min-height: 194px; object-fit: cover; object-position: center center; } .news-archive-hero .news-hero-item__picture:after { position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); backdrop-filter: blur(2.3819441795px); width: 100%; height: 62%; bottom: 0; left: 0; content: ""; display: block; } } .news-archive-hero .news-hero-item:after { width: 100%; display: block; height: 57%; position: absolute; right: 0; bottom: 0; content: ""; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); backdrop-filter: blur(3px); z-index: 1; } @media (max-width: 991px) { .news-archive-hero .news-hero-item:after { display: none; } } .news-archive-hero .news-hero-item__over { position: absolute; right: 40px; left: 40px; z-index: 2; bottom: 120px; display: flex; align-items: flex-start; flex-direction: column; gap: 16px; max-width: 50%; color: var(--Neutrals-Misc-White, #fff); } @media (max-width: 1399px) { .news-archive-hero .news-hero-item__over { max-width: 60%; } } @media (max-width: 1199px) { .news-archive-hero .news-hero-item__over { max-width: 75%; } } @media (max-width: 991px) { .news-archive-hero .news-hero-item__over { max-width: 100%; position: static; gap: 8px; color: var(--Neutrals-Text-Secondary, #45556c); } .news-archive-hero .news-hero-item__over .site-description { font-weight: 325; font-variation-settings: "wght" 325; } } .news-archive-hero .news-hero-item__over--title { font-size: 2.85714rem; line-height: 140%; font-weight: 700; font-variation-settings: "wght" 700; } @media (max-width: 991px) { .news-archive-hero .news-hero-item__over--title { font-weight: 600; font-variation-settings: "wght" 600; line-height: 120%; font-size: 1.71429rem; color: var(--Neutrals-Text-Primary, #1d293d); } } .news-archive-hero .news-hero-item__over .btn { height: 44px; padding: 8px 40px; font-weight: 450; font-variation-settings: "wght" 450; font-size: 1rem; } @media (max-width: 991px) { .news-archive-hero .news-hero-item__over .btn { width: 100%; margin-top: 8px; } } .blog-page { padding: var(--space-y) 0; display: flex; flex-direction: column; } .blog-page__tools { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-y); gap: 16px; } @media (max-width: 991px) { .blog-page__tools { margin-bottom: 24px; } } .blog-page__tools--categories { display: flex; flex-wrap: wrap; gap: 16px; } @media (max-width: 991px) { .blog-page__tools--categories { display: none; } } .blog-page__tools--categories-mobile { display: none; } .blog-page__tools--categories-mobile .ss-main { --ss-main-height: 24px; --ss-bg-color: transparent; --ss-font-color: var(--Neutrals-Text-Primary); border: none; padding: 0; } .blog-page__tools--categories-mobile .ss-main .ss-single { font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .blog-page__tools--categories-mobile { display: block; } } .blog-page__tools--categories a, .blog-page__tools--categories button { padding: 8px; border-radius: 8px; border: 1px solid transparent; font-size: 1rem; line-height: 190%; font-weight: 600; font-variation-settings: "wght" 600; color: var(--Neutrals-Border-Strong, #90a1b9); } .blog-page__tools--categories a.active, .blog-page__tools--categories a:hover, .blog-page__tools--categories button.active, .blog-page__tools--categories button:hover { border-color: var(--Brand-Primary-Default); color: var(--Brand-Primary-Default); } .blog-page__tools--sort { min-width: 216px; } @media (max-width: 991px) { .blog-page__tools--sort { min-width: unset; } .blog-page__tools--sort .ss-main { --ss-main-height: 24px; --ss-bg-color: transparent; padding: 0; border: none; width: 24px; background-color: var(--Neutrals-Text-Primary); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.50011 5H18.5001C18.6441 5.05051 18.7747 5.13331 18.8817 5.24206C18.9888 5.35082 19.0696 5.48264 19.1178 5.62742C19.1661 5.77221 19.1806 5.92612 19.1602 6.07737C19.1398 6.22861 19.085 6.37318 19.0001 6.5L14.0001 12V19L10.0001 16V12L5.00011 6.5C4.9152 6.37318 4.86044 6.22861 4.84004 6.07737C4.81963 5.92612 4.83411 5.77221 4.88237 5.62742C4.93063 5.48264 5.01139 5.35082 5.11847 5.24206C5.22554 5.13331 5.35609 5.05051 5.50011 5Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.50011 5H18.5001C18.6441 5.05051 18.7747 5.13331 18.8817 5.24206C18.9888 5.35082 19.0696 5.48264 19.1178 5.62742C19.1661 5.77221 19.1806 5.92612 19.1602 6.07737C19.1398 6.22861 19.085 6.37318 19.0001 6.5L14.0001 12V19L10.0001 16V12L5.00011 6.5C4.9152 6.37318 4.86044 6.22861 4.84004 6.07737C4.81963 5.92612 4.83411 5.77221 4.88237 5.62742C4.93063 5.48264 5.01139 5.35082 5.11847 5.24206C5.22554 5.13331 5.35609 5.05051 5.50011 5Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .blog-page__tools--sort .ss-main .ss-values, .blog-page__tools--sort .ss-main .ss-deselect, .blog-page__tools--sort .ss-main .ss-arrow { display: none; } } .blog-page__list { display: flex; flex-wrap: wrap; gap: 16px; } .blog-page__list--more { margin-top: 48px; display: flex; align-items: center; padding: 12px 16px; border: 1px solid var(--Brand-Primary-Default); justify-content: center; gap: 4px; font-size: 1.14286rem; color: var(--Brand-Primary-Default); font-weight: 600; font-variation-settings: "wght" 600; line-height: 160%; margin-left: auto; margin-right: auto; border-radius: var(--Small, 8px); } @media (max-width: 991px) { .blog-page__list--more { margin-top: 24px; padding: 8px; font-size: 1rem; font-weight: 450; font-variation-settings: "wght" 450; line-height: 190%; width: 100%; } } .blog-page__list--more:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 4.99995V8.99995H8' fill='%23C70036'/%3E%3Cpath d='M20 19V15H16' fill='%23C70036'/%3E%3Cpath d='M20 11C19.7554 9.24017 18.9391 7.60961 17.6766 6.35945C16.4142 5.10928 14.7758 4.30887 13.0137 4.0815C11.2516 3.85414 9.46362 4.21243 7.9252 5.1012C6.38678 5.98996 5.18325 7.35989 4.5 8.99995M4 4.99995V8.99995H8M4 13C4.24456 14.7598 5.06093 16.3903 6.32336 17.6405C7.58579 18.8907 9.22424 19.6911 10.9863 19.9184C12.7484 20.1458 14.5364 19.7875 16.0748 18.8988C17.6132 18.01 18.8168 16.6401 19.5 15M20 19V15H16' stroke='%23C70036' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; } @media (max-width: 991px) { .blog-page__list--more:before { width: 20px; height: 20px; background-size: cover; } } .blog-page__list .blog-card { flex: 0 0 calc(33.33% - 10.66px); max-width: calc(33.33% - 10.66px); } @media (max-width: 991px) { .blog-page__list .blog-card { flex: 0 0 100%; max-width: 100%; } } .single-post { padding-bottom: var(--space-y); } .single-post .post { max-width: 954px; margin-left: auto; margin-right: auto; } @media (max-width: 991px) { .single-post .post { max-width: 100%; } } .single-post__cover { width: 100%; border-radius: 24px; margin-bottom: var(--space-y); } @media (max-width: 991px) { .single-post__cover { border-radius: 8px; min-height: 240px; } } .single-post__list { margin-bottom: 24px; } .single-post__list .wp-block-heading { color: var(--Neutrals-Text-Primary); margin-bottom: 16px; } .single-post__list ul { display: flex; flex-direction: column; gap: 8px; line-height: 190%; font-size: 1.14286rem; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .single-post__list ul { font-size: 1rem; } } .single-post__list ul li { padding-right: 24px; position: relative; } .single-post__list ul li:before { position: absolute; top: 5px; right: 0; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33301 8H12.6663M3.33301 8L7.33301 12M3.33301 8L7.33301 4' stroke='%23C70036' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 16px; height: 16px; } .single-post__tools { max-width: 954px; margin-left: auto; margin-right: auto; margin-top: 24px; padding-top: 16px; padding-bottom: 16px; border-top: 1px solid var(--Neutrals-Border-Default, #cad5e2); display: flex; align-items: center; gap: 16px; justify-content: space-between; } @media (max-width: 991px) { .single-post__tools { padding-top: 0; border-top: none; max-width: 100%; padding-bottom: 0; flex-direction: column; align-items: unset; justify-content: unset; } } .single-post__tools--link { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } @media (max-width: 991px) { .single-post__tools--link { border-bottom: 1px solid var(--Neutrals-Border-Default, #cad5e2); padding-bottom: 16px; } } .single-post__tools--link strong { color: var(--Green-100, #103a3b); line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; font-size: 1.14286rem; } .single-post__tools--link .copy-link { display: flex; align-items: center; flex-direction: row-reverse; gap: 4px; color: var(--Neutrals-Text-Tertiary, #90a1b9); line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; font-size: 1.14286rem; } .single-post__tools--link .copy-link:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8M10 8H18C19.1046 8 20 8.89543 20 10V18C20 19.1046 19.1046 20 18 20H10C8.89543 20 8 19.1046 8 18V10C8 8.89543 8.89543 8 10 8Z' stroke='%2390A1B9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; transition: background-image 0.3s; } .single-post__tools--link .copy-link:hover { color: var(--Brand-Primary-Default); } .single-post__tools--link .copy-link:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 8V6C16 5.46957 15.7893 4.96086 15.4142 4.58579C15.0391 4.21071 14.5304 4 14 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V14C4 14.5304 4.21071 15.0391 4.58579 15.4142C4.96086 15.7893 5.46957 16 6 16H8M10 8H18C19.1046 8 20 8.89543 20 10V18C20 19.1046 19.1046 20 18 20H10C8.89543 20 8 19.1046 8 18V10C8 8.89543 8.89543 8 10 8Z' stroke='%23c70036' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .single-post__tools--social { display: flex; align-items: center; font-size: 1.14286rem; font-weight: 700; font-variation-settings: "wght" 700; color: var(--primary-colors-bunker-80, #2d3038); line-height: 2rem; } .single-post__tools--social_copy { margin-right: 24px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid var(--accent-color-navy-blue-60, #04325a); background: var(--accent-color-navy-blue-60, #04325a); color: #fff; } .single-post__tools--social_copy:hover { background-color: #fff; color: var(--accent-color-navy-blue-60, #04325a); } .single-post__tools--social ul { display: flex; align-items: center; flex-direction: row-reverse; gap: 8px; } @media (max-width: 991px) { .single-post__tools--social ul { gap: 16px; } } .single-post__tools--social ul a { display: flex; align-items: center; justify-content: center; color: #1d293d; } .single-post__tools--social ul a svg { width: 24px; height: 24px; } @media (max-width: 991px) { .single-post__tools--social ul a svg { width: 32px; height: 32px; } } .single-post__tools--social ul a:hover { color: var(--Brand-Primary-Default); } .single-post__form { padding-bottom: 24px; max-width: 954px; margin-left: auto; margin-right: auto; padding-top: 8px; } @media (max-width: 991px) { .single-post__form { padding-top: 0; margin-top: -12px; max-width: 100%; padding-bottom: 0; } } .single-post__form--description { margin-bottom: 24px; font-size: 1.14286rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .single-post__form--description { line-height: 160%; } } @media (max-width: 991px) { .single-post__form--data .gform_footer .gform_button { flex: 1; } } #general-page .post p { margin-bottom: 24px; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { #general-page .post h3.wp-block-heading { font-size: 1.42857rem; } } @media (max-width: 991px) { body:has(#auctions-hero) .header { margin-bottom: 0; } } #auction-page { display: flex; flex-direction: column; gap: var(--space-y); margin-bottom: var(--space-y); } @media (max-width: 991px) { #auction-page { flex-direction: column-reverse; margin-bottom: 0; } } #auction-page .map { height: 400px; } @media (max-width: 991px) { #auction-page .map { height: 140px; } } #auction-page .map .leaflet-control-container, #auction-page .map .leaflet-control-attribution { display: none; } .auction-page { gap: 40px; display: flex; align-items: flex-start; } @media (max-width: 991px) { .auction-page { gap: 0; flex-direction: column; align-items: unset; } } .auction-page__sidebar { flex: 0 0 31%; max-width: 31%; } @media (max-width: 991px) { .auction-page__sidebar { flex: unset; max-width: unset; position: fixed; right: 0; left: 0; padding: 16px; flex-direction: column; border-radius: 8px 8px 0 0; background: var(--Neutrals-Text-Inverse, #fff); box-shadow: 0 -16px 24px 0 rgba(0, 0, 0, 0.16); z-index: 99; bottom: 0; } .auction-page__sidebar .site-list { display: none; } } .auction-page__sidebar--picture { width: 100%; border-radius: 16px; margin-bottom: 10px; } @media (max-width: 991px) { .auction-page__sidebar--picture { display: none; } } .auction-page__sidebar .btn { margin-top: 10px; font-size: 1.14286rem; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .auction-page__sidebar .btn { margin-top: 0; padding: 12px; line-height: 160%; height: 50px; } } .auction-page__content { flex: 1; } .auction-page__content .site-list { display: none; } @media (max-width: 991px) { .auction-page__content .site-list { display: flex; margin-bottom: 24px; padding-top: 4px; padding-bottom: 4px; } .auction-page__content .download-list { gap: 24px; } .auction-page__content .download-list__link { font-weight: 450; font-variation-settings: "wght" 450; } } .auction-page__content--title { margin-bottom: 10px; font-size: 2.85714rem; line-height: 140%; font-weight: 600; font-variation-settings: "wght" 600; color: var(--Brand-Primary-Default); } @media (max-width: 991px) { .auction-page__content--title { margin-bottom: 16px; font-size: 2.28571rem; line-height: 120%; } } .auction-page__content--picture { display: none; border-radius: 8px; min-height: 265px; object-fit: cover; object-position: center center; width: 100%; margin-bottom: 40px; } @media (max-width: 991px) { .auction-page__content--picture { display: block; } } .auction-page__content--description { display: flex; flex-direction: column; gap: 10px; font-size: 1.285715rem; line-height: 190%; margin-bottom: 24px; } @media (max-width: 991px) { .auction-page__content--description { font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; } } .auction-page__content--attach { color: var(--Neutrals-Text-Primary); margin-bottom: 10px; font-size: 1.57143rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .auction-page__content--attach { margin-bottom: 24px; font-size: 1.42857rem; line-height: 120%; } } #auctions-hero { padding: 160px 0; background-color: var(--Neutrals-Background-Elevated, #f8fafc); background-image: var(--background-image); background-repeat: no-repeat; background-position: var(--container-x) center; } @media (max-width: 991px) { #auctions-hero { background-image: unset; padding: var(--space-y) 0; } } .auctions-hero { width: 642px; max-width: 100%; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; gap: 16px; } @media (max-width: 767px) { .auctions-hero { width: 100%; } } .auctions-hero .auctions-hero-search { width: 100%; position: relative; display: flex; } .auctions-hero .auctions-hero-search-input { flex: 1; border: 1px solid #cad5e2; border-radius: 0 8px 8px 0; height: 56px; padding-right: 48px; padding-left: 16px; transition: border-color 0.3s; } .auctions-hero .auctions-hero-search-input::placeholder { color: #cad5e2; opacity: 1; transition: color 0.3s; } .auctions-hero .auctions-hero-search-input:-ms-input-placeholder { color: #cad5e2; transition: color 0.3s; } .auctions-hero .auctions-hero-search-input::-ms-input-placeholder { color: #cad5e2; transition: color 0.3s; } .auctions-hero .auctions-hero-search-input { font-weight: 325; font-variation-settings: "wght" 325; font-size: 1.14286rem; } @media (max-width: 991px) { .auctions-hero .auctions-hero-search-input { height: 48px; padding-left: 12px; font-size: 1rem; padding-right: 36px; } } .auctions-hero .auctions-hero-search-input:focus { border-color: var(--Neutrals-Text-Primary); } .auctions-hero .auctions-hero-search-button { position: absolute; right: 16px; top: 16px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .auctions-hero .auctions-hero-search-button { top: 14px; right: 12px; } } .auctions-hero .auctions-hero-search-button:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%2390A1B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; content: ""; transition: background-image 0.3s; } @media (max-width: 991px) { .auctions-hero .auctions-hero-search-button:after { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M16 16L11 11M12.6667 6.83333C12.6667 10.055 10.055 12.6667 6.83333 12.6667C3.61167 12.6667 1 10.055 1 6.83333C1 3.61167 3.61167 1 6.83333 1C10.055 1 12.6667 3.61167 12.6667 6.83333Z' stroke='%2390A1B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .auctions-hero .auctions-hero-search-button:hover:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%231d293d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 991px) { .auctions-hero .auctions-hero-search-button:hover:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M16 16L11 11M12.6667 6.83333C12.6667 10.055 10.055 12.6667 6.83333 12.6667C3.61167 12.6667 1 10.055 1 6.83333C1 3.61167 3.61167 1 6.83333 1C10.055 1 12.6667 3.61167 12.6667 6.83333Z' stroke='%231d293d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .auctions-hero .auctions-hero-search .select .ss-main { --ss-border-color: #cad5e2; --ss-main-height: 56px; --ss-border-radius: 8px 0 0 8px; border-right: none; min-width: 180px; } @media (max-width: 991px) { .auctions-hero .auctions-hero-search .select .ss-main { min-width: 128px; --ss-main-height: 48px; } .auctions-hero .auctions-hero-search .select .ss-main .ss-arrow { margin-right: 0; } } .auctions-hero .auctions-hero-search .select .ss-main .ss-values { text-align: center; } .auctions-hero .auctions-hero-search .select .ss-main .ss-values .ss-single { color: var(--Neutrals-Text-Tertiary, #90a1b9); } @media (max-width: 991px) { .auctions-hero .auctions-hero-search .select .ss-main .ss-values .ss-single { margin-left: 0; font-size: 0.85714rem; } } .auctions-hero .site-description { font-weight: 325; font-variation-settings: "wght" 325; text-align: center; } @media (max-width: 991px) { .auctions-hero .site-description { font-size: 0.85714rem; } } #auctions-page { padding: var(--space-y) 0; } #auctions-page .blog-page__tools { margin-bottom: calc(var(--space-y) / 2); } @media (max-width: 991px) { #auctions-page .blog-page__tools { margin-bottom: 24px; } } .auctions-page__items { display: flex; flex-direction: column; gap: var(--space-y); } @media (max-width: 991px) { .auctions-page__items { gap: 24px; } .auctions-page__items .auction-card .site-more { display: none; } } #export-page { padding: var(--space-y) 0; } @media (max-width: 991px) { #export-page { padding-top: 0; padding-bottom: 20px; } } .export-page { display: flex; gap: 128px; align-items: flex-start; } @media (max-width: 1199px) { .export-page { gap: 64px; } } @media (max-width: 991px) { .export-page { flex-direction: column; gap: 16px; align-items: unset; } } .export-page__details { flex: 0 0 calc(50% - 64px); max-width: calc(50% - 64px); } @media (max-width: 991px) { .export-page__details { flex: unset; max-width: unset; } } .export-page__details .site-subtitle { font-weight: 450; font-variation-settings: "wght" 450; } .export-page__details .site-title { font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 0; } @media (max-width: 991px) { .export-page__details .site-title { font-size: 2.28571rem; font-weight: 325; font-variation-settings: "wght" 325; } .export-page__details .site-title span { font-weight: 600; font-variation-settings: "wght" 600; } } .export-page__description { padding-top: 40px; flex: 1; } @media (max-width: 991px) { .export-page__description { padding-top: 0; } } .export-page__description .site-description { font-weight: 325; font-variation-settings: "wght" 325; } .export-page__picture { width: 100%; margin-top: 24px; border-radius: 24px; } @media (max-width: 991px) { .export-page__picture { margin-top: 16px; border-radius: 8px; } } #export-page-foot { background: var(--Neutrals-Text-Primary, #1d293d); color: var(--Neutrals-Misc-White, #fff); padding: calc(2 * var(--space-y)) 0; } @media (max-width: 991px) { #export-page-foot { padding: var(--space-y) 0; } #export-page-foot:has(.btn) { padding-bottom: calc(var(--space-y) + 60px); position: relative; } #export-page-foot:has(.btn) .container { position: static; } #export-page-foot:has(.btn) .btn { position: absolute; right: 16px; left: 16px; bottom: var(--space-y); } } .export-page-foot { display: flex; gap: 128px; align-items: flex-start; } @media (max-width: 1199px) { .export-page-foot { gap: 64px; } } @media (max-width: 991px) { .export-page-foot { gap: 16px; flex-direction: column; align-items: unset; } } .export-page-foot__details { flex: 0 0 calc(50% - 64px); max-width: calc(50% - 64px); display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 991px) { .export-page-foot__details { flex: unset; max-width: unset; } } .export-page-foot__details .site-subtitle { font-weight: 450; font-variation-settings: "wght" 450; } .export-page-foot__details .site-title { font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 32px; } @media (max-width: 991px) { .export-page-foot__details .site-title { margin-bottom: 0; } } .export-page-foot__description { padding-top: 40px; flex: 1; } @media (max-width: 991px) { .export-page-foot__description { padding-top: 0; flex: unset; } } .export-page-foot__description .site-description { font-weight: 325; font-variation-settings: "wght" 325; } #domesctic-page { padding: var(--space-y) 0; } @media (max-width: 991px) { #domesctic-page { padding-top: 0; } } .domesctic-page { display: flex; align-items: flex-start; gap: 24px; } @media (max-width: 991px) { .domesctic-page { flex-direction: column; align-items: unset; gap: 16px; } } .domesctic-page__details { flex: 1; } @media (max-width: 991px) { .domesctic-page__details { flex: unset; } .domesctic-page__details .site-description { font-weight: 325; font-variation-settings: "wght" 325; } } .domesctic-page__picture { flex: 0 0 37.084%; max-width: 37.084%; overflow: hidden; position: relative; border-radius: 24px; border: 1px solid var(--Neutrals-Border-Strong, #90a1b9); } @media (max-width: 991px) { .domesctic-page__picture { flex: unset; max-width: unset; border-radius: 16px; } } .domesctic-page__picture img { width: 100%; } #domesctic-page-cover { background-image: var(--background-image); background-repeat: no-repeat; background-size: cover; padding-top: 232px; padding-bottom: 232px; position: relative; overflow: hidden; } @media (max-width: 991px) { #domesctic-page-cover { padding-top: 48px; padding-bottom: 48px; } } #domesctic-page-cover:after { background: var(--Brand-Primary-Default); mix-blend-mode: darken; pointer-events: none; width: 50%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; z-index: 3; } @media (max-width: 991px) { #domesctic-page-cover:after { width: 100%; } } #domesctic-page-cover:before { opacity: 0.5; background: var(--Neutrals-Misc-White, #fff); pointer-events: none; width: 50%; display: block; height: 100%; position: absolute; right: 0; top: 0; content: ""; z-index: 3; } @media (max-width: 991px) { #domesctic-page-cover:before { width: 100%; } } #domesctic-page-cover .container { z-index: 4; } #domesctic-page-cover.domesctic-page-cover-background:after { right: unset; left: 0; background: var(--Neutrals-Text-Primary, #1d293d); opacity: 0.9; } #domesctic-page-cover.domesctic-page-cover-background:before { right: unset; left: 0; } #domesctic-page-cover.domesctic-page-cover-background .domesctic-page-cover { margin-right: auto; padding-left: 0; padding-right: 96px; } @media (max-width: 1199px) { #domesctic-page-cover.domesctic-page-cover-background .domesctic-page-cover { padding-right: 40px; } } @media (max-width: 991px) { #domesctic-page-cover.domesctic-page-cover-background .domesctic-page-cover { padding-right: 0; } } .domesctic-page-cover { max-width: 50%; padding-left: 96px; color: var(--Neutrals-Text-Inverse, #fff); } @media (max-width: 1199px) { .domesctic-page-cover { padding-left: 40px; } } @media (max-width: 991px) { .domesctic-page-cover { padding-left: 0; max-width: 100%; } } .domesctic-page-cover .site-title { font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 4px; } @media (max-width: 991px) { .domesctic-page-cover .site-title { font-size: 1.42857rem; font-weight: 450; font-variation-settings: "wght" 450; } } .domesctic-page-cover .site-description { margin-bottom: 16px; font-weight: 325; font-variation-settings: "wght" 325; } @media (max-width: 991px) { .domesctic-page-cover .site-description { font-size: 0.85714rem; } } .domesctic-page-cover__title { margin-bottom: 8px; font-size: 1.14286rem; line-height: 160%; font-weight: 450; font-variation-settings: "wght" 450; } @media (max-width: 991px) { .domesctic-page-cover__title { display: none; } } .domesctic-page-cover ul { display: flex; flex-direction: column; gap: 8px; } .domesctic-page-cover ul li { font-size: 1.285715rem; line-height: 190%; font-weight: 325; font-variation-settings: "wght" 325; display: flex; align-items: center; flex-direction: row-reverse; gap: 10px; direction: ltr; } @media (max-width: 991px) { .domesctic-page-cover ul li { text-transform: uppercase; font-size: 0.85714rem; gap: 4px; } } .domesctic-page-cover ul li svg { color: #cad5e2; flex-shrink: 0; } @media (max-width: 991px) { .domesctic-page-cover ul li svg { width: 16px; height: auto; transform: translateY(-2px); } .domesctic-page-cover ul li svg path { stroke-width: 1.5; } } .domesctic-page-cover ul li a:hover { color: #cad5e2; } #domesctic-page-foot { padding: calc(2 * var(--space-y)) 0; } @media (max-width: 991px) { #domesctic-page-foot { padding: var(--space-y) 0; } #domesctic-page-foot:has(.btn) { padding-bottom: calc(var(--space-y) + 60px); position: relative; } #domesctic-page-foot:has(.btn) .container { position: static; } #domesctic-page-foot:has(.btn) .btn { position: absolute; right: 16px; left: 16px; bottom: var(--space-y); } } .domesctic-page-foot { display: flex; gap: 128px; align-items: flex-start; } @media (max-width: 1199px) { .domesctic-page-foot { gap: 64px; } } @media (max-width: 991px) { .domesctic-page-foot { gap: 16px; flex-direction: column; align-items: unset; } } .domesctic-page-foot__details { flex: 0 0 calc(50% - 64px); max-width: calc(50% - 64px); display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 991px) { .domesctic-page-foot__details { flex: unset; max-width: unset; } } .domesctic-page-foot__details .site-subtitle { font-weight: 450; font-variation-settings: "wght" 450; } .domesctic-page-foot__details .site-title { font-weight: 600; font-variation-settings: "wght" 600; margin-bottom: 32px; } @media (max-width: 991px) { .domesctic-page-foot__details .site-title { margin-bottom: 0; } } .domesctic-page-foot__description { padding-top: 40px; flex: 1; } @media (max-width: 991px) { .domesctic-page-foot__description { padding-top: 0; flex: unset; } } .domesctic-page-foot__description .site-description { font-weight: 325; font-variation-settings: "wght" 325; } #social-banner { padding-bottom: var(--space-y); } @media (max-width: 991px) { #social-banner { padding-bottom: 0; } } .social-banner { width: 100%; } @media (max-width: 991px) { .social-banner { min-height: 240px; object-fit: cover; object-position: center center; } } .social-page { padding: var(--space-y) 0; display: flex; align-items: flex-start; } @media (max-width: 991px) { .social-page { display: flex; flex-direction: column; gap: 16px; } } .social-page__description { flex: 0 0 43%; max-width: 43%; display: flex; flex-direction: column; gap: 40px; } @media (max-width: 991px) { .social-page__description { flex: unset; max-width: unset; gap: 16px; } } .social-page__description .site-description { font-weight: 325; font-variation-settings: "wght" 325; } .social-page__picture { flex: 1; position: relative; } .social-page__picture .zoom-link { display: none; } @media (max-width: 991px) { .social-page__picture { flex: unset; width: 100%; } .social-page__picture .zoom-link { display: flex; } } .social-page__picture img { width: 100%; } #social-slider { padding: var(--space-y) 0; } .social-slider { display: flex; align-items: flex-start; gap: 128px; } @media (max-width: 1199px) { .social-slider { gap: 64px; } } @media (max-width: 991px) { .social-slider { flex-direction: column; gap: 8px; align-items: unset; } } .social-slider__slides { position: relative; flex: 0 0 33.33%; max-width: 33.33%; overflow: hidden; border-radius: 24px; } @media (max-width: 1199px) { .social-slider__slides { flex: 0 0 44%; max-width: 44%; } } @media (max-width: 991px) { .social-slider__slides { flex: unset; max-width: unset; display: none; } } .social-slider__details { flex: 1; } @media (max-width: 991px) { .social-slider__details { flex: unset; } } .social-slider__details .site-subtitle { font-weight: 450; font-variation-settings: "wght" 450; } .social-slider__details .site-title { margin-bottom: 24px; } @media (max-width: 991px) { .social-slider__details .site-title { margin-bottom: 8px; } } .social-slider__details .site-list li { padding-top: 24px; padding-bottom: 24px; font-weight: 325; font-variation-settings: "wght" 325; font-size: 1rem; } @media (max-width: 1199px) { .social-slider__details .site-list li { padding-top: 12px; padding-bottom: 12px; } } @media (max-width: 991px) { .social-slider__details .site-list li { padding-top: 16px; padding-bottom: 24px; } } .social-slider__details .site-list li:before { z-index: 1; position: absolute; right: 0; bottom: 0; content: ""; display: block; height: 1px; width: 0; background: var(--Brand-Primary-Default); } .social-slider__details .site-list li strong { font-size: 1.14286rem; line-height: 160%; color: var(--Neutrals-Text-Secondary, #45556c); font-weight: 450; font-variation-settings: "wght" 450; margin-bottom: 8px; } @media (max-width: 991px) { .social-slider__details .site-list li strong { margin-bottom: 0; font-size: 1rem; line-height: 190%; } } .social-slider__details .site-list li .accordion-title { cursor: pointer; } @media (max-width: 991px) { .social-slider__details .site-list li .accordion-title { padding-left: 40px; position: relative; } .social-slider__details .site-list li .accordion-title:after { position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 15L12 9L18 15' stroke='%2345556C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; position: absolute; top: 0; left: 0; content: ""; transition: transform 0.3s; transform: rotate(180deg); } .social-slider__details .site-list li .accordion-title p { display: none; } .social-slider__details .site-list li .accordion-title.active { display: block; } .social-slider__details .site-list li .accordion-title.active:after { transform: rotate(0deg); } .social-slider__details .site-list li .accordion-title.active p { display: block; } } .social-slider__details .site-list li .accordion-content { display: grid; overflow: hidden; grid-template-rows: minmax(0, 0fr); transition: grid-template-rows 0.6s; } .social-slider__details .site-list li .accordion-content.active { grid-template-rows: minmax(0, 1fr); margin-top: 8px; } @media (max-width: 991px) { .social-slider__details .site-list li .accordion-content.active { margin-top: 16px; } } .social-slider__details .site-list li .accordion-content img { display: none; width: 100%; border-radius: 16px; margin-bottom: 16px; } @media (max-width: 991px) { .social-slider__details .site-list li .accordion-content img { display: block; } } .social-slider__details .site-list li:has(.active):before { transition: width 6s linear; width: 100%; } @media (max-width: 991px) { .social-slider__details .site-list li:last-child:after { display: block; } } body:has(#not-found-page) .header { margin-bottom: 0; } #not-found-page { padding-top: 180px; padding-bottom: 180px; background-image: var(--background-image); background-repeat: no-repeat; background-size: cover; background-position: right center; } @media (max-width: 991px) { #not-found-page { padding-top: 40px; padding-bottom: 240px; position: relative; background-image: var(--background-image-mobile); background-position: center bottom; } } .not-found-page { padding-right: 50%; display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 991px) { .not-found-page { position: relative; z-index: 1; padding-right: 0; } } .not-found-page .site-subtitle { margin-bottom: 8px; display: flex; align-items: center; gap: 8px; } @media (max-width: 991px) { .not-found-page .site-subtitle { margin-bottom: 4px; } } .not-found-page .site-title { margin-bottom: 24px; font-weight: 600; font-variation-settings: "wght" 600; } @media (max-width: 991px) { .not-found-page .site-title { margin-bottom: 16px; } } .not-found-page .site-description { font-weight: 325; font-variation-settings: "wght" 325; margin-bottom: 24px; } @media (max-width: 991px) { .not-found-page .site-description { margin-bottom: 16px; } } @media (max-width: 991px) { .not-found-page .btn { width: 100%; } } .not-found-page .btn:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M5 12L9 16M5 12L9 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; width: 24px; height: 24px; transition: transform 0.3s; } .not-found-page .btn:hover:after { transform: translateX(-3px); } /*# sourceMappingURL=style.css.map */