:root { --light-body-bg: #FFFFFF; --light-nav: #FFFFFFCC; --light-container-bg: #F8F9FA; --light-container-frosted: #F8F9FAEE; --light-heading: #1A237E; --light-heading-fade: #1A237EC0; --light-text: #4A5568; --light-accent: #D32F2F; --light-button-hover-bg: #B71C1C; --light-text-accent: #D32F2F; --light-accented-text: #FFFFFF; --light-border: #1A237E27; --light-border-accent: #D32F2F80; --light-border-mute: #1A237E0D; --light-border-highlight: #D32F2F40; --light-backlight: #D32F2F12; --light-box-shadow: #1A237E20; --light-cursor-light: var(--light-backlight); --light-border-gradient: linear-gradient(to left, transparent, var(--light-border), transparent); --light-menu: var(--light-text); --light-menu-hover: var(--light-heading); --light-menu-active: var(--light-heading); } :root { --bringer-s-body-bg: var(--light-body-bg); --bringer-s-nav: var(--light-nav); --bringer-s-container-bg: var(--light-container-bg); --bringer-s-container-frosted: var(--light-container-frosted); --bringer-s-heading: var(--light-heading); --bringer-s-heading-fade: var(--light-heading-fade); --bringer-s-text: var(--light-text); --bringer-s-accent: var(--light-accent); --bringer-button-hover-bg: var(--light-button-hover-bg); --bringer-s-text-accent: var(--light-text-accent); --bringer-s-accented-text: var(--light-accented-text); --bringer-s-border: var(--light-border); --bringer-s-border-accent: var(--light-border-accent); --bringer-s-border-mute: var(--light-border-mute); --bringer-s-border-highlight: var(--light-border-highlight); --bringer-s-backlight: var(--light-backlight); --bringer-s-box-shadow: var(--light-box-shadow); --bringer-s-cursor-light: var(--light-cursor-light); --bringer-c-border-gradient: var(--light-border-gradient); --bringer-c-menu: var(--light-menu); --bringer-c-menu-hover: var(--light-menu-hover); --bringer-c-menu-active: var(--light-menu-active); } :root { --bringer-t-heading-ff: 'Inter', sans-serif; --bringer-t-heading-fw: 600; --bringer-t-content-ff: 'Inter', sans-serif; --bringer-t-content-fw: 400; --bringer-t-content-ls: -0.01em; --bringer-t-menu-ff: var(--bringer-t-content-ff); --bringer-t-menu-fw: var(--bringer-t-content-fw); --bringer-t-menu-fs: 14px; --bringer-t-menu-lh: 1.4em; --bringer-t-submenu-ff: var(--bringer-t-menu-ff); --bringer-t-submenu-fw: var(--bringer-t-menu-fw); --bringer-t-submenu-fs: var(--bringer-t-menu-fs); --bringer-t-submenu-lh: var(--bringer-t-menu-lh); --bringer-t-footer-fs: 14px; --bringer-t-footer-lh: 1.4em; --bringer-socials-size: 24px; --bringer-t-h1-fs: 80px; --bringer-t-h1-ls: -0.05em; --bringer-t-h1-lh: 1.1em; --bringer-t-h1-margin: -0.175em 0 0.338em -0.063em; --bringer-t-h2-fs: 56px; --bringer-t-h2-ls: -0.05em; --bringer-t-h2-lh: 1.2em; --bringer-t-h2-margin: -0.232em 0 0.482em -0.06em; --bringer-t-h3-fs: 40px; --bringer-t-h3-ls: -0.05em; --bringer-t-h3-lh: 1.2em; --bringer-t-h3-margin: -0.215em 0 0.65em -0.05em; --bringer-t-h4-fs: 32px; --bringer-t-h4-ls: -0.05em; --bringer-t-h4-lh: 1.2em; --bringer-t-h4-margin: -0.22em 0 0.813em -0.05em; --bringer-t-h5-fs: 26px; --bringer-t-h5-ls: -0.02em; --bringer-t-h5-lh: 1.2em; --bringer-t-h5-margin: -0.19em 0 1em -0.06em; --bringer-t-h6-fs: 20px; --bringer-t-h6-ls: -0.02em; --bringer-t-h6-lh: 1.2em; --bringer-t-h6-margin: -0.2em 0 1.2em -0.038em; --bringer-t-large-fs: 22px; --bringer-t-content-fs: 16px; --bringer-t-content-lh: 1.4em; --bringer-t-meta-fs: 12px; --bringer-t-meta-ls: 0.12em; --bringer-t-meta-fw: 600; --bringer-t-button-fs: 15px; --bringer-t-input-fs: 14px; --bringer-t-input-lh: 1.4em; } :root { --bringer-header-spacing: 16px; --bringer-menu-gap: 32px; --bringer-sub-menu-width: 200px; --bringer-socials-gap: 32px; --bringer-section-gap: 128px; --bringer-xl-br: 48px; --bringer-large-br: 32px; --bringer-default-br: 24px; --bringer-small-br: 16px; --bringer-xs-br: 8px; --bringer-button-spacing: 13px 24px 14px 24px; --bringer-button-br: var(--bringer-xs-br); --bringer-input-spacing: 16px 16px 16px 16px; --bringer-input-br: var(--bringer-xs-br); --bringer-input-gap: 24px; --stg-container-width: 1200px; --stg-gap: 32px; --stg-d-gap: 32px; --stg-xs-gap: 8px; --stg-small-gap: 16px; --stg-large-gap: 64px; --stg-xl-gap: 128px; } @media only screen and (max-width: 1279px) { :root { --stg-container-width: 976px; --bringer-t-h1-fs: 64px; --bringer-t-h2-fs: 45px; --bringer-t-h3-fs: 32px; --bringer-t-h4-fs: 26px; --bringer-t-h5-fs: 22px; --bringer-t-h6-fs: 18px; --bringer-t-large-fs: 18px; --bringer-t-content-fs: 14px; --bringer-t-footer-fs: 14px; --bringer-t-meta-fs: 10px; --bringer-t-button-fs: 14px; --bringer-t-input-fs: 14px; --bringer-header-spacing: 12px; --bringer-menu-gap: 24px; --bringer-socials-gap: 24px; --bringer-section-gap: 96px; --bringer-xl-br: 36px; --bringer-large-br: 24px; --bringer-default-br: 18px; --bringer-small-br: 12px; --bringer-xs-br: 6px; --stg-gap: 24px; --stg-d-gap: 24px; --stg-xs-gap: 6px; --stg-small-gap: 12px; --stg-large-gap: 48px; --stg-xl-gap: 96px; --bringer-section-gap: 96px; } } @media only screen and (max-width: 960px) { :root { --bringer-t-menu-ff: var(--bringer-t-heading-ff); --bringer-t-menu-fw: var(--bringer-t-heading-fw); --bringer-t-menu-fs: 32px; --bringer-t-menu-lh: 1.2em; --bringer-t-submenu-ff: var(--bringer-t-content-ff); --bringer-t-submenu-fw: var(--bringer-t-content-fw); --bringer-t-submenu-fs: 16px; --bringer-t-submenu-lh: 1.4em; } } @media only screen and (max-width: 960px) { :root { --bringer-t-h1-fs: 55px; --stg-container-width: 590px; --bringer-header-spacing: 12px; } } @media only screen and (max-width: 739px) { :root { --stg-container-width: calc( 100svw - 2 * var( --stg-gap )); --bringer-t-h1-fs: 48px; --bringer-t-h2-fs: 32px; --bringer-t-h3-fs: 28px; --bringer-t-h4-fs: 24px; --bringer-t-h5-fs: 20px; --bringer-t-h6-fs: 18px; --bringer-t-large-fs: 17px; --bringer-xl-br: 32px; --bringer-large-br: 24px; --bringer-default-br: 16px; --bringer-small-br: 8px; --bringer-xs-br: 4px; --stg-gap: 20px; --stg-d-gap: 20px; --stg-xs-gap: 6px; --stg-small-gap: 12px; --stg-large-gap: 40px; --stg-xl-gap: 80px; --bringer-section-gap: 80px; --bringer-socials-gap: 12px; } } :root { --icon-chevron-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m2 12 12.643 12L17 21.763 6.713 12 17 2.237 14.643 0Z'/%3E%3C/svg%3E"); --icon-chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M22 12 9.357 24 7 21.763 17.287 12 7 2.237 9.357 0Z'/%3E%3C/svg%3E"); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 30 13 19.042 15.05 17 24 25.915 32.95 17 35 19.042Z'/%3E%3C/svg%3E"); --icon-menu-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M31 24 20.042 35 18 32.95 26.915 24 18 15.05 20.042 13Z'/%3E%3C/svg%3E"); --icon-arrow-explore: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 14.586 12.586 2H1V0h15v15h-2V3.415L1.414 16Z'/%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12'%3E%3Cpath d='M6 0 3.989 3.989 0 4.489l2.739 3.1L1.983 12 6 10.017 10.017 12l-.756-4.411L12 4.489l-3.991-.5Zm0 1.487 1.565 3.13 3.1.391-2.109 2.375.574 3.443L6 9.261l-3.13 1.565.574-3.443L1.33 5.009l3.1-.391Z'/%3E%3C/svg%3E"); --icon-star-full: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12'%3E%3Cpath d='m6 0 2.009 3.989 3.991.5-2.739 3.1.757 4.409L6 10.017 1.983 12l.756-4.411L0 4.489l3.989-.5Z'/%3E%3C/svg%3E"); --icon-arrow-submit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M-.001 17.21h27.4l-13.1 13.083 1.7 1.708 16-16-16-16-1.707 1.707 13.1 13.083H-.001Z'/%3E%3C/svg%3E"); --icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M11.092-.001v20.548L1.28 10.719l-1.281 1.28 12 12 12-12-1.28-1.28-9.812 9.828V-.001Z'/%3E%3C/svg%3E"); --icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24.001 11.092H3.453l9.828-9.812-1.28-1.281-12 12 12 12 1.28-1.28-9.828-9.812h20.548Z'/%3E%3C/svg%3E"); --icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 11.092h20.548L10.72 1.28 12 0l12 12-12 12-1.28-1.28 9.828-9.812H0Z'/%3E%3C/svg%3E"); --icon-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m17.076 19.436-7.077-7.077-7.077 7.077a1.668 1.668 0 0 1-2.359 0 1.668 1.668 0 0 1 0-2.359L7.639 10 .562 2.923a1.67 1.67 0 0 1 0-2.36 1.67 1.67 0 0 1 2.36 0L9.999 7.64 17.076.563a1.669 1.669 0 0 1 2.359 0 1.669 1.669 0 0 1 0 2.36L12.358 10l7.077 7.077a1.668 1.668 0 0 1 0 2.359 1.661 1.661 0 0 1-1.179.489 1.664 1.664 0 0 1-1.18-.489Z'/%3E%3C/svg%3E"); --icon-creativity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M8.023 28.999v-5.516a12.876 12.876 0 0 1-2.967-4.078 11.334 11.334 0 0 1-1.057-4.783A11.32 11.32 0 0 1 7.324 6.39a10.887 10.887 0 0 1 8.075-3.391 11.121 11.121 0 0 1 6.988 2.383 10.822 10.822 0 0 1 4 6.183l1.567 6.315a1.184 1.184 0 0 1-.213 1.063 1.158 1.158 0 0 1-.97.478h-2.656v4.368a2.406 2.406 0 0 1-.712 1.747 2.312 2.312 0 0 1-1.712.727h-2.94v2.736h-2.012V24.21h4.952a.4.4 0 0 0 .3-.118.414.414 0 0 0 .116-.3v-6.421h3.621l-1.274-5.3a8.9 8.9 0 0 0-3.3-5.07A9.19 9.19 0 0 0 15.4 5.058a9 9 0 0 0-6.639 2.775 9.23 9.23 0 0 0-2.749 6.749 9.462 9.462 0 0 0 .821 3.894 10.239 10.239 0 0 0 2.33 3.279l.872.82v6.424Zm7.846-11.973Zm-1.514 2.789h2.089l.15-1.487a3.06 3.06 0 0 0 .744-.3 2.156 2.156 0 0 0 .592-.486l1.31.618 1.044-1.813-1.161-.882a2.551 2.551 0 0 0 .144-.837 2.55 2.55 0 0 0-.144-.837l1.161-.882-1.044-1.813-1.31.618a2.161 2.161 0 0 0-.592-.486 3.06 3.06 0 0 0-.744-.3l-.15-1.487h-2.089l-.15 1.487a3.06 3.06 0 0 0-.744.3 2.161 2.161 0 0 0-.592.486l-1.31-.618-1.044 1.813 1.161.882a2.551 2.551 0 0 0-.144.837 2.551 2.551 0 0 0 .144.837l-1.161.882 1.044 1.813 1.31-.618a2.156 2.156 0 0 0 .592.486 3.06 3.06 0 0 0 .744.3Zm1.044-2.882a2.153 2.153 0 0 1-1.6-.672 2.246 2.246 0 0 1-.658-1.632 2.241 2.241 0 0 1 .658-1.63 2.156 2.156 0 0 1 1.6-.671 2.153 2.153 0 0 1 1.6.671 2.246 2.246 0 0 1 .658 1.632 2.242 2.242 0 0 1-.658 1.631 2.156 2.156 0 0 1-1.6.672Z'/%3E%3C/svg%3E"); --icon-collab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='m15.993 12.778-4.344-4.389 4.344-4.39 4.357 4.389ZM1.5 27.999v-5.235a2.373 2.373 0 0 1 .679-1.714 2.3 2.3 0 0 1 1.646-.729h4.259a2.428 2.428 0 0 1 1.186.309 2.5 2.5 0 0 1 .915.862 7.238 7.238 0 0 0 2.549 2.223 6.936 6.936 0 0 0 3.259.795 7.018 7.018 0 0 0 3.287-.795 7.036 7.036 0 0 0 2.535-2.223 2.908 2.908 0 0 1 .947-.862 2.306 2.306 0 0 1 1.141-.309h4.259a2.308 2.308 0 0 1 1.663.729 2.381 2.381 0 0 1 .675 1.714v5.235h-8.98v-3.283a9.072 9.072 0 0 1-2.588 1.4 8.909 8.909 0 0 1-2.939.487 8.773 8.773 0 0 1-2.908-.491 9.327 9.327 0 0 1-2.605-1.4v3.287Zm3.839-9.611a3.64 3.64 0 0 1-2.683-1.128 3.716 3.716 0 0 1-1.116-2.711 3.7 3.7 0 0 1 1.116-2.729 3.669 3.669 0 0 1 2.683-1.11 3.652 3.652 0 0 1 2.7 1.11 3.729 3.729 0 0 1 1.1 2.729 3.746 3.746 0 0 1-1.1 2.711 3.623 3.623 0 0 1-2.7 1.129Zm21.308 0a3.64 3.64 0 0 1-2.683-1.128 3.716 3.716 0 0 1-1.116-2.711 3.7 3.7 0 0 1 1.116-2.729 3.668 3.668 0 0 1 2.683-1.11 3.652 3.652 0 0 1 2.7 1.11 3.729 3.729 0 0 1 1.1 2.729 3.746 3.746 0 0 1-1.1 2.711 3.623 3.623 0 0 1-2.699 1.129Z'/%3E%3C/svg%3E"); --icon-impact: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M15.353 22.781a6.755 6.755 0 0 1-4.511-2.187 6.626 6.626 0 0 1-1.827-4.684 6.649 6.649 0 0 1 2.011-4.884 6.649 6.649 0 0 1 4.884-2.011 6.637 6.637 0 0 1 4.684 1.821 6.732 6.732 0 0 1 2.187 4.5l-1.994-.591a4.946 4.946 0 0 0-1.751-2.774 4.842 4.842 0 0 0-3.126-1.081 4.829 4.829 0 0 0-3.542 1.473 4.829 4.829 0 0 0-1.473 3.542 4.845 4.845 0 0 0 1.087 3.134 4.97 4.97 0 0 0 2.768 1.755Zm1.5 4.988a2.256 2.256 0 0 1-.474.051h-.474a11.6 11.6 0 0 1-4.645-.938 12.027 12.027 0 0 1-3.781-2.545 12.025 12.025 0 0 1-2.546-3.781 11.593 11.593 0 0 1-.938-4.644 11.6 11.6 0 0 1 .938-4.645 12.031 12.031 0 0 1 2.545-3.782 12.025 12.025 0 0 1 3.781-2.546 11.59 11.59 0 0 1 4.644-.938 11.6 11.6 0 0 1 4.645.938 12.03 12.03 0 0 1 3.782 2.546 12.026 12.026 0 0 1 2.546 3.781 11.594 11.594 0 0 1 .938 4.645v.468a2.2 2.2 0 0 1-.051.468l-1.83-.559v-.376a9.679 9.679 0 0 0-2.915-7.114 9.679 9.679 0 0 0-7.114-2.915 9.679 9.679 0 0 0-7.105 2.916 9.679 9.679 0 0 0-2.915 7.114 9.679 9.679 0 0 0 2.915 7.114 9.679 9.679 0 0 0 7.114 2.915h.376Zm9.258.231-5.685-5.7-1.362 4.118-3.158-10.511 10.511 3.158-4.118 1.362 5.7 5.685Z'/%3E%3C/svg%3E"); --icon-innovation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M15.999 29.999a2.906 2.906 0 0 1-1.656-.482 2.55 2.55 0 0 1-1.007-1.264h-.449a2.272 2.272 0 0 1-1.644-.673 2.165 2.165 0 0 1-.69-1.6v-4.981a10.193 10.193 0 0 1-3.7-3.734 9.871 9.871 0 0 1-1.354-5.017 9.77 9.77 0 0 1 3.054-7.267 10.26 10.26 0 0 1 7.446-2.982 10.26 10.26 0 0 1 7.446 2.981 9.77 9.77 0 0 1 3.054 7.268 9.83 9.83 0 0 1-1.351 5.036 10.249 10.249 0 0 1-3.7 3.711v4.981a2.165 2.165 0 0 1-.69 1.6 2.272 2.272 0 0 1-1.644.673h-.449a2.55 2.55 0 0 1-1.007 1.264 2.906 2.906 0 0 1-1.659.486Zm-3.111-4.023h6.222v-1.425h-6.221Zm0-2.768h6.222v-1.472h-6.221Zm-.311-3.749h2.495v-4.421l-3.332-3.253 1.3-1.273 2.959 2.887 2.956-2.885 1.3 1.273-3.333 3.253v4.421h2.495a8.46 8.46 0 0 0 3.422-2.9 7.411 7.411 0 0 0 1.322-4.308 7.6 7.6 0 0 0-2.372-5.655 7.983 7.983 0 0 0-5.794-2.315 7.982 7.982 0 0 0-5.794 2.315 7.6 7.6 0 0 0-2.372 5.655 7.41 7.41 0 0 0 1.322 4.308 8.459 8.459 0 0 0 3.427 2.899Zm3.422-6.06Zm0-1.53Z'/%3E%3C/svg%3E"); --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12'%3E%3Cpath d='m5.501 12-5.5-5.289L2.02 4.78l3.482 3.3 8.481-8.083 2.019 1.959Z'/%3E%3C/svg%3E"); --icon-social-500px: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M50.375 25.862a10.329 10.329 0 0 0-6.144 2.12 17.416 17.416 0 0 0-3.213 3.068q-.338.39-.394.391t-.338-.39a20.309 20.309 0 0 0-3.212-3.068 10.652 10.652 0 0 0-6.256-2.12q-5.129 0-7.722 5.244a3.113 3.113 0 0 1-.2.362q-.028.028-.2-.307-2.2-4.3-6.595-4.295a8.516 8.516 0 0 0-3.5.612 5.142 5.142 0 0 0-1.353 1.06 1.137 1.137 0 0 1-.338.223l.959-5.746h10.435V19H8.212L5.789 32.5h4.565l.4-.446a3.444 3.444 0 0 1 1.24-.948 4.667 4.667 0 0 1 2.2-.5 4.2 4.2 0 0 1 3.241 1.311 4.55 4.55 0 0 1 1.202 3.204 4.989 4.989 0 0 1-.592 2.315 5.444 5.444 0 0 1-1.606 1.9 3.694 3.694 0 0 1-2.255.753 3.987 3.987 0 0 1-2.2-.613 3.8 3.8 0 0 1-1.381-1.45 3.562 3.562 0 0 1-.479-1.673H5a6.372 6.372 0 0 0 .62 2.566 7.624 7.624 0 0 0 2.593 3.4 9.946 9.946 0 0 0 5.974 1.671 10.528 10.528 0 0 0 4.115-.781 8.6 8.6 0 0 0 2.706-1.729 7.55 7.55 0 0 0 1.466-1.84 3 3 0 0 0 .4-1.116 2.666 2.666 0 0 0 .508 1.06 11.676 11.676 0 0 0 1.466 1.9 8.517 8.517 0 0 0 2.48 1.73 8.131 8.131 0 0 0 3.55.779 10.654 10.654 0 0 0 6.088-1.952 17.491 17.491 0 0 0 3.157-2.957 2.733 2.733 0 0 1 .508-.558 3.821 3.821 0 0 1 .62.614 24.617 24.617 0 0 0 3.381 2.956 10.376 10.376 0 0 0 5.749 1.9 8.186 8.186 0 0 0 4.792-1.45 9.053 9.053 0 0 0 2.864-3.464 9.663 9.663 0 0 0 .959-4.212 10.167 10.167 0 0 0-.9-4.212 8.2 8.2 0 0 0-2.818-3.4 8.452 8.452 0 0 0-4.903-1.396ZM37.58 34.954a9.217 9.217 0 0 1-1.015 1.116 16.617 16.617 0 0 1-2.536 2.008 6.053 6.053 0 0 1-3.185 1.116 3.38 3.38 0 0 1-2.4-.893 3.67 3.67 0 0 1-1.127-1.785 4.91 4.91 0 0 1-.281-1.562 4.91 4.91 0 0 1 .282-1.562 3.67 3.67 0 0 1 1.127-1.785 3.38 3.38 0 0 1 2.4-.893 6.053 6.053 0 0 1 3.185 1.116 16.618 16.618 0 0 1 2.537 2.008 9.217 9.217 0 0 1 1.013 1.116Zm16.685 0a4.91 4.91 0 0 1-.281 1.562 3.67 3.67 0 0 1-1.128 1.784 3.417 3.417 0 0 1-2.423.893 7.342 7.342 0 0 1-4.453-2.063 13.855 13.855 0 0 1-2.256-2.176 13.855 13.855 0 0 1 2.255-2.175 7.342 7.342 0 0 1 4.458-2.064 3.417 3.417 0 0 1 2.424.893 3.67 3.67 0 0 1 1.127 1.785 4.91 4.91 0 0 1 .277 1.561Z'/%3E%3C/svg%3E"); --icon-social-behance: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M6 16.022v31.981h15.5a15.642 15.642 0 0 0 3.577-.432 11.242 11.242 0 0 0 5.149-2.431 8.279 8.279 0 0 0 2.6-6.428 8.246 8.246 0 0 0-2.168-5.942 8.623 8.623 0 0 0-3.685-2.161 6.9 6.9 0 0 0 4.335-6.644 9.944 9.944 0 0 0-.434-3.133 6.178 6.178 0 0 0-2.764-3.3 13.822 13.822 0 0 0-7.045-1.51Zm35.332 2.972v2.917h11.977v-2.917Zm-28.287 2.482h6.774a5.784 5.784 0 0 1 2.656.432 3.155 3.155 0 0 1 2.005 3.241 3.4 3.4 0 0 1-1.68 3.188 5.336 5.336 0 0 1-2.6.595h-7.154Zm34.573 3.079a10.832 10.832 0 0 0-6.882 2.161 10.431 10.431 0 0 0-3.251 4.646 12.782 12.782 0 0 0-.812 4.43 11.585 11.585 0 0 0 2.222 7.4 10.457 10.457 0 0 0 4.715 3.188 12.97 12.97 0 0 0 4.008.647 9.979 9.979 0 0 0 7.37-2.647 10.744 10.744 0 0 0 2.656-4.538h-5.2a2.617 2.617 0 0 1-.65 1.027 4.826 4.826 0 0 1-1.517 1.188 5.192 5.192 0 0 1-2.438.595 4.8 4.8 0 0 1-4.444-2.106 6.218 6.218 0 0 1-.813-3.351h15.39a15.63 15.63 0 0 0-.759-5.888 9.869 9.869 0 0 0-3.251-4.754 9.955 9.955 0 0 0-6.344-1.998Zm-.162 4.376a4.256 4.256 0 0 1 3.306 1.191 5.932 5.932 0 0 1 1.355 3.4H42.58a9.2 9.2 0 0 1 .271-1.431 3.987 3.987 0 0 1 .759-1.513 4.507 4.507 0 0 1 1.49-1.161 5.129 5.129 0 0 1 2.358-.486Zm-34.411 4.807h7.641q5.094 0 5.094 4.592a3.691 3.691 0 0 1-2.33 3.674 6.925 6.925 0 0 1-2.872.54h-7.533Z'/%3E%3C/svg%3E"); --icon-social-dribbble: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M32 8a23.486 23.486 0 0 0-12.125 3.313 22.827 22.827 0 0 0-8.562 8.563A23.485 23.485 0 0 0 8 32a23.485 23.485 0 0 0 3.313 12.125 23.294 23.294 0 0 0 8.562 8.625A23.83 23.83 0 0 0 32 56a23.83 23.83 0 0 0 12.125-3.25 23.776 23.776 0 0 0 8.625-8.625A23.83 23.83 0 0 0 56 32a23.83 23.83 0 0 0-3.25-12.125 23.294 23.294 0 0 0-8.625-8.562A23.486 23.486 0 0 0 32 8Zm0 4a19.979 19.979 0 0 1 7.188 1.313 20.275 20.275 0 0 1 6 3.688 11.952 11.952 0 0 1-1.688 1.937 24.432 24.432 0 0 1-8.625 5.188A103.116 103.116 0 0 0 27.438 12.5 20.417 20.417 0 0 1 32 12Zm-8.5 1.875A92.942 92.942 0 0 1 31 25.313a67.346 67.346 0 0 1-11.187 2 67 67 0 0 1-7.375.438 19.445 19.445 0 0 1 3.938-8.25 20.355 20.355 0 0 1 7.124-5.626Zm24.438 6.063a20.811 20.811 0 0 1 2.938 5.438A18.978 18.978 0 0 1 52 31.5a34.614 34.614 0 0 0-7.812-.812 52.152 52.152 0 0 0-5.937.375q-.5-1.125-1.562-3.312a28 28 0 0 0 9.563-5.937 14.3 14.3 0 0 0 1.686-1.876Zm-15.125 9q.875 1.813 1.375 2.875a28.131 28.131 0 0 0-10.875 6.125 42.17 42.17 0 0 0-6.437 7.125 19.9 19.9 0 0 1-3.562-6A19.315 19.315 0 0 1 12 32v-.25a66.91 66.91 0 0 0 7.875-.375 75.6 75.6 0 0 0 12.938-2.437Zm11.375 5.688a30.36 30.36 0 0 1 7.5.875 19.786 19.786 0 0 1-2.812 7.281 19.374 19.374 0 0 1-5.376 5.593 72.481 72.481 0 0 0-3.687-13.5q2.5-.25 4.375-.25Zm-8.437.938a65.282 65.282 0 0 1 4.062 14.874A19.817 19.817 0 0 1 32 52a20.054 20.054 0 0 1-6.5-1.062 19.24 19.24 0 0 1-5.687-3.062 39.213 39.213 0 0 1 5.813-6.437 24.61 24.61 0 0 1 10.124-5.876Z'/%3E%3C/svg%3E"); --icon-social-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M37.5 8.003q-5.255 0-7.962 2.786-2.871 2.947-2.871 8.892v7.178H18v8.571h8.667v20.573h8.667v-20.57h6.933L44 26.859h-8.667v-5.731a5.439 5.439 0 0 1 .894-3.455 3.67 3.67 0 0 1 3.006-1.1H44v-8.2a47.517 47.517 0 0 0-6.5-.37Z'/%3E%3C/svg%3E"); --icon-social-flickr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M14.545 8a6.29 6.29 0 0 0-4.6 1.943A6.29 6.29 0 0 0 8 14.545v34.909a6.29 6.29 0 0 0 1.943 4.6A6.29 6.29 0 0 0 14.545 56h34.909a6.29 6.29 0 0 0 4.6-1.943A6.29 6.29 0 0 0 56 49.454V14.545a6.29 6.29 0 0 0-1.943-4.6A6.29 6.29 0 0 0 49.454 8Zm0 4.364h34.909a2.124 2.124 0 0 1 1.569.614 2.124 2.124 0 0 1 .613 1.568v34.908a2.124 2.124 0 0 1-.613 1.569 2.124 2.124 0 0 1-1.569.613H14.545a2.124 2.124 0 0 1-1.568-.613 2.124 2.124 0 0 1-.614-1.569V14.545a2.124 2.124 0 0 1 .614-1.568 2.124 2.124 0 0 1 1.568-.614Zm7.636 12a7.513 7.513 0 0 0-3.818 1.023 7.5 7.5 0 0 0-2.795 2.795A7.513 7.513 0 0 0 14.545 32a7.513 7.513 0 0 0 1.023 3.818 7.5 7.5 0 0 0 2.795 2.8 7.513 7.513 0 0 0 3.818 1.022A7.513 7.513 0 0 0 26 38.614a7.5 7.5 0 0 0 2.8-2.8A7.513 7.513 0 0 0 29.818 32a7.513 7.513 0 0 0-1.018-3.818 7.5 7.5 0 0 0-2.8-2.795 7.513 7.513 0 0 0-3.818-1.023Zm19.636 0A7.513 7.513 0 0 0 38 25.387a7.5 7.5 0 0 0-2.8 2.795A7.513 7.513 0 0 0 34.182 32a7.513 7.513 0 0 0 1.018 3.818 7.5 7.5 0 0 0 2.8 2.796 7.513 7.513 0 0 0 3.818 1.022 7.513 7.513 0 0 0 3.818-1.022 7.5 7.5 0 0 0 2.8-2.8A7.513 7.513 0 0 0 49.454 32a7.513 7.513 0 0 0-1.022-3.818 7.5 7.5 0 0 0-2.8-2.795 7.513 7.513 0 0 0-3.814-1.024Z'/%3E%3C/svg%3E"); --icon-social-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M22.114 8a13.648 13.648 0 0 0-7.057 1.909 14.328 14.328 0 0 0-5.148 5.148A13.648 13.648 0 0 0 8 22.114v19.772a13.648 13.648 0 0 0 1.909 7.057 14.328 14.328 0 0 0 5.148 5.147A13.648 13.648 0 0 0 22.114 56h19.772a13.648 13.648 0 0 0 7.057-1.91 14.328 14.328 0 0 0 5.147-5.148A13.648 13.648 0 0 0 56 41.886V22.114a13.648 13.648 0 0 0-1.909-7.057 14.328 14.328 0 0 0-5.148-5.148A13.648 13.648 0 0 0 41.886 8Zm0 4.364h19.772a9.668 9.668 0 0 1 4.909 1.3 9.48 9.48 0 0 1 3.546 3.536 9.667 9.667 0 0 1 1.295 4.909v19.772a9.667 9.667 0 0 1-1.295 4.919 9.48 9.48 0 0 1-3.541 3.541 9.668 9.668 0 0 1-4.909 1.295H22.114a9.668 9.668 0 0 1-4.914-1.295 9.48 9.48 0 0 1-3.54-3.541 9.668 9.668 0 0 1-1.3-4.909V22.114a9.668 9.668 0 0 1 1.3-4.909 9.48 9.48 0 0 1 3.54-3.545 9.667 9.667 0 0 1 4.909-1.3Zm22.772 4.773a1.9 1.9 0 0 0-1.4.579 1.9 1.9 0 0 0-.58 1.4 1.9 1.9 0 0 0 .579 1.4 1.9 1.9 0 0 0 1.4.579 1.9 1.9 0 0 0 1.4-.579 1.9 1.9 0 0 0 .579-1.4 1.9 1.9 0 0 0-.579-1.4 1.9 1.9 0 0 0-1.4-.58ZM32 18.909a12.635 12.635 0 0 0-6.545 1.773 13.341 13.341 0 0 0-4.773 4.773A12.635 12.635 0 0 0 18.909 32a12.635 12.635 0 0 0 1.773 6.545 13.342 13.342 0 0 0 4.773 4.773A12.635 12.635 0 0 0 32 45.09a12.635 12.635 0 0 0 6.545-1.773 13.342 13.342 0 0 0 4.773-4.773A12.635 12.635 0 0 0 45.09 32a12.635 12.635 0 0 0-1.773-6.545 13.341 13.341 0 0 0-4.773-4.773A12.635 12.635 0 0 0 32 18.909Zm0 4.364a8.653 8.653 0 0 1 4.4 1.16 8.49 8.49 0 0 1 3.17 3.17 8.653 8.653 0 0 1 1.16 4.4 8.653 8.653 0 0 1-1.159 4.4 8.49 8.49 0 0 1-3.17 3.17 8.653 8.653 0 0 1-4.4 1.16 8.653 8.653 0 0 1-4.4-1.159 8.49 8.49 0 0 1-3.17-3.17 8.653 8.653 0 0 1-1.16-4.4 8.653 8.653 0 0 1 1.16-4.4 8.49 8.49 0 0 1 3.17-3.17 8.653 8.653 0 0 1 4.4-1.16Z'/%3E%3C/svg%3E"); --icon-social-linkedin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M14.819 8a5.668 5.668 0 0 0-4.106 1.67 5.5 5.5 0 0 0-1.712 4.091 5.609 5.609 0 0 0 1.711 4.125 5.571 5.571 0 0 0 4.072 1.705 5.571 5.571 0 0 0 4.071-1.7 5.569 5.569 0 0 0 1.712-4.091 5.626 5.626 0 0 0-1.676-4.091A5.5 5.5 0 0 0 14.819 8Zm28.194 15.273a10.6 10.6 0 0 0-5.812 1.568 9.285 9.285 0 0 0-3.148 3.478h-.142v-4.364H24.33V56h9.991V40.114a21.5 21.5 0 0 1 .274-3.954 5.574 5.574 0 0 1 1.506-3.069 5.371 5.371 0 0 1 3.7-1.159 4.639 4.639 0 0 1 3.623 1.368 6.048 6.048 0 0 1 1.369 3.273 26.337 26.337 0 0 1 .208 3.813V56h9.99V38.409a27.571 27.571 0 0 0-.889-7.773 9.9 9.9 0 0 0-3.491-5.386 12.774 12.774 0 0 0-7.598-1.977Zm-33.19.682V56h9.991V23.954Z'/%3E%3C/svg%3E"); --icon-social-patreon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M6 56V8h14v48Zm35-14a16.616 16.616 0 0 1-8.531-2.281 16.945 16.945 0 0 1-6.187-6.188 17.086 17.086 0 0 1 0-17.061 16.936 16.936 0 0 1 6.187-6.188A16.617 16.617 0 0 1 40.882 8h.236a16.61 16.61 0 0 1 8.414 2.282 16.949 16.949 0 0 1 6.188 6.188 17.1 17.1 0 0 1 0 17.062 16.952 16.952 0 0 1-6.188 6.188 16.613 16.613 0 0 1-8.4 2.281Z'/%3E%3C/svg%3E"); --icon-social-pinterest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M33.188 7a22.668 22.668 0 0 0-9.812 2.188A18.576 18.576 0 0 0 16 15.25a15.909 15.909 0 0 0-3 9.5 14.771 14.771 0 0 0 1.125 5.875 10.21 10.21 0 0 0 2.5 3.75 4.07 4.07 0 0 0 2.688 1.25q.625 0 1.125-1.437a7 7 0 0 0 .375-2.062 3.388 3.388 0 0 0-.562-1.25 12.208 12.208 0 0 1-1.125-2.187 8.672 8.672 0 0 1-.625-3.25 13.648 13.648 0 0 1 1.813-7.031 12.848 12.848 0 0 1 5-4.844 14.43 14.43 0 0 1 7.063-1.75 12.049 12.049 0 0 1 8.375 2.813 10.131 10.131 0 0 1 3.375 8.063 24.749 24.749 0 0 1-.812 6.25 14.942 14.942 0 0 1-2.815 6.123 6.579 6.579 0 0 1-5.312 2.75 4.626 4.626 0 0 1-3.219-1.219 3.994 3.994 0 0 1-1.344-3.094A12.176 12.176 0 0 1 31 30.688q.188-.875.781-2.75t.844-2.812A12.39 12.39 0 0 0 33 22.25a4.278 4.278 0 0 0-1.437-3.5 3.575 3.575 0 0 0-3.094-.625 5.372 5.372 0 0 0-3.156 2 7.714 7.714 0 0 0-1.375 4.688 11.51 11.51 0 0 0 .938 5l-.687 2.938q-1.5 6.188-2.125 9.438A50.106 50.106 0 0 0 21 51.125a41.808 41.808 0 0 0 .313 4.188l.125 1.375.125.188q.125.125.156.125a1.306 1.306 0 0 0 .219-.062l.188-.062a32.663 32.663 0 0 0 2.937-4.627 20 20 0 0 0 1.625-3.875q.375-1.312 1.125-4.437.625-2.937 1.125-4.812a5.842 5.842 0 0 0 2.938 2.688 9.065 9.065 0 0 0 3.875.875 13.1 13.1 0 0 0 8.625-3 16.6 16.6 0 0 0 5-7.312A25.158 25.158 0 0 0 51 23.313a15.107 15.107 0 0 0-2.562-8.625 16.126 16.126 0 0 0-6.469-5.656A19.488 19.488 0 0 0 33.188 7Z'/%3E%3C/svg%3E"); --icon-social-tiktok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M53 27.676A19.7 19.7 0 0 1 41.483 24v16.756a15.242 15.242 0 1 1-13.149-15.1v8.427a7 7 0 1 0 4.9 6.675V8h8.252a11.359 11.359 0 0 0 .175 2.079 11.452 11.452 0 0 0 5.057 7.521A11.387 11.387 0 0 0 53 19.493Z'/%3E%3C/svg%3E"); --icon-social-tumblr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M28.033 8a2.7 2.7 0 0 0-1.948.818 2.593 2.593 0 0 0-.835 1.909 9.227 9.227 0 0 1-3.618 7.227A21.357 21.357 0 0 1 18.92 19.8l-.835.409-.208.136q-1.67.545-.069 0a2.954 2.954 0 0 0-1.321 1.023 2.524 2.524 0 0 0-.486 1.5v4.841a2.593 2.593 0 0 0 .835 1.909 2.7 2.7 0 0 0 1.948.818h2.5V41.82a17.467 17.467 0 0 0 1.531 7.36 11.447 11.447 0 0 0 3.827 4.637A11.439 11.439 0 0 0 33.564 56a29.092 29.092 0 0 0 7.339-.886 22 22 0 0 0 4.453-1.7 10.289 10.289 0 0 0 1.67-1.091A2.564 2.564 0 0 0 48 50.278v-5.8a2.532 2.532 0 0 0-.417-1.4 2.869 2.869 0 0 0-1.043-.988 2.537 2.537 0 0 0-1.357-.307 2.668 2.668 0 0 0-1.357.443l-.069-.068-.069.069a12.345 12.345 0 0 1-1.739.751 9.847 9.847 0 0 1-3.479.682 2.96 2.96 0 0 1-1.252-.2 1.408 1.408 0 0 1-.417-.545l-.069-.136a3.375 3.375 0 0 1-.347-1.091v-10.84h6.887a2.7 2.7 0 0 0 1.948-.818 2.593 2.593 0 0 0 .835-1.909V21.57a2.593 2.593 0 0 0-.835-1.909 2.7 2.7 0 0 0-1.948-.818h-6.89v-8.116a2.593 2.593 0 0 0-.835-1.909A2.7 2.7 0 0 0 33.599 8Zm1.252 4.363h2.644V23.2H41.6v3.273h-9.671v15.136a6.746 6.746 0 0 0 .835 3.2A5.9 5.9 0 0 0 34.851 47a6.8 6.8 0 0 0 3.621 1.023 14.935 14.935 0 0 0 5.079-.955v2.25a8.84 8.84 0 0 1-2.645 1.294 22.755 22.755 0 0 1-7.3 1.022 7.354 7.354 0 0 1-4.453-1.227 8.023 8.023 0 0 1-2.226-3 12.323 12.323 0 0 1-.974-3.477 12.876 12.876 0 0 1-.209-2.114V26.068h-5.295v-2.113l.7-.34a20.243 20.243 0 0 0 3.444-2.421 13.832 13.832 0 0 0 2.957-3.649 15.247 15.247 0 0 0 1.735-5.182Z'/%3E%3C/svg%3E"); --icon-social-vimeo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M55.982 20.72q-.312 7.062-9.808 19.42Q36.364 53 29.617 53q-4.185 0-7.122-7.818l-3.874-14.376Q16.5 22.987 14 22.988q-.5 0-3.749 2.27L8 22.294q3.562-3.153 7-6.305 4.748-4.1 7.122-4.35 5.623-.568 6.872 7.755 1.374 8.891 1.937 11.1 1.624 7.44 3.562 7.44 1.5 0 4.529-4.823t3.218-7.345q.438-4.161-3.186-4.161a8.6 8.6 0 0 0-3.563.819q3.5-11.727 13.495-11.412 7.371.248 6.996 9.708Z'/%3E%3C/svg%3E"); --icon-social-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M45.8 10h7.361L37.083 28.638 56 54H41.188l-11.6-15.382L16.313 54H8.948l17.2-19.936L8 10h15.188l10.488 14.06Zm-2.58 39.532h4.08l-26.326-35.3h-4.379Z'/%3E%3C/svg%3E"); --icon-social-xing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M44.168 8a4.369 4.369 0 0 0-1.409.239 3.788 3.788 0 0 0-1.233.682 4.705 4.705 0 0 0-1.021 1.33l-9.794 16.772a2.1 2.1 0 0 0-.282-.682l-4.438-7.432a4.614 4.614 0 0 0-1.2-1.431 4 4 0 0 0-2.536-.886h-6.55a3.584 3.584 0 0 0-1.515.341 2.94 2.94 0 0 0-1.233 1.091h-.07a2.955 2.955 0 0 0-.388 1.6 3.626 3.626 0 0 0 .388 1.534l.071.069 3.735 6.341-6.341 10.775a3.722 3.722 0 0 0-.352 1.6 2.682 2.682 0 0 0 .423 1.5 3.146 3.146 0 0 0 1.2 1.057 3.425 3.425 0 0 0 1.618.406h6.482a3.921 3.921 0 0 0 2.607-.886 4.114 4.114 0 0 0 1.127-1.431l2.255-3.886a3.677 3.677 0 0 0 .212.478l9.3 16.5a4.614 4.614 0 0 0 1.2 1.432 4.1 4.1 0 0 0 2.601.887h6.482a3.531 3.531 0 0 0 1.55-.375 2.97 2.97 0 0 0 1.233-1.092 2.853 2.853 0 0 0 .458-1.568 3.291 3.291 0 0 0-.35-1.533l-.071-.069-8.6-15.136L53.609 12.5a3.56 3.56 0 0 0 .389-1.5 2.582 2.582 0 0 0-.423-1.534 2.927 2.927 0 0 0-1.268-1.091A3.757 3.757 0 0 0 50.72 8Zm.282 4.364h4.016L35.22 35.136a1.709 1.709 0 0 0-.176.988 3.2 3.2 0 0 0 .247 1.125h-.07l.071.136v.069l8.031 14.182h-4.086L30.57 36.227l13.809-23.795Zm-26.49 8.591h4.016l.14.136 3.8 6.409-6.477 11.045h-4.016l5.847-9.886.071-.34a1.457 1.457 0 0 0 .212-.784 1.833 1.833 0 0 0-.211-.852l-.144-.273Z'/%3E%3C/svg%3E"); --icon-social-youtube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M31.999 10a143.129 143.129 0 0 0-20.355 1.512 8.873 8.873 0 0 0-4.915 2.338 8.217 8.217 0 0 0-2.544 4.675A73.86 73.86 0 0 0 2.999 32a73.86 73.86 0 0 0 1.186 13.475 8.134 8.134 0 0 0 2.578 4.675 9 9 0 0 0 4.88 2.337A143.13 143.13 0 0 0 31.999 54a143.13 143.13 0 0 0 20.355-1.512 9 9 0 0 0 4.88-2.338 8.134 8.134 0 0 0 2.58-4.675 74.058 74.058 0 0 0 1.185-13.509 72.936 72.936 0 0 0-1.185-13.441 8.217 8.217 0 0 0-2.545-4.675 8.873 8.873 0 0 0-4.914-2.338A143.133 143.133 0 0 0 31.999 10Zm0 4.4a139.458 139.458 0 0 1 19.728 1.444 4.323 4.323 0 0 1 2.4 1.169 4.347 4.347 0 0 1 1.289 2.336A68.944 68.944 0 0 1 56.536 32a68.942 68.942 0 0 1-1.115 12.65 4.347 4.347 0 0 1-1.289 2.338 4.323 4.323 0 0 1-2.4 1.169A139.457 139.457 0 0 1 31.999 49.6a139.458 139.458 0 0 1-19.728-1.443 4.323 4.323 0 0 1-2.4-1.168 4.347 4.347 0 0 1-1.29-2.339A68.943 68.943 0 0 1 7.46 32a68.942 68.942 0 0 1 1.115-12.65 4.347 4.347 0 0 1 1.289-2.338 4.323 4.323 0 0 1 2.4-1.168A138.47 138.47 0 0 1 31.999 14.4Zm-6.692 5.019v25.163l3.346-1.856 15.615-8.8L47.613 32l-3.346-1.925-15.615-8.8Zm4.461 7.563L38.621 32l-8.854 5.019Z'/%3E%3C/svg%3E"); } @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } body .pswp__ui--fit .pswp__top-bar { padding: 0; } .pswp__ui--fit .pswp__top-bar button.pswp__button { right: 44px; top: 40px; } .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; } .pswp__button svg { pointer-events: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__scroll-wrap { cursor: grab; } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { background: url("data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=") 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: antialiased; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__caption { background-color: rgba(0, 0, 0, 0.25); } .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .pswp-video-wrapper, img.pswp__img { border: 5px solid #000; box-shadow: 0 0 15px hsla(0, 0%, 0%, .8); } .pswp__ui--idle .pswp__top-bar { opacity: 1; } .pswp__counter { display: none; } .pswp__ui--fit .pswp__top-bar { background: none; box-sizing: border-box; } .admin-bar .pswp__ui--fit .pswp__top-bar { background: none; box-sizing: border-box; padding: 44px 0 0 10px; } .pswp_item_wrapper { position: relative; } .pswp__caption { display: flex; flex-direction: row; align-items: flex-end; background: transparent!important; } .pswp__caption .pswp__caption__center:empty { display: none; } .pswp__caption .pswp__caption__center { text-shadow: 0 1px #000; color: #fff; text-align: center; font-size: 12px; line-height: 150%; word-wrap: break-word; padding: 13px 50px; border-radius: 3px 3px 0 0; margin: 0 auto; max-width: 100%; background: rgba(0,0,0,0.65); } .pswp-video-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .pswp-video-wrapper iframe { display: block; width: 100%; height: 100%; } .pswp__item { pointer-events: none; } .pswp__ui--fit .pswp__top-bar button.pswp__button { width: 40px; height: 40px; float: none; position: absolute; right: 25px; top: 25px; display: flex; justify-content: center; align-items: center; } @import url("stg.css"); * { box-sizing: border-box; outline: none; } :root { --bringer-border-mask: linear-gradient(#000, #000) content-box content-box, linear-gradient(#000, #000); } body, html { padding: 0; margin: 0; min-height: 100%; max-width: 100vw; } body { overflow-x: hidden; position: relative; -webkit-tap-highlight-color: transparent; font-family: var(--bringer-t-content-ff); font-size: var(--bringer-t-content-fs); line-height: var(--bringer-t-content-lh); letter-spacing: var(--bringer-t-content-ls); font-weight: var(--bringer-t-content-fw); color: var(--bringer-s-text); background: var(--bringer-s-body-bg); } body.is-unloading { pointer-events: none; } body.bringer-fullscreen-page { overflow: hidden; } body.bringer-fullscreen-page { height: 100svh; } body.is-loaded { opacity: 1; } body.is-unloaded { mask-position: 175%; transition: mask-position 0.75s; } iframe { max-width: 100%; border-radius: var(--bringer-default-br); } iframe.bringer-google-map { border-radius: var(--bringer-small-br); } img, video { display: block; max-width: 100%; height: auto; } img, video { border-radius: var(--bringer-default-br); } header img, header video, footer video, footer img, .bringer-logo img { border-radius: unset; } .bringer-parallax-media:not([class*='bringer-grid']), .bringer-parallax-media .st-lazy-wrapper, .bringer-parallax-image { overflow: hidden; border-radius: var(--bringer-default-br); } .pswp { display: none; } .pswp.pswp--open { display: block; } [data-bg-src] { background: var(--bringer-s-container-bg) no-repeat center; background-size: cover; position: relative; } .bringer-grid-item-link { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 7; border-radius: inherit; } .brickwall-grid { position: relative; } .brickwall-grid > div { position: absolute; left: 0; top: 0; } .brickwall-grid > div.is-appended, .brickwall-grid > div.is-prepended { transform: scale(0); } .brickwall-grid:not(.animation--none) > div.brickwall-item { transition: transform 0.4s, opacity 0.4s; will-change: transform, opacity; } .brickwall-grid.animation--slow > div.brickwall-item { transition: transform 0.8s, opacity 0.8s; will-change: transform, opacity; } ::selection { color: var(--bringer-s-accented-text); background-color: var(--bringer-s-accent); } ::-moz-selection { color: var(--bringer-s-accented-text); background-color: var(--bringer-s-accent); } input::selection, textarea::selection, select::selection, .form-input::selection, .form-textarea::selection { color: white; background-color: #3B82F6; } input::-moz-selection, textarea::-moz-selection, select::-moz-selection, .form-input::-moz-selection, .form-textarea::-moz-selection { color: white; background-color: #3B82F6; } .dashboard-body ::selection { color: white; background-color: #8B4513; } .dashboard-body ::-moz-selection { color: white; background-color: #8B4513; } table ::selection, .data-table ::selection, .table ::selection { color: white; background-color: rgba(139, 69, 19, 0.8); } table ::-moz-selection, .data-table ::-moz-selection, .table ::-moz-selection { color: white; background-color: rgba(139, 69, 19, 0.8); } img, a img, .bringer-counter, header#bringer-header, .swiper, .disable-selection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bringer-highlight { color: var(--bringer-s-heading); } strong { font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-heading); } p { margin: 0 0 var(--bringer-t-content-lh) 0; } .bringer-large-text { font-size: var(--bringer-t-large-fs); line-height: var(--bringer-t-content-lh); color: var(--bringer-s-heading); } p:last-child { margin: 0; } p:empty { display: none; } a { position: relative; } a, a:focus, a:visited { text-decoration: none; color: var(--bringer-s-text-accent); } a { transition: color 0.3s; } address { margin: 0 0 28px 0; } ins, tt, kbd, code, pre { padding: 7px 15px 8px 15px; display: inline-block; margin: 10px 0; max-width: 100%; } tt, kbd, code { margin: 0 5px; } abbr { text-transform: uppercase; } ins, acronym, abbr { text-decoration: none; } kbd, code { margin: 10px 5px; font-family: monospace; } pre { white-space: pre-wrap; margin-bottom: 1.65em; } hr { border: none; width: 100%; height: 1px; background: var(--bringer-c-border-gradient); margin: 1.65em 0; } hr:first-child { margin-top: 0; } hr:first-child { margin-bottom: 0; } label, blockquote cite, .bringer-label { font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); color: var(--bringer-s-heading-fade); text-transform: uppercase; margin-bottom: 4px; } sup { font-size: 0.6em; margin-right: 2px; display: inline-block; transform: translateY(0.05em); } .bringer-title-with-label h1 { margin-bottom: 0; } .bringer-title-with-label .bringer-label:first-child { display: block; margin-bottom: var(--stg-xs-gap); } .bringer-title-with-label .bringer-label:last-child { display: block; margin-top: 4px; margin-bottom: 0; } .is-dropcap::first-letter { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); line-height: var(--bringer-t-h2-lh); color: var(--bringer-s-heading); font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); display: block; float: left; margin: -6px 16px -8px 0; } blockquote cite { opacity: 1; position: relative; } blockquote cite::before { content: ''; width: 8px; height: 2px; background-color: var(--bringer-s-heading); display: inline-block; margin-right: 8px; vertical-align: middle; transform: translateY(-1px); } cite { text-align: right; display: block; font-style: normal; } ol, ul { padding: 0; margin: 0; } ol:last-child, ul:last-child { margin: 0; } ol li, ul li { padding: 0; margin: 0; list-style: disc; } .bringer-marked-list { padding: 0; margin: 0; } .bringer-marked-list li { list-style: none; padding: 0 0 0 28px; margin: 0 0 1.5em 0; position: relative; } .bringer-marked-list li:last-child { margin: 0; } .bringer-marked-list:not(:last-child) { margin: 0 0 1.5em 0; } .bringer-marked-list li::before { content: ''; width: 16px; height: 12px; display: block; position: absolute; left: 0; top: 5px; background: var(--bringer-s-heading); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); } h1, h2, h3, h4, h5, h6 { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-heading); } h1, h2, h3 { margin: 0 0 var(--stg-gap) 0; } h4, h5, h6 { margin: 0 0 var(--stg-small-gap) 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--bringer-s-heading); } h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { opacity: 0.25; } .bringer-accent { color: var(--bringer-s-text-accent); } .is-accented .bringer-accent { color: var(--bringer-s-heading); } .bringer-page-title { display: block; width: 100%; } .bringer-post-title { margin-bottom: 0; } .bringer-post-title:not(:last-child), .bringer-page-title:not(:last-child) { margin-bottom: var(--stg-gap); } .bringer-title-with-meta span:first-child { margin-bottom: 4px; display: block; } .bringer-title-with-meta span:last-child { margin-top: 4px; display: block; } h1.bringer-page-title { margin-bottom: calc( -1 * var(--stg-small-gap) ); } .bringer-section-title { margin-bottom: var(--stg-large-gap); } .bringer-section-title p.is-short { max-width: calc(0.5 * var(--stg-container-width)); margin: 0 auto; } .bringer-page-title.is-large { font-size: calc(1.2 * var(--bringer-t-h1-fs)); line-height: calc(1.2 * var(--bringer-t-h1-lh)); } h1 { font-size: var(--bringer-t-h1-fs); letter-spacing: var(--bringer-t-h1-ls); line-height: var(--bringer-t-h1-lh); margin: var(--bringer-t-h1-margin); } h2 { font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); line-height: var(--bringer-t-h2-lh); margin: var(--bringer-t-h2-margin); } h3 { font-size: var(--bringer-t-h3-fs); letter-spacing: var(--bringer-t-h3-ls); line-height: var(--bringer-t-h3-lh); margin: var(--bringer-t-h3-margin); } h4 { font-size: var(--bringer-t-h4-fs); letter-spacing: var(--bringer-t-h4-ls); line-height: var(--bringer-t-h4-lh); margin: var(--bringer-t-h4-margin); } .bringer-block h4 { margin-bottom: var(--stg-gap); } h5 { font-size: var(--bringer-t-h5-fs); letter-spacing: var(--bringer-t-h5-ls); line-height: var(--bringer-t-h5-lh); margin: var(--bringer-t-h5-margin); } h6 { font-size: var(--bringer-t-h6-fs); letter-spacing: var(--bringer-t-h6-ls); line-height: var(--bringer-t-h6-lh); margin: var(--bringer-t-h6-margin); } .stg-vertical-space-between > h1, .stg-vertical-space-between > h2, .stg-vertical-space-between > h3, .stg-vertical-space-between > h4, .stg-vertical-space-between > h5, .stg-vertical-space-between > h6 { margin-bottom: 0; } .align-center h1, .align-center h2, .align-center h3, .align-center h4, .align-center h5, .align-center h6 { margin-left: auto; margin-right: auto; } .bringer-meta { font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-heading-fw); font-family: var(--bringer-t-heading-ff); letter-spacing: var(--bringer-t-meta-ls); text-transform: uppercase; color: var(--bringer-s-heading-fade); margin-bottom: calc(0.5 * var(--stg-xs-gap)); } .bringer-meta.bringer-highlight { color: var(--bringer-s-heading); } .bringer-meta > a, .bringer-meta > span { color: var(--bringer-s-heading); } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-center img { margin-left: auto; margin-right: auto; } .align-right img { margin-left: auto; } label { transition: opacity 0.2s; display: block; margin-bottom: 8px; } label.in-focus { opacity: 1; } input, textarea { width: 100%; display: block; font-family: var(--bringer-t-content-ff); font-weight: var(--bringer-t-content-fw); font-size: var(--bringer-t-input-fs); line-height: 1em; letter-spacing: var(--bringer-t-content-ls); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-input-br); background: var(--bringer-s-container-bg); padding: var(--bringer-input-spacing); color: var(--bringer-s-text); transition: color 0.3s, border-color 0.3s, box-shadow 0.3s; box-shadow: 0 0 8px transparent; } input:focus, textarea:focus { border-color: var(--bringer-s-accent); color: var(--bringer-s-heading); box-shadow: 0 8px 16px var(--bringer-s-box-shadow); } input:not(:last-child), textarea:not(:last-child) { margin-bottom: var(--bringer-input-gap); } textarea { line-height: var(--bringer-t-input-lh); height: 191px; resize: vertical; } input[type="button"], input[type="reset"], input[type="submit"], button:not([class*='pswp']), a.bringer-button { font-family: var(--bringer-t-content-ff); font-weight: var(--bringer-t-content-fw); font-size: var(--bringer-t-button-fs); line-height: 1; padding: var(--bringer-button-spacing); display: inline-flex; align-items: center; gap: 0.5rem; color: var(--bringer-s-accented-text); background: var(--bringer-s-accent); border-radius: var(--bringer-button-br); border: 1px solid var(--bringer-s-border-accent); transition: background-color 0.3s; cursor: pointer; } a.bringer-button.is-secondary, .bringer-square-button.is-secondary { background: transparent; transition: background-color 0.3s, border-color 0.3s; border-color: var(--bringer-s-heading); color: var(--bringer-s-heading) !important; } input[type="button"].is-fullwidth, input[type="reset"].is-fullwidth, input[type="submit"].is-fullwidth, button.is-fullwidth, .bringer-button.is-fullwidth { width: 100%; display: block; text-align: center; } form.bringer-contact-form { width: 100%; transition: transform 0.3s; will-change: transform; } .bringer-contact-wrapper { background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); padding: 2rem; box-shadow: 0 4px 16px var(--bringer-s-box-shadow); } .bringer-form-field { margin-bottom: var(--bringer-input-gap); } .bringer-form-field:last-of-type { margin-bottom: 2rem; } select { width: 100%; display: block; font-family: var(--bringer-t-content-ff); font-weight: var(--bringer-t-content-fw); font-size: var(--bringer-t-input-fs); line-height: 1em; letter-spacing: var(--bringer-t-content-ls); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-input-br); background: var(--bringer-s-container-bg); padding: var(--bringer-input-spacing); color: var(--bringer-s-text); transition: color 0.3s, border-color 0.3s, box-shadow 0.3s; box-shadow: 0 0 8px transparent; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M6 8L0 0h12z' fill='%23666'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 12px; } select:focus { border-color: var(--bringer-s-accent); color: var(--bringer-s-heading); box-shadow: 0 8px 16px var(--bringer-s-box-shadow); } .bringer-form-content { transition: opacity 0.3s; } form.bringer-contact-form.is-busy .bringer-form-content { opacity: 0.5; } .bringer-contact-form:not(.is-short) [type="submit"] { margin-bottom: 0; width: 100%; } .bringer-form-spinner { width: 48px; height: 48px; border: 2px solid var(--bringer-s-border-mute); border-top-color: var(--bringer-s-heading); border-radius: 50%; animation: sta_spin 1s infinite linear; pointer-events: none; position: absolute; z-index: 15; top: calc(50% - 24px); left: calc(50% - 24px); display: block; will-change: transform, opacity; opacity: 0; transition: opacity 0.3s; } .bringer-contact-form.is-busy .bringer-form-spinner { opacity: 1; } .bringer-contact-form.is-busy { transform: scale(0.95); pointer-events: none; } .bringer-contact-form.is-error { animation: sta_shake 0.3s linear; } .bringer-contact-form__response { padding-top: var(--stg-gap); text-align: center; position: static; font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); color: var(--bringer-s-heading); text-transform: uppercase; width: 100%; display: none; } .bringer-contact-form__response .bringer-alert-success { padding: 1rem; background: #d4edda; color: #155724; border: 1px solid #c3e6cb; border-radius: var(--bringer-xs-br); margin-top: 1rem; } .bringer-contact-form__response .bringer-alert-danger { padding: 1rem; background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; border-radius: var(--bringer-xs-br); margin-top: 1rem; } .bringer-contact-form__response.bringer-alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; border-radius: var(--bringer-xs-br); padding: 1rem; display: block; } .bringer-contact-form__response.bringer-alert-danger { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; border-radius: var(--bringer-xs-br); padding: 1rem; display: block; } .is-short .bringer-contact-form__response { position: absolute; top: 100%; left: 0; } .bringer-masked-cta .bringer-contact-form__response { top: auto; left: var(--stg-large-gap); bottom: calc( 0.5 * (var(--stg-large-gap) - var(--bringer-t-content-lh)) ); } #bringer-header { position: absolute; left: 0; top: 0; width: 100%; z-index: 111; background: var(--bringer-s-nav); } #bringer-header.is-sticky { position: fixed; } #bringer-header.is-frosted { -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); } #bringer-header::after { content: ''; width: 100%; height: 1px; display: block; background: var(--bringer-c-border-gradient); position: absolute; bottom: 0; left: 0; } #bringer-header::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient( 0deg, transparent 25%, var(--bringer-s-body-bg) 100%); display: block; } .no-header-border #bringer-header::after { display: none; } .bringer-header-inner { padding: var(--bringer-header-spacing) 0; min-height: 44px; display: flex; justify-content: space-between; align-items: center; width: var(--stg-container-width); margin: 0 auto; position: relative; z-index: 5; } .bringer-mobile-header-inner { display: none; } .bringer-active-menu-ind { position: absolute; width: calc(var(--active-width) - 0.5 * var(--bringer-menu-gap)); height: 2px; background-color: var(--bringer-s-heading); border-radius: 1px; left: calc(var(--active-left) + 0.25 * var(--bringer-menu-gap)); bottom: 0; } .bringer-active-menu-ind::before { content: ''; height: var(--st-header-height); width: 200%; background: radial-gradient(ellipse at center bottom, var(--bringer-s-heading) 10%, transparent 60%) no-repeat bottom center; display: block; position: absolute; bottom: 100%; left: -50%; opacity: 0.1; } nav.bringer-nav ul.main-menu { display: flex; justify-content: center; align-items: center; gap: calc(0.5 * var(--bringer-menu-gap)); --stea-move: var(--stg-small-gap); } ul.main-menu li { list-style: none; margin: 0; padding: 0; font-family: var(--bringer-t-menu-ff); font-weight: var(--bringer-t-menu-fw); font-size: var(--bringer-t-menu-fs); line-height: var(--bringer-t-menu-lh); position: relative; } ul.sub-menu li { font-family: var(--bringer-t-submenu-ff); font-weight: var(--bringer-t-submenu-fw); font-size: var(--bringer-t-submenu-fs); line-height: var(--bringer-t-submenu-lh); } ul.main-menu li.bringer-menu-divider { position: relative; padding: 12px 0; height: 1px; pointer-events: none; } ul.main-menu li.bringer-menu-divider::after { content: ''; width: 100%; height: 1px; display: block; background: var(--bringer-c-border-gradient); position: absolute; left: 0; top: 12px; opacity: 0.5; } nav.bringer-nav ul.main-menu > li > a { padding: calc(0.25 * var(--bringer-menu-gap)); } ul.main-menu a { color: var(--bringer-c-menu); display: block; transition: color 0.3s; } ul.main-menu li.current-menu-parent > a, ul.main-menu li.current-menu-item > a, ul.main-menu li.current-menu-ancestor > a { color: var(--bringer-c-menu-active); font-weight: var(--bringer-t-heading-fw); } #bringer-header ul.sub-menu > li.current-menu-item a::after, #bringer-header ul.sub-menu > li.current-menu-parent a::after { content: ''; position: absolute; width: 2px; height: calc(100% - 16px); left: -8px; top: 8px; background: var(--bringer-s-heading); border-radius: 1px; } ul.main-menu li.menu-item-has-children > a::after { content: ''; width: var(--bringer-t-menu-fs); height: var(--bringer-t-menu-fs); background: var(--bringer-c-menu); transition: background-color 0.3s; display: inline-block; margin-left: 8px; vertical-align: middle; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: var(--icon-chevron-down); mask-image: var(--icon-chevron-down); transform: scale(1.5) translateY(-1px); } ul.main-menu li.menu-item-has-children.current-menu-parent > a::after, ul.main-menu li.menu-item-has-children.current-menu-item > a::after, ul.main-menu li.menu-item-has-children.current-menu-ancestor > a::after { color: var(--bringer-c-menu-active); } nav.bringer-nav ul.sub-menu { display: block; position: absolute; top: 100%; left: -16px; width: var(--bringer-sub-menu-width); background: var(--bringer-s-container-bg) radial-gradient(circle at center bottom, var(--bringer-s-backlight) 0%, transparent) no-repeat; z-index: 222; border-radius: var(--bringer-small-br); padding: 8px; transition: opacity 0.2s, transform 0.2s; will-change: opacity, transform; pointer-events: none; opacity: 0; transform: scale(1, 0); transform-origin: 50% 0%; } nav.bringer-nav ul.sub-menu ul.sub-menu { top: -8px; left: calc(100% + 16px); z-index: 223; transform: scale(0, 1); transform-origin: 0% 50%; } nav.bringer-nav ul.sub-menu::before, nav.bringer-nav ul.sub-menu ul.sub-menu::after { content: ''; position: absolute; left: 0; top: 0; user-select: none; } nav.bringer-nav ul.sub-menu::before { right: 0; bottom: 0; inset: 0px; padding: 1px; background: linear-gradient( 0deg, var(--bringer-s-border), var(--bringer-s-backlight) ); mask: var(--bringer-border-mask); -webkit-mask: var(--bringer-border-mask); border-radius: var(--bringer-small-br); mask-composite: exclude; -webkit-mask-composite: xor; } nav.bringer-nav ul.sub-menu ul.sub-menu::after { width: 32px; height: 100%; top: 0; left: -24px; background: transparent; } nav.bringer-nav ul.sub-menu li { position: relative; z-index: 3; } nav.bringer-nav ul.sub-menu li::before { content: ''; background: var(--bringer-s-backlight); position: absolute; left: 0; top: 0; bottom: 0; right: 0; border-radius: var(--bringer-xs-br); transition: opacity 0.3s; will-change: opacity; opacity: 0; } nav.bringer-nav ul.sub-menu li a { padding: 12px; position: relative; z-index: 4; } nav.bringer-nav ul.sub-menu li.menu-item-has-children > a::after { position: absolute; right: 8px; top: calc(50% - calc(0.5 * var(--bringer-t-menu-fs))); mask-image: var(--icon-menu-chevron); -webkit-mask-image: var(--icon-menu-chevron); transform: scale(1.5) translateX(0px); } nav.bringer-nav li.menu-item-has-children:hover > ul.sub-menu { opacity: 1; transform: scale(1); pointer-events: all; } .bringer-mobile-nav { position: fixed; right: 0; top: var(--st-header-height); width: 100%; height: calc(100% - var(--st-header-height)); max-width: 390px; z-index: 88; background: var(--bringer-s-nav); contain: paint; overflow-y: scroll; scrollbar-width: none; pointer-events: none; transform: translateX(100%); transition: transform 0.3s; will-change: transform; display: block; } body.show-menu .bringer-mobile-nav { pointer-events: all; transform: translateX(0); } .bringer-mobile-nav.is-frosted { -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); } main#bringer-main { position: relative; z-index: 5; contain: paint; padding-top: var(--st-header-height); margin-top: calc(2 * var(--bringer-section-gap)); transition: opacity 0.5s, margin-top 0.3s; will-change: opacity; } #bringer-header.is-sticky ~ main#bringer-main { margin-top: calc(1.5 * var(--bringer-section-gap)); } body:not(.is-loaded) main#bringer-main { opacity: 0; } body.bringer-fullscreen-page main#bringer-main { transition: opacity 0.5s, transform 0.8s; will-change: transform, opacity; } body.bringer-fullscreen-page:not(.is-loaded) main#bringer-main { transform: scale(1.05); } #bringer-main.bringer-min-content { display: flex; width: 100%; height: 100%; align-items: center; padding: 0 0 var(--st-footer-height) 0; min-height: calc(100svh - var(--st-footer-height)); } body.bringer-fullscreen-page main#bringer-main { position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100svh; padding-top: 0; } section { padding: var(--bringer-section-gap) 0; position: relative; } section + section { padding: calc(0.75 * var(--bringer-section-gap)) 0; } section > div { position: relative; z-index: 5; } section[data-padding="none"] { padding-top: 0; padding-bottom: 0; } section[data-padding="top"] { padding-bottom: 0; } section[data-padding="bottom"] { padding-top: 0; } section[data-padding="small"] { padding: calc(0.5 * var(--bringer-section-gap)) 0; } section.is-fullwidth { max-width: 100svw; --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); margin-left: calc(-1 * var(--bringer-fw-spacing)); margin-right: calc(-1 * var(--bringer-fw-spacing)); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } section.is-fullwidth.is-stretched { padding-left: 0; padding-right: 0; } section.is-fullwidth.is-stretched > .is-boxed { --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } section.backlight-top::before, section.backlight-bottom::after, section.backlight-both::before, section.backlight-both::after, section.divider-both::before, section.divider-both::after, section.divider-top::before, section.divider-bottom::after { content: ''; position: absolute; z-index: 1; left: calc(-0.5 * (100vw - var(--stg-container-width))); pointer-events: none; } .stg-container.is-fullwidth section.backlight-top::before, .stg-container.is-fullwidth section.backlight-bottom::after, .stg-container.is-fullwidth section.backlight-both::before, .stg-container.is-fullwidth section.backlight-both::after, .stg-container.is-fullwidth section.divider-both::before, .stg-container.is-fullwidth section.divider-both::after, .stg-container.is-fullwidth section.divider-top::before, .stg-container.is-fullwidth section.divider-bottom::after, section.is-fullwidth.backlight-top::before, section.is-fullwidth.backlight-bottom::after, section.is-fullwidth.backlight-both::before, section.is-fullwidth.backlight-both::after, section.is-fullwidth.divider-both::before, section.is-fullwidth.divider-both::after, section.is-fullwidth.divider-top::before, section.is-fullwidth.divider-bottom::after { left: 0; } section.backlight-top::before, section.backlight-bottom::after, section.backlight-both::before, section.backlight-both::after { width: 100vw; height: 50vw; } section.backlight-top::before, section.backlight-both::before { background: radial-gradient( 100vw circle at 50vw 0%, var(--bringer-s-backlight), transparent 50% ); } section.backlight-bottom::after, section.backlight-both::after { background: radial-gradient( 100vw circle at 50vw 100%, var(--bringer-s-backlight), transparent 50% ); } section.backlight-top::before, section.backlight-both::before { top: 0; } section.backlight-bottom::after, section.backlight-both::after { bottom: 0; } section.divider-both::before, section.divider-both::after, section.divider-top::before, section.divider-bottom::after { width: 100vw; height: 1px; display: block; background: var(--bringer-c-border-gradient); } section.divider-both::before, section.divider-top::before { top: 0; } section.divider-both::after, section.divider-bottom::after { bottom: 0; } section.backlight-top:last-child::before { height: 100%; } .bringer-backlight { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient( 50vw circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-cursor-light), transparent 50% ); opacity: 0.75; z-index: 1; } #bringer-footer { position: relative; z-index: 22; } #bringer-footer.is-sticky, .bringer-fullscreen-page #bringer-footer { position: fixed; width: 100%; bottom: 0; left: 0; background: var(--bringer-s-nav); } #bringer-footer.is-frosted, .bringer-fullscreen-page #bringer-footer.is-frosted { -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); } #bringer-footer a { color: var(--bringer-s-heading); } .bringer-footer-line::before, .bringer-footer-widgets::before { content: ''; width: 100%; height: 1px; display: block; background: var(--bringer-c-border-gradient); position: absolute; top: 0; left: 0; } .bringer-footer-widgets::before { opacity: 0.5; } .bringer-footer-widgets { padding: var(--stg-large-gap) 0; position: relative; } .bringer-footer-widgets::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: var(--bringer-s-backlight) radial-gradient( 100vw circle at 50vw 35vw, var(--bringer-s-backlight), transparent 50% ); opacity: 0.5; pointer-events: none; } .bringer-footer-widgets .stg-container { position: relative; z-index: 3; } .bringer-footer-widgets h6 { margin-bottom: var(--stg-gap); } .bringer-widget ul { margin: 0; padding: 0; } .bringer-widget ul li { padding: 0; margin: 0; list-style: none; } .bringer-info-widget { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bringer-info-widget .bringer-logo { margin: 0 0 var(--stg-gap) 0; } .bringer-info-description { margin-bottom: 28px; } .bringer-info-widget .bringer-label { margin-bottom: var(--stg-xs-gap); color: var(--bringer-s-heading); } .bringer-contacts-widget ul li:not(:last-child) { margin-bottom: 16px; } .bringer-contacts-widget .bringer-label { display: block; } .bringer-menu-widget ul li { margin: 0 -8px; position: relative; } .bringer-menu-widget a { display: block; padding: 8px; position: relative; z-index: 3; opacity: 0.7; transition: opacity 0.3s; } .bringer-menu-widget ul { margin: -8px 0; } .bringer-menu-widget ul li::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: var(--bringer-xs-br); background: var(--bringer-s-backlight); z-index: 1; opacity: 0; transform-origin: 0 50%; will-change: opacity; transition: opacity 0.2s; } .no-footer-border .bringer-footer-line::before { display: none; } .bringer-footer-line { display: flex; justify-content: space-between; align-items: center; padding: var(--stg-gap) 0; position: relative; font-size: var(--bringer-t-footer-fs); line-height: var(--bringer-t-footer-lh); } .bringer-footer-line:has(.align-center) { justify-content: center; } .bringer-footer-divider { margin: 0 8px; } ul.bringer-socials-list { display: flex; gap: var(--bringer-socials-gap); } ul.bringer-socials-list.stg-xs-gap { gap: var(--stg-xs-gap); } ul.bringer-socials-list.stg-small-gap { gap: var(--stg-small-gap); } ul.bringer-socials-list.stg-large-gap { gap: var(--stg-large-gap); } ul.bringer-socials-list.stg-xl-gap { gap: var(--stg-xl-gap); } .bringer-footer-line ul.bringer-socials-list { margin: -8px 0; } .bringer-socials-list li { list-style: none; padding: 0; display: block; } .bringer-socials-list a { position: relative; width: calc(var(--bringer-socials-size) + 24px); height: calc(var(--bringer-socials-size) + 24px); padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: var(--bringer-xs-br); transition: transform 0.1s, background-color 0.3s; will-change: transform; } .bringer-socials-list a::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; right: 0; top: 0; border-radius: inherit; border: 1px solid var(--bringer-s-heading); transition: opacity 0.3s; will-change: opacity; } .bringer-socials-list i { width: var(--bringer-socials-size); height: var(--bringer-socials-size); background-color: var(--bringer-s-heading); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; display: block; z-index: 3; } .bringer-socials-500px i { -webkit-mask-image: var(--icon-social-500px); mask-image: var(--icon-social-500px); } .bringer-socials-behance i { -webkit-mask-image: var(--icon-social-behance); mask-image: var(--icon-social-behance); } .bringer-socials-dribbble i { -webkit-mask-image: var(--icon-social-dribbble); mask-image: var(--icon-social-dribbble); } .bringer-socials-facebook i { -webkit-mask-image: var(--icon-social-facebook); mask-image: var(--icon-social-facebook); } .bringer-socials-flickr i { -webkit-mask-image: var(--icon-social-flickr); mask-image: var(--icon-social-flickr); } .bringer-socials-instagram i { -webkit-mask-image: var(--icon-social-instagram); mask-image: var(--icon-social-instagram); } .bringer-socials-linkedin i { -webkit-mask-image: var(--icon-social-linkedin); mask-image: var(--icon-social-linkedin); } .bringer-socials-patreon i { -webkit-mask-image: var(--icon-social-patreon); mask-image: var(--icon-social-patreon); } .bringer-socials-pinterest i { -webkit-mask-image: var(--icon-social-pinterest); mask-image: var(--icon-social-pinterest); } .bringer-socials-tiktok i { -webkit-mask-image: var(--icon-social-tiktok); mask-image: var(--icon-social-tiktok); } .bringer-socials-tumblr i { -webkit-mask-image: var(--icon-social-tumblr); mask-image: var(--icon-social-tumblr); } .bringer-socials-vimeo i { -webkit-mask-image: var(--icon-social-vimeo); mask-image: var(--icon-social-vimeo); } .bringer-socials-x i { -webkit-mask-image: var(--icon-social-x); mask-image: var(--icon-social-x); } .bringer-socials-xing i { -webkit-mask-image: var(--icon-social-xing); mask-image: var(--icon-social-xing); } .bringer-socials-youtube i { -webkit-mask-image: var(--icon-social-youtube); mask-image: var(--icon-social-youtube); } .bringer-socials-list.bringer-framed-socials { flex-wrap: wrap; gap: var(--stg-small-gap); } .bringer-hero-block .bringer-page-title { margin-bottom: 0; } .bringer-hero-info-line { display: flex; justify-content: space-between; --stea-move: var(--stg-gap); } .bringer-hero-info-line .bringer-meta { margin: 0; } .bringer-hero-info-line > div { width: 33.33%; } .bringer-hero-info-line > div:nth-child(2) { text-align: center; } .bringer-hero-info-line > div:nth-child(3) { text-align: right; } .bringer-hero-type01 .bringer-masked-block { --masked-inner-radius: var(--bringer-large-br); } .bringer-hero-type01 .bringer-masked-content { width: 128px; height: 128px; position: absolute; bottom: 0; right: 0; } .bringer-hero-type01 .bringer-masked-content a.bringer-square-button { width: 112px; height: 112px; border-radius: var(--bringer-default-br); } .bringer-hero-type01 .bringer-masked-content a span { width: 32px; height: 32px; } .bringer-hero-type01 .bringer-hero-social-proof { display: flex; flex-direction: column; align-items: flex-end; padding-top: var(--stg-small-gap); } .bringer-hero-type01 .bringer-hero-social-proof > div { display: flex; justify-content: flex-end; margin-right: -4px; margin-bottom: 20px; } .bringer-hero-type01 .bringer-hero-social-proof p { text-align: right; text-transform: uppercase; color: var(--bringer-s-heading); max-width: 110px; } .bringer-hero-type01 .bringer-hero-social-proof img, .bringer-hero-type01 .bringer-hero-social-proof a { display: flex; width: 64px; height: 64px; border-radius: 50%; margin-left: -32px; border: 4px solid var(--bringer-s-body-bg); } .bringer-hero-type01 .bringer-hero-social-proof a { justify-content: center; align-items: center; text-align: center; color: var(--bringer-s-heading); background: var(--bringer-s-accent); } .bringer-hero-type02 .bringer-page-title { padding-right: var(--stg-gap); margin-bottom: var(--stg-large-gap); padding-bottom: 0; } .stg-row.bringer-hero02-row { padding-bottom: var(--stg-large-gap); width: calc(var(--stg-container-width) + var(--stg-gap)); } .bringer-hero-type03 .bringer-hero-title-wrap { display: flex; width: 100%; justify-content: space-between; margin-bottom: var(--stg-gap); } .bringer-hero-type03 .bringer-hero-title-wrap h1 { max-width: 70%; margin-bottom: 0; } .bringer-hero-type03 .bringer-hero-title-wrap > div { max-width: 25%; height: auto; border-radius: var(--bringer-default-br); } .bringer-hero-type03 .bringer-hero-media { aspect-ratio: 2/1; } .bringer-hero-type03 .bringer-hero-media video, .bringer-hero-type03 .bringer-hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .bringer-hero-type03 .bringer-hero-media-content { max-width: 25%; width: max-content; text-align: right; } .bringer-hero-type03 .bringer-hero-media-content-inner { padding: 0 0 calc(var(--stg-small-gap) + 4px) var(--stg-small-gap); } .bringer-hero-type03 svg { position: absolute; pointer-events: none; left: 0; top: 0; opacity: 0; } .bringer-hero-type03 .bringer-tags-list { position: absolute; left: var(--stg-small-gap); bottom: var(--stg-small-gap); max-width: 33%; } .bringer-tags-list li[data-appear] { --stea-move: var(--stg-small-gap); } .bringer-hero-type04 .bringer-large-text { max-width: 50%; margin: 0 auto; } .bringer-hero-type04 .bringer-hero-info-line { margin-bottom: var(--stg-gap); } .bringer-hero-type05 .bringer-title-block { aspect-ratio: 1/1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-bottom: var(--stg-gap); border-radius: var(--bringer-default-br); } .bringer-hero-type05 .bringer-title-block .bringer-large-text { max-width: 425px; } .bringer-hero-type05 .bringer-hero-media-wrap { position: relative; border-radius: var(--bringer-default-br); } .bringer-hero-type05 .bringer-hero-media-wrap img { position: absolute; width: calc(100% - 2 * var(--stg-large-gap)); height: auto; top: var(--stg-large-gap); left: var(--stg-large-gap); display: block; box-shadow: 0 8px 16px var(--bringer-s-box-shadow); } .bringer-hero-type05 .bringer-square-button { width: 100%; height: 100%; display: flex; border-radius: var(--bringer-default-br); } .bringer-hero-type05 a.bringer-square-button span.bringer-icon { width: 64px; height: 64px; } .bringer-hero-type06 .is-large .bringer-bento-hero-media p { max-width: 320px; } .bringer-bento-hero-media { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: var(--stg-gap); display: flex; flex-direction: column; justify-content: space-between; border-radius: inherit; } .bringer-hero-type06 .bringer-masked-block { --masked-inner-radius: var(--bringer-large-br); } .bringer-hero-type06 .bringer-masked-content.at-bottom-right { width: 128px; height: 128px; } .bringer-hero-type06 .bringer-masked-content.at-bottom-right a.bringer-square-button { margin: calc(1.5 * var(--stg-small-gap)) 0 0 calc(1.5 * var(--stg-small-gap)); } .bringer-hero-type06 .bringer-square-button { width: calc(100% - 1.5 * var(--stg-small-gap)); height: calc(100% - 1.5 * var(--stg-small-gap)); border-radius: var(--bringer-default-br); } .bringer-hero-type06 .bringer-square-button span.bringer-icon { width: 32px; height: 32px; } .bringer-hero-type07 .bringer-hero-info-line { margin: var(--stg-gap) 0 var(--stg-large-gap) 0; } .bringer-hero-type07 .bringer-hero-social-proof { margin-top: calc(-1 * var(--stg-xs-gap)); } .bringer-hero-type07 .bringer-hero-social-proof > div { display: flex; justify-content: flex-end; gap: var(--stg-xs-gap); } .bringer-hero-type07 .bringer-hero-social-proof a, .bringer-hero-type07 .bringer-hero-social-proof img { width: 128px; height: 128px; display: block; border-radius: var(--bringer-small-br); } .bringer-hero-type07 .bringer-hero-social-proof a { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .bringer-hero-type07 .bringer-hero-social-proof a span { font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); color: var(--bringer-s-heading); text-transform: uppercase; display: block; height: auto; width: 100%; } .bringer-hero-type07 .bringer-hero-social-proof a h5 { margin: 0 0 4px 0; } .bringer-hero-form { display: flex; justify-content: flex-start; align-items: flex-start; gap: var(--stg-small-gap); width: 100%; padding-bottom: var(--stg-xs-gap); } .bringer-hero-form input { width: 100%; } .bringer-hero-form button { padding-right: var(--stg-gap); padding-left: var(--stg-gap); } .bringer-hero-form input, .bringer-hero-form button { margin: 0; } .bringer-partners span { display: block; } .bringer-partners .bringer-block { padding: 0; border-radius: var(--bringer-xs-br); } .st-expandable-wrap { overflow: hidden; } .stss-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; overflow: hidden; } .stss-wrap.is-ready { position: fixed; } .stss-container { width: 100%; min-height: 100%; height: auto; will-change: transform; } .bringer-text-fill-mask { background: linear-gradient(var(--bringer-s-heading), var(--bringer-s-heading)) left top no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: var(--bringer-s-heading-fade); } .bringer-expand-on-scroll { --st-eos-init-scale: 1.25; --st-eos-init-clip: 0.5; --st-eos-br: var(--bringer-default-br); transform-origin: 50% 0; } .bringer-expand-on-scroll img, .bringer-expand-on-scroll video { border-radius: 0; } .bringer-expand-on-scroll > * { width: 100%; height: auto; display: block; } .bringer-expand-on-scroll iframe { aspect-ratio: 16/9; } [class*='bringer-grid'] { display: grid; grid-column-gap: var(--stg-gap); grid-row-gap: var(--stg-gap); width: 100%; box-sizing: border-box; } [class*='bringer-grid'] > * { min-width: 0; max-width: 100%; box-sizing: border-box; } .bringer-grid-1col { grid-template-columns: repeat(1, 1fr); } .bringer-grid-2cols { grid-template-columns: repeat(2, 1fr); } .bringer-grid-3cols { grid-template-columns: repeat(3, 1fr); } .bringer-grid-4cols { grid-template-columns: repeat(4, 1fr); } .bringer-grid-5cols { grid-template-columns: repeat(5, 1fr); } .bringer-grid-6cols { grid-template-columns: repeat(6, 1fr); } .bringer-subgrid-item { display: grid; grid-template-rows: subgrid; grid-row: span 2; } .st-lazy-wrapper { position: relative; display: block; border-radius: inherit; } .st-lazy-wrapper:has(img[data-speed]) { border-radius: var(--bringer-default-br); } .st-lazy-wrapper::before, .st-lazy-wrapper::after { content: ''; position: absolute; display: block; transition: opacity 0.3s; will-change: opacity; transition-delay: 0.05s; } .st-lazy-wrapper::before { left: 0; top: 0; width: 100%; height: 100%; background: var(--bringer-s-container-bg); z-index: 4; border-radius: var(--bringer-default-br); } .st-lazy-wrapper.is-loaded::before { opacity: 0; } .st-lazy-wrapper::after { z-index: 5; width: 40px; height: 40px; border: 2px solid var(--bringer-s-border); border-top-color: var(--bringer-s-heading); animation: sta_spin 1s linear infinite; border-radius: 50%; left: calc(50% - 22px); top: calc(50% - 22px); } .st-lazy-wrapper.is-loaded::after { opacity: 0; } .st-lazy-wrapper.stop-anim::after { opacity: 0; animation: unset; } .bringer-masked-block { position: relative; --masked-border-radius: var(--bringer-default-br); --masked-inner-radius: var(--bringer-small-br); overflow: hidden; border-radius: var(--masked-border-radius); } .bringer-masked-media { position: relative; width: 100%; height: 100%; border-radius: var(--masked-inner-radius); overflow: hidden; } .bringer-masked-media img, .bringer-masked-media video { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .bringer-parallax-media { border-radius: var(--masked-inner-radius); } .bringer-masked-bottom-right { position: relative; } .bringer-masked-content, .bringer-masked-content.at-top-left { position: absolute; top: 0; left: 0; bottom: auto; right: auto; } .bringer-masked-content.at-top-right { top: 0; left: auto; bottom: auto; right: 0; } .bringer-masked-content.at-bottom-left { top: auto; left: 0; bottom: 0; right: auto; } .bringer-masked-content.at-bottom-right { top: auto; left: auto; bottom: 0; right: 0; } .bringer-masked-content.at-bottom-right::after { display: none; } .bringer-masked-content.at-middle-right, .bringer-masked-content.at-middle-left { top: 50%; bottom: auto; transform: translateY(-50%); } .bringer-masked-content.at-middle-right { right: 0; left: auto; } .bringer-masked-content.at-middle-left { left: 0; right: auto; } .bringer-masked-content.at-top-center, .bringer-masked-content.at-bottom-center { left: 50%; right: auto; transform: translateX(-50%); } .bringer-masked-content.at-top-center { top: 0; bottom: auto; } .bringer-masked-content.at-bottom-center { bottom: 0; top: auto; } .bringer-masked-content .bringer-square-button, .bringer-masked-content.at-top-left .bringer-square-button { margin: 0 var(--stg-small-gap) var(--stg-small-gap) 0; } .bringer-masked-content.at-top-right .bringer-square-button { margin: 0 0 var(--stg-small-gap) var(--stg-small-gap); } .bringer-masked-content.at-bottom-left .bringer-square-button { margin: var(--stg-small-gap) var(--stg-small-gap) 0 0; } .bringer-masked-content.at-bottom-right .bringer-square-button { margin: var(--stg-small-gap) 0 0 var(--stg-small-gap); } @media (min-width: 769px) { .bringer-masked-content.at-bottom-right .bringer-square-button { margin: var(--stg-gap) 0 0 var(--stg-gap); } } .bringer-masked-content.at-middle-right .bringer-square-button { margin: var(--stg-small-gap) 0 var(--stg-small-gap) var(--stg-small-gap); } .bringer-icon { -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; background: var(--bringer-s-heading); display: block; width: 24px; height: 24px; } .bringer-icon-explore { -webkit-mask-image: var(--icon-arrow-explore); mask-image: var(--icon-arrow-explore); } .bringer-icon-arrow-down { -webkit-mask-image: var(--icon-arrow-down); mask-image: var(--icon-arrow-down); } .bringer-icon-arrow-left { -webkit-mask-image: var(--icon-arrow-left); mask-image: var(--icon-arrow-left); } .bringer-icon-arrow-right { -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); } .bringer-icon-arrow-submit { -webkit-mask-image: var(--icon-arrow-submit); mask-image: var(--icon-arrow-submit); } .bringer-icon-creativity { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-collab { -webkit-mask-image: var(--icon-collab); mask-image: var(--icon-collab); } .bringer-icon-impact { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } .bringer-icon-innovation { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-chevron-left { -webkit-mask-image: var(--icon-chevron-left); mask-image: var(--icon-chevron-left); } .bringer-icon-chevron-right { -webkit-mask-image: var(--icon-chevron-right); mask-image: var(--icon-chevron-right); } .bringer-block { border-radius: var(--bringer-small-br); background-color: var(--bringer-s-container-bg); padding: var(--stg-gap); padding-bottom: calc(var(--stg-gap) - 3px); position: relative; --mouse-x: 50%; --mouse-y: 0; min-width: 0; max-width: 100%; box-sizing: border-box; } .bringer-block.stg-valign-middle { display: flex; flex-direction: column; justify-content: center; } .bringer-block.is-frosted { background: var(--bringer-s-container-frosted); -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); } [class*='stg-col'].bringer-block { border-radius: var(--bringer-default-br); } .bringer-block::before, .bringer-block::after { content: ''; border-radius: inherit; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; } .bringer-block::before { inset: 0px; padding: 1px; background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-border-highlight), var(--bringer-s-border-mute) 40% ); mask: var(--bringer-border-mask); -webkit-mask: var(--bringer-border-mask); mask-composite: exclude; -webkit-mask-composite: xor; transition: opacity 0.4s; will-change: opacity; opacity: 0.75; } .bringer-block.is-accented { background: var(--bringer-s-accent) bottom right no-repeat; color: var(--bringer-s-accented-text); } .bringer-block.is-accented::before { background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-text-accent), var(--bringer-s-border-accent) 40% ); } .bringer-block::after { opacity: 0; transition: opacity 0.4s; will-change: opacity; width: 100%; background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-backlight), transparent 40% ); z-index: 5; } .bringer-tags-list { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: var(--stg-xs-gap); padding: 0; margin: 0; } .bringer-tags-list li { margin: 0; padding: 0; list-style: none; display: block; } .bringer-tags-list li a { border-radius: var(--bringer-xs-br); font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); color: var(--bringer-s-heading); text-transform: uppercase; padding: calc(0.75 * var(--stg-xs-gap)) calc(1.5 * var(--stg-xs-gap)); background: var(--bringer-s-nav); -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); display: block; border: 1px solid var(--bringer-s-border); transition: background-color 0.3s, border-color 0.3s; } .bringer-arrow-link, a.bringer-arrow-link { display: inline-block; position: relative; font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); color: var(--bringer-s-heading); text-transform: uppercase; padding: 0 24px 2px 0; margin-top: -5px; } .bringer-arrow-link::before, .bringer-arrow-link::after { content: ''; position: absolute; background: var(--bringer-s-heading); transition: transform 0.3s; } .bringer-arrow-link::before { width: calc(100% - 24px); height: 2px; bottom: 0; transform-origin: 0 50%; } .bringer-arrow-link::after { content: ''; width: 16px; height: 16px; background: var(--bringer-s-heading); display: block; right: 0; top: 6px; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: var(--icon-arrow-explore); mask-image: var(--icon-arrow-explore); transform-origin: 0% 100%; } .bringer-icon-link { display: inline-flex; align-items: center; gap: 16px; } .bringer-icon-link .bringer-icon-link-content { transition: transform 0.3s; will-change: transform; margin-top: 4px; text-align: left; } .bringer-icon-link .bringer-icon-link-content:first-child { text-align: right; } .bringer-icon-link h6 { margin: 0; } .bringer-icon-link .bringer-label { margin: 6px 0 0 0; display: block; } .bringer-icon-link .bringer-icon-wrap { width: 80px; height: 80px; position: relative; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s; background-color: transparent; border-radius: var(--bringer-small-br); } .bringer-icon-wrap::before { content: ''; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid var(--bringer-s-heading); border-radius: inherit; position: absolute; display: block; transition: opacity 0.3s; will-change: opacity; } .bringer-icon-link i { transition: transform 0.3s; } .bringer-square-button { aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; position: relative; color: var(--bringer-s-accented-text); background: var(--bringer-s-accent); border-radius: var(--bringer-small-br); border: 1px solid var(--bringer-s-border-accent); transition: background-color 0.3s; cursor: pointer; width: 80px; height: 80px; } .bringer-square-button span.bringer-icon { width: 24px; height: 24px; transition: transform 0.2s; will-change: transform; } .bringer-price-card-item { display: grid; grid-template-rows: subgrid; grid-row: span 2; row-gap: var(--stg-large-gap); position: relative; } .bringer-price { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-heading); font-size: var(--bringer-t-h3-fs); font-size: var(--bringer-t-h3-fs); letter-spacing: var(--bringer-t-h3-ls); line-height: var(--bringer-t-h3-lh); margin: -10px 0 26px -3px; } .bringer-marquee { min-width: 100%; overflow: hidden; max-width: max-content; } .bringer-marquee-inner { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: max-content; will-change: transform; } .bringer-marquee.is-init .bringer-marquee-inner { animation: marquee_scroll 5s infinite linear; } .bringer-marquee-inner-wrap { display: flex; justify-content: flex-start; flex-wrap: nowrap; width: max-content; } .bringer-marquee-list { padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: max-content; } .bringer-marquee-list li { list-style: none; margin: 0; padding: 0; white-space: nowrap; display: flex; align-items: center; } .bringer-marquee-list li::before { content: ''; width: 8px; height: 8px; display: block; margin: var(--stg-large-gap); border-radius: 2px; outline: 4px solid var(--bringer-s-heading); transform: translateY(-2px) rotate(45deg); } .bringer-counter { display: grid; grid-template-rows: subgrid; grid-row: span 2; row-gap: var(--stg-small-gap); position: relative; text-align: center; padding: var(--stg-large-gap) var(--stg-small-gap); } .bringer-counter-number { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); font-size: var(--bringer-t-h1-fs); letter-spacing: var(--bringer-t-h1-ls); line-height: var(--bringer-t-h1-lh); color: var(--bringer-s-heading); } .bringer-counter-number::before { content: attr(data-prefix); } .bringer-counter-number::after { content: attr(data-suffix); } .bringer-counter.bringer-small-counter { padding: 0; text-align: left; row-gap: 2px; } .bringer-small-counter .bringer-counter-number { font-size: var(--bringer-t-h3-fs); font-size: var(--bringer-t-h3-fs); letter-spacing: var(--bringer-t-h3-ls); line-height: var(--bringer-t-h3-lh); } .bringer-portfolio-card { padding: var(--stg-small-gap); border-radius: var(--bringer-default-br); } .bringer-portfolio-card-image { transition: transform 0.3s; will-change: transform; contain: paint; aspect-ratio: 1/1; border-radius: var(--bringer-small-br); } .bringer-portfolio-card-image .st-lazy-wrapper { border-radius: var(--bringer-small-br); } .bringer-portfolio-card-image img, .bringer-portfolio-card-image video { border-radius: unset; object-fit: cover; width: 100%; height: 100%; } .bringer-portfolio-card-footer { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: var(--stg-small-gap) 0 9px 0; } .bringer-portfolio-card-title { min-height: 24px; align-self: flex-end; } .bringer-portfolio-card-title h6 { margin: 0; } .bringer-portfolio-card .bringer-icon { transform-origin: 0% 100%; width: 24px; height: 24px; transition: transform 0.3s; margin-right: var(--stg-xs-gap); margin-top: var(--stg-xs-gap); } .bringer-portfolio-card > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; border-radius: var(--bringer-small-br); } .bringer-portfolio-short-item { position: relative; padding: var(--stg-xs-gap); border-radius: var(--bringer-small-br); display: flex; align-items: center; justify-content: flex-start; } .bringer-portfolio-thmb { width: 88px; height: 88px; border-radius: var(--bringer-xs-br); overflow: hidden; margin-right: var(--stg-gap); box-shadow: 0 4px 8px var(--bringer-s-box-shadow); } .bringer-portfolio-thmb img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; } .bringer-portfolio-short-item .bringer-icon { position: absolute; top: calc(50% - 12px); right: var(--stg-gap); width: 24px; height: 24px; transform-origin: 0 100%; transition: transform 0.3s; will-change: transform; } .bringer-portfolio-short-item a { position: absolute; border-radius: inherit; left: 0; top: 0; right: 0; bottom: 0; } .bringer-portfolio-short-more { position: relative; padding: var(--stg-gap); border-radius: var(--bringer-small-br); color: var(--bringer-s-accented-text); background: var(--bringer-s-accent); border: 1px solid var(--bringer-s-border-accent); } .bringer-portfolio-short-item span.bringer-meta, .bringer-portfolio-short-more .bringer-label { display: block; margin-bottom: 4px; margin-top: -4px; } .bringer-tetimonials-card { display: grid; grid-template-rows: subgrid; grid-row: span 2; row-gap: var(--stg-gap); } .bringer-tetimonials-card-descr { margin-top: -4px; } .bringer-tetimonials-card-footer { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: -4px; } .bringer-tetimonials-card-name h6 { margin: 0; } [class*='bringer-tetimonials-stars'] { display: block; position: relative; width: 76px; height: 12px; opacity: 0.5; margin-bottom: 8px; } [class*='bringer-tetimonials-stars']::before, [class*='bringer-tetimonials-stars']::after { content: ''; height: 12px; background: var(--bringer-s-heading); -webkit-mask-repeat: repeat-x; -webkit-mask-size: contain; -webkit-mask-position: left; mask-repeat: repeat-x; mask-size: contain; mask-position: left; position: absolute; left: 0; top: 0; } [class*='bringer-tetimonials-stars']::before { -webkit-mask-image: var(--icon-star-empty); mask-image: var(--icon-star-empty); z-index: 1; width: 100%; } [class*='bringer-tetimonials-stars']::after { -webkit-mask-image: var(--icon-star-full); mask-image: var(--icon-star-full); z-index: 3; } .bringer-tetimonials-stars1::after { width: 20%; } .bringer-tetimonials-stars2::after { width: 40%; } .bringer-tetimonials-stars3::after { width: 60%; } .bringer-tetimonials-stars4::after { width: 80%; } .bringer-tetimonials-stars5::after { width: 100%; } .bringer-carousel { border-radius: var(--bringer-xs-br); } .bringer-fullscreen-page .bringer-carousel-wrapper { position: relative; height: calc(100svh - var(--st-header-height) - var(--st-footer-height)); } .bringer-fullscreen-page .bringer-carousel { top: 50%; transform: translateY(-50%); } .bringer-fullscreen-page .bringer-carousel.swiper { overflow: visible; } .bringer-carousel-card { padding: var(--stg-small-gap); } .bringer-carousel-card-image { transition: transform 0.3s; will-change: transform; contain: paint; border-radius: var(--bringer-xs-br); } .bringer-carousel-card-image img, .bringer-carousel-card-image video { border-radius: unset } .bringer-carousel-card-footer { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: var(--stg-small-gap) 0 9px 0; } .bringer-carousel-card-title { min-height: 24px; align-self: flex-end; } .bringer-carousel-card-title h6 { margin: 0; } .bringer-carousel-card .bringer-icon { transform-origin: 0% 100%; width: 24px; height: 24px; transition: transform 0.3s; margin-right: var(--stg-xs-gap); margin-top: var(--stg-xs-gap); } .bringer-carousel-card > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; border-radius: var(--bringer-small-br); } .bringer-list-with-preview { display: flex; justify-content: space-between; gap: var(--stg-gap); } .bringer-list-with-preview[data-preview-position="right"] { flex-direction: row-reverse; } .bringer-list-with-preview > div { width: 50%; } .bringer-lwp-media { position: relative; overflow: hidden; border-radius: var(--bringer-default-br); display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; } .bringer-lwp-media img, .bringer-lwp-media video { width: 100%; height: auto; min-width: 100%; object-position: center; } .bringer-lwp-media img, .bringer-lwp-media video { transition: clip-path 0.3s; position: relative; border-radius: unset; } .bringer-lwp-media img.is-active, .bringer-lwp-media video.is-active { animation: lwp_active 0.3s ease-in-out; } .bringer-lwp-roster { display: flex; flex-direction: column; gap: var(--stg-gap); } .bringer-lwp-item { transition: background-color 0.2s, border-color 0.2s; position: relative; border-radius: var(--bringer-default-br); } .bringer-lwp-item .bringer-accent { transition: color 0.2s; } .bringer-lwp-item a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: inherit; } .bringer-lwp-roster img { display: none; } .bringer-list-with-preview[data-preview-position="right"] .bringer-lwp-media img.is-active, .bringer-list-with-preview[data-preview-position="right"] .bringer-lwp-media video.is-active { animation: lwp_active_r 0.3s ease-in-out; } .bringer-carousel { --swiper-gap: var(--stg-gap); } .bringer-dots .swiper-pagination-bullet { background: var(--bringer-s-heading); } .bringer-dots .swiper-pagination-bullet-active { background: var(--bringer-s-heading); } .bringer-dots.swiper-pagination { position: static; bottom: auto; left: auto; margin: var(--stg-gap) auto 0 auto; transform: none!important; height: 12px; } .bringer-dots .swiper-pagination-bullet { width: 12px; height: 12px; } .bringer-detailed-list { margin: 0; padding: 0; position: relative; } .bringer-detailed-list li { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; padding: var(--stg-gap) 0 calc(1px + var(--stg-gap)) 0; position: relative; margin: 0 calc(-0.5 * var(--stg-gap)); } .bringer-detailed-list::before, .bringer-detailed-list li::before, .bringer-detailed-list li::after { content: ''; position: absolute; width: 100%; display: block; } .bringer-detailed-list::before, .bringer-detailed-list li::after { left: calc(-0.5 * (100vw - var(--stg-container-width))); bottom: 0; height: 1px; background: var(--bringer-c-border-gradient); width: 100vw; } .bringer-detailed-list::before { bottom: auto; top: 0; } .bringer-detailed-list li::before { height: 100%; background: radial-gradient(ellipse, var(--bringer-s-heading) 0%, transparent 75%) no-repeat bottom center; background-size: 100% 200%; top: 0; left: 0; opacity: 0; transition: opacity 0.3s; will-change: opacity; } .bringer-detailed-list li > div { margin: 0 calc(0.5 * var(--stg-gap)); } .bringer-detailed-list li a { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: block; } .bringer-detailed-list-title { min-width: calc(33.333% - var(--stg-gap)); max-width: calc(33.333% - var(--stg-gap)); } .bringer-detailed-list-title > * { margin-top: 0; } .bringer-detailed-list-description { min-width: calc(66.666% - 2 * var(--stg-gap) - 80px); max-width: calc(66.666% - 2 * var(--stg-gap) - 80px); } .bringer-detailed-list-button { width: 80px; height: 80px; border: 2px solid var(--bringer-s-heading); border-radius: var(--bringer-small-br); display: flex; justify-content: center; align-items: center; transition: background-color 0.3s, border-color 0.3s; } .bringer-detailed-list-button span.bringer-icon { width: 24px; height: 24px; } .bringer-image-box:not(:last-child) { margin-bottom: var(--stg-large-gap); } .bringer-image-box-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--stg-small-gap); } .bringer-image-box-head img { max-width: 80px; height: auto; display: block; border-radius: var(--bringer-xs-br); } .bringer-icon-box { display: grid; grid-template-rows: subgrid; grid-row: span 2; row-gap: var(--stg-xl-gap); position: relative; } .bringer-icon-box .bringer-box-icon { width: 64px; height: 64px; border-radius: var(--bringer-small-br); display: flex; justify-content: center; align-items: center; position: absolute; right: var(--stg-gap); top: var(--stg-gap); } .bringer-icon-box i { width: 32px; height: 32px; } .bringer-icon-box .bringer-box-icon::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 2px solid var(--bringer-s-heading); border-radius: inherit; background-color: transparent; } .bringer-icon-box h4 { padding-right: calc(64px + var(--stg-gap)); margin: 0; } .bringer-icon-box .bringer-large-text { margin: 0; } .bringer-grid-more-masked { --masked-border-radius: var(--bringer-small-br); --masked-inner-radius: var(--bringer-default-br); position: relative; } .bringer-grid-more-masked a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: var(--bringer-small-br); } .bringer-grid-more-masked .bringer-masked-media p { padding-right: 96px; } .bringer-price-table h6, .bringer-price-table > p { margin-bottom: var(--stg-gap); } .bringer-price-wrapper { background: radial-gradient(ellipse at center top, var(--bringer-s-backlight) 0%, transparent) no-repeat; margin: 0 calc(-1 * var(--stg-gap)) var(--stg-gap) calc(-1 * var(--stg-gap)); padding: var(--stg-gap); width: calc(100% + 2 * var(--stg-gap)); position: relative; display: flex; flex-direction: column; align-items: center; } .bringer-price-wrapper::before, .bringer-price-table ul.bringer-marked-list::after, .bringer-price-wrapper::after { content: ''; width: 100%; height: 1px; background: var(--bringer-c-border-gradient); position: absolute; left: 0; } .bringer-price-wrapper::before { top: 0; } .bringer-price-table ul.bringer-marked-list::after, .bringer-price-wrapper::after { bottom: 0; } .bringer-price-wrapper > .bringer-label { margin-bottom: 5px; } .bringer-price-wrapper > h2 { margin-bottom: -4px; } .bringer-price-table > .bringer-label { color: var(--bringer-s-heading); opacity: 1; margin-bottom: var(--stg-small-gap); } .bringer-price-table ul.bringer-marked-list { margin-bottom: var(--stg-gap); padding-bottom: var(--stg-gap); position: relative; } .bringer-price-table ul.bringer-marked-list li:last-child { margin: 0; } .bringer-faq-list { display: flex; flex-direction: column; gap: var(--stg-gap); } .bringer-faq-list hr { margin-top: 0; margin-bottom: 0; } .bringer-toggles-item { cursor: pointer; } .bringer-toggles-item--title { display: block; position: relative; } .bringer-toggles-item--title .bringer-label { margin: -4px 0 8px 0; display: block; } .bringer-toggles-item--title sup { display: inline-block; margin: 0 2px; transform: translateY(-6px); } .bringer-toggles-item--title h4 { margin-bottom: 4px; padding-right: 64px; display: flex; justify-content: flex-start; gap: 8px; align-items: flex-start; } .bringer-toggles-item--title i.bringer-icon { position: absolute; right: 0; top: calc(50% - 16px); margin: 0; width: 32px; height: 32px; transform: rotate(-90deg); transition: transform 0.3s; will-change: transform; } .is-active .bringer-toggles-item--title .bringer-icon { transform: rotate(0deg) translate(0, 12px); } .bringer-toggles-item--content { padding-top: calc(2 * var(--stg-gap)); position: relative; cursor: default; } .bringer-toggles-item--content::after { content: ''; width: 100%; height: 1px; background: var(--bringer-c-border-gradient); position: absolute; left: 0; top: var(--stg-gap); } .bringer-toggles-item--content span { margin-bottom: var(--stg-small-gap); display: block; } .bringer-slider-wrapper { position: relative; } .bringer-slider-wrapper svg { position: absolute; left: 0; top: 0; width: 0; height: 0; pointer-events: none; opacity: 0; } .bringer-slider { border-radius: var(--bringer-default-br); position: relative; } .bringer-slider-wrapper .bringer-slider { border-radius: 0; } .bringer-slider:not([data-effect="coverflow"]) img, .bringer-slider:not([data-effect="coverflow"]) video { border-radius: 0; } .bringer-slider-nav { position: absolute; z-index: 22; } .bringer-slider-nav.bringer-masked-content { display: flex; width: 160px; height: 80px; } .bringer-slider-nav.bringer-masked-content a { width: 64px; height: 64px; margin: 16px 0 0 16px; display: flex; justify-content: center; align-items: center; position: relative; border-radius: var(--bringer-small-br); transition: background-color 0.3s; } .bringer-slider-nav.bringer-masked-content a::before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border-radius: inherit; border: 2px solid var(--bringer-s-heading); z-index: 3; transition: opacity 0.3s; will-change: opacity; } .bringer-slider-nav.bringer-masked-content span.bringer-icon { width: 16px; height: 16px; position: relative; z-index: 5; transition: transform 0.3s; will-change: transform; } .bringer-slider-nav.on-sides { pointer-events: none; left: 0; width: 100%; top: calc(50% - 48px); display: flex; justify-content: space-between; --masked-border-radius: var(--bringer-default-br); --masked-inner-radius: var(--bringer-xl-br); } .bringer-slider-nav.on-sides a { pointer-events: all; width: 64px; height: 96px; display: block; position: relative; display: flex; justify-content: center; align-items: center; } .bringer-slider-nav.on-sides a span.bringer-icon { width: 24px; height: 24px; background: var(--bringer-s-heading); transition: transform 0.3s; will-change: transform; } .bringer-slider .swiper-slide.has-content { --masked-border-radius: var(--bringer-default-br); --masked-inner-radius: var(--bringer-large-br); } .bringer-slider .bringer-slide-content { position: absolute; bottom: 0; } .bringer-slider .bringer-slide-content-inner { padding: var(--stg-gap) var(--stg-large-gap); transition: transform 0.3s; will-change: transform; } .bringer-slide-content > a { position: absolute; display: block; left: 0; top: 0; bottom: 0; right: 0; } .bringer-slide-post-title { display: flex; flex-direction: column; justify-content: center; align-items: center; } .bringer-slide-post-title .bringer-meta { opacity: 0.5; margin-bottom: var(--stg-xs-gap); } .bringer-fullscreen-page .bringer-slider-wrapper { top: var(--st-header-height); width: calc(100% - 2 * var(--stg-small-gap)); height: calc(100svh - var(--st-header-height) - var(--st-footer-height)); margin: 0 var(--stg-small-gap); overflow: hidden; } .bringer-fullscreen-page .bringer-slider-media .st-lazy-wrapper { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .bringer-fullscreen-page .bringer-slider { width: 100%; height: inherit } .bringer-fullscreen-page .bringer-slider img, .bringer-fullscreen-page .bringer-slider video { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0; } .bringer-fullscreen-page .bringer-slider .swiper-slide { height: 100%; position: relative; } .bringer-fullscreen-page .bringer-slider-media { position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .bringer-next-post.bringer-icon-link { gap: var(--stg-gap); } .bringer-next-post h2 { font-size: var(--bringer-t-h1-fs); letter-spacing: var(--bringer-t-h1-ls); line-height: var(--bringer-t-h1-lh); margin: var(--bringer-t-h1-margin); margin-bottom: 0; } .bringer-next-post h6 { opacity: 0.75; margin: 0 0 var(--stg-xs-gap) 0; } .bringer-next-post .bringer-icon-link-content { text-align: right; } .bringer-next-post.bringer-icon-link .bringer-icon-wrap { width: 160px; height: 160px; border-radius: var(--bringer-large-br); } .bringer-next-post .bringer-icon { width: 48px; height: 48px; } .bringer-next-post .bringer-icon-wrap::before { border: 4px solid var(--bringer-s-heading); } .bringer-bento-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-gap: var(--stg-gap); grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-auto-flow: column; max-width: 100%; } .bringer-bento-grid img { max-width: 100%; height: auto; } .bringer-bento-grid .is-medium { overflow: hidden; } .bringer-bento-grid .is-small { aspect-ratio: 1; } .bringer-bento-grid .is-large:first-child { grid-area: 1 / 1 / 3 / 3; } .bringer-bento-grid .is-medium:nth-child(2) { grid-area: 1 / 3 / 1 / 5; } .bringer-bento-grid .is-medium:last-child { grid-area: 2 / 3 / 2 / 5; } .bringer-bento-grid .is-medium:first-child { grid-area: 1 / 1 / 2 / 3; } .bringer-bento-grid .is-large:last-child { grid-area: 1 / 3 / 3 / 5; } .bringer-bento-grid .is-medium:nth-child(3) { grid-area: 2 / 1 / 3 / 3; } .bringer-bento-grid > div { position: relative; } .bringer-bento-grid > div, .bringer-bento-grid .bringer-block { border-radius: var(--bringer-default-br); } .bringer-bento-grid div:has(img) { padding: 0; contain: paint; } .bringer-bento-grid img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; } .bringer-bento-grid h1, .bringer-bento-grid h2 { margin-bottom: 0; } .bringer-bento-grid > div > ul { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .bringer-bento-grid .bringer-marked-list { margin: 0 } .bringer-meta-list { display: flex; flex-direction: column; min-height: 100%; justify-content: space-between; align-items: flex-start; padding: 0; margin: 0; } .bringer-meta-list li { padding: 0; margin: 0; list-style: none; } .bringer-meta-list li span { display: block; } @supports (-webkit-appearance:none) and (stroke-color:transparent) { .bringer-meta-list { min-height: calc(100% - 2 * var(--stg-gap)); } } .bringer-newsletter-section { width: 100%; overflow-x: hidden; } .bringer-masked-cta { position: relative; width: 100%; max-width: 100%; overflow: hidden; } .bringer-masked-cta .bringer-cta-form { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--stg-gap); padding: var(--stg-large-gap); background: var(--bringer-s-accent); flex-wrap: wrap; width: 100%; box-sizing: border-box; } .bringer-cta-form-content { flex: 1; min-width: 280px; max-width: 100%; } .bringer-cta-form-button { flex-shrink: 0; } .bringer-masked-cta button { background: var(--bringer-s-heading); border-color: var(--bringer-s-heading); border-radius: var(--bringer-default-br); padding: calc(1.5 * var(--stg-gap)) calc(1.5 * var(--stg-large-gap)); min-width: 80px; min-height: 80px; } .bringer-masked-cta button span { background: var(--bringer-s-accent); width: 32px; height: 32px; } .bringer-cta-title { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); font-size: var(--bringer-t-h1-fs); letter-spacing: var(--bringer-t-h1-ls); line-height: var(--bringer-t-h1-lh); color: var(--bringer-s-accented-text); margin-bottom: var(--stg-large-gap); word-wrap: break-word; overflow-wrap: break-word; } .bringer-masked-cta input { background: var(--bringer-s-border); color: var(--bringer-s-accented-text); font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); line-height: 1; border-radius: var(--bringer-default-br); padding: var(--stg-gap); padding-top: calc(var(--stg-gap) - 4px); width: 100%; box-sizing: border-box; } .bringer-masked-cta input:focus { border-color: var(--bringer-s-border); } .bringer-masked-cta input::-webkit-input-placeholder { opacity: 1; color: var(--bringer-s-accented-text); } .bringer-masked-cta input::-moz-placeholder { opacity: 1; color: var(--bringer-s-accented-text); } .bringer-masked-cta input::-ms-input-placeholder { opacity: 1; color: var(--bringer-s-accented-text); } .bringer-masked-cta-content { text-align: right; width: 350px; max-width: 100%; padding: var(--stg-gap); } .bringer-masked-cta-content p { display: block; padding: 0 0 var(--stg-d-gap) var(--stg-d-gap); word-wrap: break-word; overflow-wrap: break-word; } .success-message { padding: 1rem; background: #d4edda; color: #155724; border-radius: var(--bringer-xs-br); margin-top: 1rem; text-align: center; font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); text-transform: uppercase; } .error-message { padding: 1rem; background: #f8d7da; color: #721c24; border-radius: var(--bringer-xs-br); margin-top: 1rem; text-align: center; font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); text-transform: uppercase; } #btn-spinner { width: 20px; height: 20px; border: 2px solid transparent; border-top: 2px solid currentColor; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 1024px) { .bringer-cta-title { font-size: var(--bringer-t-h2-fs); line-height: var(--bringer-t-h2-lh); } .bringer-masked-cta input { font-size: var(--bringer-t-h3-fs); } .bringer-masked-cta-content { width: 300px; } } @media (max-width: 768px) { .bringer-masked-cta .bringer-cta-form { flex-direction: column; align-items: stretch; gap: var(--stg-large-gap); padding: var(--stg-gap); } .bringer-cta-form-content { min-width: 100%; } .bringer-cta-form-button { align-self: center; } .bringer-cta-title { font-size: var(--bringer-t-h3-fs); line-height: var(--bringer-t-h3-lh); margin-bottom: var(--stg-gap); text-align: center; } .bringer-masked-cta input { font-size: var(--bringer-t-h4-fs); padding: var(--stg-small-gap); } .bringer-masked-cta button { padding: var(--stg-gap); min-width: 60px; min-height: 60px; } .bringer-masked-cta button span { width: 24px; height: 24px; } .bringer-masked-cta-content { position: static; width: 100%; text-align: center; padding: var(--stg-gap) 0 0 0; } .bringer-masked-cta-content p { padding: 0; font-size: var(--bringer-t-content-fs); } } @media (max-width: 480px) { .bringer-masked-cta .bringer-cta-form { padding: var(--stg-small-gap); } .bringer-cta-title { font-size: var(--bringer-t-h4-fs); line-height: var(--bringer-t-h4-lh); } .bringer-masked-cta input { font-size: var(--bringer-t-content-fs); } .bringer-masked-cta button { min-width: 50px; min-height: 50px; padding: var(--stg-small-gap); } .bringer-masked-cta button span { width: 20px; height: 20px; } } .bringer-contact-form.is-busy { pointer-events: none; } .bringer-contact-form.is-busy .bringer-form-content { opacity: 0.7; } .bringer-contact-form.is-busy #btn-spinner { display: inline-block !important; } .bringer-contact-form.is-busy #btn-icon { display: none !important; } .bringer-contact-form__response { width: 100%; text-align: center; margin-top: var(--stg-gap); display: none; } .bringer-contact-form__response.show { display: block; } .bringer-member-contacts-list { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--stg-small-gap); } .bringer-member-contacts-list a { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-heading); font-size: var(--bringer-t-h6-fs); letter-spacing: var(--bringer-t-h6-ls); line-height: var(--bringer-t-h6-lh); } .bringer-member-contacts .bringer-socials-list { margin-top: var(--stg-gap); } .bringer-member-contacts .bringer-socials-list a { width: 80px; height: 80px; border-radius: var(--bringer-small-br); } .bringer-member-contacts .bringer-socials-list a::before { border: 2px solid var(--bringer-s-heading); } .bringer-member-contacts .bringer-socials-list a i { width: 40px; height: 40px; } body:has(.bringer-infinite-list) .bringer-backlight { display: none; } .bringer-infinite-list-wrap { position: fixed; left: 0; top: 0; z-index: 11; width: 100%; height: 100%; overflow: hidden; cursor: grab; } .bringer-infinite-list-wrap.is-grabbed { cursor: grabbing; } .bringer-infinite-list { opacity: 0; position: absolute; left: 0; top: 0; pointer-events: none; } .bringer-infinite-scroll { width: var(--stg-container-width); margin: 0 auto; position: relative; z-index: 15; } .bringer-infinite-list-item { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 30px 0 35px 0; transition: opacity 0.3s; } .bringer-infinite-list-item::before { content: ''; position: absolute; width: 100%; display: block; height: 100%; background: radial-gradient(ellipse, var(--bringer-s-heading) 0%, transparent 75%) no-repeat bottom center; background-size: 100% 200%; top: 0; left: 0; opacity: 0; transition: opacity 0.3s; will-change: opacity; } .bringer-infinite-list-item::after { content: ''; width: 100vw; height: 1px; display: block; background: var(--bringer-c-border-gradient); position: absolute; bottom: 0; left: calc(-0.5 * (100vw - var(--stg-container-width))); } .bringer-infinite-list-item a { position: absolute; left: -65px; top: 0; width: calc(100% + 130px); height: 100%; z-index: 5; display: block; } .bringer-infinite-list-title { transition: transform 0.3s; will-change: transform; } .bringer-infinite-list-item .bringer-meta { display: block; margin-bottom: 7px; } .bringer-infinite-list-preview { position: absolute; width: 96px; height: 96px; border-radius: var(--bringer-small-br); right: calc(100% + 28px); top: calc(50% - 48px); background: no-repeat center; background-size: cover; pointer-events: none; opacity: 0; transition: opacity 0.3s; } .bringer-infinite-list-preview video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; } .bringer-infinite-list-icon { width: 80px; height: 80px; display: block; border-radius: var(--bringer-small-br); display: flex; justify-content: center; align-items: center; position: relative; } .bringer-infinite-list-icon span { position: relative; z-index: 5; transition: transform 0.3s; } .bringer-infinite-list-icon::before, .bringer-infinite-list-icon::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border-radius: inherit; will-change: opacity; transition: opacity 0.3s; } .bringer-infinite-list-icon::before { z-index: 3; border: 2px solid var(--bringer-s-heading); opacity: 1; } .bringer-infinite-list-icon::after { background: var(--bringer-s-accent); opacity: 0; } .bringer-infinite-list-bgs { pointer-events: none; opacity: 0.15; } .bringer-infinite-list-bgs, .bringer-infinite-list-bgs > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } .bringer-infinite-list-bgs > div { background: no-repeat center; background-size: cover; will-change: opacity, transform; transition: opacity 0.5s, transform 0.5s; transform: scale(1.05); opacity: 0; z-index: 1; } .bringer-infinite-list-bgs > div.is-active { opacity: 1; transform: scale(1); z-index: 2; } .bringer-infinite-list-bgs > div video { width: 100%; height: 100%; object-fit: cover; display: block; } .bringer-column-item:not(:last-child) { margin-bottom: var(--stg-large-gap); } .bringer-column-item.bringer-masked-block { --masked-inner-radius: var(--bringer-large-br); } .bringer-column-item-content { padding: var(--stg-gap) var(--stg-gap) 0 0; position: relative; display: flex; justify-content: space-between; align-items: center; min-width: calc(0.33 * var(--stg-container-width)); } .bringer-column-item-title { padding-left: var(--stg-small-gap); margin-right: var(--stg-gap); transform: translateY(-4px); transition: transform 0.3s; } .bringer-column-item-title span { margin-bottom: 8px; display: block; transition: transform 0.3s; } .bringer-column-item-title h4 { margin-bottom: 0; transition: transform 0.3s; } .bringer-column-item-content .bringer-icon-wrap { position: relative; width: 80px; height: 80px; border-radius: var(--bringer-small-br); display: flex; justify-content: center; align-items: center; transition: background-color 0.3s; } .bringer-column-item-content .bringer-icon-wrap::before { transition: opacity 0.3s; will-change: opacity; } .bringer-column-item a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: var(--bringer-default-br); z-index: 7; } .bringer-masked-content { max-width: 35%; position: absolute; bottom: 0; right: 0; } .bringer-masked-content:has(.bringer-square-button) { max-width: 50%; } .bringer-grid-cta-media { padding: var(--stg-large-gap); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .bringer-masked-cta-content p { padding: 0 0 var(--stg-d-gap) var(--stg-d-gap); display: block; text-align: right; } .bringer-bento-grid .bringer-masked-content p { padding: var(--stg-d-gap) 0 0 var(--stg-d-gap); } .bringer-grid-cta .is-medium { display: flex; align-items: center; text-align: center; justify-content: center; } .bringer-grid-cta .bringer-square-button { width: 100%; height: 100%; border-radius: var(--bringer-default-br); } .bringer-grid-cta .bringer-square-button span { width: 80px; height: 80px; } .bringer-grid-cta-heading { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-heading); font-size: var(--bringer-t-h1-fs); letter-spacing: var(--bringer-t-h1-ls); line-height: var(--bringer-t-h1-lh); margin: var(--bringer-t-h1-margin); } .stg-cta-with-image { --this-spacing: var(--bringer-section-gap); padding: var(--this-spacing) 0; } .stg-cta-with-image > div { position: relative; } [class*='stg-col-'] > div.bringer-offset-image { --this-offset: calc(-0.5 * (100vw - var(--stg-container-width))); width: calc(50% - var(--this-offset)); top: calc(-1 * var(--this-spacing)); bottom: calc(-1 * var(--this-spacing)); position: absolute; background-position: right; } [class*='stg-col-']:first-child > div.bringer-offset-image { left: var(--this-offset); border-radius: 0 var(--bringer-default-br) var(--bringer-default-br) 0; } [class*='stg-col-']:last-child > div.bringer-offset-image { right: var(--this-offset); border-radius: var(--bringer-default-br) 0 0 var(--bringer-default-br); } .bringer-cta-form-title { font-family: var(--bringer-t-heading-ff); font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-heading); font-size: var(--bringer-t-h1-fs); letter-spacing: var(--bringer-t-h1-ls); line-height: var(--bringer-t-h1-lh); } .bringer-cta-text { padding: calc(var(--stg-gap) + var(--stg-large-gap)) 0; } .bringer-cta-icon { position: relative; } .bringer-cta-icon, .bringer-cta-icon::before, .bringer-cta-icon::after { background-color: var(--bringer-s-text-accent); border-radius: 4px; width: 8px; height: 64px; display: block; } .bringer-cta-icon::before, .bringer-cta-icon::after { content: ''; position: absolute; left: 0; top: 0; } .bringer-cta-icon::before { transform: rotate(120deg); } .bringer-cta-icon::after { transform: rotate(240deg); } .bringer-rcp-wrap, .bringer-rcp-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 333; } .bringer-rcp-wrap { transition: opacity 0.3s; will-change: opacity; pointer-events: none; opacity: 0; } .rcp-show .bringer-rcp-wrap { pointer-events: all; opacity: 1; } .bringer-rcp-overlay { z-index: 3; background-color: var(--bringer-s-body-bg); opacity: 0.9; } .bringer-rcp-container { z-index: 5; position: absolute; left: calc(50% - 0.5 * var(--stg-container-width)); top: 50%; width: var(--stg-container-width); text-align: center; transition: transform 0.3s; will-change: transform; transform: translateY(0%); pointer-events: none; } .rcp-show .bringer-rcp-container { transform: translateY(-50%); } .pswp__img { border-radius: var(--bringer-default-br); } .pswp__ui { width: 100%; height: 100%; position: relative; pointer-events: none; } .pswp--open .pswp__ui button { pointer-events: all; } .pswp__button, .pswp__ui--fit .pswp__top-bar button.pswp__button { width: 60px; height: 60px; border-radius: var(--bringer-small-br); background: var(--bringer-s-nav); display: flex; justify-content: center; align-items: center; transition: background-color 0.3s; } .pswp__button::before, .pswp__ui--fit .pswp__top-bar button.pswp__button::before, .pswp__button::after, .pswp__ui--fit .pswp__top-bar button.pswp__button::after { content: ''; position: absolute; display: block; } .pswp__button::before, .pswp__ui--fit .pswp__top-bar button.pswp__button::before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 2px solid var(--bringer-s-heading); border-radius: inherit; transition: opacity 0.3s; } .pswp__button::after, .pswp__ui--fit .pswp__top-bar button.pswp__button::after { -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; background: var(--bringer-s-heading); width: 16px; height: 16px; transition: transform 0.3s; } button.pswp__button.pswp__button--close, .pswp__top-bar button.pswp__button, .pswp__ui--fit .pswp__top-bar button.pswp__button { right: 64px; top: 48px; position: absolute; } button.pswp__button.pswp__button--close::after, .pswp__ui--fit .pswp__top-bar button.pswp__button::after { -webkit-mask-image: var(--icon-cross); mask-image: var(--icon-cross); width: 14px; height: 14px; } .bringer-pswp-prev, .bringer-pswp-next { position: absolute; top: calc(50% - 20px); } .bringer-pswp-prev { left: 64px; } button.pswp__button.bringer-pswp-prev::after { -webkit-mask-image: var(--icon-chevron-left); mask-image: var(--icon-chevron-left); } button.pswp__button.bringer-pswp-next::after { -webkit-mask-image: var(--icon-chevron-right); mask-image: var(--icon-chevron-right); } .bringer-pswp-next { right: 64px; } .pswp__preloader { top: calc(50% - 22px); } .bringer-pswp-media--video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: all; } .bringer-pswp-media--video video { width: 100%; height: auto; border-radius: var(--bringer-default-br); } @media (hover:hover) { a:hover { color: var(--bringer-s-heading); } .pswp__button:hover::after { transform: scale(1.2); } .pswp__button:hover::before, .pswp__ui--fit .pswp__top-bar button.pswp__button:hover::before { opacity: 0.15; } .pswp__button:hover, .pswp__ui--fit .pswp__top-bar button.pswp__button:hover { background-color: var(--bringer-s-accent); } .bringer-lightbox-link > .st-lazy-wrapper, .bringer-lightbox-link > img { transition: scale 0.3s; } .bringer-lightbox-link:hover > .st-lazy-wrapper, .bringer-lightbox-link:hover > img { scale: 1.02; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:not([class*='pswp']):hover, a.bringer-button:hover { background-color: var(--bringer-button-hover-bg); } a.bringer-button.is-secondary:hover, .bringer-square-button.is-secondary:hover { background: var(--bringer-s-accent); border-color: var(--bringer-s-border-accent); } a.bringer-button.is-secondary:hover { background: var(--bringer-s-border); } ul.main-menu li:hover > a { color: var(--bringer-c-menu-hover); } ul.main-menu li.menu-item-has-children:hover > a::after { background-color: var(--bringer-c-menu-hover); } ul.sub-menu li:hover::before { opacity: 1; } nav.bringer-nav ul.sub-menu li:hover::before { opacity: 1; } #bringer-footer .bringer-menu-widget a:hover, .bringer-menu-widget ul li:hover::before { opacity: 1; } .bringer-socials-list a:hover { background-color: var(--bringer-s-accent); } .bringer-socials-list a:hover::before { opacity: 0.15; } .bringer-block:hover::after { opacity: 0.75; } .bringer-block:hover::before { opacity: 1; } .bringer-tags-list li a:hover { background-color: var(--bringer-s-accent); border-color: var(--bringer-s-border-accent); } .bringer-arrow-link:hover::before { transform: scale(0, 1); } .bringer-arrow-link:hover::after { transform: scale(1.2, 1.2); } .bringer-icon-link:hover i { transform: scale(1.2); } .bringer-icon-link:hover .bringer-icon-wrap { background-color: var(--bringer-s-accent); } .bringer-icon-link:hover .bringer-icon-wrap::before { opacity: 0.15; } .bringer-icon-link:hover .bringer-icon-link-content:first-child { transform: translateX(calc(-1 * var(--stg-xs-gap))); } .bringer-icon-link:hover .bringer-icon-link-content:last-child { transform: translateX(var(--stg-xs-gap)); } .bringer-square-button:hover span.bringer-icon { transform: scale(1.2); } .bringer-portfolio-card:hover .bringer-icon { transform: scale(1.2, 1.2); } .bringer-portfolio-card:hover .bringer-portfolio-card-image { transform: scale(1.01); } .bringer-portfolio-short-item:hover .bringer-icon { transform: scale(1.2); } .bringer-carousel-card:hover .bringer-icon { transform: scale(1.2, 1.2); } .bringer-carousel-card:hover .bringer-carousel-card-image { transform: scale(1.01); } .bringer-detailed-list li:hover::before { opacity: 0.05; } .bringer-detailed-list li:has(a):hover .bringer-detailed-list-button { background: var(--bringer-s-accent); border-color: var(--bringer-s-border-accent); } .bringer-grid-more-masked:hover .bringer-square-button.is-secondary { background: var(--bringer-s-accent); border-color: var(--bringer-s-border-accent); } .bringer-grid-more-masked:hover .bringer-square-button span.bringer-icon { transform: scale(1.2); } .bringer-slider-nav.bringer-masked-content a:hover span.bringer-icon { transform: scale(1.2); } .bringer-slider-nav.bringer-masked-content a:hover { background-color: var(--bringer-s-accent); } .bringer-slider-nav.bringer-masked-content a:hover::before { opacity: 0.15; } .bringer-slider-nav.on-sides a.bringer-slider-next:hover span.bringer-icon { transform: translateX(10px) } .bringer-slider-nav.on-sides a.bringer-slider-prev:hover span.bringer-icon { transform: translateX(-10px) } .bringer-slide-content:has(a):hover .bringer-slide-content-inner { transform: scale(1.1); } .bringer-masked-cta button:hover { background: var(--bringer-s-heading-fade); } .bringer-infinite-list-item:hover::before { opacity: 0.05; } .bringer-infinite-list-item:hover .bringer-infinite-list-preview { opacity: 1; } .bringer-infinite-list-item:hover .bringer-infinite-list-icon::before { opacity: 0.15; } .bringer-infinite-list-item:hover .bringer-infinite-list-icon::after { opacity: 1; } .bringer-infinite-list-item:hover .bringer-infinite-list-icon span { transform: scale(1.1); } .bringer-column-item-content:hover .bringer-icon-wrap { background-color: var(--bringer-s-accent); } .bringer-column-item-content:hover .bringer-icon-wrap::before { opacity: 0.15; } .bringer-column-item-content:hover .bringer-icon-wrap span.bringer-icon { transform: scale(1.2); } .bringer-column-item-content:hover .bringer-column-item-title span { transform: translateX(calc(-1 * var(--stg-xs-gap))); } .bringer-column-item-content:hover .bringer-column-item-title h4 { transform: translateX(var(--stg-xs-gap)); } } @media (hover:none) { .bringer-backlight { display: none; } .bringer-block::before { opacity: 0.5; } .bringer-block::after { opacity: 0.75; } .bringer-toggles-item:not(.is-active)::after { opacity: 0; } .bringer-infinite-list-bgs { display: none; } .bringer-infinite-list-item { padding-left: calc(96px + var(--stg-gap)); } .bringer-infinite-list-preview { opacity: 1; right: auto; left: 0; } } @keyframes sta_spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes sta_shake { 0% { transform: translateX(0); } 10% { transform: translateX(-10px); } 30% { transform: translateX(10px); } 50% { transform: translateX(-10px); } 70% { transform: translateX(10px); } 90% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes marquee_scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes lwp_active { 0% { clip-path: inset(0% 0% 0% 100% round var(--bringer-default-br)); } 100% { clip-path: inset(0% 0% 0% 0% round var(--bringer-default-br)); } } @keyframes lwp_active_r { 0% { clip-path: inset(0% 100% 0% 0% round var(--bringer-default-br)); } 100% { clip-path: inset(0% 0% 0% 0% round var(--bringer-default-br)); } } :root { --stea-move: var(--stg-gap); --stea-zoom-in: 0.9; --stea-zoom-out: 1.1; --stea-duration: 0.5s; } [data-split-appear] { --stea-move: 0.5cap; } [data-split-appear].bringer-line-overflow:not(.is-done) .line { overflow: hidden; } [data-split-appear].setting-up [data-appear] { transition: unset!important; } [data-unload*='fade-'].is-unloading, [data-unload*='zoom-'].is-unloading, [data-appear*='fade-']:not(.setting-up), [data-appear*='zoom-']:not(.setting-up) { transition: opacity var(--stea-duration), transform var(--stea-duration); will-change: opacity, transform; } [data-unload*='fade-'].is-unloading, [data-unload*='zoom-'].is-unloading, [data-appear*='fade-'], [data-appear*='zoom-'] { opacity: 0; } [data-appear*="zoom-"].in-view, [data-appear*="fade-"].in-view { opacity: 1; transform: scale(1) translate(0,0); } [data-unload="zoom-out"].is-unloading, [data-appear="zoom-in"], [data-appear="fade-zoom"] { transform: scale(var(--stea-zoom-in)); } [data-unload="fade-down"].is-unloading, [data-appear="fade-up"] { transform: translateY(var(--stea-move)); } [data-unload="fade-up"].is-unloading, [data-appear="fade-down"] { transform: translateY(calc(-1 * var(--stea-move))); } [data-unload="fade-right"].is-unloading, [data-appear="fade-left"] { transform: translateX(var(--stea-move)); } [data-unload="fade-left"].is-unloading, [data-appear="fade-right"] { transform: translateX(calc(-1 * var(--stea-move))); } [data-unload="fade-down-right"].is-unloading, [data-appear="fade-up-left"] { transform: translate(var(--stea-move), var(--stea-move)); } [data-unload="fade-down-left"].is-unloading, [data-appear="fade-up-right"] { transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)); } [data-unload="fade-up-right"].is-unloading, [data-appear="fade-down-left"] { transform: translate(var(--stea-move), calc(-1 * var(--stea-move))); } [data-unload="fade-up-left"].is-unloading, [data-appear="fade-down-right"] { transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))); } [data-unload="zoom-out-down"].is-unloading, [data-appear="zoom-in-up"] { transform: translateY(var(--stea-move)) scale(var(--stea-zoom-in)); } [data-unload="zoom-out-up"].is-unloading, [data-appear="zoom-in-down"] { transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in)); } [data-unload="zoom-out-right"].is-unloading, [data-appear="zoom-in-left"] { transform: translateX(var(--stea-move)) scale(var(--stea-zoom-in)); } [data-unload="zoom-out-left"].is-unloading, [data-appear="zoom-in-right"] { transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in)); } [data-unload="zoom-out-down-right"].is-unloading, [data-appear="zoom-in-up-left"] { transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-in)); } [data-unload="zoom-out-down-left"].is-unloading, [data-appear="zoom-in-up-right"] { transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-in)); } [data-unload="zoom-out-up-right"].is-unloading, [data-appear="zoom-in-down-left"] { transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in)); } [data-unload="zoom-out-up-left"].is-unloading, [data-appear="zoom-in-down-right"] { transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in)); } [data-unload="fade-zoom"].is-unloading, [data-unload="zoom-in"].is-unloading, [data-appear="zoom-out"] { transform: scale(var(--stea-zoom-out)); } [data-unload="zoom-in-down"].is-unloading, [data-appear="zoom-out-up"] { transform: translateY(var(--stea-move)) scale(var(--stea-zoom-out)); } [data-unload="zoom-in-up"].is-unloading, [data-appear="zoom-out-down"] { transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out)); } [data-unload="zoom-in-right"].is-unloading, [data-appear="zoom-out-left"] { transform: translateX(var(--stea-move)) scale(var(--stea-zoom-out)); } [data-unload="zoom-in-left"].is-unloading, [data-appear="zoom-out-right"] { transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out)); } [data-unload="zoom-in-down-right"].is-unloading, [data-appear="zoom-out-up-left"] { transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-out)); } [data-unload="zoom-in-down-left"].is-unloading, [data-appear="zoom-out-up-right"] { transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-out)); } [data-unload="zoom-in-up-right"].is-unloading, [data-appear="zoom-out-down-left"] { transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out)); } [data-unload="zoom-in-up-left"].is-unloading, [data-appear="zoom-out-down-right"] { transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out)); } .bringer-modern-card { background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); padding: 2rem; position: relative; transition: all 0.3s ease; text-align: center; } .bringer-modern-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px var(--bringer-s-box-shadow); border-color: var(--bringer-s-accent); } .bringer-card-image { width: 100%; height: 120px; border-radius: var(--bringer-small-br); margin: 0 0 1.5rem 0; overflow: hidden; position: relative; max-width: 100%; box-sizing: border-box; } .bringer-card-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform 0.3s ease; max-width: 100%; display: block; } .bringer-block:hover .bringer-card-image img { transform: scale(1.05); } .bringer-card-hover-btn { position: absolute; bottom: var(--stg-gap); right: var(--stg-gap); transform: scale(0); width: 48px; height: 48px; background: var(--bringer-s-accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; z-index: 2; } .bringer-block:hover .bringer-card-hover-btn { transform: scale(1); } .bringer-card-hover-btn::before { content: '→'; color: white; font-size: 20px; font-weight: bold; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(3px); } 60% { transform: translateX(-2px); } } .bringer-modern-card h5 { margin-bottom: 1rem; color: var(--bringer-s-heading); word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; line-height: 1.3; } .bringer-modern-card p { color: var(--bringer-s-text); margin-bottom: 0; line-height: 1.6; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } .bringer-card-link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: inherit; } .bringer-resource-minimal { background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); padding: 2rem; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; height: 100%; } .bringer-resource-minimal:hover { border-color: var(--bringer-s-accent); transform: translateY(-2px); } .bringer-resource-type { font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); letter-spacing: var(--bringer-t-meta-ls); color: var(--bringer-s-accent); text-transform: uppercase; margin-bottom: 1rem; } .bringer-resource-minimal h4 { margin-bottom: 1rem; color: var(--bringer-s-heading); } .bringer-resource-minimal p { color: var(--bringer-s-text); margin-bottom: auto; line-height: 1.6; } .bringer-resource-arrow { margin-top: 1.5rem; opacity: 0.5; transition: all 0.3s ease; } .bringer-resource-minimal:hover .bringer-resource-arrow { opacity: 1; transform: translateX(4px); } .bringer-resource-minimal a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: inherit; } .bringer-contact-details { margin-top: 1.5rem; } .bringer-contact-item { margin-bottom: 1rem; line-height: 1.6; } .bringer-contact-item strong { display: block; margin-bottom: 0.25rem; color: var(--bringer-s-heading); } .bringer-contact-item a { color: var(--bringer-s-accent); text-decoration: none; } .bringer-contact-item a:hover { color: var(--bringer-s-heading); } .bringer-resource-meta { text-align: left; } .bringer-resource-meta, .bringer-resource-tags-inline, .bringer-filter-nav { text-align: left; } .bringer-filter-nav-inner { justify-content: flex-start; } .bringer-mega-dropdown { width: 800px; left: -300px; padding: 0; background: var(--bringer-s-body-bg); border: 1px solid var(--bringer-s-border); } .bringer-mega-content { display: flex; padding: 1.5rem; gap: 1.5rem; } .bringer-mega-section { flex: 1; } .bringer-mega-section h5 { margin-bottom: 0.75rem; color: var(--bringer-s-heading); } .bringer-mega-items { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } .bringer-mega-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: var(--bringer-small-br); transition: all 0.3s; text-decoration: none; border: 1px solid transparent; } .bringer-mega-item:hover { background: radial-gradient(200px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-backlight), transparent 40%); border-color: var(--bringer-s-border); transform: translateX(4px); } .bringer-mega-item-image { width: 32px; height: 32px; border-radius: var(--bringer-xs-br); overflow: hidden; flex-shrink: 0; } .bringer-mega-item-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .bringer-mega-item .bringer-icon { width: 16px; height: 16px; background: var(--bringer-s-accent); flex-shrink: 0; } .bringer-mega-item-content { flex: 1; } .bringer-mega-item strong { display: block; color: var(--bringer-s-heading); margin-bottom: 0.125rem; font-size: 0.875rem; } .bringer-mega-item span:not(.bringer-icon) { color: var(--bringer-s-text); font-size: 0.75rem; line-height: 1.3; } .bringer-mega-cta { flex: 0 0 200px; } .bringer-mega-cta .bringer-featured-solution { margin: 0; height: 100%; } nav.bringer-nav ul.bringer-mega-dropdown { width: 800px !important; left: 50vw !important; margin-left: -400px !important; top: calc(100% - 20px) !important; background: var(--bringer-s-body-bg) !important; padding: 20px 0 0 0 !important; transform: scale(1, 0) !important; position: fixed !important; transition: transform 0.2s !important; } nav.bringer-nav li.bringer-mega-menu:hover > ul.bringer-mega-dropdown, nav.bringer-nav ul.bringer-mega-dropdown:hover { transform: scale(1, 1) !important; } .bringer-mega-dropdown { --mouse-x: 50%; --mouse-y: 50%; } .bringer-mega-item:hover { background: radial-gradient(200px circle at var(--mouse-x) var(--mouse-y), var(--bringer-s-backlight), transparent 40%); } .bringer-clients-marquee { overflow: hidden; padding: var(--stg-large-gap) 0; } .bringer-clients-marquee .bringer-marquee { background: transparent; } .bringer-clients-marquee .bringer-marquee-list li { padding: 0 var(--stg-gap); display: flex; align-items: center; justify-content: center; } .bringer-clients-marquee .bringer-marquee-list li::before { display: none; } .bringer-clients-marquee .bringer-marquee-list li img { max-height: 60px; width: auto; border-radius: 0; filter: grayscale(1); opacity: 0.7; transition: all 0.3s; } .bringer-clients-marquee .bringer-marquee-list li:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.05); } .bringer-clients-marquee .bringer-marquee-list li img { max-height: 60px; width: auto; border-radius: 0; filter: grayscale(1); opacity: 0.7; transition: all 0.3s; } .bringer-clients-marquee .bringer-marquee-list li:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.05); } .bringer-hero-media-wrap { width: 100%; height: 500px; overflow: hidden; } .bringer-hero-media-wrap .bringer-masked-content { max-width: 45%; padding: var(--stg-gap); } .bringer-hero-media-wrap .bringer-masked-content .bringer-page-title { font-size: var(--bringer-t-h2-fs); line-height: var(--bringer-t-h2-lh); margin-bottom: var(--stg-small-gap); } .bringer-hero-media-wrap .bringer-masked-content .bringer-large-text { font-size: var(--bringer-t-content-fs); } .bringer-industries-slider { overflow-x: auto; padding: var(--stg-gap) 0; scrollbar-width: none; -ms-overflow-style: none; } .bringer-industries-slider::-webkit-scrollbar { display: none; } .bringer-industries-track { display: flex; gap: var(--stg-gap); width: max-content; cursor: grab; user-select: none; animation: infiniteScroll 30s linear infinite; } .bringer-industries-track:active { cursor: grabbing; animation-play-state: paused; } .bringer-industries-track:hover { animation-play-state: paused; } @keyframes infiniteScroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-50% - var(--stg-gap) / 2)); } } .bringer-industries-slider .bringer-block { min-width: 250px !important; max-width: 250px !important; flex-shrink: 0; } .bringer-process-showcase { padding: var(--stg-xl-gap) 0; } .bringer-process-wrapper { position: relative; width: 100%; max-width: 1200px; height: 800px; margin: 0 auto; } .bringer-process-circle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px; border: 2px solid var(--bringer-s-border); border-radius: 50%; } .bringer-process-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; background: var(--bringer-s-container-bg); border: 2px solid var(--bringer-s-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .bringer-process-center h4 { margin: 0; color: var(--bringer-s-heading); text-align: center; font-size: 0.9rem; } .bringer-process-point { position: absolute; left: 50%; top: 50%; cursor: pointer; transform: rotate(var(--angle)) translateY(-150px); } .bringer-process-point[data-step="1"] { --angle: 0deg; } .bringer-process-point[data-step="2"] { --angle: 90deg; } .bringer-process-point[data-step="3"] { --angle: 180deg; } .bringer-process-point[data-step="4"] { --angle: 270deg; } .bringer-process-dot { width: 20px; height: 20px; background: var(--bringer-s-accent); border: 4px solid var(--bringer-s-body-bg); border-radius: 50%; transition: all 0.3s; transform: translate(-50%, -50%); } .bringer-process-point.active .bringer-process-dot { transform: translate(-50%, -50%) scale(1.5); background: var(--bringer-s-heading); } .bringer-process-card { position: absolute; width: 280px; background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); padding: var(--stg-gap); opacity: 0; visibility: hidden; transition: all 0.3s; } .bringer-process-card[data-step="1"] { right: 100px; top: 200px; } .bringer-process-card[data-step="2"] { left: 50%; bottom: 100px; transform: translateX(-50%); } .bringer-process-card[data-step="3"] { left: 100px; top: 200px; } .bringer-process-card[data-step="4"] { left: 50%; top: 100px; transform: translateX(-50%); } .bringer-process-card.active { opacity: 1; visibility: visible; } .bringer-process-card h5 { margin-bottom: var(--stg-xs-gap); color: var(--bringer-s-heading); } .bringer-process-card p { margin: 0; color: var(--bringer-s-text); font-size: 0.9rem; } @media (max-width: 768px) { .bringer-process-wrapper { height: 600px; } .bringer-process-circle { width: 250px; height: 250px; } .bringer-process-center { width: 100px; height: 100px; } .process-diagram svg { width: 100%; height: auto; min-width: 700px; max-width: 800px; } .bringer-process-card { width: 220px; } .bringer-process-card[data-step="1"] { right: 50px; top: 150px; } .bringer-process-card[data-step="2"] { bottom: 50px; } .bringer-process-card[data-step="3"] { left: 50px; top: 150px; } .bringer-process-card[data-step="4"] { top: 50px; } } @media (max-width: 480px) { .process-diagram svg { min-width: 600px; max-width: 700px; } } @media (max-width: 480px) { .bringer-process-wrapper { height: 500px; } .bringer-process-circle { width: 200px; height: 200px; } .bringer-process-center { width: 80px; height: 80px; } .bringer-process-card { width: 180px; padding: var(--stg-small-gap); } .bringer-process-card[data-step="1"] { right: 20px; top: 120px; } .bringer-process-card[data-step="2"] { bottom: 20px; } .bringer-process-card[data-step="3"] { left: 20px; top: 120px; } .bringer-process-card[data-step="4"] { top: 20px; } } .bringer-process-dot { width: 20px; height: 20px; background: var(--bringer-s-accent); border: 3px solid var(--bringer-s-body-bg); border-radius: 50%; margin: 0 auto var(--stg-xs-gap) auto; transition: all 0.3s; } .bringer-process-label { font-size: var(--bringer-t-meta-fs); font-weight: var(--bringer-t-meta-fw); color: var(--bringer-s-heading); text-align: center; text-transform: uppercase; letter-spacing: var(--bringer-t-meta-ls); } .bringer-process-point:hover .bringer-process-dot, .bringer-process-point.active .bringer-process-dot { transform: scale(1.5); background: var(--bringer-s-heading); } .bringer-process-point.active .bringer-process-label { color: var(--bringer-s-accent); } @media (max-width: 768px) { .bringer-process-circle { width: 300px; height: 300px; } .bringer-process-center { width: 150px; height: 150px; padding: var(--stg-small-gap); } .bringer-process-point { width: 60px; height: 60px; transform: rotate(var(--angle)) translateY(-150px) rotate(calc(-1 * var(--angle))); } .bringer-process-content h4 { font-size: 1rem; } .bringer-process-content p { font-size: 0.8rem; } } @media (max-width: 480px) { .bringer-process-circle { width: 250px; height: 250px; } .bringer-process-center { width: 120px; height: 120px; } .bringer-process-point { transform: rotate(var(--angle)) translateY(-125px) rotate(calc(-1 * var(--angle))); } } .bringer-process-infographic { padding: var(--stg-xl-gap) 0; } .process-container { display: flex; justify-content: center; align-items: center; gap: var(--stg-xl-gap); max-width: 1200px; margin: 0 auto; } .process-diagram { flex-shrink: 0; } .process-diagram svg { max-width: 100%; height: auto; } .process-details { flex: 1; max-width: 500px; position: relative; min-height: 400px; } .detail-panel { position: absolute; top: 0; left: 0; width: 100%; background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); padding: var(--stg-gap); opacity: 0; visibility: hidden; transform: translateY(10px) scale(0.98); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .detail-panel.active { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .detail-panel h4 { color: var(--bringer-s-heading); margin-bottom: var(--stg-gap); font-size: var(--bringer-t-h4-fs); } .detail-panel p { color: var(--bringer-s-text); margin-bottom: var(--stg-gap); line-height: 1.6; } .detail-panel .bringer-marked-list { margin: 0; } .detail-panel .bringer-marked-list li { color: var(--bringer-s-text); margin-bottom: var(--stg-xs-gap); } .detail-panel .bringer-marked-list li:last-child { margin-bottom: 0; } .process-point { cursor: pointer; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .process-point circle { transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center center; transform-box: fill-box; } .process-point:hover circle { transform: scale(1.4); transform-origin: center center; transform-box: fill-box; } @media (max-width: 1024px) { .process-container { flex-direction: column; gap: var(--stg-large-gap); } .process-diagram { order: 1; } .process-details { order: 2; max-width: 100%; } } @media (max-width: 768px) { .bringer-process-infographic { padding: var(--stg-large-gap) 0; } .process-container { gap: var(--stg-gap); } .process-diagram svg { width: 280px; height: 280px; } .process-details { min-height: 300px; } .detail-panel { padding: var(--stg-small-gap); position: static; margin-bottom: var(--stg-gap); opacity: 1; visibility: visible; transform: none; transition: none; } .detail-panel:not(.active) { display: none; } .detail-panel h4 { font-size: var(--bringer-t-h5-fs); } } @media (max-width: 480px) { .process-diagram svg { width: 220px; height: 220px; } .process-details { min-height: 250px; } .detail-panel { padding: var(--stg-xs-gap); } } .bringer-global-slider { position: relative; width: 100%; overflow: hidden; } .bringer-slider-controls { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 100%; display: flex; justify-content: space-between; pointer-events: none; padding: 0 var(--stg-small-gap); } .bringer-slider-btn { width: 48px; height: 48px; background: var(--bringer-s-accent); border: none; border-radius: 50%; color: white; cursor: pointer; pointer-events: all; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .bringer-slider-btn:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } .bringer-slider-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; } .bringer-slider-container { overflow: hidden; width: 100%; } .bringer-slider-track { display: flex; gap: var(--stg-small-gap); transition: transform 0.3s ease; cursor: grab; user-select: none; } .bringer-slider-track:active { cursor: grabbing; } .bringer-slider-item { flex-shrink: 0; min-width: 280px; display: block; } @media (max-width: 768px) { .bringer-slider-item { min-width: 250px; } .bringer-slider-btn { width: 40px; height: 40px; } } @media (max-width: 480px) { .bringer-slider-item { min-width: 220px; } .bringer-slider-controls { padding: 0 var(--stg-xs-gap); } } .bringer-mobile-menu-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 86; pointer-events: none; opacity: 0; transition: opacity 0.3s; will-change: opacity; background: var(--bringer-s-nav); } .show-menu .bringer-mobile-menu-overlay { pointer-events: all; opacity: 0.5; } @media only screen and (max-width: 960px) { .bringer-mobile-menu .mobile-nav-item { display: flex; align-items: center; gap: var(--stg-small-gap); padding: 16px var(--stg-large-gap); color: var(--bringer-c-menu); text-decoration: none; font-family: var(--bringer-t-menu-ff); font-weight: var(--bringer-t-menu-fw); font-size: var(--bringer-t-menu-fs); transition: all 0.3s; border: none; background: none; width: 100%; cursor: pointer; position: relative; } .bringer-mobile-menu .mobile-nav-item:hover { color: var(--bringer-c-menu-hover); background: var(--bringer-s-backlight); } .bringer-mobile-menu .mobile-user-section { margin: var(--stg-gap) 0; } .bringer-mobile-menu .mobile-divider { height: 1px; background: var(--bringer-s-border); margin: var(--stg-small-gap) var(--stg-large-gap); opacity: 0.3; } .bringer-mobile-menu .mobile-nav-item.featured { background: var(--bringer-s-accent); color: var(--bringer-s-accented-text); margin: 0 var(--stg-large-gap); border-radius: var(--bringer-small-br); padding: 16px; } .bringer-mobile-menu .mobile-nav-item.featured:hover { background: var(--bringer-s-accent); color: var(--bringer-s-accented-text); transform: translateY(-2px); } .bringer-mobile-menu .mobile-nav-item.logout { color: #dc3545; } .bringer-mobile-menu .mobile-nav-item.logout:hover { background: rgba(220, 53, 69, 0.1); color: #dc3545; } .bringer-mobile-menu .mobile-logout-form { margin: 0; width: 100%; } .bringer-mobile-menu .mobile-nav-icon { font-size: 18px; width: 24px; text-align: center; flex-shrink: 0; } } body.show-menu { overflow: hidden; } .bringer-mobile-nav { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .show-menu .bringer-mobile-nav { transform: translateX(0); } @media (hover: hover) and (max-width: 960px) { .bringer-mobile-menu .mobile-nav-item::before { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 2px; background: var(--bringer-s-accent); border-radius: 0 2px 2px 0; transition: width 0.3s; transform: translateY(-1px); } .bringer-mobile-menu .mobile-nav-item:hover::before { width: 4px; } .bringer-mobile-menu .mobile-nav-item.featured::before { display: none; } } @media only screen and (max-width: 1200px) { .pswp__button, .pswp__ui--fit .pswp__top-bar button.pswp__button { width: 48px; height: 48px; } .stg-row > div[class*='bringer-t-grid'], [class*='bringer-t-grid'] { display: grid; grid-column-gap: var(--stg-gap); grid-row-gap: var(--stg-gap); } .bringer-t-grid-1col { grid-template-columns: repeat(1, 1fr); } .bringer-t-grid-2cols { grid-template-columns: repeat(2, 1fr); } .bringer-t-grid-3cols { grid-template-columns: repeat(3, 1fr); } .bringer-t-grid-4cols { grid-template-columns: repeat(4, 1fr); } .bringer-t-grid-5cols { grid-template-columns: repeat(5, 1fr); } .bringer-t-grid-6cols { grid-template-columns: repeat(6, 1fr); } section.t-is-fullwidth { max-width: 100svw; --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); margin-left: calc(-1 * var(--bringer-fw-spacing)); margin-right: calc(-1 * var(--bringer-fw-spacing)); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } section.t-is-fullwidth.t-is-stretched { padding-left: 0; padding-right: 0; } section.t-is-fullwidth.t-is-stretched > .t-is-boxed { --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } section[data-tp-padding="none"] { padding-top: 0; padding-bottom: 0; } section[data-tp-padding="top"] { padding-bottom: 0; } section[data-tp-padding="bottom"] { padding-top: 0; } section[data-tp-padding="small"] { padding: calc(0.5 * var(--bringer-section-gap)) 0; } .bringer-masked-cta .bringer-masked-content { max-width: 30%; } .bringer-masked-cta .bringer-cta-title { max-width: 80%; } .stg-cta-with-image { --this-spacing: var(--stg-large-gap); } [class*='stg-col-'] > div.bringer-offset-image { width: calc(100% - var(--this-offset) - var(--this-spacing)); } .bringer-framed-socials a { width: 36px; height: 36px; } iframe.bringer-google-map { max-height: 309px; } .bringer-slider-nav.on-sides { top: calc(50% - 36px) } .bringer-slider-nav.on-sides a { width: 48px; height: 72px; } .bringer-next-post.bringer-icon-link .bringer-icon-wrap { width: 128px; height: 128px; } .bringer-next-post .bringer-icon { width: 36px; height: 36px; } button.pswp__button.pswp__button--close, .pswp__top-bar button.pswp__button, .pswp__ui--fit .pswp__top-bar button.pswp__button { right: var(--stg-small-gap); top: var(--stg-small-gap); position: absolute; } .bringer-masked-bottom-right::after { width: 26%; height: 26%; border-radius: var(--masked-inner-radius) 0 0 0; } .bringer-hero-media-wrap { height: 380px; } } @media only screen and (max-width: 960px) { .bringer-active-menu-ind, .bringer-header-inner { display: none; } .bringer-mobile-header-inner { display: flex; min-height: 44px; justify-content: space-between; align-items: center; padding: var(--bringer-header-spacing) var(--stg-gap); width: 100%; } .bringer-mobile-menu-toggler { width: 44px; height: 44px; background: var(--bringer-s-accent); transition: background-color 0.3s; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 8px; } .bringer-mobile-menu-toggler::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: block; border: 1px solid var(--bringer-s-accented-text); opacity: 0.15; border-radius: inherit; transition: opacity 0.3s; will-change: opacity; z-index: 1; } .bringer-mobile-menu-toggler i { width: 40px; height: 40px; position: relative; z-index: 3; } .bringer-mobile-menu-toggler span { background: var(--bringer-s-accented-text); width: 18px; height: 2px; border-radius: 2px; display: block; position: absolute; left: 11px; transform-origin: 0 50%; transition: transform 0.3s, background-color 0.3s; will-change: transform; z-index: 5; } .bringer-mobile-menu-toggler span:nth-child(1) { top: calc(50% - 7px); } .bringer-mobile-menu-toggler span:nth-child(2) { top: calc(50% - 1px); transform-origin: 50% 50%; } .bringer-mobile-menu-toggler span:nth-child(3) { top: calc(50% + 5px); transform: scale(0.667, 1); } .show-menu .bringer-mobile-menu-toggler { background: transparent; } .show-menu .bringer-mobile-menu-toggler::before { opacity: 1; } .show-menu .bringer-mobile-menu-toggler span:nth-child(1) { transform: rotate(45deg) scale(1.35,1) translate(-1px, -2px); background-color: var(--bringer-s-heading); } .show-menu .bringer-mobile-menu-toggler span:nth-child(2) { transform: scale(0, 1); background-color: var(--bringer-s-heading); } .show-menu .bringer-mobile-menu-toggler span:nth-child(3) { transform: rotate(-45deg) scale(1.35,1) translate(-1px, 2px); background-color: var(--bringer-s-heading); } .bringer-mobile-nav { display: block; position: fixed; top: 0; right: 0; width: 320px; height: 100vh; height: 100dvh; background: var(--bringer-s-nav); transform: translateX(100%); transition: transform 0.3s ease; pointer-events: none; z-index: 999; overflow-y: auto; } .show-menu .bringer-mobile-nav { transform: translate(0); pointer-events: all; } body.show-menu.is-unloading .bringer-mobile-nav { transform: translateX(100%); pointer-events: none; } .bringer-mobile-nav::-webkit-scrollbar { width: 0; } .bringer-mobile-nav::before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: linear-gradient(to top, transparent, var(--bringer-s-border)); ; } .bringer-mobile-nav::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient( 90deg, transparent 25%, var(--bringer-s-body-bg) 100%); } .bringer-mobile-menu { padding: var(--stg-large-gap); margin: 0; position: relative; z-index: 5; min-height: 100vh; min-height: 100dvh; } .bringer-mobile-menu .bringer-mega-dropdown { display: none !important; } .bringer-mobile-menu .bringer-mega-dropdown .bringer-mega-item { display: block !important; padding: 12px 0 !important; border: none !important; background: none !important; margin: 0 !important; } .bringer-mobile-menu .bringer-mega-dropdown .bringer-mega-item-image, .bringer-mobile-menu .bringer-mega-dropdown .bringer-mega-section h5, .bringer-mobile-menu .bringer-mega-dropdown .bringer-mega-cta, .bringer-mobile-menu .bringer-mega-dropdown .bringer-icon { display: none !important; } .bringer-mobile-menu .bringer-mega-dropdown .bringer-mega-item strong { color: var(--bringer-c-menu) !important; font-size: var(--bringer-t-submenu-fs) !important; font-weight: var(--bringer-t-submenu-fw) !important; } .bringer-mobile-menu > li.current-menu-parent > a::before, .bringer-mobile-menu > li.current-menu-item > a::before, .bringer-mobile-menu > li.current-menu-ancestor > a::before, .bringer-mobile-menu .sub-menu > li.current-menu-parent > a::before, .bringer-mobile-menu .sub-menu > li.current-menu-item > a::before, .bringer-mobile-menu .sub-menu > li.current-menu-ancestor > a::before { content: ''; position: absolute; left: calc(-1 * var(--stg-large-gap)); top: 50%; display: block; width: var(--stg-gap); height: 2px; border-radius: 0 2px 2px 0; background: var(--bringer-s-heading); } .bringer-mobile-menu .sub-menu > li.current-menu-parent > a::before, .bringer-mobile-menu .sub-menu > li.current-menu-item > a::before, .bringer-mobile-menu .sub-menu > li.current-menu-ancestor > a::before { opacity: 1; width: var(--stg-small-gap); left: calc(-1 * var(--stg-gap) + 2px); transform: translateY(-1px); } .bringer-mobile-menu a { color: var(--bringer-c-menu); display: block; position: relative; padding: 16px 0; } .bringer-mobile-menu .sub-menu { padding-left: var(--stg-gap); position: relative; display: none; } .bringer-mobile-menu .sub-menu a { padding: 12px 0; } .bringer-mobile-menu .sub-menu::before { content: ''; width: 2px; height: 100%; position: absolute; left: 0; top: 0; background: var(--bringer-s-heading); opacity: 0.15; border-radius: 2px; } .bringer-mobile-menu li { margin: 0; padding: 0; list-style: none; font-family: var(--bringer-t-menu-ff); font-weight: var(--bringer-t-menu-fw); font-size: var(--bringer-t-menu-fs); line-height: var(--bringer-t-menu-lh); position: relative; } .bringer-mobile-menu ul.sub-menu li { font-family: var(--bringer-t-submenu-ff); font-weight: var(--bringer-t-submenu-fw); font-size: var(--bringer-t-submenu-fs); line-height: var(--bringer-t-submenu-lh); } .bringer-mobile-menu li.current-menu-parent > a, .bringer-mobile-menu li.current-menu-item > a, .bringer-mobile-menu li.current-menu-ancestor > a { color: var(--bringer-c-menu-active); } .bringer-mobile-menu li.menu-item-has-children > a::after { content: ''; width: var(--bringer-t-menu-fs); height: var(--bringer-t-menu-fs); background: var(--bringer-c-menu); transition: background-color 0.3s, transform 0.3s; display: inline-block; vertical-align: middle; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-image: var(--icon-chevron-down); mask-image: var(--icon-chevron-down); transform: translateY(-1px) rotate(-90deg); position: absolute; right: -24px; width: 36px; height: 36px; top: calc(50% - 18px); } .bringer-mobile-menu li.current-menu-parent.menu-item-has-children > a::after, .bringer-mobile-menu li.current-menu-item.menu-item-has-children > a::after, .bringer-mobile-menu li.current-menu-ancestor.menu-item-has-children > a::after { background: var(--bringer-c-menu-active); } .bringer-mobile-menu li.menu-item-has-children > a.is-active::after { transform: translateY(-1px) rotate(0deg); } ul.bringer-mobile-menu li.bringer-menu-divider { position: relative; padding: 12px 0; height: 1px; pointer-events: none; } ul.bringer-mobile-menu li.bringer-menu-divider::after { content: ''; width: 100%; height: 1px; display: block; background: var(--bringer-s-heading); position: absolute; left: 0; top: 12px; opacity: 0.1; } .bringer-mobile-menu-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 998; pointer-events: none; opacity: 0; transition: opacity 0.3s; will-change: opacity; background: rgba(0, 0, 0, 0.5); } .show-menu .bringer-mobile-menu-overlay { pointer-events: all; opacity: 1; } } @media only screen and (max-width: 960px) { .bringer-bento-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-gap: var(--stg-gap); grid-auto-flow: row; } .bringer-bento-grid .is-medium { overflow: hidden; } .bringer-bento-grid .is-large:first-child { grid-area: 1 / 1 / 3 / 3; } .bringer-bento-grid .is-medium:nth-child(2) { grid-area: 3 / 1 / 4 / 3; } .bringer-bento-grid .is-medium:last-child { grid-area: 4 / 1 / 5 / 3; } .bringer-bento-grid .is-medium:first-child { grid-area: 1 / 1 / 2 / 3; } .bringer-bento-grid .is-large:last-child { grid-area: 3 / 1 / 5 / 3; } .bringer-bento-grid .is-medium:nth-child(3) { grid-area: 2 / 1 / 3 / 3; } } @media only screen and (min-width: 740px) and (max-width: 960px) { .bringer-large-text.bringer-tp-normal-text { font-size: var(--bringer-t-content-fs); line-height: var(--bringer-t-content-lh); letter-spacing: var(--bringer-t-content-ls); font-weight: var(--bringer-t-content-fw); } section.tp-is-fullwidth { max-width: 100svw; --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); margin-left: calc(-1 * var(--bringer-fw-spacing)); margin-right: calc(-1 * var(--bringer-fw-spacing)); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } section.tp-is-fullwidth.tp-is-stretched { padding-left: 0; padding-right: 0; } section.tp-is-fullwidth.tp-is-stretched > .tp-is-boxed { --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } .bringer-tp-centered-last-item.bringer-tp-grid-2cols > div:nth-child(odd):last-child { transform: translateX(calc(50% + 0.5 * var(--stg-gap))); } .bringer-icon-box .bringer-box-icon { width: 48px; height: 48px; } .bringer-icon-box i { width: 24px; height: 24px; } .bringer-icon-box h4 { padding-right: calc(48px + var(--stg-small-gap)); } } @media only screen and (max-width: 960px) { .stg-row > div[class*='bringer-tp-grid'], [class*='bringer-tp-grid'] { display: grid; grid-column-gap: var(--stg-gap); grid-row-gap: var(--stg-gap); } .bringer-tp-grid-1col { grid-template-columns: repeat(1, 1fr); } .bringer-tp-grid-2cols { grid-template-columns: repeat(2, 1fr); } .bringer-tp-grid-3cols { grid-template-columns: repeat(3, 1fr); } .bringer-tp-grid-4cols { grid-template-columns: repeat(4, 1fr); } .bringer-tp-grid-5cols { grid-template-columns: repeat(5, 1fr); } .bringer-tp-grid-6cols { grid-template-columns: repeat(6, 1fr); } .bringer-tp-stretch-last-item.bringer-tp-grid-2cols > div:nth-child(odd):last-child { grid-column: 1 / -1; } .bringer-tp-stretch-last-item.bringer-tp-grid-2cols > div:nth-child(odd):last-child.stg-aspect-square, .bringer-tp-stretch-last-item.bringer-tp-grid-2cols > div:nth-child(odd):last-child .stg-aspect-square { aspect-ratio: 2/1; } section[data-tp-padding="none"] { padding-top: 0; padding-bottom: 0; } section[data-tp-padding="top"] { padding-bottom: 0; } section[data-tp-padding="bottom"] { padding-top: 0; } section[data-tp-padding="small"] { padding: calc(0.5 * var(--bringer-section-gap)) 0; } .bringer-hero-type01 h1.bringer-page-title { font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); line-height: var(--bringer-t-h2-lh); } .bringer-hero-type01 .bringer-masked-content { width: 80px; height: 80px; } .bringer-hero-type01 .bringer-masked-content a.bringer-square-button { width: 68px; height: 68px; } .bringer-hero-type01 .bringer-masked-content a span { width: 24px; height: 24px; } .bringer-hero-type02 > .stg-row > .stg-col-6:first-child { position: relative; z-index: 5; } .bringer-hero-type02 .bringer-page-title { padding: 0; margin-bottom: var(--stg-gap); } .bringer-hero-type02 .stg-row.stg-no-gap > div.stg-tp-offset-6 { margin: -70% 0 0 50%; position: relative; z-index: 3; } .bringer-hero-type02 .stg-col-4 > img { margin-left: var(--stg-gap); } .bringer-hero-type03 .bringer-hero-title-wrap { flex-direction: column; } .bringer-hero-type03 .bringer-hero-title-wrap h1.bringer-page-title { max-width: 100%; margin-bottom: var(--stg-gap); } .bringer-hero-type03 .bringer-hero-title-wrap > div { max-width: 45%; align-self: flex-end; } .bringer-hero-type03 .bringer-hero-media-content { max-width: 45%; } .bringer-hero-type03 .bringer-tags-list { max-width: 50%; } .bringer-hero-type04 .bringer-large-text { max-width: 100%; } .bringer-hero-type04 .bringer-hero-info-line { margin-bottom: var(--stg-large-gap); } .bringer-hero-type07 .bringer-page-title { font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); line-height: var(--bringer-t-h2-lh); padding: 0; } .bringer-hero-type07 .bringer-hero-social-proof { margin-top: calc(var(--stg-gap) + var(--stg-xs-gap)); } .bringer-hero-type07 .bringer-hero-social-proof a, .bringer-hero-type07 .bringer-hero-social-proof img { width: 64px; height: 64px; } .bringer-hero-type07 .bringer-hero-social-proof a span { display: none; } .bringer-hero-type07 .bringer-hero-social-proof > div { flex-wrap: wrap; } .bringer-hero-type07 .bringer-large-text { font-size: var(--bringer-t-content-fs); line-height: var(--bringer-t-content-lh); letter-spacing: var(--bringer-t-content-ls); } .bringer-hero-form { padding: 0; } .bringer-hero-type08 h1 { padding: 0; } .bringer-hero-type08 .stg-row > div.stg-tp-col-12 p { max-width: 80%; margin: 0 10% var(--stg-gap) 10%; } .bringer-masked-cta .bringer-masked-content { max-width: 50%; } .bringer-masked-cta .bringer-cta-title { font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); line-height: var(--bringer-t-h2-lh); max-width: 100%; margin: var(--stg-large-gap) 0; } .bringer-masked-cta input { font-size: var(--bringer-t-h4-fs); letter-spacing: var(--bringer-t-h4-ls); } .bringer-masked-cta button { padding: var(--stg-gap); } .bringer-masked-cta button span { width: 28px; height: 28px; } .stg-cta-with-image { padding: 0; } .bringer-cta-form-title { font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); line-height: var(--bringer-t-h2-lh); } .bringer-cta-text { padding: var(--stg-large-gap) 0; } div[class*='stg-col']:has(.bringer-offset-image) { margin-top: calc(2 * var(--stg-large-gap)); margin-bottom: calc(-1 * var(--stg-large-gap)); } [class*='stg-col-']:first-child > div.bringer-offset-image, [class*='stg-col-'] > div.bringer-offset-image { border-radius: 0 var(--bringer-large-br) 0 0; } [class*='stg-col-']:last-child > div.bringer-offset-image { border-radius: var(--bringer-large-br) 0 0 0; } .bringer-section-title p.is-short { max-width: calc(0.8 * var(--stg-container-width)); } .bringer-masked-content { max-width: 50%; } .bringer-grid-cta .bringer-masked-content { max-width: 33.33%; } iframe.bringer-google-map { aspect-ratio: 1/1; height: auto; max-height: unset; } .bringer-list-with-preview { flex-direction: column; } .bringer-lwp-media { display: none; } .bringer-list-with-preview > div.bringer-lwp-roster { width: 100%; } .bringer-lwp-item { display: flex; justify-content: flex-start; align-items: center; gap: var(--stg-gap); } .bringer-lwp-item > img { display: block; min-width: 64px; max-width: 64px; border-radius: calc(1.5 * var(--bringer-xs-br)); } .bringer-lwp-item h5 { min-width: calc(50% - 64px - 2 * var(--stg-gap)); } .bringer-lwp-item-content { width: 100%; } .bringer-lwp-roster .align-right:nth-child(odd) { text-align: left; } .bringer-detailed-list-title { min-width: calc(25% - var(--stg-gap)); max-width: calc(25% - var(--stg-gap)); } .bringer-detailed-list-description { min-width: calc(75% - 2 * var(--stg-gap) - 64px); max-width: calc(75% - 2 * var(--stg-gap) - 64px); } .bringer-detailed-list-button { width: 64px; height: 64px; } .bringer-slider-nav.bringer-masked-content { width: 128px; height: 64px; } .bringer-slider-nav.bringer-masked-content a { width: 56px; height: 56px; margin: 8px 0 0 8px; } .bringer-slider-nav.on-sides a span.bringer-icon { width: 20px; height: 20px; } .bringer-toggles-item--title h4 { font-size: var(--bringer-t-h6-fs); letter-spacing: var(--bringer-t-h6-ls); line-height: var(--bringer-t-h6-lh); } .bringer-toggles-item--title i.bringer-icon { transform: rotate(-90deg) translate(-3px, 0px); } .is-active .bringer-toggles-item--title .bringer-icon { transform: rotate(0deg) translate(0, 8px); } .bringer-infinite-list-title h2 { font-size: var(--bringer-t-h3-fs); letter-spacing: var(--bringer-t-h3-ls); line-height: var(--bringer-t-h3-lh); } .bringer-fullscreen-page .bringer-slider img, .bringer-fullscreen-page .bringer-slider video { height: calc(100svh - var(--st-header-height) - var(--st-footer-height)); width: auto; } .bringer-column-item .bringer-masked-content { max-width: 85%; } .bringer-column-item h4 { font-size: var(--bringer-t-h5-fs); letter-spacing: var(--bringer-t-h5-ls); line-height: var(--bringer-t-h5-lh); } .bringer-column-item-title span { margin-bottom: 4px; } .bringer-column-item-content .bringer-icon-wrap { width: 64px; height: 64px; } .bringer-column-item .bringer-icon { width: 16px; height: 16px; } .bringer-next-post h2 { font-size: var(--bringer-t-h2-fs); letter-spacing: var(--bringer-t-h2-ls); line-height: var(--bringer-t-h2-lh); } .bringer-next-post .bringer-icon { width: 24px; height: 24px; } .bringer-next-post.bringer-icon-link .bringer-icon-wrap { width: 96px; height: 96px; } .bringer-next-post .bringer-icon-wrap::before { border-width: 2px; } .bringer-masked-bottom-right::after { width: 28%; height: 28%; border-radius: var(--masked-inner-radius) 0 0 0; } .bringer-hero-type01 .bringer-masked-bottom-right::after { width: 32%; height: 32%; } .bringer-hero-media-wrap { height: 320px; } .bringer-card-image { height: 110px; } .bringer-footer-widgets div[class*='stg-tp-col']:has(.bringer-info-widget) { padding: 0 calc(0.2 * var(--stg-container-width)) 0 0; } .bringer-info-widget .bringer-label { margin-bottom: 8px; } } @media only screen and (max-width: 739px) { .stg-container { max-width: 100vw !important; overflow-x: hidden !important; padding: 0 var(--stg-gap) !important; box-sizing: border-box !important; } .stg-row.bringer-grid-4cols { display: block !important; width: 100% !important; margin: 0 !important; max-width: 100% !important; overflow: hidden !important; } .stg-row.bringer-grid-4cols .stg-col { display: block !important; width: 100% !important; margin: 0 0 var(--stg-gap) 0 !important; max-width: 100% !important; box-sizing: border-box !important; } .bringer-block { max-width: 100% !important; box-sizing: border-box !important; } #bringer-footer { overflow-x: hidden !important; max-width: 100vw !important; } #bringer-footer .stg-row { width: 100% !important; margin: 0 !important; } #bringer-footer .stg-col-5, #bringer-footer .stg-col-2, #bringer-footer .stg-offset-1 { width: 100% !important; margin: 0 0 var(--stg-gap) 0 !important; } .bringer-mobile-menu a { pointer-events: auto !important; cursor: pointer !important; } .bringer-mobile-nav::after { background: linear-gradient( 180deg, transparent 0%, var(--bringer-s-body-bg) 100%); opacity: 0.85; } section.is-fullwidth { margin-left: calc(-1 * var(--stg-gap)); margin-right: calc(-1 * var(--stg-gap)); padding-left: var(--stg-gap); padding-right: var(--stg-gap); } section.is-fullwidth.is-stretched > .is-boxed { padding-left: var(--stg-gap); padding-right: var(--stg-gap); } .bringer-mobile-nav { max-width: 100%; } .bringer-mobile-header-inner { padding: var(--bringer-header-spacing) var(--stg-gap); } .bringer-grid-1col, .bringer-grid-2cols, .bringer-grid-3cols, .bringer-grid-4cols, .bringer-grid-5cols, .bringer-grid-6cols { grid-template-columns: repeat(1, 1fr); } .stg-row > div[class*='bringer-m-grid'], [class*='bringer-m-grid'] { display: grid; grid-column-gap: var(--stg-gap); grid-row-gap: var(--stg-gap); } .bringer-m-grid-1col { grid-template-columns: repeat(1, 1fr); } .bringer-m-grid-2cols { grid-template-columns: repeat(2, 1fr); } .bringer-m-grid-3cols { grid-template-columns: repeat(3, 1fr); } .bringer-m-grid-4cols { grid-template-columns: repeat(4, 1fr); } .bringer-m-grid-5cols { grid-template-columns: repeat(5, 1fr); } .bringer-m-grid-6cols { grid-template-columns: repeat(6, 1fr); } section.m-is-fullwidth { max-width: 100svw; --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); margin-left: calc(-1 * var(--bringer-fw-spacing)); margin-right: calc(-1 * var(--bringer-fw-spacing)); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } section.m-is-fullwidth.m-is-stretched { padding-left: 0; padding-right: 0; } section.m-is-fullwidth.m-is-stretched > .m-is-boxed { --bringer-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width))); padding-left: var(--bringer-fw-spacing); padding-right: var(--bringer-fw-spacing); } section[data-tp-padding="none"] { padding-top: 0; padding-bottom: 0; } section[data-tp-padding="top"] { padding-bottom: 0; } section[data-tp-padding="bottom"] { padding-top: 0; } section[data-tp-padding="small"] { padding: calc(0.5 * var(--bringer-section-gap)) 0; } .bringer-hero-info-line { font-size: var(--bringer-t-meta-fs); } .bringer-hero-type01 .bringer-hero-social-proof { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-top: var(--stg-gap); } .bringer-hero-type01 .bringer-hero-social-proof > p { text-align: left; } .bringer-hero-type01 .bringer-hero-social-proof > div { margin: 0 0 0 28px; } .bringer-hero-type01 .bringer-masked-block { --masked-inner-radius: var(--bringer-default-br); --masked-border-radius: var(--bringer-small-br); } .bringer-hero-type01 .bringer-masked-content a.bringer-square-button { width: 44px; height: 44px; border-radius: var(--bringer-small-br); } .bringer-hero-type01 .bringer-masked-content a span { width: 16px; height: 16px; } .bringer-hero-type01 .bringer-masked-content { width: 56px; height: 56px; } .bringer-hero-type01 .bringer-masked-content.at-bottom-right .bringer-square-button { margin: var(--stg-small-gap) 0 0 var(--stg-small-gap); } .bringer-hero-type01 .bringer-masked-media img { border-radius: var(--bringer-small-br); } .stg-row.bringer-hero02-row { width: 100%; } .bringer-hero-type02 .stg-col-4 > img { margin-left: 0; } .bringer-hero-type02 .stg-row.stg-no-gap > div.stg-tp-offset-6 { margin: 0; position: absolute; right: 0; top: calc(-0.25 * var(--stg-gap)); width: calc(50% - 0.5 * var(--stg-gap)); } .stg-row.bringer-hero02-row { padding-bottom: 0; } .bringer-hero-type03 .bringer-hero-title-wrap h1.bringer-page-title { margin-bottom: 0; } .bringer-hero-type03 .bringer-tags-list, .bringer-hero-type03 .bringer-hero-media-content { position: static; } .bringer-hero-type03 .bringer-tags-list { max-width: 100%; } .bringer-hero-type03 .bringer-hero-media-content { margin: var(--stg-gap) 0; max-width: 80%; margin-left: 10%; } .bringer-hero-type03 .bringer-hero-title-wrap > div { max-width: 50%; margin: 0 25%; } .bringer-hero-type03 .bringer-masked-content.at-top-right > div { padding: 0; } .bringer-hero-type03 .bringer-tags-list { justify-content: center; } .bringer-hero-type05 a.bringer-square-button span.bringer-icon { width: 32px; height: 32px; } .bringer-hero-type06 .bringer-masked-content.at-bottom-right { width: 88px; height: 88px; } .bringer-hero-type06 .bringer-masked-content.at-bottom-right a.bringer-square-button { margin: var(--stg-small-gap) 0 0 var(--stg-small-gap); } .bringer-hero-type06 .bringer-square-button { width: calc(100% - var(--stg-small-gap)); height: calc(100% - var(--stg-small-gap)); } .bringer-hero-type06 .is-large .bringer-bento-hero-media p { max-width: calc(100% - 88px - var(--stg-small-gap)); } .bringer-hero-type07 .bringer-hero-social-proof > div { justify-content: center; } .bringer-hero-type08 .stg-row > div.stg-tp-col-12 p { max-width: 100%; margin: 0 0 var(--stg-gap) 0; } .bringer-hero-form { padding-bottom: 0; } .bringer-page-title.is-large { font-size: var(--bringer-t-h1-fs); line-height: var(--bringer-t-h1-lh); } .bringer-section-title p.is-short { max-width: calc(0.9 * var(--stg-container-width)); } .bringer-image-box:not(:last-child) { margin: unset; } .bringer-bento-grid:not(.bringer-grid-cta) .is-small .bringer-square-button { width: 48px; height: 48px; } .bringer-bento-grid:not(.bringer-grid-cta) .is-small .bringer-square-button .bringer-icon { width: 16px; height: 16px; } .bringer-member-contacts .bringer-socials-list a { width: 48px; height: 48px; } .bringer-member-contacts .bringer-socials-list a i { width: 24px; height: 24px; } .bringer-icon-link .bringer-icon-wrap { width: 64px; height: 64px; } .bringer-tp-stretch-last-item.bringer-tp-grid-2cols > div:nth-child(odd):last-child.stg-aspect-square, .bringer-tp-stretch-last-item.bringer-tp-grid-2cols > div:nth-child(odd):last-child .stg-aspect-square { aspect-ratio: 1/1; } .bringer-masked-content[class*='stg-m-top-'], .bringer-masked-content[class*='stg-m-bottom-'] { position: static; max-width: 100%; padding: 0; } .bringer-masked-content[class*='stg-m-top-'] > div, .bringer-masked-content[class*='stg-m-bottom-'] > div { padding: 0; } .bringer-lwp-item { flex-direction: column; contain: paint; } .bringer-lwp-item h5 { width: 100%; } .bringer-lwp-item:not(.is-active) a { pointer-events: none; } .bringer-lwp-item > img { display: none; } .bringer-toggles-item--title sup { display: none; } .bringer-toggles-item--title h4 { font-size: var(--bringer-t-h6-fs); letter-spacing: var(--bringer-t-h6-ls); line-height: var(--bringer-t-h6-lh); padding-right: 0; } .bringer-toggles-item--title i.bringer-icon { display: none; } .bringer-detailed-list li { align-items: center; } .bringer-detailed-list-title { min-width: calc(100% - 2 * var(--stg-gap) - 48px); max-width: calc(100% - 2 * var(--stg-gap) - 48px); } .bringer-detailed-list-description { display: none; } .bringer-detailed-list-button { width: 48px; height: 48px; } .bringer-detailed-list-button span.bringer-icon { width: 16px; height: 16px; } .bringer-slider-nav.bringer-masked-content a { width: 44px; min-width: 44px; height: 44px; } .bringer-slider-nav.bringer-masked-content a::before { border-width: 1px; } .bringer-slider-nav.bringer-masked-content span.bringer-icon { width: 12px; height: 12px; } .bringer-slider-nav.bringer-masked-content { width: 100px; height: 52px; } .bringer-list-with-preview > div.bringer-lwp-roster { grid-template-columns: repeat(1, 1fr); } .bringer-masked-cta .bringer-masked-content { display: none; } .bringer-masked-cta .bringer-cta-form { padding: var(--stg-gap); flex-direction: column; gap: var(--stg-small-gap); } .bringer-masked-cta .bringer-cta-title { margin: 0 0 var(--stg-gap) 0; } .bringer-masked-cta .bringer-cta-form-button { width: 100%; } .bringer-masked-cta button { width: 100%; display: flex; justify-content: center; } .bringer-masked-cta input { font-size: var(--bringer-t-h6-fs); letter-spacing: var(--bringer-t-h5-ls); } .bringer-grid-cta .bringer-square-button span { width: 48px; height: 48px; } .bringer-bento-grid { grid-auto-flow: column; grid-template-columns: repeat(2, minmax(auto, calc(50% - 0.5 * var(--stg-gap)))); grid-template-rows: repeat(4, auto); } .bringer-bento-grid .is-large { min-height: var(--stg-container-width); } .bringer-grid-cta .is-medium { aspect-ratio: 2; } .bringer-bento-grid .is-small:has(.bringer-meta-list) { max-height: fit-content; } .bringer-infinite-list-item .bringer-meta { margin-bottom: 4px; } .bringer-infinite-list-title h2 { font-size: var(--bringer-t-h6-fs); letter-spacing: var(--bringer-t-h6-ls); line-height: var(--bringer-t-h6-lh); } .bringer-infinite-list-icon { width: 48px; height: 48px; } .bringer-infinite-list-icon .bringer-icon { width: 16px; height: 16px; } .bringer-infinite-list-preview { width: 64px; height: 64px; top: calc(50% - 32px); } .bringer-infinite-list-item { padding-left: calc(64px + var(--stg-gap)); } .bringer-slider-nav.on-sides a { height: 64px; } .bringer-slider-nav.on-sides { top: calc(50% - 32px); } .bringer-slider-nav.on-sides a.bringer-slider-prev span.bringer-icon { transform: translateX(-4px); } .bringer-slider-nav.on-sides a.bringer-slider-next span.bringer-icon { transform: translateX(4px); } .bringer-slider .bringer-slide-content-inner { padding: calc(1.5 * var(--stg-small-gap)) calc(1.5 * var(--stg-gap)); } .bringer-slider .bringer-slide-content-inner h4 { font-size: var(--bringer-t-h5-fs); letter-spacing: var(--bringer-t-h5-ls); line-height: var(--bringer-t-h5-lh); } .bringer-column-item.bringer-masked-block { --masked-inner-radius: var(--bringer-default-br) } .bringer-column-item h4 { font-size: var(--bringer-t-h6-fs); letter-spacing: var(--bringer-t-h6-ls); line-height: var(--bringer-t-h6-lh); } .bringer-column-item-content .bringer-icon-wrap { min-width: 48px; min-height: 48px; max-width: 48px; max-height: 48px; } .bringer-column-item .bringer-masked-content { max-width: calc(100% - var(--stg-gap)); } .bringer-hero-info-line .bringer-meta { display: flex; flex-direction: column; } .bringer-next-post.bringer-icon-link .bringer-icon-wrap { width: 64px; height: 64px; border-radius: var(--bringer-default-br); } .bringer-next-post .bringer-icon { width: 20px; height: 20px; } .bringer-bento-grid > div > ul.bringer-meta-list .bringer-meta { margin-bottom: -2px; } .bringer-masked-block { --masked-border-radius: var(--bringer-small-br); --masked-inner-radius: var(--bringer-xs-br); } .bringer-masked-bottom-right::after { width: 30%; height: 30%; border-radius: var(--masked-inner-radius) 0 0 0; } .bringer-hero-type01 .bringer-masked-block { --masked-inner-radius: var(--bringer-small-br); --masked-border-radius: var(--bringer-default-br); } .bringer-hero-type01 .bringer-masked-bottom-right::after { width: 35%; height: 35%; border-radius: var(--bringer-small-br) 0 0 0; } .bringer-hero-media-wrap { height: 280px; } .bringer-hero-media-wrap .bringer-masked-content { max-width: 60%; padding: var(--stg-small-gap); } .bringer-card-image { height: 140px; } .bringer-card-hover-btn { width: 40px; height: 40px; bottom: var(--stg-small-gap); right: var(--stg-small-gap); } .bringer-card-hover-btn::before { font-size: 16px; } .bringer-footer-widgets div[class*='stg-tp-col']:has(.bringer-info-widget) { padding: 0; } .bringer-menu-widget { font-size: 12px; } } @media only screen and (max-width: 480px) { .bringer-card-image { height: 90px; } .bringer-card-hover-btn { width: 36px; height: 36px; } .bringer-card-hover-btn::before { font-size: 14px; } } .bringer-solution-card { padding: var(--stg-gap); text-align: center; height: 100%; border-radius: var(--bringer-small-br); background-color: var(--bringer-s-container-bg); position: relative; transition: transform 0.3s; } .bringer-solution-card:hover { transform: translateY(-5px); } .bringer-solution-card::before { content: ''; border-radius: inherit; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; inset: 0px; padding: 1px; background: linear-gradient(135deg, var(--bringer-s-border-highlight), var(--bringer-s-border-mute) 40%); mask: var(--bringer-border-mask); -webkit-mask: var(--bringer-border-mask); mask-composite: exclude; -webkit-mask-composite: xor; transition: opacity 0.4s; will-change: opacity; opacity: 0.75; } .bringer-solution-card-content { height: 100%; display: flex; flex-direction: column; position: relative; z-index: 3; } .bringer-solution-card-icon { width: 80px; height: 80px; background: var(--bringer-s-accent); border-radius: var(--bringer-small-br); display: flex; align-items: center; justify-content: center; margin: 0 auto var(--stg-gap) auto; position: relative; } .bringer-solution-card-icon::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 2px solid var(--bringer-s-heading); border-radius: inherit; background-color: transparent; } .bringer-solution-card-icon .bringer-icon { width: 32px; height: 32px; background: white; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; } .bringer-solution-card h4 { margin-bottom: calc(var(--stg-gap) / 2); color: var(--bringer-s-heading); } .bringer-solution-card p { margin-bottom: var(--stg-gap); flex-grow: 1; color: var(--bringer-s-text); } .bringer-features-list { list-style: none; padding: 0; margin: 0 0 var(--stg-gap) 0; text-align: left; } .bringer-features-list li { padding: 4px 0 4px 20px; position: relative; color: var(--bringer-s-text); font-size: var(--bringer-t-s-fs); } .bringer-features-list li::before { content: ''; width: 12px; height: 12px; background: var(--bringer-s-accent); -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; position: absolute; left: 0; top: 8px; } .bringer-solution-category { font-size: var(--bringer-t-xs-fs); color: var(--bringer-s-accent); font-weight: var(--bringer-t-heading-fw); text-transform: uppercase; letter-spacing: 0.1em; margin-top: auto; } .bringer-industry-card { padding: var(--stg-gap); text-align: center; height: 100%; border-radius: var(--bringer-small-br); background-color: var(--bringer-s-container-bg); position: relative; transition: transform 0.3s; } .bringer-industry-card:hover { transform: translateY(-5px); } .bringer-industry-featured { border: 2px solid var(--bringer-s-accent); } .bringer-industry-card::before { content: ''; border-radius: inherit; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; inset: 0px; padding: 1px; background: linear-gradient(135deg, var(--bringer-s-border-highlight), var(--bringer-s-border-mute) 40%); mask: var(--bringer-border-mask); -webkit-mask: var(--bringer-border-mask); mask-composite: exclude; -webkit-mask-composite: xor; transition: opacity 0.4s; will-change: opacity; opacity: 0.75; } .bringer-industry-card-content { height: 100%; display: flex; flex-direction: column; position: relative; z-index: 3; } .bringer-industry-card-icon { width: 80px; height: 80px; background: var(--bringer-s-accent); border-radius: var(--bringer-small-br); display: flex; align-items: center; justify-content: center; margin: 0 auto var(--stg-gap) auto; position: relative; } .bringer-industry-card-icon::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 2px solid var(--bringer-s-heading); border-radius: inherit; background-color: transparent; } .bringer-industry-card-icon .bringer-icon { width: 32px; height: 32px; background: white; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; } .bringer-industry-card h4 { margin-bottom: calc(var(--stg-gap) / 2); color: var(--bringer-s-heading); } .bringer-industry-card p { margin-bottom: var(--stg-gap); flex-grow: 1; color: var(--bringer-s-text); } .bringer-resource-card { padding: var(--stg-gap); height: 100%; border-radius: var(--bringer-small-br); background-color: var(--bringer-s-container-bg); position: relative; transition: transform 0.3s; cursor: pointer; } .bringer-resource-card > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; border-radius: inherit; } .bringer-resource-card:hover { transform: translateY(-5px); } .bringer-resource-featured { border: 2px solid var(--bringer-s-accent); } .bringer-resource-card::before { content: ''; border-radius: inherit; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; inset: 0px; padding: 1px; background: linear-gradient(135deg, var(--bringer-s-border-highlight), var(--bringer-s-border-mute) 40%); mask: var(--bringer-border-mask); -webkit-mask: var(--bringer-border-mask); mask-composite: exclude; -webkit-mask-composite: xor; transition: opacity 0.4s; will-change: opacity; opacity: 0.75; } .bringer-resource-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--stg-gap); position: relative; z-index: 3; } .bringer-resource-card-icon { width: 60px; height: 60px; background: var(--bringer-s-accent); border-radius: var(--bringer-small-br); display: flex; align-items: center; justify-content: center; position: relative; } .bringer-resource-card-icon::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 2px solid var(--bringer-s-heading); border-radius: inherit; background-color: transparent; } .bringer-resource-card-icon .bringer-icon { width: 24px; height: 24px; background: white; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-repeat: no-repeat; mask-size: contain; mask-position: center; } .bringer-resource-card-content { text-align: left; height: 100%; display: flex; flex-direction: column; position: relative; z-index: 3; } .bringer-resource-card h4 { margin-bottom: calc(var(--stg-gap) / 2); color: var(--bringer-s-heading); } .bringer-resource-card p { margin-bottom: var(--stg-gap); flex-grow: 1; color: var(--bringer-s-text); } .bringer-badge { display: inline-block; padding: 4px 8px; border-radius: var(--bringer-xs-br); font-size: var(--bringer-t-xs-fs); font-weight: var(--bringer-t-heading-fw); text-transform: uppercase; letter-spacing: 0.05em; background: var(--bringer-s-accent); color: white; } .bringer-badge-guide { background: #34a853; } .bringer-badge-whitepaper { background: #4285f4; } .bringer-badge-case-study { background: #fbbc05; color: var(--bringer-s-heading); } .bringer-badge-blog { background: #ea4335; } .bringer-badge-video { background: #9c27b0; } .bringer-badge-premium { background: linear-gradient(135deg, #ffd700, #ffed4e); color: #2c3e50; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; } .bringer-badge-premium i { font-size: 10px; } .bringer-tag { display: inline-block; background: rgba(26, 35, 126, 0.1); color: var(--bringer-s-accent); padding: 2px 6px; border-radius: var(--bringer-xs-br); font-size: var(--bringer-t-xs-fs); margin-right: 4px; margin-bottom: 4px; } .bringer-filter-nav { padding: var(--stg-gap) 0; text-align: center; } .bringer-filter-nav-inner { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--stg-gap) / 2); } .bringer-filter-item { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); color: var(--bringer-s-text); text-decoration: none; font-size: var(--bringer-t-s-fs); font-weight: var(--bringer-t-content-fw); transition: all 0.3s ease; } .bringer-filter-item:hover, .bringer-filter-item.is-active { background: var(--bringer-s-accent); color: white; border-color: var(--bringer-s-accent); } .bringer-filter-item .bringer-icon { width: 16px; height: 16px; background: currentColor; } .bringer-counter-block { padding: var(--stg-gap); } .bringer-counter-number { font-size: 48px; font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-accent); margin-bottom: calc(var(--stg-gap) / 2); line-height: 1; } .bringer-counter-label { color: var(--bringer-s-text); font-weight: var(--bringer-t-content-fw); } .bringer-sidebar-card { background: var(--bringer-s-container-bg); padding: var(--stg-gap); border-radius: var(--bringer-default-br); border: 1px solid var(--bringer-s-border); margin-bottom: var(--stg-gap); } .bringer-sidebar-card h4, .bringer-sidebar-card h5 { margin-bottom: calc(var(--stg-gap) / 2); color: var(--bringer-s-heading); } .bringer-sidebar-info, .bringer-sidebar-resources { margin-top: var(--stg-gap); } .bringer-info-list { list-style: none; padding: 0; margin: 0; } .bringer-info-list li { display: flex; justify-content: space-between; margin-bottom: calc(var(--stg-gap) / 4); padding-bottom: calc(var(--stg-gap) / 4); border-bottom: 1px solid var(--bringer-s-border); } .bringer-info-list li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .bringer-resource-links { list-style: none; padding: 0; margin: 0; } .bringer-resource-links li { margin-bottom: calc(var(--stg-gap) / 4); } .bringer-resource-links a { display: block; color: var(--bringer-s-text); text-decoration: none; padding: 0.75rem; border-radius: var(--bringer-xs-br); transition: all 0.3s ease; } .bringer-resource-links a:hover { background: var(--bringer-s-container-bg); color: var(--bringer-s-accent); } .bringer-icon-cloud { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-warehouse { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-shield { -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); } .bringer-icon-shredder { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } .bringer-icon-healthcare { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-finance { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-legal { -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); } .bringer-icon-government { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } .bringer-icon-education { -webkit-mask-image: var(--icon-collab); mask-image: var(--icon-collab); } .bringer-icon-book { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-document { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-chart { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } .bringer-icon-blog { -webkit-mask-image: var(--icon-collab); mask-image: var(--icon-collab); } .bringer-icon-play { -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); } .bringer-icon-download { -webkit-mask-image: var(--icon-arrow-down); mask-image: var(--icon-arrow-down); } .bringer-icon-grid { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-box { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-building { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } .bringer-icon-phone { -webkit-mask-image: var(--icon-collab); mask-image: var(--icon-collab); } @media (max-width: 768px) { .bringer-filter-nav-inner { flex-direction: column; align-items: center; } .bringer-counter-number { font-size: 36px; } .bringer-solution-card-icon, .bringer-industry-card-icon { width: 60px; height: 60px; } .bringer-solution-card-icon .bringer-icon, .bringer-industry-card-icon .bringer-icon { width: 24px; height: 24px; } } @media (max-width: 480px) { .bringer-counter-number { font-size: 28px; } } .bringer-resource-meta { display: flex; align-items: center; justify-content: center; gap: 2rem; margin: 2rem 0; flex-wrap: wrap; } .bringer-meta-item { display: flex; align-items: center; gap: 0.5rem; color: var(--bringer-s-text); font-size: var(--bringer-t-s-fs); } .bringer-meta-item .bringer-icon { width: 16px; height: 16px; background: currentColor; } .bringer-resource-hero-icon { text-align: center; margin: 3rem 0; } .bringer-icon-wrapper { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: var(--bringer-s-accent); border-radius: 50%; color: white; } .bringer-icon-wrapper .bringer-icon { width: 40px; height: 40px; background: white; } .bringer-resource-content { margin: 1rem 0; } .bringer-content-section { margin: 3rem 0; } .bringer-content-section h3 { color: var(--bringer-s-heading); margin-bottom: 1.5rem; font-size: var(--bringer-t-l-fs); font-weight: var(--bringer-t-heading-fw); } .bringer-benefits-list { list-style: none; padding: 0; margin: 0; } .bringer-benefits-list li { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 0; border-bottom: 1px solid var(--bringer-s-border); } .bringer-benefits-list li:last-child { border-bottom: none; } .bringer-benefits-list .bringer-icon { width: 20px; height: 20px; background: var(--bringer-s-accent); flex-shrink: 0; } .bringer-case-study-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 2rem 0; } .bringer-case-item { padding: 2rem; background: var(--bringer-s-container-bg); border-radius: var(--bringer-default-br); border: 1px solid var(--bringer-s-border); } .bringer-case-item h4 { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; color: var(--bringer-s-heading); } .bringer-case-item .bringer-icon { width: 24px; height: 24px; background: currentColor; } .bringer-results-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 2rem 0; } .bringer-result-item { text-align: center; padding: 2rem 1rem; background: var(--bringer-s-container-bg); border-radius: var(--bringer-default-br); border: 1px solid var(--bringer-s-border); } .bringer-result-number { font-size: 3rem; font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-accent); line-height: 1; margin-bottom: 0.5rem; } .bringer-result-label { font-size: var(--bringer-t-s-fs); color: var(--bringer-s-text); font-weight: var(--bringer-t-content-fw); } .bringer-resource-actions { margin: 3rem 0; display: flex; gap: 1rem; flex-wrap: wrap; } .bringer-button-primary { background: var(--bringer-s-accent); color: white; } .bringer-button-primary:hover { background: var(--bringer-s-heading); color: white; } .bringer-card-primary { border-color: var(--bringer-s-accent); background: linear-gradient(135deg, rgba(26, 35, 126, 0.1), var(--bringer-s-container-bg)); } .bringer-card-cta { background: var(--bringer-s-accent); color: white; border-color: var(--bringer-s-accent); } .bringer-card-cta h4, .bringer-card-cta p { color: white; } .bringer-card-newsletter { background: var(--bringer-s-container-bg); border-color: var(--bringer-s-border); } .bringer-card-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--bringer-s-accent); border-radius: 50%; margin-bottom: 1rem; color: white; } .bringer-card-cta .bringer-card-icon { background: rgba(255, 255, 255, 0.2); } .bringer-card-icon .bringer-icon { width: 24px; height: 24px; background: white; } .bringer-info-label { font-weight: var(--bringer-t-heading-fw); color: var(--bringer-s-heading); min-width: 80px; } .bringer-info-value { color: var(--bringer-s-text); text-align: right; flex: 1; } .bringer-button-full { width: 100%; justify-content: center; } .bringer-newsletter-form { margin-top: 1rem; } .bringer-form-field { display: flex; gap: 0.5rem; } .bringer-form-field input { flex: 1; padding: 0.75rem; border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-xs-br); background: var(--bringer-s-bg); color: var(--bringer-s-text); } .bringer-button-sm { padding: 0.75rem; min-width: auto; width: auto; } .bringer-resource-share { margin: 3rem 0; padding: 2rem; background: var(--bringer-s-container-bg); border-radius: var(--bringer-default-br); border: 1px solid var(--bringer-s-border); } .bringer-resource-share h4 { margin-bottom: 1rem; color: var(--bringer-s-heading); } .bringer-share-buttons { display: flex; gap: 1rem; flex-wrap: wrap; } .bringer-share-button { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: 50%; color: var(--bringer-s-text); text-decoration: none; transition: all 0.3s ease; font-weight: bold; font-size: 18px; } .bringer-share-button:hover { background: var(--bringer-s-accent); color: white; border-color: var(--bringer-s-accent); } .bringer-icon-calendar { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-clock { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-check { -webkit-mask-image: var(--icon-check); mask-image: var(--icon-check); } .bringer-icon-alert { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } .bringer-icon-info { -webkit-mask-image: var(--icon-collab); mask-image: var(--icon-collab); } .bringer-icon-user { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-email { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-settings { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } .bringer-icon-arrow-right { -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); } .bringer-icon-external { -webkit-mask-image: var(--icon-arrow-right); mask-image: var(--icon-arrow-right); } .bringer-icon-linkedin { -webkit-mask-image: var(--icon-creativity); mask-image: var(--icon-creativity); } .bringer-icon-twitter { -webkit-mask-image: var(--icon-innovation); mask-image: var(--icon-innovation); } .bringer-icon-facebook { -webkit-mask-image: var(--icon-impact); mask-image: var(--icon-impact); } @media (max-width: 768px) { .bringer-resource-meta { gap: 1rem; } .bringer-case-study-grid { grid-template-columns: 1fr; gap: 1rem; } .bringer-results-grid { grid-template-columns: 1fr; gap: 1rem; } .bringer-resource-actions { flex-direction: column; } .bringer-resource-actions .bringer-button { width: 100%; justify-content: center; } .bringer-share-buttons { justify-content: center; } } .bringer-button { display: inline-flex; align-items: center; gap: 0.5rem; } .bringer-featured-solution { background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); padding: 2rem; height: 100%; position: relative; transition: all 0.3s ease; cursor: pointer; } .bringer-featured-solution:hover { border-color: var(--bringer-s-accent); transform: translateY(-2px); box-shadow: 0 8px 24px var(--bringer-s-accent)20; } .bringer-featured-icon { width: 48px; height: 48px; background: var(--bringer-s-accent); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; } .bringer-featured-icon .bringer-icon { width: 24px; height: 24px; background: white; } .bringer-featured-content h3 { margin: 0 0 1rem 0; color: var(--bringer-s-heading); font-size: var(--bringer-t-h4-fs); } .bringer-featured-content p { margin: 0 0 2rem 0; color: var(--bringer-s-text); line-height: 1.6; } .bringer-featured-link { display: flex; align-items: center; gap: 0.5rem; color: var(--bringer-s-accent); font-weight: 500; font-size: var(--bringer-t-s-fs); } .bringer-featured-link .bringer-icon { width: 16px; height: 16px; background: currentColor; transition: transform 0.3s ease; } .bringer-featured-solution:hover .bringer-featured-link .bringer-icon { transform: translateX(4px); } .bringer-featured-solution > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; } :root.light-theme .bringer-accent, body.light-theme .bringer-accent { color: var(--bringer-s-accent) !important; } :root.light-theme .bringer-resource-card:hover, body.light-theme .bringer-resource-card:hover { box-shadow: 0 4px 16px rgba(211, 47, 47, 0.15); } :root.light-theme .bringer-block:hover::after, body.light-theme .bringer-block:hover::after { background: radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), rgba(211, 47, 47, 0.1), transparent 40%); } .bringer-related-resource { background: var(--bringer-s-container-bg); border: 1px solid var(--bringer-s-border); border-radius: var(--bringer-default-br); padding: 1.5rem; position: relative; transition: all 0.3s ease; cursor: pointer; display: flex; flex-direction: column; } .bringer-related-resource:hover { border-color: var(--bringer-s-accent); transform: translateY(-2px); } .bringer-related-type { margin-bottom: 1rem; } .bringer-related-resource h4 { margin: 0 0 0.75rem 0; color: var(--bringer-s-heading); font-size: var(--bringer-t-h6-fs); } .bringer-related-resource p { margin: 0 0 1rem 0; color: var(--bringer-s-text); font-size: var(--bringer-t-s-fs); line-height: 1.5; flex-grow: 1; } .bringer-related-link { display: flex; align-items: center; gap: 0.5rem; color: var(--bringer-s-accent); font-weight: 500; font-size: var(--bringer-t-s-fs); margin-top: auto; } .bringer-related-link .bringer-icon { width: 14px; height: 14px; background: currentColor; transition: transform 0.3s ease; } .bringer-related-resource:hover .bringer-related-link .bringer-icon { transform: translateX(4px); } .bringer-related-resource > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; } .bringer-feature-item { display: flex; align-items: flex-start; gap: 1rem; padding: 1rem 0; } .bringer-feature-icon { width: 40px; height: 40px; background: var(--bringer-s-accent); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .bringer-feature-icon .bringer-icon { width: 20px; height: 20px; background: white; } .bringer-feature-content h5 { margin: 0 0 0.5rem 0; color: var(--bringer-s-heading); font-size: var(--bringer-t-h6-fs); } .bringer-feature-content p { margin: 0; color: var(--bringer-s-text); font-size: var(--bringer-t-s-fs); } @media (max-width: 768px) { .bringer-feature-item { padding: 1.5rem 0; } } .bringer-industries-slider { overflow: hidden; width: 100%; } .bringer-industries-track { display: flex; gap: var(--stg-gap); animation: slide-infinite 30s linear infinite; width: calc(200% + var(--stg-gap)); } .bringer-industries-track .bringer-block { flex: 0 0 calc(33.333% - var(--stg-gap)); min-width: calc(33.333% - var(--stg-gap)); } @keyframes slide-infinite { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .bringer-industries-slider:hover .bringer-industries-track { animation-play-state: paused; } .hero-slider { position: relative; width: 100%; height: 70vh; min-height: 500px; overflow: hidden; border-radius: 12px; } .slider-container { position: relative; width: 100%; height: 100%; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(1.1); transition: all 1s cubic-bezier(0.4, 0, 0.2, 1); } .slide.active { opacity: 1; transform: scale(1); } .slide-bg { width: 100%; height: 100%; position: relative; overflow: hidden; } .slide-bg::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%); z-index: 1; } .slide-bg img { width: 100%; height: 100%; object-fit: cover; transition: transform 8s ease-out; } .slide.active .slide-bg img { transform: scale(1.05); } .slider-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 3rem; background: linear-gradient(transparent, rgba(0,0,0,0.3)); } .content-wrapper { max-width: 600px; transform: translateY(30px); opacity: 0; transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; } .slide.active ~ .slider-content .content-wrapper, .slide.active + * .content-wrapper { transform: translateY(0); opacity: 1; } .hero-title { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; color: white; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); line-height: 1.2; } .hero-subtitle { font-size: 1.25rem; color: rgba(255,255,255,0.9); margin-bottom: 2rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } .hero-cta { display: inline-flex; align-items: center; gap: 0.5rem; padding: 1rem 2rem; background: #D32F2F; color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(211, 47, 47, 0.3); } .hero-cta:hover { background: #B71C1C; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(211, 47, 47, 0.4); color: white; } .slider-dots { position: absolute; bottom: 2rem; right: 3rem; display: flex; gap: 0.5rem; z-index: 4; } .dot { width: 4px !important; height: 4px !important; border-radius: 50%; border: 1px solid rgba(255,255,255,0.7) !important; background: transparent; cursor: pointer; transition: all 0.3s ease; } .dot.active { background: white !important; border-color: white !important; transform: scale(1.5) !important; } .slider-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: rgba(255,255,255,0.2); z-index: 4; } .progress-bar { height: 100%; background: #D32F2F; width: 0%; transition: width 4s linear; } @media (max-width: 768px) { .hero-slider { height: 60vh; min-height: 400px; } .slider-content { padding: 2rem 1.5rem; } .hero-title { font-size: 2rem; } .hero-subtitle { font-size: 1rem; } .slider-dots { right: 1.5rem; bottom: 1.5rem; } } :root { --bringer-section-gap: 4rem; --stg-large-gap: 2.5rem; --stg-gap: 1.5rem; --stg-xl-gap: 3rem; } section + section { padding: calc(0.75 * var(--bringer-section-gap)) 0; } .bringer-section-title { margin-bottom: calc(0.8 * var(--stg-large-gap)); } .bringer-footer-widgets { padding: calc(0.8 * var(--stg-large-gap)) 0; } @media (max-width: 768px) { :root { --bringer-section-gap: 2rem; --stg-large-gap: 1.5rem; --stg-gap: 1rem; --stg-xl-gap: 1.5rem; } section:not(:first-child) { padding: calc(0.5 * var(--bringer-section-gap)) 0; } } .floating-buttons { position: fixed; bottom: 20px; right: 20px; z-index: 1000; display: flex; flex-direction: column; gap: 12px; } .floating-whatsapp, .floating-scroll-top { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: all 0.3s ease; cursor: pointer; font-size: 24px; font-weight: bold; } .floating-whatsapp { background: #25D366; color: white; } .floating-scroll-top { background: var(--bringer-s-accent); color: white; opacity: 0; pointer-events: none; } .floating-scroll-top.show { opacity: 1; pointer-events: auto; } .floating-whatsapp:hover, .floating-scroll-top:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0,0,0,0.2); } @media (max-width: 768px) { .floating-buttons { bottom: 16px; right: 16px; } .floating-whatsapp, .floating-scroll-top { width: 48px; height: 48px; } } .bringer-hero-media-wrap { height: 80vh !important; min-height: 600px !important; } .hero-slideshow { position: relative; width: 100%; height: 100% !important; overflow: hidden; border-radius: var(--bringer-default-br); } .hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; } .hero-slide.active { opacity: 1; } .hero-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .hero-text-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: white; z-index: 10; background: rgba(0, 0, 0, 0.6); padding: 2rem; border-radius: var(--bringer-default-br); backdrop-filter: blur(8px); } .hero-text-overlay h2 { font-size: var(--bringer-t-h2-fs); margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); } .hero-text-overlay p { font-size: var(--bringer-t-large-fs); margin: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); } .hero-content-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; padding: 2rem; z-index: 10; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, transparent 100%); } .hero-main-content { max-width: 60%; color: white; text-align: left; } .hero-main-content h1 { color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); margin-bottom: 1.5rem; } .hero-main-content p { color: white; text-shadow: 1px 1px 2px rgba(0,0,0,0.8); margin-bottom: 2rem; } @media (max-width: 768px) { .hero-content-overlay { align-items: flex-end !important; justify-content: flex-start !important; padding: 1.5rem; } .hero-main-content { max-width: 100%; text-align: left; } } @media (max-width: 768px) { .process-diagram svg { width: 450px !important; height: 300px !important; } } .bringer-masked-content.at-bottom-right { width: auto; height: auto; min-width: 80px; min-height: 80px; padding: var(--stg-small-gap); display: flex; align-items: center; justify-content: center; border-radius: var(--bringer-default-br); } .bringer-masked-content.at-bottom-right > div { padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: var(--stg-xs-gap); text-align: left; } @media (max-width: 739px) { .bringer-masked-content.at-bottom-right { border-radius: var(--bringer-small-br); min-width: 60px; min-height: 60px; padding: var(--stg-xs-gap); } .bringer-hero-type01 .bringer-masked-media img { border-radius: var(--bringer-small-br); } }