/* Start:/local/templates/runordie/dist/css/vendor.css?1775923826114688*/ /*!****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/choices.js/public/assets/styles/choices.min.css ***! \****************************************************************************************************************/ .choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0-4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} /*!**********************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fortawesome/fontawesome-free/css/all.css ***! \**********************************************************************************************************/ /*! * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2024 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa::before { content: var(--fa); } .fa-classic, .fas, .fa-solid, .far, .fa-regular { font-family: 'Font Awesome 6 Free'; } .fa-brands, .fab { font-family: 'Font Awesome 6 Brands'; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "\30"; } .fa-1 { --fa: "\31"; } .fa-2 { --fa: "\32"; } .fa-3 { --fa: "\33"; } .fa-4 { --fa: "\34"; } .fa-5 { --fa: "\35"; } .fa-6 { --fa: "\36"; } .fa-7 { --fa: "\37"; } .fa-8 { --fa: "\38"; } .fa-9 { --fa: "\39"; } .fa-fill-drip { --fa: "\f576"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-at { --fa: "\40"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-text-height { --fa: "\f034"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-info { --fa: "\f129"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-explosion { --fa: "\e4e9"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-wave-square { --fa: "\f83e"; } .fa-ring { --fa: "\f70b"; } .fa-building-un { --fa: "\e4d9"; } .fa-dice-three { --fa: "\f527"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-door-open { --fa: "\f52b"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-atom { --fa: "\f5d2"; } .fa-soap { --fa: "\e06e"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-pump-medical { --fa: "\e06a"; } .fa-fingerprint { --fa: "\f577"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-crop { --fa: "\f125"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-users-rectangle { --fa: "\e594"; } .fa-people-roof { --fa: "\e537"; } .fa-people-line { --fa: "\e534"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-laptop { --fa: "\f109"; } .fa-file-csv { --fa: "\f6dd"; } .fa-menorah { --fa: "\f676"; } .fa-truck-plane { --fa: "\e58f"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-bong { --fa: "\f55c"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-jar-wheat { --fa: "\e517"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-pager { --fa: "\f815"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-k { --fa: "\4b"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-backward { --fa: "\f04a"; } .fa-caret-right { --fa: "\f0da"; } .fa-comments { --fa: "\f086"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-user-check { --fa: "\f4fc"; } .fa-vial-virus { --fa: "\e597"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-blog { --fa: "\f781"; } .fa-user-ninja { --fa: "\f504"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-toggle-off { --fa: "\f204"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-person-drowning { --fa: "\e545"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-spray-can { --fa: "\f5bd"; } .fa-truck-monster { --fa: "\f63b"; } .fa-w { --fa: "\57"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-rainbow { --fa: "\f75b"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-paw { --fa: "\f1b0"; } .fa-cloud { --fa: "\f0c2"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-hospital-user { --fa: "\f80d"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-binoculars { --fa: "\f1e5"; } .fa-microphone-slash { --fa: "\f131"; } .fa-box-tissue { --fa: "\e05b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-toilets-portable { --fa: "\e584"; } .fa-hockey-puck { --fa: "\f453"; } .fa-table { --fa: "\f0ce"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-users-slash { --fa: "\e073"; } .fa-clover { --fa: "\e139"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-house-fire { --fa: "\e50c"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-helicopter { --fa: "\f533"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-people-group { --fa: "\e533"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-film { --fa: "\f008"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-people-robbery { --fa: "\e536"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-caret-left { --fa: "\f0d9"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-headphones-simple { --fa: "\f58f"; } .fa-headphones-alt { --fa: "\f58f"; } .fa-sitemap { --fa: "\f0e8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-memory { --fa: "\f538"; } .fa-road-spikes { --fa: "\e568"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-flag { --fa: "\f024"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-feather { --fa: "\f52d"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-compress { --fa: "\f066"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-ankh { --fa: "\f644"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-asterisk { --fa: "\2a"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-peseta-sign { --fa: "\e221"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-ghost { --fa: "\f6e2"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-cart-plus { --fa: "\f217"; } .fa-gamepad { --fa: "\f11b"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-egg { --fa: "\f7fb"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-campground { --fa: "\f6bb"; } .fa-folder-plus { --fa: "\f65e"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-lock { --fa: "\f023"; } .fa-gas-pump { --fa: "\f52f"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-tree { --fa: "\f1bb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-car-side { --fa: "\f5e4"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-microscope { --fa: "\f610"; } .fa-sink { --fa: "\e06d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-mitten { --fa: "\f7b5"; } .fa-person-rays { --fa: "\e54d"; } .fa-users { --fa: "\f0c0"; } .fa-eye-slash { --fa: "\f070"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-om { --fa: "\f679"; } .fa-worm { --fa: "\e599"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-plug { --fa: "\f1e6"; } .fa-chevron-up { --fa: "\f077"; } .fa-hand-spock { --fa: "\f259"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-road-circle-check { --fa: "\e564"; } .fa-dice-five { --fa: "\f523"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-i-cursor { --fa: "\f246"; } .fa-stamp { --fa: "\f5bf"; } .fa-stairs { --fa: "\e289"; } .fa-i { --fa: "\49"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-pills { --fa: "\f484"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-tooth { --fa: "\f5c9"; } .fa-v { --fa: "\56"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bicycle { --fa: "\f206"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-snowman { --fa: "\f7d0"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-road-barrier { --fa: "\e562"; } .fa-school { --fa: "\f549"; } .fa-igloo { --fa: "\f7ae"; } .fa-joint { --fa: "\f595"; } .fa-angle-right { --fa: "\f105"; } .fa-horse { --fa: "\f6f0"; } .fa-q { --fa: "\51"; } .fa-g { --fa: "\47"; } .fa-notes-medical { --fa: "\f481"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-dong-sign { --fa: "\e169"; } .fa-capsules { --fa: "\f46b"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-money-bill { --fa: "\f0d6"; } .fa-bookmark { --fa: "\f02e"; } .fa-align-justify { --fa: "\f039"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-helmet-un { --fa: "\e503"; } .fa-bullseye { --fa: "\f140"; } .fa-bacon { --fa: "\f7e5"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-radiation { --fa: "\f7b9"; } .fa-chart-simple { --fa: "\e473"; } .fa-mars-stroke { --fa: "\f229"; } .fa-vial { --fa: "\f492"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-e { --fa: "\45"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-user { --fa: "\f007"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-dumpster { --fa: "\f793"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-building-user { --fa: "\e4da"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-highlighter { --fa: "\f591"; } .fa-key { --fa: "\f084"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-globe { --fa: "\f0ac"; } .fa-synagogue { --fa: "\f69b"; } .fa-person-half-dress { --fa: "\e548"; } .fa-road-bridge { --fa: "\e563"; } .fa-location-arrow { --fa: "\f124"; } .fa-c { --fa: "\43"; } .fa-tablet-button { --fa: "\f10a"; } .fa-building-lock { --fa: "\e4d6"; } .fa-pizza-slice { --fa: "\f818"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-house-flag { --fa: "\e50d"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-star { --fa: "\f005"; } .fa-repeat { --fa: "\f363"; } .fa-cross { --fa: "\f654"; } .fa-box { --fa: "\f466"; } .fa-venus-mars { --fa: "\f228"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-charging-station { --fa: "\f5e7"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-mobile-retro { --fa: "\e527"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-spider { --fa: "\f717"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-x-ray { --fa: "\f497"; } .fa-spell-check { --fa: "\f891"; } .fa-slash { --fa: "\f715"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-server { --fa: "\f233"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-building-wheat { --fa: "\e4db"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-venus { --fa: "\f221"; } .fa-passport { --fa: "\f5ab"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-temperature-high { --fa: "\f769"; } .fa-microchip { --fa: "\f2db"; } .fa-crown { --fa: "\f521"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-file-prescription { --fa: "\f572"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-chess-knight { --fa: "\f441"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-wheelchair { --fa: "\f193"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-toggle-on { --fa: "\f205"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-l { --fa: "\4c"; } .fa-fire { --fa: "\f06d"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-folder-open { --fa: "\f07c"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-code-fork { --fa: "\e13b"; } .fa-city { --fa: "\f64f"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-pepper-hot { --fa: "\f816"; } .fa-unlock { --fa: "\f09c"; } .fa-colon-sign { --fa: "\e140"; } .fa-headset { --fa: "\f590"; } .fa-store-slash { --fa: "\e071"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-user-minus { --fa: "\f503"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-clipboard { --fa: "\f328"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-underline { --fa: "\f0cd"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-signature { --fa: "\f5b7"; } .fa-stroopwafel { --fa: "\f551"; } .fa-bold { --fa: "\f032"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-not-equal { --fa: "\f53e"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-jedi { --fa: "\f669"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-gift { --fa: "\f06b"; } .fa-dice-two { --fa: "\f528"; } .fa-chess-queen { --fa: "\f445"; } .fa-glasses { --fa: "\f530"; } .fa-chess-board { --fa: "\f43c"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-less-than-equal { --fa: "\f537"; } .fa-train { --fa: "\f238"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-crow { --fa: "\f520"; } .fa-sailboat { --fa: "\e445"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-frog { --fa: "\f52e"; } .fa-bucket { --fa: "\e4cf"; } .fa-image { --fa: "\f03e"; } .fa-microphone { --fa: "\f130"; } .fa-cow { --fa: "\f6c8"; } .fa-caret-up { --fa: "\f0d8"; } .fa-screwdriver { --fa: "\f54a"; } .fa-folder-closed { --fa: "\e185"; } .fa-house-tsunami { --fa: "\e515"; } .fa-square-nfi { --fa: "\e576"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-square-binary { --fa: "\e69b"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-lemon { --fa: "\f094"; } .fa-head-side-mask { --fa: "\e063"; } .fa-handshake { --fa: "\f2b5"; } .fa-gem { --fa: "\f3a5"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-smoking { --fa: "\f48d"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-monument { --fa: "\f5a6"; } .fa-snowplow { --fa: "\f7d2"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-cannabis { --fa: "\f55f"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-tablets { --fa: "\f490"; } .fa-ethernet { --fa: "\f796"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-chair { --fa: "\f6c0"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-icicles { --fa: "\f7ad"; } .fa-person-shelter { --fa: "\e54f"; } .fa-neuter { --fa: "\f22c"; } .fa-id-badge { --fa: "\f2c1"; } .fa-marker { --fa: "\f5a1"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-universal-access { --fa: "\f29a"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-volcano { --fa: "\f770"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-viruses { --fa: "\e076"; } .fa-square-person-confined { --fa: "\e577"; } .fa-user-tie { --fa: "\f508"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-certificate { --fa: "\f0a3"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-suitcase { --fa: "\f0f2"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-camera-retro { --fa: "\f083"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-box-open { --fa: "\f49e"; } .fa-scroll { --fa: "\f70e"; } .fa-spa { --fa: "\f5bb"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-pause { --fa: "\f04c"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-bomb { --fa: "\f1e2"; } .fa-registered { --fa: "\f25d"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-subscript { --fa: "\f12c"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-burst { --fa: "\e4dc"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-money-bills { --fa: "\e1f3"; } .fa-smog { --fa: "\f75f"; } .fa-crutch { --fa: "\f7f7"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-palette { --fa: "\f53f"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-vest { --fa: "\e085"; } .fa-ferry { --fa: "\e4ea"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-candy-cane { --fa: "\f786"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-house-lock { --fa: "\e510"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-children { --fa: "\e4e1"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-user-large-slash { --fa: "\f4fa"; } .fa-user-alt-slash { --fa: "\f4fa"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-handshake-simple-slash { --fa: "\e05f"; } .fa-handshake-alt-slash { --fa: "\e05f"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-virus { --fa: "\e074"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-layer-group { --fa: "\f5fd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-archway { --fa: "\f557"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-square { --fa: "\f0c8"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-couch { --fa: "\f4b8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-italic { --fa: "\f033"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-church { --fa: "\f51d"; } .fa-comments-dollar { --fa: "\f653"; } .fa-democrat { --fa: "\f747"; } .fa-z { --fa: "\5a"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-road-lock { --fa: "\e567"; } .fa-a { --fa: "\41"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-p { --fa: "\50"; } .fa-snowflake { --fa: "\f2dc"; } .fa-newspaper { --fa: "\f1ea"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-locust { --fa: "\e520"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-vector-square { --fa: "\f5cb"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-language { --fa: "\f1ab"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-filter { --fa: "\f0b0"; } .fa-question { --fa: "\3f"; } .fa-file-signature { --fa: "\f573"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-money-check { --fa: "\f53c"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-code { --fa: "\f121"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-f { --fa: "\46"; } .fa-leaf { --fa: "\f06c"; } .fa-road { --fa: "\f018"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-contract { --fa: "\f56c"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-building-flag { --fa: "\e4d5"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-object-ungroup { --fa: "\f248"; } .fa-poop { --fa: "\f619"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-kaaba { --fa: "\f66b"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-eject { --fa: "\f052"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-object-group { --fa: "\f247"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-arrow-right { --fa: "\f061"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-cash-register { --fa: "\f788"; } .fa-person-circle-question { --fa: "\e542"; } .fa-h { --fa: "\48"; } .fa-tarp { --fa: "\e57b"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-heart { --fa: "\f004"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-house-crack { --fa: "\e3b1"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-r { --fa: "\52"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-cube { --fa: "\f1b2"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-shield-dog { --fa: "\e573"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-lock-open { --fa: "\f3c1"; } .fa-elevator { --fa: "\e16d"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-circle { --fa: "\f111"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-recycle { --fa: "\f1b8"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-plane-slash { --fa: "\e069"; } .fa-trademark { --fa: "\f25c"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-users-rays { --fa: "\e593"; } .fa-wallet { --fa: "\f555"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-file-audio { --fa: "\f1c7"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-wrench { --fa: "\f0ad"; } .fa-bugs { --fa: "\e4d0"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-file-image { --fa: "\f1c5"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-handshake-slash { --fa: "\e060"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-code-branch { --fa: "\f126"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-bridge { --fa: "\e4c8"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-truck-front { --fa: "\e2b7"; } .fa-cat { --fa: "\f6be"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-truck-field { --fa: "\e58d"; } .fa-route { --fa: "\f4d7"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-panorama { --fa: "\e209"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-teeth-open { --fa: "\f62f"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-tags { --fa: "\f02c"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-house-signal { --fa: "\e012"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-faucet-drip { --fa: "\e006"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-terminal { --fa: "\f120"; } .fa-mobile-button { --fa: "\f10b"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-tape { --fa: "\f4db"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-eye { --fa: "\f06e"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-audio-description { --fa: "\f29e"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-file-shield { --fa: "\e4f0"; } .fa-user-slash { --fa: "\f506"; } .fa-pen { --fa: "\f304"; } .fa-tower-observation { --fa: "\e586"; } .fa-file-code { --fa: "\f1c9"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-bus { --fa: "\f207"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-prescription { --fa: "\f5b1"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-vihara { --fa: "\f6a7"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-diamond { --fa: "\f219"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-chart-diagram { --fa: "\e695"; } .fa-bacterium { --fa: "\e05a"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-biohazard { --fa: "\f780"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-mars-double { --fa: "\f227"; } .fa-child-dress { --fa: "\e59c"; } .fa-users-between-lines { --fa: "\e591"; } .fa-lungs-virus { --fa: "\e067"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-phone { --fa: "\f095"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-child-reaching { --fa: "\e59d"; } .fa-head-side-virus { --fa: "\e064"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-door-closed { --fa: "\f52a"; } .fa-shield-virus { --fa: "\e06c"; } .fa-dice-six { --fa: "\f526"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-file-fragment { --fa: "\e697"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-person-booth { --fa: "\f756"; } .fa-text-width { --fa: "\f035"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-trash { --fa: "\f1f8"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-book-medical { --fa: "\f7e6"; } .fa-poo { --fa: "\f2fe"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-cubes { --fa: "\f1b3"; } .fa-divide { --fa: "\f529"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-headphones { --fa: "\f025"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-republican { --fa: "\f75e"; } .fa-arrow-left { --fa: "\f060"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-ruler { --fa: "\f545"; } .fa-align-left { --fa: "\f036"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-restroom { --fa: "\f7bd"; } .fa-j { --fa: "\4a"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-file-video { --fa: "\f1c8"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-o { --fa: "\4f"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-user-secret { --fa: "\f21b"; } .fa-otter { --fa: "\f700"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-comment-dollar { --fa: "\f651"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-child { --fa: "\f1ae"; } .fa-lira-sign { --fa: "\f195"; } .fa-satellite { --fa: "\f7bf"; } .fa-plane-lock { --fa: "\e558"; } .fa-tag { --fa: "\f02b"; } .fa-comment { --fa: "\f075"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-envelope { --fa: "\f0e0"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-paperclip { --fa: "\f0c6"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-lungs { --fa: "\f604"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-border-none { --fa: "\f850"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-indent { --fa: "\f03c"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-mountain { --fa: "\f6fc"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-square-virus { --fa: "\e578"; } .fa-meteor { --fa: "\f753"; } .fa-car-on { --fa: "\e4dd"; } .fa-sleigh { --fa: "\f7cc"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-water { --fa: "\f773"; } .fa-calendar-check { --fa: "\f274"; } .fa-braille { --fa: "\f2a1"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-landmark { --fa: "\f66f"; } .fa-truck { --fa: "\f0d1"; } .fa-crosshairs { --fa: "\f05b"; } .fa-person-cane { --fa: "\e53c"; } .fa-tent { --fa: "\e57d"; } .fa-vest-patches { --fa: "\e086"; } .fa-check-double { --fa: "\f560"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-cookie { --fa: "\f563"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-dumbbell { --fa: "\f44b"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-calendar-plus { --fa: "\f271"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-dna { --fa: "\f471"; } .fa-virus-slash { --fa: "\e075"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-chess { --fa: "\f439"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-street-view { --fa: "\f21d"; } .fa-franc-sign { --fa: "\e18f"; } .fa-volume-off { --fa: "\f026"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-mosque { --fa: "\f678"; } .fa-mosquito { --fa: "\e52b"; } .fa-star-of-david { --fa: "\f69a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-vials { --fa: "\f493"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-u { --fa: "\55"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-pallet { --fa: "\f482"; } .fa-faucet { --fa: "\e005"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-s { --fa: "\53"; } .fa-timeline { --fa: "\e29c"; } .fa-keyboard { --fa: "\f11c"; } .fa-caret-down { --fa: "\f0d7"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-plane-up { --fa: "\e22d"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-mountain-city { --fa: "\e52e"; } .fa-coins { --fa: "\f51e"; } .fa-khanda { --fa: "\f66d"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-folder-tree { --fa: "\f802"; } .fa-network-wired { --fa: "\f6ff"; } .fa-map-pin { --fa: "\f276"; } .fa-hamsa { --fa: "\f665"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-flask { --fa: "\f0c3"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-ticket { --fa: "\f145"; } .fa-power-off { --fa: "\f011"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-flag-usa { --fa: "\f74d"; } .fa-laptop-file { --fa: "\e51d"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-diagram-next { --fa: "\e476"; } .fa-person-rifle { --fa: "\e54e"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-venus-double { --fa: "\f226"; } .fa-images { --fa: "\f302"; } .fa-calculator { --fa: "\f1ec"; } .fa-people-pulling { --fa: "\e535"; } .fa-n { --fa: "\4e"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-ship { --fa: "\f21a"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-download { --fa: "\f019"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-forward { --fa: "\f04e"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-align-center { --fa: "\f037"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-calendar-week { --fa: "\f784"; } .fa-laptop-medical { --fa: "\f812"; } .fa-b { --fa: "\42"; } .fa-file-medical { --fa: "\f477"; } .fa-dice-one { --fa: "\f525"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-skull { --fa: "\f54c"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-stop { --fa: "\f04d"; } .fa-code-merge { --fa: "\f387"; } .fa-upload { --fa: "\f093"; } .fa-hurricane { --fa: "\f751"; } .fa-mound { --fa: "\e52d"; } .fa-toilet-portable { --fa: "\e583"; } .fa-compact-disc { --fa: "\f51f"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-caravan { --fa: "\f8ff"; } .fa-shield-cat { --fa: "\e572"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-glass-water { --fa: "\e4f4"; } .fa-oil-well { --fa: "\e532"; } .fa-vault { --fa: "\e2c5"; } .fa-mars { --fa: "\f222"; } .fa-toilet { --fa: "\f7d8"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-sun { --fa: "\f185"; } .fa-guitar { --fa: "\f7a6"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-horse-head { --fa: "\f7ab"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-industry { --fa: "\f275"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-florin-sign { --fa: "\e184"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-less-than { --fa: "\3c"; } .fa-angle-down { --fa: "\f107"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-head-side-cough { --fa: "\e061"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-thumbs-down { --fa: "\f165"; } .fa-user-lock { --fa: "\f502"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-chess-pawn { --fa: "\f443"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-toolbox { --fa: "\f552"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-bug { --fa: "\f188"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-medal { --fa: "\f5a2"; } .fa-bed { --fa: "\f236"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-podcast { --fa: "\f2ce"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-bell { --fa: "\f0f3"; } .fa-superscript { --fa: "\f12b"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-star-of-life { --fa: "\f621"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-file { --fa: "\f15b"; } .fa-greater-than { --fa: "\3e"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-arrow-down { --fa: "\f063"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-eraser { --fa: "\f12d"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-person-burst { --fa: "\e53b"; } .fa-dove { --fa: "\f4ba"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-socks { --fa: "\f696"; } .fa-inbox { --fa: "\f01c"; } .fa-section { --fa: "\e447"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-chess-rook { --fa: "\f447"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-dharmachakra { --fa: "\f655"; } .fa-hotdog { --fa: "\f80f"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-drum { --fa: "\f569"; } .fa-ice-cream { --fa: "\f810"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-fax { --fa: "\f1ac"; } .fa-paragraph { --fa: "\f1dd"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-star-half { --fa: "\f089"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-tree-city { --fa: "\e587"; } .fa-play { --fa: "\f04b"; } .fa-font { --fa: "\f031"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-receipt { --fa: "\f543"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-chevron-down { --fa: "\f078"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-code-compare { --fa: "\e13a"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-school-lock { --fa: "\e56f"; } .fa-tower-cell { --fa: "\e585"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-ranking-star { --fa: "\e561"; } .fa-chess-king { --fa: "\f43f"; } .fa-person-harassing { --fa: "\e549"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-arrow-up { --fa: "\f062"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-shrimp { --fa: "\e448"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-jug-detergent { --fa: "\e519"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-user-shield { --fa: "\f505"; } .fa-wind { --fa: "\f72e"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-y { --fa: "\59"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-fish { --fa: "\f578"; } .fa-user-graduate { --fa: "\f501"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-clapperboard { --fa: "\e131"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-copy { --fa: "\f0c5"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-grip { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-gun { --fa: "\e19b"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-plus { --fa: "\2b"; } .fa-add { --fa: "\2b"; } .fa-expand { --fa: "\f065"; } .fa-computer { --fa: "\e4e5"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-peso-sign { --fa: "\e222"; } .fa-building-shield { --fa: "\e4d8"; } .fa-baby { --fa: "\f77c"; } .fa-users-line { --fa: "\e592"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-tractor { --fa: "\f722"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-ruler-combined { --fa: "\f546"; } .fa-copyright { --fa: "\f1f9"; } .fa-equals { --fa: "\3d"; } .fa-blender { --fa: "\f517"; } .fa-teeth { --fa: "\f62e"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-map { --fa: "\f279"; } .fa-rocket { --fa: "\f135"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-folder-minus { --fa: "\f65d"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-store { --fa: "\f54e"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-school-flag { --fa: "\e56e"; } .fa-fill { --fa: "\f575"; } .fa-angle-up { --fa: "\f106"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-chevron-left { --fa: "\f053"; } .fa-bacteria { --fa: "\e059"; } .fa-hand-lizard { --fa: "\f258"; } .fa-notdef { --fa: "\e1fe"; } .fa-disease { --fa: "\f7fa"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-genderless { --fa: "\f22d"; } .fa-chevron-right { --fa: "\f054"; } .fa-retweet { --fa: "\f079"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-pump-soap { --fa: "\e06b"; } .fa-video-slash { --fa: "\f4e2"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-radio { --fa: "\f8d7"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-traffic-light { --fa: "\f637"; } .fa-thermometer { --fa: "\f491"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-percent { --fa: "\25"; } .fa-percentage { --fa: "\25"; } .fa-truck-moving { --fa: "\f4df"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-display { --fa: "\e163"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-trophy { --fa: "\f091"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hammer { --fa: "\f6e3"; } .fa-hand-peace { --fa: "\f25b"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-spinner { --fa: "\f110"; } .fa-robot { --fa: "\f544"; } .fa-peace { --fa: "\f67c"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-warehouse { --fa: "\f494"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-splotch { --fa: "\f5bc"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-dice-four { --fa: "\f524"; } .fa-sim-card { --fa: "\f7c4"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-mercury { --fa: "\f223"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-award { --fa: "\f559"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-building { --fa: "\f1ad"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-qrcode { --fa: "\f029"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-comment-nodes { --fa: "\e696"; } .fa-house-medical { --fa: "\e3b2"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tents { --fa: "\e582"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-dog { --fa: "\f6d3"; } .fa-carrot { --fa: "\f787"; } .fa-moon { --fa: "\f186"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-cheese { --fa: "\f7ef"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-music { --fa: "\f001"; } .fa-code-commit { --fa: "\f386"; } .fa-temperature-low { --fa: "\f76b"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-broom { --fa: "\f51a"; } .fa-shield-heart { --fa: "\e574"; } .fa-gopuram { --fa: "\f664"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-hashtag { --fa: "\23"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-oil-can { --fa: "\f613"; } .fa-t { --fa: "\54"; } .fa-hippo { --fa: "\f6ed"; } .fa-chart-column { --fa: "\e0e3"; } .fa-infinity { --fa: "\f534"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-voicemail { --fa: "\f897"; } .fa-fan { --fa: "\f863"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-calendar { --fa: "\f133"; } .fa-trailer { --fa: "\e041"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-sd-card { --fa: "\f7c2"; } .fa-dragon { --fa: "\f6d5"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-clone { --fa: "\f24d"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-tornado { --fa: "\f76f"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-anchor { --fa: "\f13d"; } .fa-border-all { --fa: "\f84c"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-cookie-bite { --fa: "\f564"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-shower { --fa: "\f2cc"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-m { --fa: "\4d"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-book { --fa: "\f02d"; } .fa-user-plus { --fa: "\f234"; } .fa-check { --fa: "\f00c"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-house-circle-check { --fa: "\e509"; } .fa-angle-left { --fa: "\f104"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-briefcase { --fa: "\f0b1"; } .fa-person-falling { --fa: "\e546"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-user-tag { --fa: "\f507"; } .fa-rug { --fa: "\e569"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-book-open { --fa: "\f518"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-database { --fa: "\f1c0"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-mask-face { --fa: "\e1d7"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-dungeon { --fa: "\f6d9"; } .fa-align-right { --fa: "\f038"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-life-ring { --fa: "\f1cd"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-calendar-day { --fa: "\f783"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-dice { --fa: "\f522"; } .fa-bowling-ball { --fa: "\f436"; } .fa-brain { --fa: "\f5dc"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-calendar-minus { --fa: "\f272"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-gifts { --fa: "\f79c"; } .fa-hotel { --fa: "\f594"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-thumbs-up { --fa: "\f164"; } .fa-user-clock { --fa: "\f4fd"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-file-invoice { --fa: "\f570"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-brush { --fa: "\f55d"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-mask { --fa: "\f6fa"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-user-large { --fa: "\f406"; } .fa-user-alt { --fa: "\f406"; } .fa-train-tram { --fa: "\e5b4"; } .fa-user-nurse { --fa: "\f82f"; } .fa-syringe { --fa: "\f48e"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-square-full { --fa: "\f45c"; } .fa-magnet { --fa: "\f076"; } .fa-jar { --fa: "\e516"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-bug-slash { --fa: "\e490"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-bone { --fa: "\f5d7"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-user-injured { --fa: "\f728"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-plane { --fa: "\f072"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-exclamation { --fa: "\21"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-print { --fa: "\f02f"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-dollar-sign { --fa: "\24"; } .fa-dollar { --fa: "\24"; } .fa-usd { --fa: "\24"; } .fa-x { --fa: "\58"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-umbrella { --fa: "\f0e9"; } .fa-trowel { --fa: "\e589"; } .fa-d { --fa: "\44"; } .fa-stapler { --fa: "\e5af"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-handshake-simple { --fa: "\f4c6"; } .fa-handshake-alt { --fa: "\f4c6"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-barcode { --fa: "\f02a"; } .fa-plus-minus { --fa: "\e43c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } :root, :host { --fa-style-family-brands: 'Font Awesome 6 Brands'; --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; } @font-face { font-family: 'Font Awesome 6 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url(/local/templates/runordie/dist/css/../fonts/fa-brands-400.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-brands-400.ttf) format("truetype"); } .fab, .fa-brands { font-weight: 400; } .fa-monero { --fa: "\f3d0"; } .fa-hooli { --fa: "\f427"; } .fa-yelp { --fa: "\f1e9"; } .fa-cc-visa { --fa: "\f1f0"; } .fa-lastfm { --fa: "\f202"; } .fa-shopware { --fa: "\f5b5"; } .fa-creative-commons-nc { --fa: "\f4e8"; } .fa-aws { --fa: "\f375"; } .fa-redhat { --fa: "\f7bc"; } .fa-yoast { --fa: "\f2b1"; } .fa-cloudflare { --fa: "\e07d"; } .fa-ups { --fa: "\f7e0"; } .fa-pixiv { --fa: "\e640"; } .fa-wpexplorer { --fa: "\f2de"; } .fa-dyalog { --fa: "\f399"; } .fa-bity { --fa: "\f37a"; } .fa-stackpath { --fa: "\f842"; } .fa-buysellads { --fa: "\f20d"; } .fa-first-order { --fa: "\f2b0"; } .fa-modx { --fa: "\f285"; } .fa-guilded { --fa: "\e07e"; } .fa-vnv { --fa: "\f40b"; } .fa-square-js { --fa: "\f3b9"; } .fa-js-square { --fa: "\f3b9"; } .fa-microsoft { --fa: "\f3ca"; } .fa-qq { --fa: "\f1d6"; } .fa-orcid { --fa: "\f8d2"; } .fa-java { --fa: "\f4e4"; } .fa-invision { --fa: "\f7b0"; } .fa-creative-commons-pd-alt { --fa: "\f4ed"; } .fa-centercode { --fa: "\f380"; } .fa-glide-g { --fa: "\f2a6"; } .fa-drupal { --fa: "\f1a9"; } .fa-jxl { --fa: "\e67b"; } .fa-dart-lang { --fa: "\e693"; } .fa-hire-a-helper { --fa: "\f3b0"; } .fa-creative-commons-by { --fa: "\f4e7"; } .fa-unity { --fa: "\e049"; } .fa-whmcs { --fa: "\f40d"; } .fa-rocketchat { --fa: "\f3e8"; } .fa-vk { --fa: "\f189"; } .fa-untappd { --fa: "\f405"; } .fa-mailchimp { --fa: "\f59e"; } .fa-css3-alt { --fa: "\f38b"; } .fa-square-reddit { --fa: "\f1a2"; } .fa-reddit-square { --fa: "\f1a2"; } .fa-vimeo-v { --fa: "\f27d"; } .fa-contao { --fa: "\f26d"; } .fa-square-font-awesome { --fa: "\e5ad"; } .fa-deskpro { --fa: "\f38f"; } .fa-brave { --fa: "\e63c"; } .fa-sistrix { --fa: "\f3ee"; } .fa-square-instagram { --fa: "\e055"; } .fa-instagram-square { --fa: "\e055"; } .fa-battle-net { --fa: "\f835"; } .fa-the-red-yeti { --fa: "\f69d"; } .fa-square-hacker-news { --fa: "\f3af"; } .fa-hacker-news-square { --fa: "\f3af"; } .fa-edge { --fa: "\f282"; } .fa-threads { --fa: "\e618"; } .fa-napster { --fa: "\f3d2"; } .fa-square-snapchat { --fa: "\f2ad"; } .fa-snapchat-square { --fa: "\f2ad"; } .fa-google-plus-g { --fa: "\f0d5"; } .fa-artstation { --fa: "\f77a"; } .fa-markdown { --fa: "\f60f"; } .fa-sourcetree { --fa: "\f7d3"; } .fa-google-plus { --fa: "\f2b3"; } .fa-diaspora { --fa: "\f791"; } .fa-foursquare { --fa: "\f180"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-github-alt { --fa: "\f113"; } .fa-phoenix-squadron { --fa: "\f511"; } .fa-pagelines { --fa: "\f18c"; } .fa-algolia { --fa: "\f36c"; } .fa-red-river { --fa: "\f3e3"; } .fa-creative-commons-sa { --fa: "\f4ef"; } .fa-safari { --fa: "\f267"; } .fa-google { --fa: "\f1a0"; } .fa-square-font-awesome-stroke { --fa: "\f35c"; } .fa-font-awesome-alt { --fa: "\f35c"; } .fa-atlassian { --fa: "\f77b"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-digital-ocean { --fa: "\f391"; } .fa-nimblr { --fa: "\f5a8"; } .fa-chromecast { --fa: "\f838"; } .fa-evernote { --fa: "\f839"; } .fa-hacker-news { --fa: "\f1d4"; } .fa-creative-commons-sampling { --fa: "\f4f0"; } .fa-adversal { --fa: "\f36a"; } .fa-creative-commons { --fa: "\f25e"; } .fa-watchman-monitoring { --fa: "\e087"; } .fa-fonticons { --fa: "\f280"; } .fa-weixin { --fa: "\f1d7"; } .fa-shirtsinbulk { --fa: "\f214"; } .fa-codepen { --fa: "\f1cb"; } .fa-git-alt { --fa: "\f841"; } .fa-lyft { --fa: "\f3c3"; } .fa-rev { --fa: "\f5b2"; } .fa-windows { --fa: "\f17a"; } .fa-wizards-of-the-coast { --fa: "\f730"; } .fa-square-viadeo { --fa: "\f2aa"; } .fa-viadeo-square { --fa: "\f2aa"; } .fa-meetup { --fa: "\f2e0"; } .fa-centos { --fa: "\f789"; } .fa-adn { --fa: "\f170"; } .fa-cloudsmith { --fa: "\f384"; } .fa-opensuse { --fa: "\e62b"; } .fa-pied-piper-alt { --fa: "\f1a8"; } .fa-square-dribbble { --fa: "\f397"; } .fa-dribbble-square { --fa: "\f397"; } .fa-codiepie { --fa: "\f284"; } .fa-node { --fa: "\f419"; } .fa-mix { --fa: "\f3cb"; } .fa-steam { --fa: "\f1b6"; } .fa-cc-apple-pay { --fa: "\f416"; } .fa-scribd { --fa: "\f28a"; } .fa-debian { --fa: "\e60b"; } .fa-openid { --fa: "\f19b"; } .fa-instalod { --fa: "\e081"; } .fa-files-pinwheel { --fa: "\e69f"; } .fa-expeditedssl { --fa: "\f23e"; } .fa-sellcast { --fa: "\f2da"; } .fa-square-twitter { --fa: "\f081"; } .fa-twitter-square { --fa: "\f081"; } .fa-r-project { --fa: "\f4f7"; } .fa-delicious { --fa: "\f1a5"; } .fa-freebsd { --fa: "\f3a4"; } .fa-vuejs { --fa: "\f41f"; } .fa-accusoft { --fa: "\f369"; } .fa-ioxhost { --fa: "\f208"; } .fa-fonticons-fi { --fa: "\f3a2"; } .fa-app-store { --fa: "\f36f"; } .fa-cc-mastercard { --fa: "\f1f1"; } .fa-itunes-note { --fa: "\f3b5"; } .fa-golang { --fa: "\e40f"; } .fa-kickstarter { --fa: "\f3bb"; } .fa-square-kickstarter { --fa: "\f3bb"; } .fa-grav { --fa: "\f2d6"; } .fa-weibo { --fa: "\f18a"; } .fa-uncharted { --fa: "\e084"; } .fa-firstdraft { --fa: "\f3a1"; } .fa-square-youtube { --fa: "\f431"; } .fa-youtube-square { --fa: "\f431"; } .fa-wikipedia-w { --fa: "\f266"; } .fa-wpressr { --fa: "\f3e4"; } .fa-rendact { --fa: "\f3e4"; } .fa-angellist { --fa: "\f209"; } .fa-galactic-republic { --fa: "\f50c"; } .fa-nfc-directional { --fa: "\e530"; } .fa-skype { --fa: "\f17e"; } .fa-joget { --fa: "\f3b7"; } .fa-fedora { --fa: "\f798"; } .fa-stripe-s { --fa: "\f42a"; } .fa-meta { --fa: "\e49b"; } .fa-laravel { --fa: "\f3bd"; } .fa-hotjar { --fa: "\f3b1"; } .fa-bluetooth-b { --fa: "\f294"; } .fa-square-letterboxd { --fa: "\e62e"; } .fa-sticker-mule { --fa: "\f3f7"; } .fa-creative-commons-zero { --fa: "\f4f3"; } .fa-hips { --fa: "\f452"; } .fa-css { --fa: "\e6a2"; } .fa-behance { --fa: "\f1b4"; } .fa-reddit { --fa: "\f1a1"; } .fa-discord { --fa: "\f392"; } .fa-chrome { --fa: "\f268"; } .fa-app-store-ios { --fa: "\f370"; } .fa-cc-discover { --fa: "\f1f2"; } .fa-wpbeginner { --fa: "\f297"; } .fa-confluence { --fa: "\f78d"; } .fa-shoelace { --fa: "\e60c"; } .fa-mdb { --fa: "\f8ca"; } .fa-dochub { --fa: "\f394"; } .fa-accessible-icon { --fa: "\f368"; } .fa-ebay { --fa: "\f4f4"; } .fa-amazon { --fa: "\f270"; } .fa-unsplash { --fa: "\e07c"; } .fa-yarn { --fa: "\f7e3"; } .fa-square-steam { --fa: "\f1b7"; } .fa-steam-square { --fa: "\f1b7"; } .fa-500px { --fa: "\f26e"; } .fa-square-vimeo { --fa: "\f194"; } .fa-vimeo-square { --fa: "\f194"; } .fa-asymmetrik { --fa: "\f372"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-gratipay { --fa: "\f184"; } .fa-apple { --fa: "\f179"; } .fa-hive { --fa: "\e07f"; } .fa-gitkraken { --fa: "\f3a6"; } .fa-keybase { --fa: "\f4f5"; } .fa-apple-pay { --fa: "\f415"; } .fa-padlet { --fa: "\e4a0"; } .fa-amazon-pay { --fa: "\f42c"; } .fa-square-github { --fa: "\f092"; } .fa-github-square { --fa: "\f092"; } .fa-stumbleupon { --fa: "\f1a4"; } .fa-fedex { --fa: "\f797"; } .fa-phoenix-framework { --fa: "\f3dc"; } .fa-shopify { --fa: "\e057"; } .fa-neos { --fa: "\f612"; } .fa-square-threads { --fa: "\e619"; } .fa-hackerrank { --fa: "\f5f7"; } .fa-researchgate { --fa: "\f4f8"; } .fa-swift { --fa: "\f8e1"; } .fa-angular { --fa: "\f420"; } .fa-speakap { --fa: "\f3f3"; } .fa-angrycreative { --fa: "\f36e"; } .fa-y-combinator { --fa: "\f23b"; } .fa-empire { --fa: "\f1d1"; } .fa-envira { --fa: "\f299"; } .fa-google-scholar { --fa: "\e63b"; } .fa-square-gitlab { --fa: "\e5ae"; } .fa-gitlab-square { --fa: "\e5ae"; } .fa-studiovinari { --fa: "\f3f8"; } .fa-pied-piper { --fa: "\f2ae"; } .fa-wordpress { --fa: "\f19a"; } .fa-product-hunt { --fa: "\f288"; } .fa-firefox { --fa: "\f269"; } .fa-linode { --fa: "\f2b8"; } .fa-goodreads { --fa: "\f3a8"; } .fa-square-odnoklassniki { --fa: "\f264"; } .fa-odnoklassniki-square { --fa: "\f264"; } .fa-jsfiddle { --fa: "\f1cc"; } .fa-sith { --fa: "\f512"; } .fa-themeisle { --fa: "\f2b2"; } .fa-page4 { --fa: "\f3d7"; } .fa-hashnode { --fa: "\e499"; } .fa-react { --fa: "\f41b"; } .fa-cc-paypal { --fa: "\f1f4"; } .fa-squarespace { --fa: "\f5be"; } .fa-cc-stripe { --fa: "\f1f5"; } .fa-creative-commons-share { --fa: "\f4f2"; } .fa-bitcoin { --fa: "\f379"; } .fa-keycdn { --fa: "\f3ba"; } .fa-opera { --fa: "\f26a"; } .fa-itch-io { --fa: "\f83a"; } .fa-umbraco { --fa: "\f8e8"; } .fa-galactic-senate { --fa: "\f50d"; } .fa-ubuntu { --fa: "\f7df"; } .fa-draft2digital { --fa: "\f396"; } .fa-stripe { --fa: "\f429"; } .fa-houzz { --fa: "\f27c"; } .fa-gg { --fa: "\f260"; } .fa-dhl { --fa: "\f790"; } .fa-square-pinterest { --fa: "\f0d3"; } .fa-pinterest-square { --fa: "\f0d3"; } .fa-xing { --fa: "\f168"; } .fa-blackberry { --fa: "\f37b"; } .fa-creative-commons-pd { --fa: "\f4ec"; } .fa-playstation { --fa: "\f3df"; } .fa-quinscape { --fa: "\f459"; } .fa-less { --fa: "\f41d"; } .fa-blogger-b { --fa: "\f37d"; } .fa-opencart { --fa: "\f23d"; } .fa-vine { --fa: "\f1ca"; } .fa-signal-messenger { --fa: "\e663"; } .fa-paypal { --fa: "\f1ed"; } .fa-gitlab { --fa: "\f296"; } .fa-typo3 { --fa: "\f42b"; } .fa-reddit-alien { --fa: "\f281"; } .fa-yahoo { --fa: "\f19e"; } .fa-dailymotion { --fa: "\e052"; } .fa-affiliatetheme { --fa: "\f36b"; } .fa-pied-piper-pp { --fa: "\f1a7"; } .fa-bootstrap { --fa: "\f836"; } .fa-odnoklassniki { --fa: "\f263"; } .fa-nfc-symbol { --fa: "\e531"; } .fa-mintbit { --fa: "\e62f"; } .fa-ethereum { --fa: "\f42e"; } .fa-speaker-deck { --fa: "\f83c"; } .fa-creative-commons-nc-eu { --fa: "\f4e9"; } .fa-patreon { --fa: "\f3d9"; } .fa-avianex { --fa: "\f374"; } .fa-ello { --fa: "\f5f1"; } .fa-gofore { --fa: "\f3a7"; } .fa-bimobject { --fa: "\f378"; } .fa-brave-reverse { --fa: "\e63d"; } .fa-facebook-f { --fa: "\f39e"; } .fa-square-google-plus { --fa: "\f0d4"; } .fa-google-plus-square { --fa: "\f0d4"; } .fa-web-awesome { --fa: "\e682"; } .fa-mandalorian { --fa: "\f50f"; } .fa-first-order-alt { --fa: "\f50a"; } .fa-osi { --fa: "\f41a"; } .fa-google-wallet { --fa: "\f1ee"; } .fa-d-and-d-beyond { --fa: "\f6ca"; } .fa-periscope { --fa: "\f3da"; } .fa-fulcrum { --fa: "\f50b"; } .fa-cloudscale { --fa: "\f383"; } .fa-forumbee { --fa: "\f211"; } .fa-mizuni { --fa: "\f3cc"; } .fa-schlix { --fa: "\f3ea"; } .fa-square-xing { --fa: "\f169"; } .fa-xing-square { --fa: "\f169"; } .fa-bandcamp { --fa: "\f2d5"; } .fa-wpforms { --fa: "\f298"; } .fa-cloudversify { --fa: "\f385"; } .fa-usps { --fa: "\f7e1"; } .fa-megaport { --fa: "\f5a3"; } .fa-magento { --fa: "\f3c4"; } .fa-spotify { --fa: "\f1bc"; } .fa-optin-monster { --fa: "\f23c"; } .fa-fly { --fa: "\f417"; } .fa-square-bluesky { --fa: "\e6a3"; } .fa-aviato { --fa: "\f421"; } .fa-itunes { --fa: "\f3b4"; } .fa-cuttlefish { --fa: "\f38c"; } .fa-blogger { --fa: "\f37c"; } .fa-flickr { --fa: "\f16e"; } .fa-viber { --fa: "\f409"; } .fa-soundcloud { --fa: "\f1be"; } .fa-digg { --fa: "\f1a6"; } .fa-tencent-weibo { --fa: "\f1d5"; } .fa-letterboxd { --fa: "\e62d"; } .fa-symfony { --fa: "\f83d"; } .fa-maxcdn { --fa: "\f136"; } .fa-etsy { --fa: "\f2d7"; } .fa-facebook-messenger { --fa: "\f39f"; } .fa-audible { --fa: "\f373"; } .fa-think-peaks { --fa: "\f731"; } .fa-bilibili { --fa: "\e3d9"; } .fa-erlang { --fa: "\f39d"; } .fa-x-twitter { --fa: "\e61b"; } .fa-cotton-bureau { --fa: "\f89e"; } .fa-dashcube { --fa: "\f210"; } .fa-42-group { --fa: "\e080"; } .fa-innosoft { --fa: "\e080"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-elementor { --fa: "\f430"; } .fa-square-pied-piper { --fa: "\e01e"; } .fa-pied-piper-square { --fa: "\e01e"; } .fa-creative-commons-nd { --fa: "\f4eb"; } .fa-palfed { --fa: "\f3d8"; } .fa-superpowers { --fa: "\f2dd"; } .fa-resolving { --fa: "\f3e7"; } .fa-xbox { --fa: "\f412"; } .fa-square-web-awesome-stroke { --fa: "\e684"; } .fa-searchengin { --fa: "\f3eb"; } .fa-tiktok { --fa: "\e07b"; } .fa-square-facebook { --fa: "\f082"; } .fa-facebook-square { --fa: "\f082"; } .fa-renren { --fa: "\f18b"; } .fa-linux { --fa: "\f17c"; } .fa-glide { --fa: "\f2a5"; } .fa-linkedin { --fa: "\f08c"; } .fa-hubspot { --fa: "\f3b2"; } .fa-deploydog { --fa: "\f38e"; } .fa-twitch { --fa: "\f1e8"; } .fa-flutter { --fa: "\e694"; } .fa-ravelry { --fa: "\f2d9"; } .fa-mixer { --fa: "\e056"; } .fa-square-lastfm { --fa: "\f203"; } .fa-lastfm-square { --fa: "\f203"; } .fa-vimeo { --fa: "\f40a"; } .fa-mendeley { --fa: "\f7b3"; } .fa-uniregistry { --fa: "\f404"; } .fa-figma { --fa: "\f799"; } .fa-creative-commons-remix { --fa: "\f4ee"; } .fa-cc-amazon-pay { --fa: "\f42d"; } .fa-dropbox { --fa: "\f16b"; } .fa-instagram { --fa: "\f16d"; } .fa-cmplid { --fa: "\e360"; } .fa-upwork { --fa: "\e641"; } .fa-facebook { --fa: "\f09a"; } .fa-gripfire { --fa: "\f3ac"; } .fa-jedi-order { --fa: "\f50e"; } .fa-uikit { --fa: "\f403"; } .fa-fort-awesome-alt { --fa: "\f3a3"; } .fa-phabricator { --fa: "\f3db"; } .fa-ussunnah { --fa: "\f407"; } .fa-earlybirds { --fa: "\f39a"; } .fa-trade-federation { --fa: "\f513"; } .fa-autoprefixer { --fa: "\f41c"; } .fa-whatsapp { --fa: "\f232"; } .fa-square-upwork { --fa: "\e67c"; } .fa-slideshare { --fa: "\f1e7"; } .fa-google-play { --fa: "\f3ab"; } .fa-viadeo { --fa: "\f2a9"; } .fa-line { --fa: "\f3c0"; } .fa-google-drive { --fa: "\f3aa"; } .fa-servicestack { --fa: "\f3ec"; } .fa-simplybuilt { --fa: "\f215"; } .fa-bitbucket { --fa: "\f171"; } .fa-imdb { --fa: "\f2d8"; } .fa-deezer { --fa: "\e077"; } .fa-raspberry-pi { --fa: "\f7bb"; } .fa-jira { --fa: "\f7b1"; } .fa-docker { --fa: "\f395"; } .fa-screenpal { --fa: "\e570"; } .fa-bluetooth { --fa: "\f293"; } .fa-gitter { --fa: "\f426"; } .fa-d-and-d { --fa: "\f38d"; } .fa-microblog { --fa: "\e01a"; } .fa-cc-diners-club { --fa: "\f24c"; } .fa-gg-circle { --fa: "\f261"; } .fa-pied-piper-hat { --fa: "\f4e5"; } .fa-kickstarter-k { --fa: "\f3bc"; } .fa-yandex { --fa: "\f413"; } .fa-readme { --fa: "\f4d5"; } .fa-html5 { --fa: "\f13b"; } .fa-sellsy { --fa: "\f213"; } .fa-square-web-awesome { --fa: "\e683"; } .fa-sass { --fa: "\f41e"; } .fa-wirsindhandwerk { --fa: "\e2d0"; } .fa-wsh { --fa: "\e2d0"; } .fa-buromobelexperte { --fa: "\f37f"; } .fa-salesforce { --fa: "\f83b"; } .fa-octopus-deploy { --fa: "\e082"; } .fa-medapps { --fa: "\f3c6"; } .fa-ns8 { --fa: "\f3d5"; } .fa-pinterest-p { --fa: "\f231"; } .fa-apper { --fa: "\f371"; } .fa-fort-awesome { --fa: "\f286"; } .fa-waze { --fa: "\f83f"; } .fa-bluesky { --fa: "\e671"; } .fa-cc-jcb { --fa: "\f24b"; } .fa-snapchat { --fa: "\f2ab"; } .fa-snapchat-ghost { --fa: "\f2ab"; } .fa-fantasy-flight-games { --fa: "\f6dc"; } .fa-rust { --fa: "\e07a"; } .fa-wix { --fa: "\f5cf"; } .fa-square-behance { --fa: "\f1b5"; } .fa-behance-square { --fa: "\f1b5"; } .fa-supple { --fa: "\f3f9"; } .fa-webflow { --fa: "\e65c"; } .fa-rebel { --fa: "\f1d0"; } .fa-css3 { --fa: "\f13c"; } .fa-staylinked { --fa: "\f3f5"; } .fa-kaggle { --fa: "\f5fa"; } .fa-space-awesome { --fa: "\e5ac"; } .fa-deviantart { --fa: "\f1bd"; } .fa-cpanel { --fa: "\f388"; } .fa-goodreads-g { --fa: "\f3a9"; } .fa-square-git { --fa: "\f1d2"; } .fa-git-square { --fa: "\f1d2"; } .fa-square-tumblr { --fa: "\f174"; } .fa-tumblr-square { --fa: "\f174"; } .fa-trello { --fa: "\f181"; } .fa-creative-commons-nc-jp { --fa: "\f4ea"; } .fa-get-pocket { --fa: "\f265"; } .fa-perbyte { --fa: "\e083"; } .fa-grunt { --fa: "\f3ad"; } .fa-weebly { --fa: "\f5cc"; } .fa-connectdevelop { --fa: "\f20e"; } .fa-leanpub { --fa: "\f212"; } .fa-black-tie { --fa: "\f27e"; } .fa-themeco { --fa: "\f5c6"; } .fa-python { --fa: "\f3e2"; } .fa-android { --fa: "\f17b"; } .fa-bots { --fa: "\e340"; } .fa-free-code-camp { --fa: "\f2c5"; } .fa-hornbill { --fa: "\f592"; } .fa-js { --fa: "\f3b8"; } .fa-ideal { --fa: "\e013"; } .fa-git { --fa: "\f1d3"; } .fa-dev { --fa: "\f6cc"; } .fa-sketch { --fa: "\f7c6"; } .fa-yandex-international { --fa: "\f414"; } .fa-cc-amex { --fa: "\f1f3"; } .fa-uber { --fa: "\f402"; } .fa-github { --fa: "\f09b"; } .fa-php { --fa: "\f457"; } .fa-alipay { --fa: "\f642"; } .fa-youtube { --fa: "\f167"; } .fa-skyatlas { --fa: "\f216"; } .fa-firefox-browser { --fa: "\e007"; } .fa-replyd { --fa: "\f3e6"; } .fa-suse { --fa: "\f7d6"; } .fa-jenkins { --fa: "\f3b6"; } .fa-twitter { --fa: "\f099"; } .fa-rockrms { --fa: "\f3e9"; } .fa-pinterest { --fa: "\f0d2"; } .fa-buffer { --fa: "\f837"; } .fa-npm { --fa: "\f3d4"; } .fa-yammer { --fa: "\f840"; } .fa-btc { --fa: "\f15a"; } .fa-dribbble { --fa: "\f17d"; } .fa-stumbleupon-circle { --fa: "\f1a3"; } .fa-internet-explorer { --fa: "\f26b"; } .fa-stubber { --fa: "\e5c7"; } .fa-telegram { --fa: "\f2c6"; } .fa-telegram-plane { --fa: "\f2c6"; } .fa-old-republic { --fa: "\f510"; } .fa-odysee { --fa: "\e5c6"; } .fa-square-whatsapp { --fa: "\f40c"; } .fa-whatsapp-square { --fa: "\f40c"; } .fa-node-js { --fa: "\f3d3"; } .fa-edge-legacy { --fa: "\e078"; } .fa-slack { --fa: "\f198"; } .fa-slack-hash { --fa: "\f198"; } .fa-medrt { --fa: "\f3c8"; } .fa-usb { --fa: "\f287"; } .fa-tumblr { --fa: "\f173"; } .fa-vaadin { --fa: "\f408"; } .fa-quora { --fa: "\f2c4"; } .fa-square-x-twitter { --fa: "\e61a"; } .fa-reacteurope { --fa: "\f75d"; } .fa-medium { --fa: "\f23a"; } .fa-medium-m { --fa: "\f23a"; } .fa-amilia { --fa: "\f36d"; } .fa-mixcloud { --fa: "\f289"; } .fa-flipboard { --fa: "\f44d"; } .fa-viacoin { --fa: "\f237"; } .fa-critical-role { --fa: "\f6c9"; } .fa-sitrox { --fa: "\e44a"; } .fa-discourse { --fa: "\f393"; } .fa-joomla { --fa: "\f1aa"; } .fa-mastodon { --fa: "\f4f6"; } .fa-airbnb { --fa: "\f834"; } .fa-wolf-pack-battalion { --fa: "\f514"; } .fa-buy-n-large { --fa: "\f8a6"; } .fa-gulp { --fa: "\f3ae"; } .fa-creative-commons-sampling-plus { --fa: "\f4f1"; } .fa-strava { --fa: "\f428"; } .fa-ember { --fa: "\f423"; } .fa-canadian-maple-leaf { --fa: "\f785"; } .fa-teamspeak { --fa: "\f4f9"; } .fa-pushed { --fa: "\f3e1"; } .fa-wordpress-simple { --fa: "\f411"; } .fa-nutritionix { --fa: "\f3d6"; } .fa-wodu { --fa: "\e088"; } .fa-google-pay { --fa: "\e079"; } .fa-intercom { --fa: "\f7af"; } .fa-zhihu { --fa: "\f63f"; } .fa-korvue { --fa: "\f42f"; } .fa-pix { --fa: "\e43a"; } .fa-steam-symbol { --fa: "\f3f6"; } :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 400; font-display: block; src: url(/local/templates/runordie/dist/css/../fonts/fa-regular-400.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-regular-400.ttf) format("truetype"); } .far, .fa-regular { font-weight: 400; } :root, :host { --fa-style-family-classic: 'Font Awesome 6 Free'; --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; } @font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 900; font-display: block; src: url(/local/templates/runordie/dist/css/../fonts/fa-solid-900.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-solid-900.ttf) format("truetype"); } .fas, .fa-solid { font-weight: 900; } @font-face { font-family: 'Font Awesome 5 Brands'; font-display: block; font-weight: 400; src: url(/local/templates/runordie/dist/css/../fonts/fa-brands-400.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-brands-400.ttf) format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: block; font-weight: 900; src: url(/local/templates/runordie/dist/css/../fonts/fa-solid-900.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-solid-900.ttf) format("truetype"); } @font-face { font-family: 'Font Awesome 5 Free'; font-display: block; font-weight: 400; src: url(/local/templates/runordie/dist/css/../fonts/fa-regular-400.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-regular-400.ttf) format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url(/local/templates/runordie/dist/css/../fonts/fa-solid-900.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-solid-900.ttf) format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url(/local/templates/runordie/dist/css/../fonts/fa-brands-400.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-brands-400.ttf) format("truetype"); } @font-face { font-family: 'FontAwesome'; font-display: block; src: url(/local/templates/runordie/dist/css/../fonts/fa-regular-400.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-regular-400.ttf) format("truetype"); unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; } @font-face { font-family: 'FontAwesome'; font-display: block; src: url(/local/templates/runordie/dist/css/../fonts/fa-v4compatibility.woff2) format("woff2"), url(/local/templates/runordie/dist/css/../fonts/fa-v4compatibility.ttf) format("truetype"); unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; } /*# sourceMappingURL=vendor.css.map*/ /* End */ /* Start:/local/templates/runordie/dist/css/main.css?1781794749459290*/ /*!****************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss ***! \****************************************************************************************************************************************************************************************************/ @charset "UTF-8"; @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-Thin.ttf) format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-ExtraLight.ttf) format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-ExtraBold.ttf) format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Montseratt"; src: url(/local/templates/runordie/dist/css/../fonts/Montserrat-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Runner'; src: url(/local/templates/runordie/dist/css/../fonts/Runner-Font.otf) format("opentype"), url(/local/templates/runordie/dist/css/../fonts/Runner-Font.ttf) format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'TagType'; src: url(/local/templates/runordie/dist/css/../fonts/tagtype.ttf) format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } * { padding: 0; margin: 0; border: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } html, body { height: 100%; } body { line-height: 1; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input, button, textarea { font-family: inherit; font-size: inherit; } button { cursor: pointer; color: inherit; background-color: inherit; } a { color: inherit; text-decoration: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } @-webkit-keyframes slide-down { 0% { top: -100%; } 100% { top: 0; } } @keyframes slide-down { 0% { top: -100%; } 100% { top: 0; } } /** * Swiper 11.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 9, 2024 */ @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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { -webkit-transform-style: preserve-3d; 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 { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; 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: ''; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; 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 { -webkit-margin-start: var(--swiper-centered-offset-before); 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 { -webkit-margin-before: var(--swiper-centered-offset-before); 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 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; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; 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 { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 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%; -o-object-fit: contain; object-fit: contain; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); 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; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); 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 { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.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, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-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%; -webkit-transform: translate3d(0px, -50%, 0); 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%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-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; -webkit-transition: .2s transform,.2s top; 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%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-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 { -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s right; 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, 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%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; 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; -ms-touch-action: none; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 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, 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; -ms-touch-action: none; 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 { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; 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; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; 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; -webkit-filter: blur(50px); 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; -webkit-transition-property: opacity,height,-webkit-transform; transition-property: opacity,height,-webkit-transform; transition-property: transform,opacity,height; transition-property: transform,opacity,height,-webkit-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } @media (max-width: 575.98px) { .mob-s-hidden { display: none !important; } } @media (max-width: 767.92px) { .mob-hidden { display: none !important; } } @media (min-width: 768px) { .mob-visible { display: none !important; } } @media (max-width: 991.92px) { .tablet-hidden { display: none !important; } } @media (min-width: 992px) { .tablet-visible { display: none !important; } } .triangle-right-bottom { position: relative; z-index: 1; } .triangle-right-bottom::before { content: ''; display: inline; position: absolute; z-index: 0; width: 0; height: 0; border-left: 156px solid transparent; border-bottom: 132px solid #000; right: 0; bottom: 0; } @media (max-width: 1240px) { .triangle-right-bottom::before { border-left: 95px solid transparent; border-bottom: 80px solid #000; } } @media (max-width: 991.92px) { .triangle-right-bottom::before { border-left: 65px solid transparent; border-bottom: 60px solid #000; } } @media (max-width: 767.92px) { .triangle-right-bottom::before { border-left: 42px solid transparent; border-bottom: 35px solid #000; } } .triangle-right-bottom--mini::before { border-left: 116px solid transparent; border-bottom: 106px solid #000; } @media (max-width: 1240px) { .triangle-right-bottom--mini::before { border-left: 76px solid transparent; border-bottom: 68px solid #000; } } @media (max-width: 991.92px) { .triangle-right-bottom--mini::before { border-left: 54px solid transparent; border-bottom: 49px solid #000; } } @media (max-width: 767.92px) { .triangle-right-bottom--mini::before { border-left: 34px solid transparent; border-bottom: 29px solid #000; } } .triangle-left-top { position: relative; z-index: 1; } .triangle-left-top::after { content: ''; display: inline; position: absolute; z-index: 0; width: 0; height: 0; border-right: 156px solid transparent; border-top: 132px solid #000; left: 0; top: 0; } @media (max-width: 1240px) { .triangle-left-top::after { border-right: 95px solid transparent; border-top: 80px solid #000; } } @media (max-width: 991.92px) { .triangle-left-top::after { border-right: 65px solid transparent; border-top: 60px solid #000; } } @media (max-width: 767.92px) { .triangle-left-top::after { border-right: 42px solid transparent; border-top: 35px solid #000; } } .triangle-left-top--mini::after { border-right: 116px solid transparent; border-top: 106px solid #000; } @media (max-width: 1240px) { .triangle-left-top--mini::after { border-right: 76px solid transparent; border-top: 68px solid #000; } } @media (max-width: 991.92px) { .triangle-left-top--mini::after { border-right: 54px solid transparent; border-top: 49px solid #000; } } @media (max-width: 767.92px) { .triangle-left-top--mini::after { border-right: 34px solid transparent; border-top: 29px solid #000; } } .triangle-left-bottom { position: relative; z-index: 1; } .triangle-left-bottom::before { content: ''; display: inline; position: absolute; z-index: 0; width: 0; height: 0; border-right: 156px solid transparent; border-bottom: 132px solid #000; left: 0; bottom: 0; } @media (max-width: 1240px) { .triangle-left-bottom::before { border-right: 95px solid transparent; border-bottom: 80px solid #000; } } @media (max-width: 991.92px) { .triangle-left-bottom::before { border-right: 65px solid transparent; border-bottom: 60px solid #000; } } @media (max-width: 767.92px) { .triangle-left-bottom::before { border-right: 42px solid transparent; border-bottom: 35px solid #000; } } .triangle-left-bottom--mini::before { border-right: 116px solid transparent; border-bottom: 106px solid #000; } @media (max-width: 1240px) { .triangle-left-bottom--mini::before { border-right: 76px solid transparent; border-bottom: 68px solid #000; } } @media (max-width: 991.92px) { .triangle-left-bottom--mini::before { border-right: 54px solid transparent; border-bottom: 49px solid #000; } } @media (max-width: 767.92px) { .triangle-left-bottom--mini::before { border-right: 34px solid transparent; border-bottom: 29px solid #000; } } .corner-right-bottom { position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; top: 0; } .corner-right-bottom::before { content: ''; display: inline; position: absolute; z-index: 0; width: 0; height: 0; border-left: 100vw solid transparent; border-bottom: 7vw solid #000; right: 0; bottom: 0; } .corner-right-bottom--white::before { border-bottom: 7vw solid #fff; } .corner-right-bottom--lblack::before { border-bottom: 7vw solid #1a1a1a; } .corner-right-bottom--orange::before { border-bottom: 7vw solid #ff7e00; } .transparent-right-bottom { margin-bottom: -7vw; } .transparent-right-bottom + section { padding-top: calc(7vw - 3px); margin-top: 1px; } .transparent-right-bottom::before { content: ''; display: inline; position: absolute; z-index: 1; width: 0; height: 0; border-left: 100vw solid black; border-bottom: 7vw solid transparent; right: 0; bottom: 0; } .transparent-right-bottom--white::before { border-bottom: 7vw solid transparent; } .transparent-right-bottom--lblack::before { border-left: 100vw solid #1a1a1a; } section { position: relative; } section.transparent-right-bottom { position: relative; margin-bottom: -7vw; padding-bottom: 80px; } @media (max-width: 575.98px) { section.transparent-right-bottom { padding-bottom: 40px; } } section.transparent-right-bottom .container { position: relative; z-index: 1; } .b-lblack { background-color: #1a1a1a !important; } .b-lblack.transparent-right-bottom::before { border-left: 100vw solid #1a1a1a !important; } .b-gblack { background-color: #1d1c1c !important; } .b-black { background-color: #000 !important; } .b-black.transparent-right-bottom::before { border-left: 100vw solid black !important; } [data-animation="fade-up"] { opacity: 0; } [data-animation="fade-up"][data-activated] { -webkit-animation: fadeInUp .5s ease-out forwards; animation: fadeInUp .5s ease-out forwards; } [data-animation="fade-up-2"] { opacity: 0; } [data-animation="fade-up-2"][data-activated] { -webkit-animation: fadeInUp2 .7s ease-out forwards; animation: fadeInUp2 .7s ease-out forwards; } [data-animation="fade-up-3"] { opacity: 0; } [data-animation="fade-up-3"][data-activated] { -webkit-animation: fadeInUp2 .5s ease-out forwards; animation: fadeInUp2 .5s ease-out forwards; -webkit-animation-delay: .4s; animation-delay: .4s; } [data-animation="fade-up-4"] { opacity: 0; } [data-animation="fade-up-4"][data-activated] { -webkit-animation: fadeInUp2 .5s ease-out forwards; animation: fadeInUp2 .5s ease-out forwards; -webkit-animation-delay: .7s; animation-delay: .7s; } [data-animation="fade-up-5"] { opacity: 0; } [data-animation="fade-up-5"][data-activated] { -webkit-animation: fadeInUp2 .5s ease-out forwards; animation: fadeInUp2 .5s ease-out forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } [data-animation="fade-up-6"] { opacity: 0; } [data-animation="fade-up-6"][data-activated] { -webkit-animation: fadeInUp2 .5s ease-out forwards; animation: fadeInUp2 .5s ease-out forwards; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } [data-animation="fade-left-2"] { opacity: 0; } [data-animation="fade-left-2"][data-activated] { -webkit-animation: fadeInLeft .5s ease-out forwards; animation: fadeInLeft .5s ease-out forwards; -webkit-animation-delay: .3s; animation-delay: .3s; } [data-animation="fade-left-3"] { opacity: 0; } [data-animation="fade-left-3"][data-activated] { -webkit-animation: fadeInLeft .5s ease-out forwards; animation: fadeInLeft .5s ease-out forwards; -webkit-animation-delay: .6s; animation-delay: .6s; } [data-animation="fade-left-4"] { opacity: 0; } [data-animation="fade-left-4"][data-activated] { -webkit-animation: fadeInLeft .5s ease-out forwards; animation: fadeInLeft .5s ease-out forwards; -webkit-animation-delay: .9s; animation-delay: .9s; } [data-animation="fade-left"] { opacity: 0; } [data-animation="fade-left"][data-activated] { -webkit-animation: fadeInLeft .5s ease-out forwards; animation: fadeInLeft .5s ease-out forwards; } [data-animation="custom-fade-1"] { opacity: 0; } [data-animation="custom-fade-1"][data-activated] { -webkit-animation: customFade1 .5s ease-out forwards; animation: customFade1 .5s ease-out forwards; } @-webkit-keyframes customFade1 { 0% { opacity: 0; -webkit-transform: translateY(-50%) translateX(calc(30% + 100px)); transform: translateY(-50%) translateX(calc(30% + 100px)); } 100% { opacity: 1; -webkit-transform: translateY(-50%) translateX(30%); transform: translateY(-50%) translateX(30%); } } @keyframes customFade1 { 0% { opacity: 0; -webkit-transform: translateY(-50%) translateX(calc(30% + 100px)); transform: translateY(-50%) translateX(calc(30% + 100px)); } 100% { opacity: 1; -webkit-transform: translateY(-50%) translateX(30%); transform: translateY(-50%) translateX(30%); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInUp2 { 0% { opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp2 { 0% { opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .form-input { position: relative; display: inline-block; } .form-input__error-text { position: absolute; z-index: 1; top: calc(100% + 4px); left: 0; font-size: 12px; color: #FF5252; line-height: 14px; } .form-input input, .form-input textarea { font-size: 16px; line-height: 20px; width: 100%; border: 1px solid #C9C9C9; padding: 14px 24px; background-color: #fff; color: #3A3A3A; font-weight: 500; } .form-input input:focus, .form-input textarea:focus { border-color: #ff7e00; } .form-input input::-webkit-input-placeholder, .form-input textarea::-webkit-input-placeholder { color: #ff7e00; } .form-input input::-moz-placeholder, .form-input textarea::-moz-placeholder { color: #ff7e00; } .form-input input:-ms-input-placeholder, .form-input textarea:-ms-input-placeholder { color: #ff7e00; } .form-input input::-ms-input-placeholder, .form-input textarea::-ms-input-placeholder { color: #ff7e00; } .form-input input::placeholder, .form-input textarea::placeholder { color: #ff7e00; } .form-input textarea { resize: none; } .form-input--m input, .form-input--m textarea { font-size: 14px; font-weight: 400; line-height: 21px; padding: 9.5px 15px; } .form-input label { display: inline-block; color: #000000; font-size: 16px; line-height: 24px; margin-bottom: 8px; text-transform: uppercase; } .form-input input[type='radio'] { display: none; } .form-input input[type='radio'] + label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 35px; cursor: pointer; } @media (max-width: 767.92px) { .form-input input[type='radio'] + label { font-size: 16px; line-height: 20px; } } .form-input input[type='radio'] + label::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; border: 1px solid #fd9531; border-radius: 50%; margin-right: 15px; } .form-input input[type='radio']:checked + label::before { background-color: #fd9531; border-color: #fd9531; } .form-input input[type='radio']:checked + label::after { content: ''; position: absolute; top: 50%; left: 5px; width: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 10px; background-color: #fff; border-radius: 50%; margin-right: 15px; } .form-input input[type='checkbox'] { display: none; } .form-input input[type='checkbox'] + label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 35px; cursor: pointer; color: #000; font-size: 12px; font-weight: 300; line-height: 14.52px; text-align: left; } .form-input input[type='checkbox'] + label::before { content: ''; position: absolute; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 18px; height: 18px; border: 2px solid #ff7e00; border-radius: 3px; margin-right: 15px; } .form-input input[type='checkbox']:checked + label::after { content: ''; position: absolute; width: 11px; height: 9px; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 4px; background-position: center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2711%27 height=%279%27 viewBox=%270 0 11 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M10.4065 0.261455C10.1866 0.0735871 9.90101 -0.0192547 9.61262 0.00333493C9.32423 0.0259246 9.05661 0.162097 8.86857 0.381924L4.1717 5.87497L1.6449 3.7656C1.54487 3.67955 1.42873 3.61424 1.30324 3.57347C1.17775 3.53271 1.0454 3.51729 0.913899 3.52812C0.782395 3.53895 0.654356 3.57581 0.537225 3.63657C0.420093 3.69732 0.316206 3.78074 0.231601 3.882C0.146997 3.98325 0.0833629 4.10032 0.044399 4.22638C0.00543504 4.35245 -0.00808177 4.485 0.00463411 4.61633C0.01735 4.74767 0.056045 4.87517 0.11847 4.99141C0.180895 5.10766 0.265804 5.21034 0.368262 5.29349L3.75357 8.12005C3.85796 8.20708 3.97915 8.27168 4.1096 8.30983C4.24004 8.34797 4.37695 8.35885 4.51178 8.34177C4.65477 8.33072 4.79418 8.29158 4.92203 8.22659C5.04988 8.1616 5.16366 8.07203 5.25686 7.96302L10.5263 1.79895C10.714 1.57888 10.8067 1.29334 10.784 1.00501C10.7614 0.716672 10.6253 0.449091 10.4056 0.260986%27 fill=%27%23ff7e00%27/%3e%3c/svg%3e"); } .form-input--error input[type='checkbox'] + label { color: #FF5252; } .form-input--error input[type='checkbox'] + label::before { border-color: #FF5252; } .form-input__search-submit { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-input--error input, .form-input--error textarea { border-color: #FF5252; } .form-input--success .form-input__error-text { display: none; } .form-input label { margin-bottom: 8px; } .form-body__fields-wrapper { background-color: #fff; padding: 30px; border-radius: 30px; } @media (max-width: 991.92px) { .form-body__fields-wrapper { border-radius: 10px; padding: 16px; } } @media (max-width: 767.92px) { .form-body__fields-wrapper { padding: 12px; } } .form-body__field label { display: block; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 6px; } .form-body__two-in-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } @media (max-width: 991.92px) { .form-body__two-in-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } } .form-body__two-in-row:last-child { margin-bottom: -40px; } @media (max-width: 991.92px) { .form-body__two-in-row:last-child { margin-bottom: -16px; } } .form-body__two-in-row .form-body__field { width: calc(50% - 30px); margin: 0 15px 40px; } @media (max-width: 991.92px) { .form-body__two-in-row .form-body__field { width: 100%; margin: 0 0 16px; } } .form-body__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 24px; } .form-body__buttons .btn + .btn { margin-left: 12px; } .form-body__results { display: none; position: absolute; margin-top: 12px; font-size: 18px; line-height: 24px; font-weight: 500; } @media (max-width: 991.92px) { .form-body__results { margin-top: 8px; font-size: 14px; line-height: 16px; } } @media (max-width: 767.92px) { .form-body__results { font-size: 12px; line-height: 14px; } } .form-body__results[data-success] { display: block; color: #1EB2E8; } .form-body__results[data-error] { display: block; color: #FF5252; } .password-eye { position: absolute; right: 20px; top: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; display: inline-block; width: 20px; height: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2720%27 height=%2712%27 viewBox=%270 0 20 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M10 0C5.68182 0 1.99409 2.488 0.5 6C1.99409 9.512 5.68182 12 10 12C14.3182 12 18.0059 9.512 19.5 6C18.0059 2.488 14.3182 0 10 0ZM10 10C7.61636 10 5.68182 8.208 5.68182 6C5.68182 3.792 7.61636 2 10 2C12.3836 2 14.3182 3.792 14.3182 6C14.3182 8.208 12.3836 10 10 10ZM10 3.6C8.56636 3.6 7.40909 4.672 7.40909 6C7.40909 7.328 8.56636 8.4 10 8.4C11.4336 8.4 12.5909 7.328 12.5909 6C12.5909 4.672 11.4336 3.6 10 3.6Z%27 fill=%27%23E0E4EA%27/%3e%3c/svg%3e"); } .form .form__some { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 16px; } .form .form__some .form-input { margin: 0 6px 12px; } .form .form__some .form-input + .form-input { margin-top: 0; } .form-select label { display: inline-block; color: #000000; font-size: 16px; line-height: 24px; margin-bottom: 8px; text-transform: uppercase; } .form-select .choices[data-type*="select-one"] .choices__inner { padding-bottom: 14px; } .form-select .choices__inner { font-size: 16px; line-height: 20px; width: 100%; border: 1px solid #C9C9C9; padding: 14px 24px; background-color: #fff; color: #3A3A3A; font-weight: 500; border-radius: 0; } .form-select .choices[data-type*="select-one"].is-open::after { border-color: transparent transparent #E9ECF2; } .form-select .choices .choices__list { padding: 0; } .form-select .choices .choices__list .choices__item { font-size: 16px; font-weight: 400; line-height: 24px; } .form-select .choices .choices__list .choices__item.is-selected { color: #ff7e00; } .form-select .choices[data-type*="select-one"]::after { margin-top: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M7.48682 9.84205C7.85106 9.50383 8.42051 9.52492 8.75874 9.88916L11.9992 13.3789L15.2397 9.88916C15.5779 9.52492 16.1474 9.50383 16.5116 9.84205C16.8759 10.1803 16.897 10.7497 16.5587 11.114L12.6587 15.314C12.4884 15.4974 12.2495 15.6016 11.9992 15.6016C11.749 15.6016 11.51 15.4974 11.3397 15.314L7.43971 11.114C7.10149 10.7497 7.12258 10.1803 7.48682 9.84205Z%27 fill=%27%239CA5AD%27/%3e%3c/svg%3e"); border: none; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; transition: all .3s; } .form-select .choices[data-type*="select-one"].is-open::after { margin-top: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .form-select .choices__list--dropdown, .form-select .choices__list[aria-expanded] { border: 1px solid #ff7e00; } .form-select .choices.is-focused .choices__inner, .form-select .choices.is-open .choices__inner { border-color: #ff7e00; } .form-select .choices.is-open .choices__list--dropdown, .form-select .choices.is-open .choices__list[aria-expanded] { border-color: #ff7e00; z-index: 2; } .form-radio-box { display: inline-block; cursor: pointer; } .form-radio-box input { display: none; } .form-radio-box input:checked + label { border: 1px solid #1EB2E8; background: #E8F9FF; color: #1EB2E8; } .form-radio-box input:checked + label:hover { opacity: 1; } .form-radio-box label { display: inline-block; padding: 10px 12px; background-color: #fff; cursor: pointer; border: 1px solid #E9ECF2; border-radius: 10px; font-size: 16px; font-weight: 500; line-height: 24px; color: #6B7280; text-transform: uppercase; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .form-radio-box label:hover { opacity: 0.7; } @media (max-width: 767.92px) { .form-radio-box label { padding: 8px 10px; font-size: 14px; line-height: 21px; } } h1, .h1 { font-size: 92px; font-weight: 900; line-height: 1; } @media (max-width: 1240px) { h1, .h1 { font-size: 64px; line-height: 1; } } @media (max-width: 991.92px) { h1, .h1 { font-size: 48px; line-height: 1; } } @media (max-width: 767.92px) { h1, .h1 { font-size: 30px; line-height: 1; } } h2, .h2 { font-size: 72px; font-weight: 900; line-height: 1; } @media (max-width: 1240px) { h2, .h2 { font-size: 64px; line-height: 1; } } @media (max-width: 991.92px) { h2, .h2 { font-size: 48px; line-height: 1; } } @media (max-width: 767.92px) { h2, .h2 { font-size: 36px; line-height: 1; } } @media (max-width: 575.98px) { h2, .h2 { font-size: 24px; line-height: 1; } } .h2-little { font-size: 48px; line-height: 1; font-weight: 900; } @media (max-width: 1240px) { .h2-little { font-size: 40px; line-height: 1; } } @media (max-width: 991.92px) { .h2-little { font-size: 32px; line-height: 1; } } @media (max-width: 767.92px) { .h2-little { font-size: 24px; line-height: 1; } } h3, .h3 { font-size: 40px; line-height: 1; font-weight: 900; } @media (max-width: 1240px) { h3, .h3 { font-size: 32px; line-height: 1; } } @media (max-width: 991.92px) { h3, .h3 { font-size: 24px; line-height: 1; } } @media (max-width: 767.92px) { h3, .h3 { font-size: 20px; line-height: 1; } } ul, ol, li { list-style-type: disc; } ul, ol { padding-left: 16px; margin-bottom: .7em; } ul li + li, ol li + li { margin-top: 8px; } .btn { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; line-height: 1.4; background-color: #ff7e00; color: #fff; text-align: center; padding: 15px 30px; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; font-weight: 700; width: 400px; max-width: 100%; border: 1px solid #ff7e00; z-index: 1; overflow: hidden; text-transform: uppercase; } @media (max-width: 991.92px) { .btn { font-size: 18px; line-height: 1.4; } } @media (max-width: 767.92px) { .btn { font-size: 16px; line-height: 1.4; } } @media (max-width: 575.98px) { .btn { font-size: 14px; line-height: 1.4; } } @media (max-width: 575.98px) { .btn { min-width: unset; width: 100%; } } .btn--mini { padding: 12px 30px; height: 50px; font-size: 14px; } .btn--br { border-radius: 10px; } .btn--orange::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #fff; z-index: -1; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } .btn--orange:hover { color: #ff7e00; } .btn--orange:hover::before { left: 0; } .btn--transparent { background-color: transparent; color: #fff; border-color: #fff; -webkit-transition: border-color .3s, color .3s; transition: border-color .3s, color .3s; } .btn--transparent:hover { color: #ff7e00; border-color: #ff7e00; } .btn--transparent-hov-black { background-color: transparent; color: #ff7e00; } .btn--transparent-hov-black:hover { color: #fff; border-color: #000; background-color: #000; } .btn--black { background-color: #000; color: #fff; border-color: #000000; } .btn--black::before { content: ''; position: absolute; top: 0; width: 0; height: 100%; background-color: #fff; border-color: #000000; z-index: -1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; left: 50%; right: 50%; } .btn--black::after { content: ''; position: absolute; top: 0; width: 0; height: 100%; background-color: #fff; border-color: #000000; z-index: -1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; left: 50%; right: 50%; } .btn--black:hover { color: #000; } .btn--black:hover::before { left: 0; width: 50%; } .btn--black:hover::after { right: 0; width: 50%; } .btn--black-hov-transparent { background-color: #000; color: #fff; border-color: #000; } .btn--black-hov-transparent:hover { color: #000; border-color: #000; background-color: transparent; } .btn--transparent-color-black { background-color: transparent; color: black; border-color: black; } .btn--transparent-color-black:hover { color: #ff7e00; border-color: #ff7e00; } .btn--border { border: 1px solid #C56940; background-color: transparent; color: #C56940; } .btn--white { background-color: #fff; color: #000000; } .btn--white::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #000; z-index: -1; -webkit-transition: left 0.2s ease; transition: left 0.2s ease; } .btn--white:hover { color: #fff; } .btn--white:hover::before { left: 0; } .btn--blue { border: 1px solid #274D74; background-color: #274D74; color: #fff; } .btn--blue.btn--border { background-color: #fff; color: #274D74; } .nav-next, .nav-prev { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 35px; height: 35px; cursor: pointer; color: #fff; background-color: #ff7e00; border-radius: 0; } @media (max-width: 767.92px) { .nav-next, .nav-prev { width: 32px; height: 32px; font-size: 13px; } } .nav-next--black, .nav-prev--black { color: #ff7e00; background-color: #1a1a1a; } .nav-next.swiper-button-lock, .nav-prev.swiper-button-lock { display: none; } .nav-next.swiper-button-disabled, .nav-prev.swiper-button-disabled { opacity: .5; cursor: auto; } .area-darken { position: relative; z-index: 3; opacity: 0.6; pointer-events: none; } .modals { margin-bottom: 0; } .modals--active { position: fixed; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; background: #00000099; backdrop-filter: blur(2px); z-index: 1000; cursor: pointer; } .modal { position: absolute; top: 50%; left: 50%; max-width: calc(100% - 24px); max-height: calc(100% - 24px); padding: 24px; min-width: 300px; overflow-y: auto; background: #ffffff; border-radius: 15px; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all .3s; transition: all .3s; } @media (max-width: 768px) { .modal { padding: 16px 12px; } } .modal__close-button { position: absolute; top: 12px; right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal__close-button::after { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 33px; height: 33px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2733%27 height=%2733%27 viewBox=%270 0 33 33%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M8.9296 9.0585C9.39823 8.58987 10.158 8.58987 10.6267 9.0585L16.5781 15.01L22.5296 9.0585C22.9982 8.58987 23.758 8.58987 24.2267 9.0585C24.6953 9.52713 24.6953 10.2869 24.2267 10.7556L18.2752 16.707L24.2267 22.6585C24.6953 23.1271 24.6953 23.8869 24.2267 24.3556C23.758 24.8242 22.9982 24.8242 22.5296 24.3556L16.5781 18.4041L10.6267 24.3556C10.158 24.8242 9.39823 24.8242 8.9296 24.3556C8.46097 23.8869 8.46097 23.1271 8.9296 22.6585L14.8811 16.707L8.9296 10.7556C8.46097 10.2869 8.46097 9.52713 8.9296 9.0585Z%27 fill=%27%23E4E7EC%27/%3e%3c/svg%3e"); background-size: contain; content: ""; z-index: 4; } @media (max-width: 768px) { .modal__close-button { top: 12px; right: 12px; width: 16px; height: 16px; } } .modal[data-hidden] { opacity: 0; visibility: hidden; z-index: -1; -webkit-transform: translate(-50%, -50%) scale(0.9); -ms-transform: translate(-50%, -50%) scale(0.9); transform: translate(-50%, -50%) scale(0.9); -webkit-transition: opacity .05s linear .15s, z-index 0s ease .3s, visibility 0s ease .3s, -webkit-transform .2s; transition: opacity .05s linear .15s, z-index 0s ease .3s, visibility 0s ease .3s, -webkit-transform .2s; transition: transform .2s, opacity .05s linear .15s, z-index 0s ease .3s, visibility 0s ease .3s; transition: transform .2s, opacity .05s linear .15s, z-index 0s ease .3s, visibility 0s ease .3s, -webkit-transform .2s; } .modal-form { width: 824px; } @media (max-width: 991.92px) { .modal-form { width: 728px; } } @media (max-width: 767.92px) { .modal-form { max-width: 100%; } } .modal-form__map { border-radius: 15px; overflow: hidden; margin-top: 32px; } .modal-form__title { font-size: 24px; font-weight: 700; line-height: 28.8px; margin-bottom: 33px; } @media (max-width: 767.92px) { .modal-form__title { font-size: 20px; font-weight: 600; line-height: 24px; margin-bottom: 24px; } } .modal-form__stars { margin-bottom: 20px; } .modal-form label { display: inline-block; margin-bottom: 6px; font-weight: 500; } .modal-form .form-input + .form-input { margin-top: 16px; } .modal-form .form-input__error-text { position: static; } .modal-form__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; } .modal-form__buttons .btn + .btn { margin-left: 12px; } @media (max-width: 575.98px) { .modal-form__buttons .btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .modal-form__buttons .btn + .btn { margin-left: 12px; } } .result-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .result-modal--horisontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .result-modal--horisontal .result-modal__info { text-align: left; } .result-modal__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 20px; } .result-modal__icon { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .result-modal__title { font-size: 24px; line-height: 28px; font-weight: 600; margin-bottom: 15px; } .result-modal__desc { font-size: 18px; line-height: 22px; } .subscribe-success { position: relative; font-size: 22px; line-height: 36px; margin: 10px 0; color: #C56940; font-weight: 400; } .subscribe-success::before { content: ''; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%27150%27 height=%27170%27 viewBox=%270 0 150 170%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cg clip-path=%27url%28%23clip0_356_242%29%27%3e%3cg style=%27mix-blend-mode:multiply%27%3e%3cpath opacity=%270.01%27 d=%27M0.783267 164.171C0.783267 167.357 34.0134 169.94 75.0022 169.94C115.991 169.94 149.221 167.357 149.221 164.171C149.221 160.985 115.991 158.403 75.0022 158.403C34.0134 158.403 0.783267 160.985 0.783267 164.171Z%27 fill=%27%23FDFDFD%27/%3e%3cpath opacity=%270.02%27 d=%27M1.17261 164.171C1.17261 167.338 34.2245 169.907 75.0022 169.907C115.78 169.907 148.827 167.338 148.827 164.171C148.827 161.004 115.775 158.436 74.9975 158.436C34.2198 158.436 1.16791 161.004 1.16791 164.171H1.17261Z%27 fill=%27%23FCFCFC%27/%3e%3cpath opacity=%270.03%27 d=%27M1.56212 164.171C1.56212 167.32 34.4404 169.874 74.9977 169.874C115.555 169.874 148.438 167.32 148.438 164.171C148.438 161.023 115.56 158.468 74.9977 158.468C34.4358 158.468 1.56212 161.023 1.56212 164.171Z%27 fill=%27%23FBFBFB%27/%3e%3cpath opacity=%270.03%27 d=%27M1.95146 164.171C1.95146 167.301 34.6562 169.841 74.9977 169.841C115.339 169.841 148.044 167.301 148.044 164.171C148.044 161.041 115.339 158.501 74.9977 158.501C34.6562 158.501 1.95146 161.041 1.95146 164.171Z%27 fill=%27%23FAFAFA%27/%3e%3cpath opacity=%270.04%27 d=%27M2.34537 164.171C2.34537 167.282 34.8719 169.809 75.0023 169.809C115.133 169.809 147.659 167.282 147.659 164.171C147.659 161.06 115.128 158.534 75.0023 158.534C34.8766 158.534 2.34537 161.06 2.34537 164.171Z%27 fill=%27%23F9F9F9%27/%3e%3cpath opacity=%270.05%27 d=%27M2.7349 164.171C2.7349 167.268 35.0878 169.776 75.0025 169.776C114.917 169.776 147.27 167.264 147.27 164.171C147.27 161.079 114.917 158.567 75.0025 158.567C35.0878 158.567 2.7349 161.079 2.7349 164.171Z%27 fill=%27%23F8F8F8%27/%3e%3cpath opacity=%270.05%27 d=%27M3.12393 164.171C3.12393 167.25 35.3033 169.743 75.0021 169.743C114.701 169.743 146.88 167.245 146.88 164.171C146.88 161.098 114.701 158.599 75.0021 158.599C35.3033 158.599 3.12393 161.093 3.12393 164.171Z%27 fill=%27%23F7F7F7%27/%3e%3cpath opacity=%270.06%27 d=%27M3.51326 164.171C3.51326 167.231 35.5191 169.71 74.9975 169.71C114.476 169.71 146.486 167.231 146.486 164.171C146.486 161.112 114.481 158.632 74.9975 158.632C35.5144 158.632 3.51326 161.112 3.51326 164.171Z%27 fill=%27%23F6F6F6%27/%3e%3cpath opacity=%270.07%27 d=%27M3.90259 164.171C3.90259 167.212 35.7302 169.678 74.9974 169.678C114.265 169.678 146.092 167.212 146.092 164.171C146.092 161.13 114.26 158.665 74.9974 158.665C35.7349 158.665 3.90259 161.13 3.90259 164.171Z%27 fill=%27%23F5F5F5%27/%3e%3cpath opacity=%270.07%27 d=%27M4.29701 164.171C4.29701 167.193 35.951 169.645 75.0025 169.645C114.054 169.645 145.708 167.193 145.708 164.171C145.708 161.149 114.054 158.698 75.0025 158.698C35.951 158.698 4.29701 161.149 4.29701 164.171Z%27 fill=%27%23F4F4F4%27/%3e%3cpath opacity=%270.08%27 d=%27M4.68633 164.171C4.68633 167.175 36.1668 169.612 74.9978 169.612C113.829 169.612 145.314 167.175 145.314 164.171C145.314 161.168 113.834 158.73 74.9978 158.73C36.1621 158.73 4.68633 161.168 4.68633 164.171Z%27 fill=%27%23F3F3F3%27/%3e%3cpath opacity=%270.08%27 d=%27M5.07536 164.171C5.07536 167.156 36.3822 169.579 74.9975 169.579C113.613 169.579 144.924 167.156 144.924 164.171C144.924 161.187 113.617 158.763 74.9975 158.763C36.3776 158.763 5.07536 161.187 5.07536 164.171Z%27 fill=%27%23F2F2F2%27/%3e%3cpath opacity=%270.09%27 d=%27M5.46471 164.171C5.46471 167.142 36.5933 169.547 74.9975 169.547C113.402 169.547 144.53 167.137 144.53 164.171C144.53 161.205 113.402 158.796 74.9975 158.796C36.5933 158.796 5.46471 161.205 5.46471 164.171Z%27 fill=%27%23F1F1F1%27/%3e%3cpath opacity=%270.1%27 d=%27M5.85912 164.171C5.85912 167.123 36.8142 169.514 75.0025 169.514C113.191 169.514 144.146 167.119 144.146 164.171C144.146 161.224 113.191 158.829 75.0025 158.829C36.8142 158.829 5.85912 161.219 5.85912 164.171Z%27 fill=%27%23F0F0F0%27/%3e%3cpath opacity=%270.1%27 d=%27M6.24814 164.171C6.24814 167.104 37.0296 169.481 75.0022 169.481C112.975 169.481 143.756 167.104 143.756 164.171C143.756 161.238 112.975 158.861 75.0022 158.861C37.0296 158.861 6.24814 161.238 6.24814 164.171Z%27 fill=%27%23EFEFEF%27/%3e%3cpath opacity=%270.11%27 d=%27M6.63748 164.171C6.63748 167.086 37.2454 169.448 74.9975 169.448C112.75 169.448 143.362 167.086 143.362 164.171C143.362 161.257 112.754 158.894 74.9975 158.894C37.2407 158.894 6.63748 161.257 6.63748 164.171Z%27 fill=%27%23EEEEEE%27/%3e%3cpath opacity=%270.12%27 d=%27M7.02681 164.171C7.02681 167.067 37.4565 169.416 74.9975 169.416C112.539 169.416 142.968 167.067 142.968 164.171C142.968 161.275 112.539 158.927 74.9975 158.927C37.4565 158.927 7.02681 161.275 7.02681 164.171Z%27 fill=%27%23EDEDED%27/%3e%3cpath opacity=%270.12%27 d=%27M7.41635 164.171C7.41635 167.048 37.6725 169.383 74.9977 169.383C112.323 169.383 142.579 167.048 142.579 164.171C142.579 161.294 112.323 158.96 74.9977 158.96C37.6725 158.96 7.41635 161.294 7.41635 164.171Z%27 fill=%27%23ECECEC%27/%3e%3cpath opacity=%270.13%27 d=%27M7.81027 164.171C7.81027 167.03 37.8928 169.35 75.0023 169.35C112.112 169.35 142.194 167.03 142.194 164.171C142.194 161.313 112.112 158.992 75.0023 158.992C37.8928 158.992 7.81027 161.313 7.81027 164.171Z%27 fill=%27%23EBEBEB%27/%3e%3cpath opacity=%270.14%27 d=%27M8.19978 164.171C8.19978 167.016 38.1088 169.317 75.0025 169.317C111.896 169.317 141.805 167.011 141.805 164.171C141.805 161.332 111.896 159.025 75.0025 159.025C38.1088 159.025 8.19978 161.332 8.19978 164.171Z%27 fill=%27%23EAEAEA%27/%3e%3cpath opacity=%270.14%27 d=%27M8.58911 164.171C8.58911 166.997 38.3199 169.285 74.9978 169.285C111.676 169.285 141.411 166.992 141.411 164.171C141.411 161.35 111.68 159.058 74.9978 159.058C38.3152 159.058 8.58911 161.35 8.58911 164.171Z%27 fill=%27%23E9E9E9%27/%3e%3cpath opacity=%270.15%27 d=%27M75.0022 169.252C38.5407 169.252 8.98285 166.977 8.98285 164.171C8.98285 161.365 38.5407 159.091 75.0022 159.091C111.464 159.091 141.021 161.365 141.021 164.171C141.021 166.977 111.464 169.252 75.0022 169.252Z%27 fill=%27%23E8E8E8%27/%3e%3cpath opacity=%270.16%27 d=%27M9.37236 164.171C9.37236 166.959 38.756 169.224 75.0023 169.224C111.249 169.224 140.632 166.964 140.632 164.171C140.632 161.378 111.249 159.123 75.0023 159.123C38.756 159.123 9.37236 161.383 9.37236 164.171Z%27 fill=%27%23E7E7E7%27/%3e%3cpath opacity=%270.16%27 d=%27M9.76189 164.171C9.76189 166.941 38.9719 169.186 75.0025 169.186C111.033 169.186 140.243 166.941 140.243 164.171C140.243 161.402 111.033 159.156 75.0025 159.156C38.9719 159.156 9.76189 161.402 9.76189 164.171Z%27 fill=%27%23E6E6E6%27/%3e%3cpath opacity=%270.17%27 d=%27M10.1512 164.171C10.1512 166.922 39.183 169.158 74.9978 169.158C110.813 169.158 139.849 166.927 139.849 164.171C139.849 161.416 110.817 159.189 74.9978 159.189C39.1783 159.189 10.1512 161.42 10.1512 164.171Z%27 fill=%27%23E5E5E5%27/%3e%3cpath opacity=%270.18%27 d=%27M75.0022 169.121C39.4035 169.121 10.545 166.905 10.545 164.171C10.545 161.438 39.4035 159.222 75.0022 159.222C110.601 159.222 139.459 161.438 139.459 164.171C139.459 166.905 110.601 169.121 75.0022 169.121Z%27 fill=%27%23E4E4E4%27/%3e%3cpath opacity=%270.18%27 d=%27M10.9296 164.171C10.9296 166.889 39.6143 169.088 74.9975 169.088C110.381 169.088 139.065 166.885 139.065 164.171C139.065 161.458 110.381 159.254 74.9975 159.254C39.6143 159.254 10.9296 161.458 10.9296 164.171Z%27 fill=%27%23E3E3E3%27/%3e%3cpath opacity=%270.19%27 d=%27M11.324 164.171C11.324 166.871 39.8351 169.06 75.0026 169.06C110.17 169.06 138.681 166.871 138.681 164.171C138.681 161.472 110.17 159.287 75.0026 159.287C39.8351 159.287 11.324 161.477 11.324 164.171Z%27 fill=%27%23E2E2E2%27/%3e%3cpath opacity=%270.2%27 d=%27M11.713 164.171C11.713 166.852 40.0459 169.027 75.0023 169.027C109.959 169.027 138.292 166.852 138.292 164.171C138.292 161.491 109.959 159.315 75.0023 159.315C40.0459 159.315 11.713 161.491 11.713 164.171Z%27 fill=%27%23E1E1E1%27/%3e%3cpath opacity=%270.2%27 d=%27M12.1024 164.171C12.1024 166.833 40.2617 168.995 74.9976 168.995C109.733 168.995 137.897 166.833 137.897 164.171C137.897 161.509 109.738 159.353 74.9976 159.353C40.257 159.353 12.1024 161.509 12.1024 164.171Z%27 fill=%27%23E0E0E0%27/%3e%3cpath opacity=%270.21%27 d=%27M12.4917 164.171C12.4917 166.815 40.4774 168.962 74.9976 168.962C109.518 168.962 137.503 166.815 137.503 164.171C137.503 161.528 109.518 159.385 74.9976 159.385C40.4774 159.385 12.4917 161.528 12.4917 164.171Z%27 fill=%27%23DFDFDF%27/%3e%3cpath opacity=%270.22%27 d=%27M12.8856 164.171C12.8856 166.796 40.6978 168.929 75.0021 168.929C109.306 168.929 137.119 166.8 137.119 164.171C137.119 161.542 109.306 159.418 75.0021 159.418C40.6978 159.418 12.8856 161.547 12.8856 164.171Z%27 fill=%27%23DEDEDE%27/%3e%3cpath opacity=%270.22%27 d=%27M13.2751 164.171C13.2751 166.777 40.9091 168.896 75.0023 168.896C109.096 168.896 136.729 166.782 136.729 164.171C136.729 161.561 109.096 159.446 75.0023 159.446C40.9091 159.446 13.2751 161.561 13.2751 164.171Z%27 fill=%27%23DDDDDD%27/%3e%3cpath opacity=%270.23%27 d=%27M13.6645 164.171C13.6645 166.763 41.1248 168.864 74.9976 168.864C108.87 168.864 136.335 166.763 136.335 164.171C136.335 161.579 108.875 159.479 74.9976 159.479C41.1202 159.479 13.6645 161.579 13.6645 164.171Z%27 fill=%27%23DCDCDC%27/%3e%3cpath opacity=%270.24%27 d=%27M14.0538 164.171C14.0538 166.744 41.3406 168.831 74.9976 168.831C108.655 168.831 135.941 166.744 135.941 164.171C135.941 161.598 108.655 159.516 74.9976 159.516C41.3406 159.516 14.0538 161.603 14.0538 164.171Z%27 fill=%27%23DBDBDB%27/%3e%3cpath opacity=%270.24%27 d=%27M14.4433 164.171C14.4433 166.726 41.5519 168.798 74.9978 168.798C108.444 168.798 135.552 166.726 135.552 164.171C135.552 161.617 108.444 159.544 74.9978 159.544C41.5519 159.544 14.4433 161.617 14.4433 164.171Z%27 fill=%27%23DADADA%27/%3e%3cpath opacity=%270.25%27 d=%27M14.8372 164.171C14.8372 166.707 41.7722 168.765 75.0024 168.765C108.232 168.765 135.167 166.707 135.167 164.171C135.167 161.636 108.232 159.577 75.0024 159.577C41.7722 159.577 14.8372 161.631 14.8372 164.171Z%27 fill=%27%23D9D9D9%27/%3e%3cpath opacity=%270.25%27 d=%27M15.2268 164.171C15.2268 166.688 41.9882 168.733 75.0025 168.733C108.017 168.733 134.778 166.688 134.778 164.171C134.778 161.654 108.017 159.61 75.0025 159.61C41.9882 159.61 15.2268 161.65 15.2268 164.171Z%27 fill=%27%23D8D8D8%27/%3e%3cpath opacity=%270.26%27 d=%27M15.6161 164.171C15.6161 166.669 42.204 168.7 74.9979 168.7C107.792 168.7 134.384 166.674 134.384 164.171C134.384 161.668 107.796 159.643 74.9979 159.643C42.1993 159.643 15.6161 161.668 15.6161 164.171Z%27 fill=%27%23D7D7D7%27/%3e%3cpath opacity=%270.27%27 d=%27M16.0054 164.171C16.0054 166.651 42.415 168.667 74.9978 168.667C107.581 168.667 133.99 166.655 133.99 164.171C133.99 161.687 107.581 159.675 74.9978 159.675C42.415 159.675 16.0054 161.687 16.0054 164.171Z%27 fill=%27%23D6D6D6%27/%3e%3cpath opacity=%270.27%27 d=%27M16.3994 164.171C16.3994 166.637 42.6354 168.634 75.0024 168.634C107.369 168.634 133.605 166.637 133.605 164.171C133.605 161.706 107.369 159.708 75.0024 159.708C42.6354 159.708 16.3994 161.706 16.3994 164.171Z%27 fill=%27%23D5D5D5%27/%3e%3cpath opacity=%270.28%27 d=%27M16.7884 164.171C16.7884 166.618 42.8509 168.602 75.0021 168.602C107.153 168.602 133.216 166.618 133.216 164.171C133.216 161.724 107.153 159.741 75.0021 159.741C42.8509 159.741 16.7884 161.724 16.7884 164.171Z%27 fill=%27%23D4D4D4%27/%3e%3cpath opacity=%270.29%27 d=%27M17.1779 164.171C17.1779 166.599 43.0668 168.569 75.0023 168.569C106.938 168.569 132.827 166.599 132.827 164.171C132.827 161.743 106.938 159.774 75.0023 159.774C43.0668 159.774 17.1779 161.743 17.1779 164.171Z%27 fill=%27%23D3D3D3%27/%3e%3cpath opacity=%270.29%27 d=%27M17.5675 164.171C17.5675 166.581 43.2782 168.536 74.9979 168.536C106.718 168.536 132.428 166.581 132.428 164.171C132.428 161.762 106.718 159.806 74.9979 159.806C43.2782 159.806 17.5675 161.762 17.5675 164.171Z%27 fill=%27%23D2D2D2%27/%3e%3cpath opacity=%270.3%27 d=%27M17.9566 164.171C17.9566 166.562 43.4937 168.503 74.9976 168.503C106.501 168.503 132.039 166.562 132.039 164.171C132.039 161.781 106.501 159.839 74.9976 159.839C43.4937 159.839 17.9566 161.776 17.9566 164.171Z%27 fill=%27%23D1D1D1%27/%3e%3cpath opacity=%270.31%27 d=%27M18.3505 164.171C18.3505 166.543 43.714 168.471 75.0022 168.471C106.29 168.471 131.654 166.543 131.654 164.171C131.654 161.799 106.29 159.872 75.0022 159.872C43.714 159.872 18.3505 161.795 18.3505 164.171Z%27 fill=%27%23D0D0D0%27/%3e%3cpath opacity=%270.31%27 d=%27M18.7398 164.171C18.7398 166.524 43.9298 168.438 74.9975 168.438C106.065 168.438 131.26 166.529 131.26 164.171C131.26 161.813 106.07 159.905 74.9975 159.905C43.9251 159.905 18.7398 161.813 18.7398 164.171Z%27 fill=%27%23CFCFCF%27/%3e%3cpath opacity=%270.32%27 d=%27M19.1294 164.171C19.1294 166.51 44.1411 168.405 74.9976 168.405C105.854 168.405 130.871 166.51 130.871 164.171C130.871 161.832 105.859 159.937 74.9976 159.937C44.1364 159.937 19.1294 161.832 19.1294 164.171Z%27 fill=%27%23CECECE%27/%3e%3cpath opacity=%270.33%27 d=%27M19.5187 164.171C19.5187 166.492 44.3569 168.372 74.9976 168.372C105.638 168.372 130.477 166.492 130.477 164.171C130.477 161.851 105.638 159.97 74.9976 159.97C44.3569 159.97 19.5187 161.851 19.5187 164.171Z%27 fill=%27%23CDCDCD%27/%3e%3cpath opacity=%270.33%27 d=%27M19.9126 164.171C19.9126 166.473 44.5772 168.34 75.0022 168.34C105.427 168.34 130.092 166.473 130.092 164.171C130.092 161.87 105.427 160.003 75.0022 160.003C44.5772 160.003 19.9126 161.87 19.9126 164.171Z%27 fill=%27%23CCCCCC%27/%3e%3cpath opacity=%270.34%27 d=%27M20.3021 164.171C20.3021 166.454 44.7932 168.307 75.0024 168.307C105.212 168.307 129.703 166.454 129.703 164.171C129.703 161.888 105.212 160.036 75.0024 160.036C44.7932 160.036 20.3021 161.888 20.3021 164.171Z%27 fill=%27%23CBCBCB%27/%3e%3cpath opacity=%270.35%27 d=%27M20.6915 164.171C20.6915 166.436 45.0043 168.274 74.9977 168.274C104.991 168.274 129.309 166.436 129.309 164.171C129.309 161.907 104.996 160.068 74.9977 160.068C44.9996 160.068 20.6915 161.907 20.6915 164.171Z%27 fill=%27%23CACACA%27/%3e%3cpath opacity=%270.35%27 d=%27M21.0808 164.171C21.0808 166.417 45.22 168.241 74.9977 168.241C104.775 168.241 128.915 166.417 128.915 164.171C128.915 161.926 104.775 160.101 74.9977 160.101C45.22 160.101 21.0808 161.921 21.0808 164.171Z%27 fill=%27%23C9C9C9%27/%3e%3cpath opacity=%270.36%27 d=%27M21.4703 164.171C21.4703 166.398 45.436 168.209 74.9979 168.209C104.56 168.209 128.525 166.398 128.525 164.171C128.525 161.944 104.56 160.134 74.9979 160.134C45.436 160.134 21.4703 161.94 21.4703 164.171Z%27 fill=%27%23C8C8C8%27/%3e%3cpath opacity=%270.37%27 d=%27M21.8642 164.171C21.8642 166.379 45.6563 168.176 75.0024 168.176C104.349 168.176 128.141 166.384 128.141 164.171C128.141 161.958 104.349 160.167 75.0024 160.167C45.6563 160.167 21.8642 161.958 21.8642 164.171Z%27 fill=%27%23C7C7C7%27/%3e%3cpath opacity=%270.37%27 d=%27M75.0021 168.143C45.8697 168.143 22.2533 166.365 22.2533 164.171C22.2533 161.978 45.8697 160.199 75.0021 160.199C104.135 160.199 127.751 161.978 127.751 164.171C127.751 166.365 104.135 168.143 75.0021 168.143Z%27 fill=%27%23C6C6C6%27/%3e%3cpath opacity=%270.38%27 d=%27M22.6429 164.171C22.6429 166.347 46.0832 168.11 74.9977 168.11C103.912 168.11 127.353 166.347 127.353 164.171C127.353 161.996 103.912 160.232 74.9977 160.232C46.0832 160.232 22.6429 161.996 22.6429 164.171Z%27 fill=%27%23C5C5C5%27/%3e%3cpath opacity=%270.39%27 d=%27M23.0319 164.171C23.0319 166.328 46.2987 168.078 74.9974 168.078C103.696 168.078 126.963 166.328 126.963 164.171C126.963 162.015 103.696 160.265 74.9974 160.265C46.2987 160.265 23.0319 162.015 23.0319 164.171Z%27 fill=%27%23C4C4C4%27/%3e%3cpath opacity=%270.39%27 d=%27M23.4264 164.171C23.4264 166.309 46.5195 168.045 75.0025 168.045C103.485 168.045 126.579 166.309 126.579 164.171C126.579 162.033 103.485 160.298 75.0025 160.298C46.5195 160.298 23.4264 162.033 23.4264 164.171Z%27 fill=%27%23C3C3C3%27/%3e%3cpath opacity=%270.4%27 d=%27M23.8154 164.171C23.8154 166.29 46.7303 168.012 75.0022 168.012C103.274 168.012 126.189 166.29 126.189 164.171C126.189 162.052 103.274 160.33 75.0022 160.33C46.7303 160.33 23.8154 162.047 23.8154 164.171Z%27 fill=%27%23C2C2C2%27/%3e%3cpath opacity=%270.41%27 d=%27M24.2047 164.171C24.2047 166.272 46.9461 167.979 74.9975 167.979C103.049 167.979 125.795 166.272 125.795 164.171C125.795 162.071 103.054 160.363 74.9975 160.363C46.9414 160.363 24.2047 162.066 24.2047 164.171Z%27 fill=%27%23C1C1C1%27/%3e%3cpath opacity=%270.41%27 d=%27M24.5941 164.171C24.5941 166.258 47.1618 167.947 74.9975 167.947C102.833 167.947 125.401 166.253 125.401 164.171C125.401 162.089 102.833 160.396 74.9975 160.396C47.1618 160.396 24.5941 162.085 24.5941 164.171Z%27 fill=%27%23C0C0C0%27/%3e%3cpath opacity=%270.42%27 d=%27M24.9836 164.171C24.9836 166.239 47.3778 167.914 74.9977 167.914C102.618 167.914 125.012 166.239 125.012 164.171C125.012 162.103 102.622 160.429 74.9977 160.429C47.3731 160.429 24.9836 162.103 24.9836 164.171Z%27 fill=%27%23BFBFBF%27/%3e%3cpath opacity=%270.42%27 d=%27M25.3775 164.171C25.3775 166.22 47.5935 167.881 75.0022 167.881C102.411 167.881 124.627 166.22 124.627 164.171C124.627 162.122 102.411 160.461 75.0022 160.461C47.5935 160.461 25.3775 162.122 25.3775 164.171Z%27 fill=%27%23BEBEBE%27/%3e%3cpath opacity=%270.43%27 d=%27M25.767 164.171C25.767 166.202 47.8094 167.848 75.0024 167.848C102.195 167.848 124.238 166.202 124.238 164.171C124.238 162.141 102.195 160.494 75.0024 160.494C47.8094 160.494 25.767 162.141 25.767 164.171Z%27 fill=%27%23BDBDBD%27/%3e%3cpath opacity=%270.44%27 d=%27M26.1562 164.171C26.1562 166.183 48.025 167.816 74.9975 167.816C101.97 167.816 123.839 166.183 123.839 164.171C123.839 162.16 101.97 160.527 74.9975 160.527C48.025 160.527 26.1562 162.16 26.1562 164.171Z%27 fill=%27%23BCBCBC%27/%3e%3cpath opacity=%270.44%27 d=%27M26.5457 164.171C26.5457 166.164 48.241 167.783 74.9977 167.783C101.754 167.783 123.45 166.164 123.45 164.171C123.45 162.178 101.759 160.56 74.9977 160.56C48.2363 160.56 26.5457 162.178 26.5457 164.171Z%27 fill=%27%23BBBBBB%27/%3e%3cpath opacity=%270.45%27 d=%27M26.9396 164.171C26.9396 166.145 48.4566 167.75 75.0023 167.75C101.548 167.75 123.065 166.145 123.065 164.171C123.065 162.197 101.548 160.592 75.0023 160.592C48.4566 160.592 26.9396 162.197 26.9396 164.171Z%27 fill=%27%23BABABA%27/%3e%3cpath opacity=%270.46%27 d=%27M27.3291 164.171C27.3291 166.127 48.6726 167.717 75.0025 167.717C101.332 167.717 122.676 166.127 122.676 164.171C122.676 162.216 101.332 160.625 75.0025 160.625C48.6726 160.625 27.3291 162.211 27.3291 164.171Z%27 fill=%27%23B9B9B9%27/%3e%3cpath opacity=%270.46%27 d=%27M27.7185 164.171C27.7185 166.113 48.8884 167.685 74.9978 167.685C101.107 167.685 122.282 166.113 122.282 164.171C122.282 162.23 101.112 160.658 74.9978 160.658C48.8837 160.658 27.7185 162.23 27.7185 164.171Z%27 fill=%27%23B8B8B8%27/%3e%3cpath opacity=%270.47%27 d=%27M28.1078 164.171C28.1078 166.094 49.0995 167.652 74.9977 167.652C100.896 167.652 121.888 166.094 121.888 164.171C121.888 162.248 100.896 160.691 74.9977 160.691C49.0995 160.691 28.1078 162.248 28.1078 164.171Z%27 fill=%27%23B7B7B7%27/%3e%3cpath opacity=%270.48%27 d=%27M28.5017 164.171C28.5017 166.075 49.3198 167.619 75.0023 167.619C100.685 167.619 121.503 166.075 121.503 164.171C121.503 162.267 100.685 160.723 75.0023 160.723C49.3198 160.723 28.5017 162.267 28.5017 164.171Z%27 fill=%27%23B6B6B6%27/%3e%3cpath opacity=%270.48%27 d=%27M28.8912 164.171C28.8912 166.057 49.5358 167.586 75.0025 167.586C100.469 167.586 121.114 166.057 121.114 164.171C121.114 162.286 100.469 160.756 75.0025 160.756C49.5358 160.756 28.8912 162.286 28.8912 164.171Z%27 fill=%27%23B5B5B5%27/%3e%3cpath opacity=%270.49%27 d=%27M29.2803 164.171C29.2803 166.038 49.7512 167.554 75.0022 167.554C100.253 167.554 120.724 166.038 120.724 164.171C120.724 162.305 100.253 160.789 75.0022 160.789C49.7512 160.789 29.2803 162.305 29.2803 164.171Z%27 fill=%27%23B4B4B4%27/%3e%3cpath opacity=%270.5%27 d=%27M29.6699 164.171C29.6699 166.019 49.9626 167.521 74.9978 167.521C100.033 167.521 120.326 166.019 120.326 164.171C120.326 162.323 100.033 160.822 74.9978 160.822C49.9626 160.822 29.6699 162.323 29.6699 164.171Z%27 fill=%27%23B3B3B3%27/%3e%3cpath opacity=%270.5%27 d=%27M30.0589 164.171C30.0589 166.005 50.1781 167.488 74.9975 167.488C99.8169 167.488 119.936 166 119.936 164.171C119.936 162.342 99.8169 160.854 74.9975 160.854C50.1781 160.854 30.0589 162.337 30.0589 164.171Z%27 fill=%27%23B2B2B2%27/%3e%3cpath opacity=%270.51%27 d=%27M30.4533 164.171C30.4533 165.986 50.3989 167.455 75.0026 167.455C99.6062 167.455 119.552 165.982 119.552 164.171C119.552 162.361 99.6062 160.887 75.0026 160.887C50.3989 160.887 30.4533 162.356 30.4533 164.171Z%27 fill=%27%23B1B1B1%27/%3e%3cpath opacity=%270.52%27 d=%27M30.8424 164.171C30.8424 165.968 50.6144 167.423 75.0022 167.423C99.3901 167.423 119.162 165.968 119.162 164.171C119.162 162.375 99.3901 160.92 75.0022 160.92C50.6144 160.92 30.8424 162.375 30.8424 164.171Z%27 fill=%27%23B0B0B0%27/%3e%3cpath opacity=%270.52%27 d=%27M31.2317 164.171C31.2317 165.949 50.8255 167.39 74.9975 167.39C99.1696 167.39 118.768 165.949 118.768 164.171C118.768 162.393 99.1743 160.953 74.9975 160.953C50.8208 160.953 31.2317 162.393 31.2317 164.171Z%27 fill=%27%23AFAFAF%27/%3e%3cpath opacity=%270.53%27 d=%27M31.6211 164.171C31.6211 165.93 51.0413 167.357 74.9975 167.357C98.9538 167.357 118.374 165.93 118.374 164.171C118.374 162.412 98.9538 160.985 74.9975 160.985C51.0413 160.985 31.6211 162.412 31.6211 164.171Z%27 fill=%27%23AEAEAE%27/%3e%3cpath opacity=%270.54%27 d=%27M32.0106 164.171C32.0106 165.912 51.2572 167.324 74.9977 167.324C98.7382 167.324 117.985 165.912 117.985 164.171C117.985 162.431 98.7382 161.018 74.9977 161.018C51.2572 161.018 32.0106 162.431 32.0106 164.171Z%27 fill=%27%23ADADAD%27/%3e%3cpath opacity=%270.54%27 d=%27M32.4045 164.171C32.4045 165.893 51.4776 167.292 75.0023 167.292C98.527 167.292 117.6 165.893 117.6 164.171C117.6 162.45 98.527 161.051 75.0023 161.051C51.4776 161.051 32.4045 162.45 32.4045 164.171Z%27 fill=%27%23ACACAC%27/%3e%3cpath opacity=%270.55%27 d=%27M32.794 164.171C32.794 165.879 51.6935 167.259 75.0025 167.259C98.3114 167.259 117.211 165.874 117.211 164.171C117.211 162.468 98.3161 161.084 75.0025 161.084C51.6888 161.084 32.794 162.468 32.794 164.171Z%27 fill=%27%23ABABAB%27/%3e%3cpath opacity=%270.56%27 d=%27M33.1832 164.171C33.1832 165.86 51.9044 167.226 74.9976 167.226C98.0907 167.226 116.812 165.855 116.812 164.171C116.812 162.487 98.0907 161.116 74.9976 161.116C51.9044 161.116 33.1832 162.482 33.1832 164.171Z%27 fill=%27%23AAAAAA%27/%3e%3cpath opacity=%270.56%27 d=%27M33.5727 164.171C33.5727 165.841 52.1204 167.193 74.9978 167.193C97.8751 167.193 116.423 165.837 116.423 164.171C116.423 162.506 97.8751 161.149 74.9978 161.149C52.1204 161.149 33.5727 162.501 33.5727 164.171Z%27 fill=%27%23A9A9A9%27/%3e%3cpath opacity=%270.57%27 d=%27M33.9666 164.171C33.9666 165.823 52.3407 167.161 75.0023 167.161C97.6639 167.161 116.038 165.823 116.038 164.171C116.038 162.52 97.6686 161.182 75.0023 161.182C52.3361 161.182 33.9666 162.52 33.9666 164.171Z%27 fill=%27%23A8A8A8%27/%3e%3cpath opacity=%270.58%27 d=%27M34.3561 164.171C34.3561 165.804 52.552 167.128 75.0025 167.128C97.453 167.128 115.649 165.804 115.649 164.171C115.649 162.539 97.453 161.215 75.0025 161.215C52.552 161.215 34.3561 162.539 34.3561 164.171Z%27 fill=%27%23A7A7A7%27/%3e%3cpath opacity=%270.58%27 d=%27M34.7455 164.171C34.7455 165.785 52.7678 167.095 74.9978 167.095C97.2279 167.095 115.255 165.785 115.255 164.171C115.255 162.557 97.2326 161.247 74.9978 161.247C52.7631 161.247 34.7455 162.557 34.7455 164.171Z%27 fill=%27%23A6A6A6%27/%3e%3cpath opacity=%270.59%27 d=%27M35.1348 164.171C35.1348 165.767 52.9836 167.062 74.9978 167.062C97.0121 167.062 114.861 165.767 114.861 164.171C114.861 162.576 97.0121 161.28 74.9978 161.28C52.9836 161.28 35.1348 162.576 35.1348 164.171Z%27 fill=%27%23A5A5A5%27/%3e%3cpath opacity=%270.59%27 d=%27M35.5238 164.171C35.5238 165.752 53.199 167.03 74.9975 167.03C96.796 167.03 114.471 165.748 114.471 164.171C114.471 162.595 96.8007 161.313 74.9975 161.313C53.1943 161.313 35.5238 162.595 35.5238 164.171Z%27 fill=%27%23A4A4A4%27/%3e%3cpath opacity=%270.6%27 d=%27M35.9182 164.171C35.9182 165.734 53.4152 166.997 75.0026 166.997C96.59 166.997 114.087 165.729 114.087 164.171C114.087 162.613 96.59 161.346 75.0026 161.346C53.4152 161.346 35.9182 162.613 35.9182 164.171Z%27 fill=%27%23A3A3A3%27/%3e%3cpath opacity=%270.61%27 d=%27M36.3076 164.171C36.3076 165.715 53.631 166.964 74.9979 166.964C96.3648 166.964 113.693 165.71 113.693 164.171C113.693 162.632 96.3695 161.378 74.9979 161.378C53.6263 161.378 36.3076 162.627 36.3076 164.171Z%27 fill=%27%23A2A2A2%27/%3e%3cpath opacity=%270.61%27 d=%27M36.6969 164.171C36.6969 165.696 53.8467 166.931 74.9979 166.931C96.149 166.931 113.299 165.692 113.299 164.171C113.299 162.651 96.149 161.411 74.9979 161.411C53.8467 161.411 36.6969 162.646 36.6969 164.171Z%27 fill=%27%23A1A1A1%27/%3e%3cpath opacity=%270.62%27 d=%27M37.0859 164.171C37.0859 165.678 54.0622 166.903 74.9976 166.903C95.9329 166.903 112.909 165.682 112.909 164.171C112.909 162.66 95.9376 161.444 74.9976 161.444C54.0575 161.444 37.0859 162.665 37.0859 164.171Z%27 fill=%27%23A0A0A0%27/%3e%3cpath opacity=%270.63%27 d=%27M37.4799 164.171C37.4799 165.659 54.2779 166.866 75.0021 166.866C95.7264 166.866 112.524 165.659 112.524 164.171C112.524 162.684 95.7264 161.477 75.0021 161.477C54.2779 161.477 37.4799 162.684 37.4799 164.171Z%27 fill=%27%239F9F9F%27/%3e%3cpath opacity=%270.63%27 d=%27M37.8694 164.171C37.8694 165.64 54.4938 166.833 75.0023 166.833C95.5108 166.833 112.135 165.64 112.135 164.171C112.135 162.702 95.5108 161.509 75.0023 161.509C54.4938 161.509 37.8694 162.702 37.8694 164.171Z%27 fill=%27%239E9E9E%27/%3e%3cpath opacity=%270.64%27 d=%27M38.2587 164.171C38.2587 165.626 54.7096 166.8 74.9976 166.8C95.2856 166.8 111.741 165.621 111.741 164.171C111.741 162.721 95.2903 161.542 74.9976 161.542C54.7049 161.542 38.2587 162.721 38.2587 164.171Z%27 fill=%27%239D9D9D%27/%3e%3cpath opacity=%270.65%27 d=%27M38.648 164.171C38.648 165.608 54.9254 166.772 74.9976 166.772C95.0698 166.772 111.347 165.608 111.347 164.171C111.347 162.735 95.0745 161.575 74.9976 161.575C54.9207 161.575 38.648 162.74 38.648 164.171Z%27 fill=%27%239C9C9C%27/%3e%3cpath opacity=%270.65%27 d=%27M39.042 164.171C39.042 165.589 55.141 166.735 75.0022 166.735C94.8633 166.735 110.962 165.584 110.962 164.171C110.962 162.758 94.8633 161.608 75.0022 161.608C55.141 161.608 39.042 162.754 39.042 164.171Z%27 fill=%27%239B9B9B%27/%3e%3cpath opacity=%270.66%27 d=%27M39.4315 164.171C39.4315 165.57 55.357 166.707 75.0024 166.707C94.6477 166.707 110.573 165.57 110.573 164.171C110.573 162.772 94.6477 161.64 75.0024 161.64C55.357 161.64 39.4315 162.772 39.4315 164.171Z%27 fill=%27%239A9A9A%27/%3e%3cpath opacity=%270.67%27 d=%27M39.821 164.171C39.821 165.551 55.573 166.674 75.0025 166.674C94.4321 166.674 110.184 165.556 110.184 164.171C110.184 162.786 94.4321 161.673 75.0025 161.673C55.573 161.673 39.821 162.791 39.821 164.171Z%27 fill=%27%23999999%27/%3e%3cpath opacity=%270.67%27 d=%27M40.2102 164.171C40.2102 165.533 55.7885 166.641 74.9977 166.641C94.2068 166.641 109.785 165.537 109.785 164.171C109.785 162.805 94.2115 161.706 74.9977 161.706C55.7839 161.706 40.2102 162.81 40.2102 164.171Z%27 fill=%27%23989898%27/%3e%3cpath opacity=%270.68%27 d=%27M40.5997 164.171C40.5997 165.514 55.9998 166.609 74.9978 166.609C93.9959 166.609 109.396 165.519 109.396 164.171C109.396 162.824 93.9959 161.739 74.9978 161.739C55.9998 161.739 40.5997 162.829 40.5997 164.171Z%27 fill=%27%23979797%27/%3e%3cpath opacity=%270.69%27 d=%27M40.9936 164.171C40.9936 165.5 56.2202 166.576 75.0024 166.576C93.7847 166.576 109.011 165.5 109.011 164.171C109.011 162.843 93.7847 161.771 75.0024 161.771C56.2202 161.771 40.9936 162.847 40.9936 164.171Z%27 fill=%27%23969696%27/%3e%3cpath opacity=%270.69%27 d=%27M41.3831 164.171C41.3831 165.481 56.4361 166.543 75.0026 166.543C93.5691 166.543 108.622 165.481 108.622 164.171C108.622 162.861 93.5738 161.804 75.0026 161.804C56.4314 161.804 41.3831 162.866 41.3831 164.171Z%27 fill=%27%23959595%27/%3e%3cpath opacity=%270.7%27 d=%27M41.7723 164.171C41.7723 165.462 56.647 166.51 74.9977 166.51C93.3484 166.51 108.223 165.462 108.223 164.171C108.223 162.88 93.3484 161.832 74.9977 161.832C56.647 161.832 41.7723 162.88 41.7723 164.171Z%27 fill=%27%23949494%27/%3e%3cpath opacity=%270.71%27 d=%27M42.1618 164.171C42.1618 165.444 56.863 166.478 74.9979 166.478C93.1328 166.478 107.834 165.444 107.834 164.171C107.834 162.899 93.1328 161.865 74.9979 161.865C56.863 161.865 42.1618 162.894 42.1618 164.171Z%27 fill=%27%23939393%27/%3e%3cpath opacity=%270.71%27 d=%27M42.5557 164.171C42.5557 165.425 57.0833 166.445 75.0025 166.445C92.9216 166.445 107.449 165.425 107.449 164.171C107.449 162.917 92.9216 161.898 75.0025 161.898C57.0833 161.898 42.5557 162.913 42.5557 164.171Z%27 fill=%27%23929292%27/%3e%3cpath opacity=%270.72%27 d=%27M42.9447 164.171C42.9447 165.406 57.2988 166.412 75.0022 166.412C92.7055 166.412 107.06 165.411 107.06 164.171C107.06 162.931 92.7102 161.93 75.0022 161.93C57.2941 161.93 42.9447 162.931 42.9447 164.171Z%27 fill=%27%23919191%27/%3e%3cpath opacity=%270.73%27 d=%27M43.3343 164.171C43.3343 165.388 57.5148 166.379 75.0023 166.379C92.4899 166.379 106.67 165.392 106.67 164.171C106.67 162.95 92.4946 161.963 75.0023 161.963C57.5101 161.963 43.3343 162.95 43.3343 164.171Z%27 fill=%27%23909090%27/%3e%3cpath opacity=%270.73%27 d=%27M43.7234 164.171C43.7234 165.374 57.7257 166.347 74.9974 166.347C92.2692 166.347 106.271 165.374 106.271 164.171C106.271 162.969 92.2692 161.996 74.9974 161.996C57.7257 161.996 43.7234 162.969 43.7234 164.171Z%27 fill=%27%238F8F8F%27/%3e%3cpath opacity=%270.74%27 d=%27M44.1129 164.171C44.1129 165.355 57.9416 166.314 74.9976 166.314C92.0536 166.314 105.882 165.355 105.882 164.171C105.882 162.988 92.0536 162.029 74.9976 162.029C57.9416 162.029 44.1129 162.988 44.1129 164.171Z%27 fill=%27%238E8E8E%27/%3e%3cpath opacity=%270.75%27 d=%27M44.5069 164.171C44.5069 165.336 58.162 166.281 75.0022 166.281C91.8424 166.281 105.498 165.336 105.498 164.171C105.498 163.006 91.8471 162.061 75.0022 162.061C58.1573 162.061 44.5069 163.006 44.5069 164.171Z%27 fill=%27%238D8D8D%27/%3e%3cpath opacity=%270.75%27 d=%27M44.8964 164.171C44.8964 165.317 58.3732 166.248 75.0024 166.248C91.6315 166.248 105.108 165.317 105.108 164.171C105.108 163.025 91.6315 162.094 75.0024 162.094C58.3732 162.094 44.8964 163.025 44.8964 164.171Z%27 fill=%27%238C8C8C%27/%3e%3cpath opacity=%270.76%27 d=%27M45.2855 164.171C45.2855 165.299 58.5888 166.216 74.9975 166.216C91.4062 166.216 104.709 165.299 104.709 164.171C104.709 163.044 91.4062 162.127 74.9975 162.127C58.5888 162.127 45.2855 163.039 45.2855 164.171Z%27 fill=%27%238B8B8B%27/%3e%3cpath opacity=%270.76%27 d=%27M45.675 164.171C45.675 165.28 58.8048 166.183 74.9977 166.183C91.1906 166.183 104.32 165.285 104.32 164.171C104.32 163.058 91.1906 162.16 74.9977 162.16C58.8048 162.16 45.675 163.058 45.675 164.171Z%27 fill=%27%238A8A8A%27/%3e%3cpath opacity=%270.77%27 d=%27M46.0646 164.171C46.0646 165.261 59.0208 166.15 74.9979 166.15C90.975 166.15 103.931 165.266 103.931 164.171C103.931 163.076 90.9797 162.192 74.9979 162.192C59.0161 162.192 46.0646 163.076 46.0646 164.171Z%27 fill=%27%23898989%27/%3e%3cpath opacity=%270.78%27 d=%27M46.4585 164.171C46.4585 165.247 59.2411 166.117 75.0024 166.117C90.7638 166.117 103.546 165.247 103.546 164.171C103.546 163.095 90.7685 162.225 75.0024 162.225C59.2364 162.225 46.4585 163.095 46.4585 164.171Z%27 fill=%27%23888888%27/%3e%3cpath opacity=%270.78%27 d=%27M46.8475 164.171C46.8475 165.229 59.4519 166.085 75.0021 166.085C90.5524 166.085 103.157 165.229 103.157 164.171C103.157 163.114 90.5524 162.258 75.0021 162.258C59.4519 162.258 46.8475 163.114 46.8475 164.171Z%27 fill=%27%23878787%27/%3e%3cpath opacity=%270.79%27 d=%27M47.2371 164.171C47.2371 165.21 59.668 166.052 74.9977 166.052C90.3275 166.052 102.758 165.21 102.758 164.171C102.758 163.133 90.3275 162.291 74.9977 162.291C59.668 162.291 47.2371 163.133 47.2371 164.171Z%27 fill=%27%23868686%27/%3e%3cpath opacity=%270.8%27 d=%27M47.6262 164.171C47.6262 165.191 59.8834 166.019 74.9974 166.019C90.1114 166.019 102.369 165.191 102.369 164.171C102.369 163.151 90.1161 162.323 74.9974 162.323C59.8787 162.323 47.6262 163.151 47.6262 164.171Z%27 fill=%27%23858585%27/%3e%3cpath opacity=%270.8%27 d=%27M48.0206 164.171C48.0206 165.172 60.0996 165.986 75.0025 165.986C89.9054 165.986 101.984 165.172 101.984 164.171C101.984 163.17 89.9054 162.356 75.0025 162.356C60.0996 162.356 48.0206 163.165 48.0206 164.171Z%27 fill=%27%23848484%27/%3e%3cpath opacity=%270.81%27 d=%27M48.4096 164.171C48.4096 165.154 60.3151 165.954 75.0022 165.954C89.6893 165.954 101.595 165.154 101.595 164.171C101.595 163.189 89.6893 162.389 75.0022 162.389C60.3151 162.389 48.4096 163.184 48.4096 164.171Z%27 fill=%27%23838383%27/%3e%3cpath opacity=%270.82%27 d=%27M48.7993 164.171C48.7993 165.135 60.5311 165.921 74.9978 165.921C89.4644 165.921 101.196 165.14 101.196 164.171C101.196 163.203 89.4644 162.422 74.9978 162.422C60.5311 162.422 48.7993 163.203 48.7993 164.171Z%27 fill=%27%23828282%27/%3e%3cpath opacity=%270.82%27 d=%27M49.1883 164.171C49.1883 165.121 60.7466 165.888 74.9975 165.888C89.2483 165.888 100.807 165.121 100.807 164.171C100.807 163.222 89.253 162.454 74.9975 162.454C60.7419 162.454 49.1883 163.222 49.1883 164.171Z%27 fill=%27%23818181%27/%3e%3cpath opacity=%270.83%27 d=%27M49.5827 164.171C49.5827 165.102 60.9628 165.855 75.0025 165.855C89.0423 165.855 100.422 165.102 100.422 164.171C100.422 163.24 89.0423 162.487 75.0025 162.487C60.9628 162.487 49.5827 163.24 49.5827 164.171Z%27 fill=%27%23808080%27/%3e%3cpath opacity=%270.84%27 d=%27M49.9717 164.171C49.9717 165.083 61.1782 165.823 75.0022 165.823C88.8262 165.823 100.033 165.083 100.033 164.171C100.033 163.259 88.8262 162.52 75.0022 162.52C61.1782 162.52 49.9717 163.259 49.9717 164.171Z%27 fill=%27%237F7F7F%27/%3e%3cpath opacity=%270.84%27 d=%27M50.3611 164.171C50.3611 165.065 61.394 165.79 74.9975 165.79C88.6011 165.79 99.6387 165.065 99.6387 164.171C99.6387 163.278 88.6057 162.552 74.9975 162.552C61.3893 162.552 50.3611 163.278 50.3611 164.171Z%27 fill=%27%237E7E7E%27/%3e%3cpath opacity=%270.85%27 d=%27M50.7504 164.171C50.7504 165.046 61.6098 165.757 74.9975 165.757C88.3853 165.757 99.2446 165.046 99.2446 164.171C99.2446 163.296 88.39 162.585 74.9975 162.585C61.6051 162.585 50.7504 163.292 50.7504 164.171Z%27 fill=%27%237D7D7D%27/%3e%3cpath opacity=%270.86%27 d=%27M51.1399 164.171C51.1399 165.027 61.821 165.724 74.9977 165.724C88.1744 165.724 98.8555 165.027 98.8555 164.171C98.8555 163.315 88.1744 162.618 74.9977 162.618C61.821 162.618 51.1399 163.31 51.1399 164.171Z%27 fill=%27%237C7C7C%27/%3e%3cpath opacity=%270.86%27 d=%27M51.5338 164.171C51.5338 165.009 62.0414 165.692 75.0023 165.692C87.9631 165.692 98.4707 165.009 98.4707 164.171C98.4707 163.334 87.9631 162.651 75.0023 162.651C62.0414 162.651 51.5338 163.329 51.5338 164.171Z%27 fill=%27%237B7B7B%27/%3e%3cpath opacity=%270.87%27 d=%27M51.9234 164.171C51.9234 164.99 62.2574 165.659 75.0025 165.659C87.7476 165.659 98.0815 164.995 98.0815 164.171C98.0815 163.348 87.7522 162.684 75.0025 162.684C62.2527 162.684 51.9234 163.348 51.9234 164.171Z%27 fill=%27%237A7A7A%27/%3e%3cpath opacity=%270.88%27 d=%27M52.3125 164.171C52.3125 164.976 62.4729 165.626 74.9976 165.626C87.5222 165.626 97.6826 164.976 97.6826 164.171C97.6826 163.367 87.5269 162.716 74.9976 162.716C62.4682 162.716 52.3125 163.367 52.3125 164.171Z%27 fill=%27%23797979%27/%3e%3cpath opacity=%270.88%27 d=%27M52.702 164.171C52.702 164.957 62.6842 165.593 74.9977 165.593C87.3113 165.593 97.2935 164.957 97.2935 164.171C97.2935 163.385 87.3113 162.749 74.9977 162.749C62.6842 162.749 52.702 163.385 52.702 164.171Z%27 fill=%27%23787878%27/%3e%3cpath opacity=%270.89%27 d=%27M53.096 164.171C53.096 164.938 62.9046 165.561 75.0023 165.561C87.1001 165.561 96.9087 164.938 96.9087 164.171C96.9087 163.404 87.1001 162.782 75.0023 162.782C62.9046 162.782 53.096 163.404 53.096 164.171Z%27 fill=%27%23777777%27/%3e%3cpath opacity=%270.9%27 d=%27M53.4855 164.171C53.4855 164.92 63.1205 165.528 75.0025 165.528C86.8845 165.528 96.5195 164.92 96.5195 164.171C96.5195 163.423 86.8892 162.815 75.0025 162.815C63.1158 162.815 53.4855 163.423 53.4855 164.171Z%27 fill=%27%23767676%27/%3e%3cpath opacity=%270.9%27 d=%27M53.8745 164.171C53.8745 164.901 63.336 165.495 75.0022 165.495C86.6684 165.495 96.1299 164.901 96.1299 164.171C96.1299 163.441 86.6731 162.847 75.0022 162.847C63.3313 162.847 53.8745 163.441 53.8745 164.171Z%27 fill=%27%23757575%27/%3e%3cpath opacity=%270.91%27 d=%27M54.2641 164.171C54.2641 164.882 63.5474 165.462 74.9978 165.462C86.4482 165.462 95.7314 164.882 95.7314 164.171C95.7314 163.46 86.4482 162.88 74.9978 162.88C63.5474 162.88 54.2641 163.455 54.2641 164.171Z%27 fill=%27%23747474%27/%3e%3cpath opacity=%270.92%27 d=%27M54.6532 164.171C54.6532 164.868 63.7628 165.43 74.9975 165.43C86.2321 165.43 95.3418 164.864 95.3418 164.171C95.3418 163.479 86.2321 162.913 74.9975 162.913C63.7628 162.913 54.6532 163.474 54.6532 164.171Z%27 fill=%27%23737373%27/%3e%3cpath opacity=%270.92%27 d=%27M55.0476 164.171C55.0476 164.85 63.9837 165.397 75.0025 165.397C86.0214 165.397 94.9575 164.85 94.9575 164.171C94.9575 163.493 86.0261 162.946 75.0025 162.946C63.979 162.946 55.0476 163.493 55.0476 164.171Z%27 fill=%27%23727272%27/%3e%3cpath opacity=%270.93%27 d=%27M55.4366 164.171C55.4366 164.831 64.1992 165.364 75.0022 165.364C85.8053 165.364 94.5679 164.831 94.5679 164.171C94.5679 163.512 85.81 162.978 75.0022 162.978C64.1945 162.978 55.4366 163.512 55.4366 164.171Z%27 fill=%27%23717171%27/%3e%3cpath opacity=%270.93%27 d=%27M55.8263 164.171C55.8263 164.812 64.4105 165.331 74.9978 165.331C85.5851 165.331 94.1694 164.812 94.1694 164.171C94.1694 163.53 85.5851 163.011 74.9978 163.011C64.4105 163.011 55.8263 163.53 55.8263 164.171Z%27 fill=%27%23707070%27/%3e%3cpath opacity=%270.94%27 d=%27M56.2153 164.171C56.2153 164.794 64.626 165.299 74.9975 165.299C85.3691 165.299 93.7798 164.794 93.7798 164.171C93.7798 163.549 85.3691 163.044 74.9975 163.044C64.626 163.044 56.2153 163.549 56.2153 164.171Z%27 fill=%27%236F6F6F%27/%3e%3cpath opacity=%270.95%27 d=%27M56.6092 164.171C56.6092 164.775 64.8464 165.266 75.0021 165.266C85.1578 165.266 93.395 164.775 93.395 164.171C93.395 163.568 85.1625 163.077 75.0021 163.077C64.8417 163.077 56.6092 163.568 56.6092 164.171Z%27 fill=%27%236E6E6E%27/%3e%3cpath opacity=%270.95%27 d=%27M56.9987 164.171C56.9987 164.756 65.0623 165.233 75.0023 165.233C84.9422 165.233 93.0059 164.756 93.0059 164.171C93.0059 163.586 84.9469 163.109 75.0023 163.109C65.0576 163.109 56.9987 163.582 56.9987 164.171Z%27 fill=%27%236D6D6D%27/%3e%3cpath opacity=%270.96%27 d=%27M57.3884 164.171C57.3884 164.737 65.2737 165.2 74.9979 165.2C84.7221 165.2 92.6074 164.737 92.6074 164.171C92.6074 163.605 84.7221 163.142 74.9979 163.142C65.2737 163.142 57.3884 163.6 57.3884 164.171Z%27 fill=%27%236C6C6C%27/%3e%3cpath opacity=%270.97%27 d=%27M57.7774 164.171C57.7774 164.723 65.4892 165.168 74.9976 165.168C84.506 165.168 92.2178 164.719 92.2178 164.171C92.2178 163.624 84.506 163.175 74.9976 163.175C65.4892 163.175 57.7774 163.619 57.7774 164.171Z%27 fill=%27%236B6B6B%27/%3e%3cpath opacity=%270.97%27 d=%27M58.1669 164.171C58.1669 164.705 65.7052 165.135 74.9978 165.135C84.2904 165.135 91.8286 164.705 91.8286 164.171C91.8286 163.638 84.2951 163.208 74.9978 163.208C65.7005 163.208 58.1669 163.638 58.1669 164.171Z%27 fill=%27%236A6A6A%27/%3e%3cpath opacity=%270.98%27 d=%27M58.5608 164.171C58.5608 164.686 65.9255 165.102 75.0023 165.102C84.0792 165.102 91.4438 164.686 91.4438 164.171C91.4438 163.657 84.0839 163.24 75.0023 163.24C65.9208 163.24 58.5608 163.657 58.5608 164.171Z%27 fill=%27%23696969%27/%3e%3cpath opacity=%270.99%27 d=%27M58.9504 164.171C58.9504 164.667 66.1368 165.069 75.0025 165.069C83.8683 165.069 91.0547 164.667 91.0547 164.171C91.0547 163.675 83.8683 163.273 75.0025 163.273C66.1368 163.273 58.9504 163.675 58.9504 164.171Z%27 fill=%27%23686868%27/%3e%3cpath opacity=%270.99%27 d=%27M59.3395 164.171C59.3395 164.648 66.3524 165.037 74.9976 165.037C83.6429 165.037 90.6558 164.648 90.6558 164.171C90.6558 163.694 83.6476 163.306 74.9976 163.306C66.3477 163.306 59.3395 163.694 59.3395 164.171Z%27 fill=%27%23676767%27/%3e%3cpath d=%27M59.729 164.171C59.729 164.63 66.5683 165.004 74.9978 165.004C83.4273 165.004 90.2666 164.63 90.2666 164.171C90.2666 163.713 83.432 163.339 74.9978 163.339C66.5636 163.339 59.729 163.708 59.729 164.171Z%27 fill=%27%23666666%27/%3e%3c/g%3e%3cpath d=%27M143.465 148.008C144.737 148.008 145.928 147.512 146.824 146.609C147.72 145.706 148.217 144.504 148.217 143.227V73.0662C148.217 70.4276 146.083 68.2803 143.461 68.2803H115.878C114.607 68.2803 113.411 68.7762 112.515 69.6791C111.619 70.582 111.122 71.7843 111.122 73.0615V143.222C111.122 144.499 111.614 145.701 112.515 146.604C113.411 147.507 114.607 148.003 115.878 148.003H143.465V148.008Z%27 fill=%27url%28%23paint0_linear_356_242%29%27/%3e%3cpath d=%27M96.3313 147.788C99.3194 147.788 101.852 146.141 102.556 145.641C103.386 145.046 105.066 143.531 106.004 142.665V71.7656C106.004 71.7656 105.164 68.7995 102.847 66.6288C90.6319 55.1857 69.645 39.5929 62.027 24.2715C59.3907 18.971 57.1579 13.4131 55.4035 7.76176C54.076 3.48112 52.3028 0.861272 47.5181 0.126779C42.5364 -0.635784 37.536 2.11038 35.0404 6.17114C29.4817 15.219 31.9913 26.082 35.8285 35.2421C37.869 40.1169 40.388 44.7063 42.9586 49.3097C43.6763 50.5916 49.3241 60.0745 49.3241 60.0745C36.4805 60.1119 18.6646 60.1634 18.6646 60.1634C12.2052 60.2148 -0.000391721 63.6206 -0.000391721 76.121C-0.000391721 82.2309 3.52245 85.8425 6.43079 87.8168C3.65379 90.0203 0.440549 93.8237 1.20047 99.8213C1.93224 105.618 4.91094 108.907 8.2743 110.45C6.32759 112.752 4.90625 116.256 5.72715 121.173C6.50115 125.809 9.46578 128.481 12.3647 129.87C10.8918 131.844 9.87858 134.74 10.6104 138.656C12.1771 147.016 19.4292 147.507 22.5252 147.718C22.8019 147.736 23.0552 147.755 23.2851 147.774L23.3836 147.783H96.3313V147.788Z%27 fill=%27url%28%23paint1_linear_356_242%29%27/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id=%27paint0_linear_356_242%27 x1=%27113.625%27 y1=%2782.8274%27 x2=%27168.128%27 y2=%27107.678%27 gradientUnits=%27userSpaceOnUse%27%3e%3cstop stop-color=%27%23C56940%27/%3e%3cstop offset=%271%27 stop-color=%27%23EAE7FD%27/%3e%3c/linearGradient%3e%3clinearGradient id=%27paint1_linear_356_242%27 x1=%277.15154%27 y1=%2726.965%27 x2=%27133.07%27 y2=%27115.472%27 gradientUnits=%27userSpaceOnUse%27%3e%3cstop stop-color=%27%23C56940%27/%3e%3cstop offset=%271%27 stop-color=%27%23EAE7FD%27/%3e%3c/linearGradient%3e%3cclipPath id=%27clip0_356_242%27%3e%3crect width=%27150%27 height=%27170.006%27 fill=%27white%27 transform=%27matrix%28-1 0 0 1 150 -0.000488281%29%27/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); } .header { position: fixed; z-index: 2; left: 0; right: 0; top: 0; width: 100%; height: 160px; } @media (max-width: 991.92px) { .header { height: 125px; } } @media (max-width: 575.98px) { .header { height: 110px; } } .header.black-light { background-color: #1A1A1A; } .header ul { margin-left: 0; padding-left: 0; } .header .black-logo { display: none; } @media (max-width: 991.92px) { .header .black-logo { display: block; } } .header--scrolled-up { position: fixed; z-index: 1000; left: 0; right: 0; opacity: 1; -webkit-box-shadow: 0px 4px 24px 0px #ADADADA6; box-shadow: 0px 4px 24px 0px #ADADADA6; } .header--scrolled-up .white-logo { display: none; } .header--scrolled-up .black-logo { display: block; } .header--scrolled-up .header-content { background-color: #fff; color: #000; } @media (max-width: 991.92px) { .header .white-logo { display: none; } } .header--scrolled-down { position: fixed; left: 0; right: 0; opacity: 0; z-index: -1; visibility: hidden; } @media (max-width: 991.92px) { .header[data-open] { position: fixed; z-index: 12; left: 0; right: 0; } } .header[data-open] .header-content__burger-trigger span { -webkit-transform: rotate(45deg) translateX(-5px) translateY(-10px); -ms-transform: rotate(45deg) translateX(-5px) translateY(-10px); transform: rotate(45deg) translateX(-5px) translateY(-10px); } .header[data-open] .header-content__burger-trigger span::after { content: none; } .header[data-open] .header-content__burger-trigger span::before { -webkit-transform: rotate(90deg) translateX(8px); -ms-transform: rotate(90deg) translateX(8px); transform: rotate(90deg) translateX(8px); } .header-top { font-size: 14px; padding: 10px; background-color: #000000; color: #FFFFFF; height: 55px; overflow: hidden; } @media (max-width: 575.98px) { .header-top { height: 40px; padding: 5px 0; } } .header-top__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-top__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } .header-top__contacts span { margin-left: 8px; } .header-top__contact + .header-top__contact { margin-left: 30px; } @media (max-width: 991.92px) { .header-top__contact + .header-top__contact { margin-left: 15px; } } .header-top__contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } @media (max-width: 575.98px) { .header-top__contact i { font-size: 12px; } } .header-top__contact span { margin-left: 8px; } .header-top__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -5px; } .header-top__soc-icon { width: 35px; height: 35px; font-size: 16px; margin: 0 5px; overflow: hidden; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; border-radius: 6px; } @media (max-width: 575.98px) { .header-top__soc-icon { width: 30px; height: 30px; } } .header-top__soc-icon i { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 35px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } @media (max-width: 575.98px) { .header-top__soc-icon i { height: 30px; } } .header-top__soc-icon:hover { background-color: #ff7e00; color: #fff; } .header-top__soc-icon:hover i { -webkit-transform: translateY(-35px); -ms-transform: translateY(-35px); transform: translateY(-35px); } @media (max-width: 575.98px) { .header-top__soc-icon:hover i { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } } .header-content { color: #FFFFFF; } @media (max-width: 991.92px) { .header-content { background-color: #FFFFFF; color: #000000; } } .header-content__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; } @media (max-width: 991.92px) { .header-content__wrapper { position: relative; padding: 15px 0; } } .header-content__nav { position: relative; font-size: 12px; } @media (max-width: 1200px) { .header-content__nav { font-size: 10px; } } @media (max-width: 991.92px) { .header-content__nav { font-size: 12px; display: none; overflow-y: auto; overflow-x: hidden; padding-bottom: 20px; background-color: #fff; right: 0; position: fixed; top: 125px; padding-left: 32px; padding-right: 32px; width: 100%; max-height: calc(100% - 125px); } } @media (max-width: 575.98px) { .header-content__nav { top: 110px; } } @media (max-width: 991.92px) { .header-content__nav a { width: 100%; } } .header-content__logo { width: 52px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .header-content__logo:hover { opacity: 0.7; } @media (max-width: 991.92px) { .header-content__logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .header-content__logo img, .header-content__logo svg { width: 100%; } .header-content__list { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; font-weight: 500; margin: 0 -4px; list-style-type: none; padding-left: 0; } .header-content__list li { list-style-type: none; } @media (max-width: 991.92px) { .header-content__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .header-content__list > li { height: auto; margin: 0 4px; } @media (max-width: 991.92px) { .header-content__list > li + li { border-top: 1px solid #ebeef6; } } .header-content__list .header-content__sub-icon { height: auto; } .header-content__list li { cursor: pointer; } .header-content__list li > a:hover { background-color: #ff7e00; color: #fff; } @media (max-width: 991.92px) { .header-content__list li > a:hover { background-color: #fff; color: #000000; } } .header-content__list li[data-active] > .header-content__sub-box, .header-content__list li .header-content__sub-box:hover { background-color: #ff7e00; color: #fff; } @media (max-width: 991.92px) { .header-content__list li[data-active] > .header-content__sub-box, .header-content__list li .header-content__sub-box:hover { background-color: #fff; color: #000000; } } .header-content__list li[data-active] > .header-content__sub-box .header-content__sub-icon, .header-content__list li .header-content__sub-box:hover .header-content__sub-icon { background-color: #ff7e00; color: #fff; } @media (max-width: 991.92px) { .header-content__list li[data-active] > .header-content__sub-box .header-content__sub-icon, .header-content__list li .header-content__sub-box:hover .header-content__sub-icon { background-color: #fff; color: #000000; } } .header-content__list li.active > a { color: #ff7e00; } .header-content__list li.active > a:hover { color: #fff; } @media (max-width: 991.92px) { .header-content__list li.active > a:hover { color: #ff7e00; } } .header-content__list li.active:hover { color: #fff; } @media (max-width: 991.92px) { .header-content__list li.active:hover { background-color: #fff; color: #000000; } } .header-content__list li > a { display: inline-block; padding: 8px 20px; } @media (max-width: 1200px) { .header-content__list li > a { padding: 5px 10px; } } @media (max-width: 991.92px) { .header-content__list li > a { padding: 12px 0; } } .header-content__sublist { position: absolute; border: 1px solid #ededed; border-radius: 5px; background-color: #fff; z-index: -1; opacity: 0; top: calc(100% + 10px); visibility: hidden; color: #000000; } @media (max-width: 991.92px) { .header-content__sublist { position: static; border: none; width: 100%; padding-left: 20px; display: none; } } .header-content__sublist li, .header-content__sublist a { width: 100%; } .header-content__sublist li { position: relative; } .header-content__sublist li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px; } .header-content__sublist li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .header-content__sublist .header-content__sublist { position: absolute; left: 100%; width: 300px; top: 0; } @media (max-width: 991.92px) { .header-content__sublist .header-content__sublist { position: static; width: 100%; padding-left: 20px; } } .header-content__sublist[data-active] { visibility: visible; z-index: 1; opacity: 1; } @media (max-width: 991.92px) { .header-content__sublist[data-active] { display: block; } } .header-content__sub-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; cursor: pointer; } @media (max-width: 991.92px) { .header-content__sub-box { position: relative; } } .header-content__sub-box a { padding-top: 8px; padding-bottom: 8px; padding-left: 20px; } @media (max-width: 1200px) { .header-content__sub-box a { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } } @media (max-width: 991.92px) { .header-content__sub-box a { padding: 12px 0; } } .header-content__sub-box .header-content__sub-icon { padding-right: 20px; } @media (max-width: 1200px) { .header-content__sub-box .header-content__sub-icon { padding-right: 10px; } } .header-content__sub-icon { height: auto; padding-right: 5px; padding-left: 5px; } .header-content__sub-icon > i { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } @media (max-width: 991.92px) { .header-content__sub-icon { width: 100px; text-align: right; padding-top: 12px; padding-bottom: 12px; } } .header-content .header-content__with-submenu[data-active] > .header-content__sub-box > .header-content__sub-icon > i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-content__burger-trigger { display: none; } @media (max-width: 991.92px) { .header-content__burger-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 35px; height: 40px; cursor: pointer; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .header-content__burger-trigger span { display: inline-block; height: 3px; width: 24px; background: #000000; content: ""; right: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .header-content__burger-trigger span::before, .header-content__burger-trigger span::after { position: absolute; display: inline-block; height: 3px; width: 24px; background: #000000; content: ""; right: 0; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .header-content__burger-trigger span::before { top: -8px; } .header-content__burger-trigger span::after { top: 8px; } } @media (max-width: 991.92px) { .header-content__with-submenu { position: relative; } } @media (max-width: 991.92px) { .catalog-breadcrumbs { display: none; } } .catalog-breadcrumbs__inner { padding-top: 24px; padding-bottom: 24px; } .catalog-breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 4px; margin: 0; padding: 0; list-style: none; } .catalog-breadcrumbs__list li + li { margin-top: 0; } .catalog-breadcrumbs__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -0.32px; } .catalog-breadcrumbs__item:not(:last-child)::after { content: ">"; display: inline-block; margin: 0 12px; width: 10px; color: #808080; font-weight: 500; text-align: center; } .catalog-breadcrumbs__link { color: #808080; text-decoration: none; white-space: nowrap; } .catalog-breadcrumbs__link:hover { color: #ccc; } .catalog-breadcrumbs__link--home { color: #ccc; } .catalog-breadcrumbs__link--home:hover { color: #fff; } .catalog-breadcrumbs__text { color: #808080; white-space: nowrap; } .footer { background-color: #000000; color: #fff; } .footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 64px 0; } @media (max-width: 991.92px) { .footer__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 48px 0; } } @media (max-width: 575.98px) { .footer__wrapper { padding: 24px 0; } } .footer__logo { display: inline-block; margin-bottom: 20px; } .footer__history { font-size: 16px; line-height: 1.4; font-weight: 500; } .footer__history p { margin-bottom: 1em; } .footer__subtitle { font-size: 20px; line-height: 1.4; font-weight: 900; text-transform: uppercase; margin-bottom: 30px; } @media (max-width: 991.92px) { .footer__subtitle { margin-bottom: 20px; } } @media (max-width: 575.98px) { .footer__subtitle { margin-bottom: 16px; } } .footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__links a { display: inline-block; padding: 5px 0; font-size: 16px; line-height: 1; font-weight: 500; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .footer__links a:hover { opacity: 0.7; } .footer__links a + a { margin-top: 5px; } .footer__socials { margin-top: 20px; } .footer__socials a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 45px; height: 45px; background-color: #ff7e00; border-radius: 5px; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; } .footer__socials a:hover { background-color: #fff; color: #ff7e00; } .footer__socials a + a { margin-left: 8px; } .footer__main { width: 50%; padding: 0 24px; } @media (max-width: 991.92px) { .footer__main { width: 100%; padding: 0; } } .footer__contacts, .footer__info { width: 25%; padding: 0 24px; } @media (max-width: 991.92px) { .footer__contacts, .footer__info { width: 100%; padding: 24px 0; } } .footer__nav { font-size: 16px; line-height: 1.4; font-weight: 500; } .footer__nav ul { list-style-type: none; padding-left: 0; } .footer__nav li { list-style-type: none; } .footer__nav li + li { margin-top: 10px; } .footer__nav a { color: #ff7e00; } .footer__nav a:hover { text-decoration: underline; } .footer__copyright { border-top: 1px solid #333333; } .footer__copyright-wrapper { padding: 24px 0; } .footer__copyright-wrapper .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; line-height: 1.4; } @media (max-width: 575.98px) { .footer__copyright-wrapper .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__copyright-wrapper .container div + div { margin-top: 10px; } } .footer__picture img { width: 100%; } .site-footer { background: #1d1c1c; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.12); } .site-footer__body { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px; padding: 48px 0; } @media (max-width: 1440px) { .site-footer__body { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 992px) { .site-footer__body { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 40px 0 48px; } } .site-footer__cell { min-width: 0; } .site-footer__cta-row { grid-column: 1 / -1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px 48px; } @media (min-width: 993px) { .site-footer__cta-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; } } @media (max-width: 992px) { .site-footer__cta-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } .site-footer__rule { grid-column: 1 / -1; width: 100%; height: 0; margin: 0; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.12); } .site-footer__brand-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; color: inherit; text-decoration: none; } @media (max-width: 380px) { .site-footer__brand-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .site-footer__logo { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 210px; height: 210px; } @media (max-width: 992px) { .site-footer__logo { width: 140px; height: 140px; } } .site-footer__logo-bg, .site-footer__logo-mark { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .site-footer__logo-mark { inset: 20.97% 20.97% 21.45% 11.5%; width: auto; height: auto; } .site-footer__brand-title { font-family: "Montseratt", sans-serif; font-size: 32px; font-weight: 900; line-height: 32px; text-transform: uppercase; } .site-footer__main-nav-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } .site-footer__main-nav-list li { list-style: none; } .site-footer__main-nav-list a { display: inline-block; font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-decoration: none; text-transform: uppercase; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .site-footer__main-nav-list a:hover { opacity: 0.85; } .site-footer__heading { margin: 0 0 24px; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 800; line-height: 28px; text-transform: uppercase; color: #fff; } @media (max-width: 992px) { .site-footer__heading { margin-bottom: 20px; } } .site-footer__desc { margin: 0 0 24px; font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; color: #808080; } @media (max-width: 992px) { .site-footer__desc { margin-bottom: 20px; } } .site-footer__icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .site-footer__icon-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: #313131; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .site-footer__icon-link:hover { background: #ff7e00; } .site-footer__icon-link img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .site-footer__gift { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; font-family: "Runner", sans-serif; font-size: 32px; font-weight: 400; line-height: 36px; text-transform: uppercase; } .site-footer__gift a { color: #fff; text-decoration: none; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .site-footer__gift a:hover { opacity: 0.85; } @media (max-width: 380px) { .site-footer__gift { font-size: 24px; line-height: 32px; } } .site-footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 0; } @media (min-width: 993px) { .site-footer__contacts { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } } @media (max-width: 992px) { .site-footer__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; width: 100%; margin-left: 0; } } .site-footer__contact-link { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-family: "Montseratt", sans-serif; font-size: 40px; font-weight: 400; line-height: 52px; color: #ff7e00; text-decoration: none; white-space: nowrap; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } @media (max-width: 992px) { .site-footer__contact-link { font-size: 24px; line-height: 52px; } } .site-footer__contact-link:hover { opacity: 0.85; } .site-footer__links-columns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 48px; list-style-type: none; } .site-footer__links-columns li { list-style-type: none; } @media (max-width: 380px) { .site-footer__links-columns { gap: 24px; } } .site-footer__links-col { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; margin: 0; padding: 0; list-style: none; } .site-footer__links-col li + li { margin-top: 8px; } .site-footer__links-col a { font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; color: #fff; text-decoration: none; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .site-footer__links-col a:hover { opacity: 0.85; } .site-footer__docs-nav ul:not(.site-footer__docs-list) { margin: 0; padding: 0; list-style: none; } .site-footer__docs-nav ul:not(.site-footer__docs-list) li + li { margin-top: 16px; } .site-footer__docs-nav ul:not(.site-footer__docs-list) a { font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; color: #ff7e00; text-decoration: none; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .site-footer__docs-nav ul:not(.site-footer__docs-list) a:hover { opacity: 0.85; } .site-footer__docs-list { margin: 0; padding: 0; list-style-type: none; } .site-footer__docs-list li { list-style-type: none; } .site-footer__docs-list li + li { margin-top: 16px; } .site-footer__docs-list a { font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; color: #ff7e00; text-decoration: none; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .site-footer__docs-list a:hover { opacity: 0.85; } .site-footer__payments-img { display: block; width: 100%; max-width: 419px; height: auto; aspect-ratio: 419 / 55; } @media (max-width: 992px) { .site-footer__payments-img { max-width: none; aspect-ratio: 362 / 48; } } @media (max-width: 1440px) and (min-width: 993px) { .site-footer__links-block--programs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site-footer__links-block--docs { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .site-footer__links-block--athletes { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .site-footer__links-block--payments { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .site-footer__bar { padding: 48px 0; background: #1d1c1c; } @media (max-width: 992px) { .site-footer__bar { padding: 32px 0 40px; } } .site-footer__copyright { margin: 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 500; line-height: 28px; color: #fff; } .gift-form { padding: 80px 0; background-color: #fff; } .gift-form__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .gift-form__visual { width: 40%; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 50px; } .gift-form__visual-inner { width: 100%; max-width: 760px; } .gift-form__card { width: 100%; } .gift-form__card img { width: 100%; display: block; -o-object-fit: cover; object-fit: cover; } .gift-form__card--bottom { margin-top: 28px; } .gift-form__content { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gift-form__content > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gift-form__title { font-weight: 600; font-size: 50px; line-height: 1.08; margin-bottom: 22px; } .gift-form__body { width: 100%; max-width: 660px; } .gift-form__field { display: block; width: 100%; margin-bottom: 20px; } .gift-form__field input { width: 100%; border: 0; background-color: #eee; height: 50px; padding: 0 22px; font-weight: 400; font-size: 20px; line-height: 36px; color: #000; } .gift-form__field input::-webkit-input-placeholder { color: #636363; } .gift-form__field input::-moz-placeholder { color: #636363; } .gift-form__field input:-ms-input-placeholder { color: #636363; } .gift-form__field input::-ms-input-placeholder { color: #636363; } .gift-form__field input::placeholder { color: #636363; } .gift-form__agree-list { margin-top: 6px; } .gift-form__agree-item { display: block; margin-bottom: 12px; } .gift-form__agree-item a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; -webkit-transition: color .3s; transition: color .3s; } .gift-form__agree-item a:hover { color: #FF7E00; } .gift-form__agree-item input[type='checkbox'] + label { font-size: 16px; line-height: 1.2; font-weight: 400; color: #000; padding-left: 30px; text-transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; } .gift-form__agree-item input[type='checkbox'] + label::before { width: 19px; height: 19px; border-width: 1.5px; } .gift-form__agree-item input[type='checkbox']:checked + label::after { left: 3px; } .gift-form__submit { margin-top: 18px; width: 319px; max-width: 100%; background-color: #000; border: 0; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 24px; font-weight: 700; letter-spacing: 0.08em; height: 78px; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; } .gift-form__submit:hover { background-color: #1f1f1f; } .gift-form__notes { margin: 20px 0 0; padding: 0; list-style: none; } .gift-form__notes li { position: relative; padding-left: 34px; font-size: 16px; line-height: 1.35; font-weight: 400; list-style: none; } .gift-form__notes li::before { content: "!"; position: absolute; top: 1px; left: 0; width: 19px; height: 19px; border-radius: 50%; background-color: #ff7e00; color: #fff; font-size: 14px; line-height: 19px; font-weight: 700; text-align: center; } .gift-form__notes li + li { margin-top: 10px; } @media (max-width: 1240px) { .gift-form { padding: 60px 0; } .gift-form__wrapper { min-height: unset; } .gift-form__visual, .gift-form__content { width: 50%; } .gift-form__title { font-size: 44px; } } @media (max-width: 991.92px) { .gift-form { padding: 40px 0; } .gift-form__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gift-form__content { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .gift-form__visual { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-top: 25px; } .gift-form__title { font-size: 38px; line-height: 1.15; } .gift-form__agree-item input[type='checkbox'] + label { font-size: 16px; } } @media (max-width: 767.92px) { .gift-form { padding: 25px 0; } .gift-form__title { font-size: 30px; margin-bottom: 16px; } .gift-form__field { margin-bottom: 12px; } .gift-form__field input { font-size: 18px; } .gift-form__agree-item { margin-bottom: 8px; } .gift-form__agree-item input[type='checkbox'] + label { font-size: 16px; line-height: 1.35; } .gift-form__submit { width: 100%; height: 64px; font-size: 18px; } } html { scroll-behavior: smooth; } body.blocked { overflow: hidden; } body.overlayed { position: relative; overflow: hidden; } body.overlayed::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .2; z-index: 100; cursor: pointer; } body.lock { overflow: hidden; } .container { -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 100%; width: 100%; padding: 0 48px; } @media (max-width: 991.92px) { .container { padding: 0 32px; } } @media (max-width: 767.92px) { .container { padding: 0 24px; } } .container--narrow { max-width: 1200px; } @media (max-width: 1300px) { .container--narrow { padding: 0 48px; max-width: 100%; } } @media (max-width: 991.92px) { .container--narrow { padding: 0 32px; } } @media (max-width: 767.92px) { .container--narrow { padding: 0 24px; } } body { font-family: "Montseratt", sans-serif; color: #000; font-size: 24px; line-height: 1.5; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 400; } @media (max-width: 1240px) { body { font-size: 20px; line-height: 1.4; } } @media (max-width: 991.92px) { body { font-size: 18px; line-height: 1.4; } } @media (max-width: 767.92px) { body { font-size: 16px; line-height: 1.4; } } main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .padding-for-header { padding-top: 160px; } @media (max-width: 991.92px) { .padding-for-header { padding-top: 125px; } } @media (max-width: 575.98px) { .padding-for-header { padding-top: 110px; } } section { padding: 48px 0; } @media (max-width: 991.92px) { section { padding: 36px 0; } } .title-block { background-color: #000000; padding: 0; color: #fff; overflow: hidden; } .title-block__bg { position: absolute; top: 50%; right: 0; height: 100%; width: 50%; -o-object-position: left; object-position: left; } .title-block__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; } .title-block__wrapper { padding: 48px 0; } .title-block__title { text-transform: uppercase; width: 66%; } .video-block { position: relative; padding: 0; } @media (max-width: 575.98px) { .video-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .video-block__info { position: absolute; right: 0; bottom: 0; background-color: #fff; padding: 50px; width: 640px; } @media (max-width: 1240px) { .video-block__info { padding: 30px; width: 46%; min-width: 420px; } } @media (max-width: 575.98px) { .video-block__info { position: static; width: 100%; left: 0; min-width: unset; } } .video-block__text { margin-bottom: 20px; } .video-block__btn .btn { width: 100%; } .video-block__media video { display: block; height: 100%; max-height: 700px; width: 100%; -o-object-fit: cover; object-fit: cover; } .introduce-block { background-color: #000; color: #fff; } .introduce-block__arrow-icon { display: inline-block; position: absolute; top: 0; right: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 120px; } @media (max-width: 1240px) { .introduce-block__arrow-icon { font-size: 100px; } } @media (max-width: 991.92px) { .introduce-block__arrow-icon { font-size: 80px; } } @media (max-width: 767.92px) { .introduce-block__arrow-icon { font-size: 60px; } } .introduce-block--orange { background-color: #ff7e00; color: #000; } .introduce-block__wrapper { position: relative; } @media (max-width: 991.92px) { .introduce-block__wrapper { padding-top: 24px; padding-bottom: 12px; } } .introduce-block__title-block { margin-bottom: 30px; } .introduce-block__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .introduce-block__info { width: 50%; margin-left: auto; } @media (max-width: 767.92px) { .introduce-block__info { width: 100%; } } @media (max-width: 767.92px) { .introduce-block__btn { width: 100%; } } .introduce-block__desc { font-size: 28px; line-height: 1.4; margin-bottom: 1em; font-weight: 500; } @media (max-width: 1240px) { .introduce-block__desc { font-size: 24px; line-height: 1.4; } } @media (max-width: 991.92px) { .introduce-block__desc { font-size: 20px; line-height: 1.4; } } @media (max-width: 767.92px) { .introduce-block__desc { font-size: 16px; line-height: 1.4; } .introduce-block__desc p { display: inline; } } .introduce-block__title { text-transform: uppercase; } .introduce-block__letter-logo { display: inline-block; margin-top: 20px; } .introduce-block__letter-logo img { width: 100%; } .two-parts { background-color: #000; color: #fff; padding-bottom: 0; } .two-parts__title { text-transform: uppercase; margin-bottom: 1em; } .two-parts__top { position: relative; height: 205px; background-repeat: repeat-x; } @media (max-width: 1240px) { .two-parts__top { height: 12vw; background-size: 100%; } } .two-parts__wrapper { position: relative; } .two-parts__wrapper::after { content: ''; position: absolute; width: calc(50vw - 50%); background-color: #e6e6e6; top: 0; right: calc(50% - 50vw); bottom: 0; } @media (max-width: 767.92px) { .two-parts__wrapper::after { content: none; } } .two-parts__content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767.92px) { .two-parts__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .two-parts__part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 32px; padding-left: 0; } @media (max-width: 767.92px) { .two-parts__part { width: 100%; padding-left: 0; padding-right: 0; } } .two-parts__part + .two-parts__part { background-color: #e6e6e6; padding-right: 0; padding-left: 32px; color: #000; text-align: right; } @media (max-width: 767.92px) { .two-parts__part + .two-parts__part { position: relative; width: 100vw; margin-left: -24px; padding: 24px; } } .two-parts__part + .two-parts__part .two-parts__buttons .btn { margin-left: auto; } .two-parts__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; } .two-parts__buttons .btn + .btn { margin-left: 20px; } .coach-preview { background-color: #fff; } .coach-preview__name { text-transform: uppercase; } .coach-preview__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .coach-preview__info { width: 30%; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 24px; } @media (max-width: 991.92px) { .coach-preview__info { width: 35%; } } @media (max-width: 767.92px) { .coach-preview__info { width: 50%; } } .coach-preview__achieve { font-size: 36px; line-height: 1.4; } @media (max-width: 1240px) { .coach-preview__achieve { font-size: 32px; line-height: 1.4; } } @media (max-width: 991.92px) { .coach-preview__achieve { font-size: 24px; line-height: 1.4; } } @media (max-width: 767.92px) { .coach-preview__achieve { font-size: 20px; line-height: 1.4; } } @media (max-width: 575.98px) { .coach-preview__achieve { font-size: 16px; line-height: 1.4; } } .coach-preview__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 70%; padding-left: 24px; } @media (max-width: 991.92px) { .coach-preview__card { width: 65%; } } @media (max-width: 767.92px) { .coach-preview__card { width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .coach-preview__btn { margin-top: -100px; width: 30%; } @media (max-width: 1240px) { .coach-preview__btn { margin-top: -40px; } } @media (max-width: 991.92px) { .coach-preview__btn { margin-top: 0; width: 45%; } } @media (max-width: 767.92px) { .coach-preview__btn { width: 100%; margin-top: 20px; } .coach-preview__btn .btn { width: 100%; } } .coach-preview__photo { width: 50%; margin-left: 20px; } @media (max-width: 767.92px) { .coach-preview__photo { width: 100%; margin-top: 20px; margin-left: 0; } } .coach-preview__photo img { width: 100%; } .coach-preview__post { font-size: 24px; line-height: 1.4; color: #ff7e00; font-weight: 600; margin-top: 40px; } @media (max-width: 1240px) { .coach-preview__post { font-size: 20px; line-height: 1.4; margin-top: 30px; } } @media (max-width: 991.92px) { .coach-preview__post { font-size: 18px; line-height: 1.4; margin-top: 20px; } } @media (max-width: 767.92px) { .coach-preview__post { font-size: 16px; line-height: 1.4; } } [class*='__prev-text'] { font-weight: 500; margin-right: 80px; } @media (max-width: 1240px) { [class*='__prev-text'] { margin-right: 40px; } } @media (max-width: 991.92px) { [class*='__prev-text'] { margin-right: 20px; } } @media (max-width: 767.92px) { [class*='__prev-text'] { margin-bottom: 30px; margin-right: 0; } } @media (max-width: 767.92px) { .features__wrapper .slider-cards-block__slider { padding: 0 15px; } } .slider-cards-block__slider { position: relative; } .slider-cards-block__slider [class*='__next'] { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; } @media (max-width: 767.92px) { .slider-cards-block__slider [class*='__next'] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .slider-cards-block__slider [class*='__prev'] { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10px; } @media (max-width: 767.92px) { .slider-cards-block__slider [class*='__prev'] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .slider-cards-block [class*='__photo'] { width: 100%; height: 16vw; } @media (max-width: 1240px) { .slider-cards-block [class*='__photo'] { height: 20vw; } } @media (max-width: 767.92px) { .slider-cards-block [class*='__photo'] { height: 40vw; } } .slider-cards-block [class*='__photo'] img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .slider-cards-block__slider .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -24px; } } @media (min-width: 768px) and (max-width: 1240px) { .slider-cards-block__slider .swiper-wrapper { margin: -18px; } } @media (min-width: 768px) { .slider-cards-block__slider .swiper-wrapper .swiper-slide { width: calc(25% - 48px); margin: 24px; } } @media (min-width: 768px) and (max-width: 1240px) { .slider-cards-block__slider .swiper-wrapper .swiper-slide { width: calc((100% / 3) - 36px); margin: 18px; } } @media (min-width: 768px) { .slider-cards-block__slider--second .swiper-wrapper .swiper-slide { width: calc(25% - 48px); margin: 24px; } } @media (min-width: 768px) and (max-width: 1240px) { .slider-cards-block__slider--second .swiper-wrapper .swiper-slide { width: calc((100% / 3) - 36px); margin: 18px; } } @media (min-width: 768px) and (max-width: 991.92px) { .slider-cards-block__slider--second .swiper-wrapper .swiper-slide { width: calc((100% / 2) - 36px); } } @media (max-width: 991.92px) { .slider-cards-block .swiper-slide--empty { display: none; } } .programs { background-color: #000; color: #fff; } .programs__title { text-transform: uppercase; margin-bottom: .8em; } .programs__subtitle { margin-bottom: 1em; } .programs__letter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 100px; } .programs__letter img { width: 100%; } .programs-card { background-color: #fff; color: #000; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; height: auto; } .programs-card:not(.programs-card--catalog):hover, .programs-card:not(.programs-card--prev):hover, .programs-card:not(.programs-card--last):hover { background-color: #ff7e00; color: #fff; } .programs-card.programs-card--prev:hover, .programs-card.programs-card--last:hover { background-color: transparent; } .programs-card:hover:not(.programs-card--catalog) { background-color: #ff7e00; color: #fff; } .programs-card:hover:not(.programs-card--catalog) .programs-card__photo.triangle-right-bottom::before { border-bottom-color: #ff7e00; } .programs-card__title { font-weight: 900; text-transform: uppercase; margin-bottom: 15px; } .programs-card__price { font-size: 16px; line-height: 1.4; } @media (max-width: 767.92px) { .programs-card__price { font-size: 14px; line-height: 1.4; } } .programs-card--prev, .programs-card--last { background-color: #000000; color: #fff; } @media (max-width: 767.92px) { .programs-card--prev, .programs-card--last { display: none; } } .programs-card--prev:hover, .programs-card--last:hover { background-color: #000000; color: #fff; } .programs-card--last img { max-width: 100%; } .programs-card__info { padding: 24px; } @media (max-width: 767.92px) { .programs-card__info { padding: 12px; } } .programs-card__photo img { width: 100%; } .programs-card__photo.triangle-right-bottom::before { -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; border-bottom-color: #fff; } .about-photo { background-color: #1a1a1a; color: #fff; } .about-photo__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767.92px) { .about-photo__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-photo__title { text-transform: uppercase; } .about-photo__prev-text { font-weight: 500; margin-right: 80px; } @media (max-width: 1240px) { .about-photo__prev-text { margin-right: 40px; } } @media (max-width: 991.92px) { .about-photo__prev-text { margin-right: 20px; } } @media (max-width: 767.92px) { .about-photo__prev-text { margin-bottom: 30px; margin-right: 0; } } .about-photo__img { width: 33%; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1240px) { .about-photo__img { width: 25%; } } @media (max-width: 767.92px) { .about-photo__img { width: 100%; } } @media (max-width: 767.92px) { .about-photo__img { margin-bottom: 20px; } } .about-photo__img.triangle-right-bottom::before { border-bottom-color: #1a1a1a; } .about-photo__img img { width: 100%; } .about-photo__info { margin-left: 60px; } @media (max-width: 1240px) { .about-photo__info { margin-left: 40px; } } @media (max-width: 991.92px) { .about-photo__info { margin-left: 20px; } } @media (max-width: 767.92px) { .about-photo__info { margin-left: 0; } } .about-photo__btn { margin-top: 60px; } @media (max-width: 991.92px) { .about-photo__btn { margin-top: 40px; } } @media (max-width: 767.92px) { .about-photo__btn { margin-top: 20px; } } .sportsmen { background-color: #000000; color: #fff; padding-bottom: 0; } .sportsmen__title { text-transform: uppercase; margin-bottom: 16px; } .sportsmen__subtitle { width: 50%; margin-left: auto; margin-bottom: 40px; } @media (max-width: 991.92px) { .sportsmen__subtitle { width: 100%; } } .sportsmen .programs-card { background-color: #000000; color: #fff; } .sportsmen .programs-card .programs-card__photo.triangle-right-bottom::before { border-bottom-color: #000000; } .sportsmen .programs-card:hover { background-color: #ff7e00; color: #fff; } .sportsmen .programs-card:hover .programs-card__photo.triangle-right-bottom::before { border-bottom-color: #ff7e00; } .sportsmen__letters { position: relative; height: 205px; background-repeat: repeat-x; margin-top: 40px; } @media (max-width: 1240px) { .sportsmen__letters { height: 12vw; background-size: 100%; } } .simple-form { background-color: #191919; color: #fff; } .simple-form.triangle-right-bottom::before { border-bottom-color: #e6e6e6; } .simple-form__content { max-width: 1100px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .simple-form__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0; } @media (max-width: 767.92px) { .simple-form__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767.92px) { .simple-form__wrapper { padding: 15px 0; } } @media (max-width: 575.98px) { .simple-form__wrapper { padding: 5px 0 10px; } } .simple-form__title { text-transform: uppercase; margin-bottom: 60px; } @media (max-width: 991.92px) { .simple-form__title { margin-bottom: 40px; } } @media (max-width: 767.92px) { .simple-form__title { margin-bottom: 20px; } } .simple-form .btn { white-space: nowrap; } @media (max-width: 991.92px) { .simple-form__func { max-width: 80%; } } @media (max-width: 767.92px) { .simple-form__func { width: 100%; max-width: unset; } } .simple-form--second { background-color: #000; } .simple-form--second .simple-form__content { max-width: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .simple-form--second .simple-form__subtitle { width: 420px; margin: 0 auto; } @media (max-width: 1240px) { .simple-form--second .simple-form__subtitle { width: 100%; margin-bottom: 20px; } } .simple-form--second .simple-form__func { width: 60%; margin-left: auto; } @media (max-width: 1240px) { .simple-form--second .simple-form__func { width: 100%; margin-left: -10px; } } @media (max-width: 991.92px) { .simple-form--second .simple-form__func { width: 500px; } .simple-form--second .simple-form__func .btn, .simple-form--second .simple-form__func .form-input { width: calc(100% - 20px); } } @media (max-width: 575.98px) { .simple-form--second .simple-form__func { width: calc(100% + 20px); } } .form-line { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -10px; } @media (max-width: 991.92px) { .form-line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-line .form-input, .form-line .btn { margin: 10px; } @media (max-width: 767.92px) { .form-line .form-input, .form-line .btn { width: 100%; } } .form-line .form-input { -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; } .form-line .btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .trainers { background-color: #e6e6e6; } .trainers.triangle-right-bottom::before { border-bottom-color: #ff7e00; z-index: 2; border-left: 156px solid transparent; border-bottom: 132px solid #ff7e00; right: 0; bottom: 0; } @media (max-width: 767.92px) { .trainers.triangle-right-bottom::before { border-left: 80px solid transparent; border-bottom: 70px solid #ff7e00; } } .trainers__title { text-transform: uppercase; margin-bottom: 48px; } @media (max-width: 991.92px) { .trainers__title { margin-bottom: 30px; } } @media (max-width: 767.92px) { .trainers__title { margin-bottom: 20px; } } .trainers__footer { position: relative; margin-top: 40px; } .trainers__footer img { width: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1240px) { .trainers__footer { height: 12vw; background-size: 100%; } } .trainers__btn { margin-top: 20px; } .trainer-card { background-color: #fff; color: #000; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; height: auto; } .trainer-card:hover { background-color: #ff7e00; color: #fff; } .trainer-card:hover .trainer-card__photo.triangle-right-bottom::before { border-bottom-color: #ff7e00; } .trainer-card__title { font-weight: 900; text-transform: uppercase; margin-bottom: 15px; font-size: 36px; line-height: 1; white-space: pre-wrap; word-spacing: 100vw; } @media (max-width: 991.92px) { .trainer-card__title { font-size: 24px; line-height: 1; } } @media (max-width: 767.92px) { .trainer-card__title { font-size: 24px; line-height: 1; } } .trainer-card__price { font-size: 16px; line-height: 1.4; } @media (max-width: 767.92px) { .trainer-card__price { font-size: 14px; line-height: 1.4; } } .trainer-card--prev, .trainer-card--last { background-color: transparent; } @media (max-width: 767.92px) { .trainer-card--prev, .trainer-card--last { display: none; } } .trainer-card--prev:hover, .trainer-card--last:hover { background-color: #e6e6e6; color: #000; } .trainer-card--last img { max-width: 100%; } .trainer-card__info { padding: 24px; } @media (max-width: 767.92px) { .trainer-card__info { padding: 12px; } } .trainer-card .trainer-card__photo { height: 24vw; } @media (max-width: 767.92px) { .trainer-card .trainer-card__photo { height: 120vw; } } .trainer-card .trainer-card__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .trainer-card .trainer-card__photo.triangle-right-bottom::before { -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; border-bottom-color: #fff; } .locations { background-color: #ff7e00; padding-bottom: 0; } .locations__map { margin-top: 40px; } .locations__btn { margin-top: 20px; } .locations__title { position: absolute; width: calc(50% - 93px); text-transform: uppercase; white-space: pre-wrap; word-spacing: 100vw; } @media (max-width: 991.92px) { .locations__title { position: relative; margin: 0 20px 20px; width: calc(100% - 40px); } } .locations .slider-cards-block__slider [class*="__prev"] { left: 0px; } .locations .slider-cards-block__slider [class*="__next"] { right: 0px; } .locations__map iframe { width: 100%; display: block; } .location-card { height: auto; } .location-card__wrapper { display: inline-block; width: 100%; background-color: #fff; color: #000; height: 100%; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; padding-bottom: 40px; } @media (max-width: 767.92px) { .location-card__wrapper { margin: 0 20px; width: calc(100% - 40px); padding-bottom: 16px; } } .location-card__wrapper:hover { background-color: #000; color: #fff; } .location-card__metro, .location-card__address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 22px; line-height: 1; } @media (max-width: 767.92px) { .location-card__metro, .location-card__address { font-size: 18px; line-height: 1; } } .location-card__metro span, .location-card__address span { display: inline-block; margin-left: 8px; } .location-card__metro + .location-card__address { margin-top: 20px; } .location-card.triangle-right-bottom::before { border-left: 65px solid transparent; border-bottom: 60px solid #ff7e00; border-bottom-color: #ff7e00; } .location-card__title { font-weight: 900; text-transform: uppercase; margin-bottom: 24px; font-size: 28px; line-height: 1; white-space: pre-wrap; word-spacing: 100vw; } @media (max-width: 1440px) { .location-card__title { font-size: 26px; line-height: 1; } } @media (max-width: 1240px) { .location-card__title { font-size: 24px; line-height: 1; } } @media (max-width: 991.92px) { .location-card__title { font-size: 20px; line-height: 1; } } .location-card__price { font-size: 16px; line-height: 1.4; } @media (max-width: 767.92px) { .location-card__price { font-size: 14px; line-height: 1.4; } } .location-card--prev, .location-card--last { background-color: transparent; } @media (max-width: 767.92px) { .location-card--prev, .location-card--last { display: none; } } .location-card--prev:hover, .location-card--last:hover { background-color: #e6e6e6; color: #000; } .location-card--last img { max-width: 100%; } .location-card__info { padding: 24px; } @media (max-width: 767.92px) { .location-card__info { padding: 20px; } } .location-card__sub { font-size: 20px; line-height: 1; font-weight: 700; text-transform: uppercase; color: #ff7e00; margin-bottom: 8px; } .features { background-color: #000000; color: #fff; } .features__title { text-transform: uppercase; margin-bottom: 20px; } .features__subtitle { width: 50%; margin-left: auto; margin-bottom: 40px; } @media (max-width: 767.92px) { .features__subtitle { width: 100%; } } @media (max-width: 767.92px) { .features__wrapper .swiper-slide .feature-card__wrapper { margin-right: 20px; margin-left: 20px; } .features__wrapper .slider-cards-block__slider [class*="__prev"] { left: 0px; } .features__wrapper .slider-cards-block__slider [class*="__next"] { right: 0px; } } .features__letter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px auto 0; width: 100px; } .features__letter img { width: 100%; } .feature-card--last { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 400px; } @media (max-width: 767.92px) { .feature-card--last { display: none; } } .feature-card--last img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .feature-card .feature-card__photo { max-width: 96px; margin-bottom: 16px; height: auto; } .feature-card .feature-card__photo img { width: 100%; } .feature-card__title { font-size: 20px; line-height: 1; color: #ff7e00; font-weight: 900; margin-bottom: 10px; } .feature-card__text { font-size: 17px; line-height: 1.4; font-weight: 500; } @media (max-width: 767.92px) { .feature-card__text { font-size: 16px; line-height: 1.4; } } .people { background-color: #fff; } .people__wrapper { padding-bottom: 0; } .people__title { text-transform: uppercase; margin-bottom: 40px; } @media (max-width: 991.92px) { .people__title { margin-bottom: 30px; } } @media (max-width: 767.92px) { .people__title { margin-bottom: 20px; } } @media (max-width: 767.92px) { .people .nav-next, .people .nav-prev { background-color: #fff; color: #ff7e00; } } .client-card { position: relative; overflow: hidden; } @media (max-width: 1079.98px) { .client-card { background-color: #ff7e00; } } .client-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ff7e00; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } @media (min-width: 1080px) { .client-card:hover::before { opacity: 1; } .client-card:hover .client-card__info { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .client-card:hover .client-card__name { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .client-card:hover .client-card__text, .client-card:hover .client-card__btns { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .client-card__info { padding: 40px; -webkit-transition: opacity .3s; transition: opacity .3s; overflow-y: auto; color: #fff; } @media (min-width: 1080px) { .client-card__info { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; color: #fff; } } @media (max-width: 1600px) { .client-card__info { padding: 20px; } } @media (max-width: 1079.98px) { .client-card__info { padding: 15px 10px; } } @media (min-width: 1080px) { .client-card__text, .client-card__btns { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } } .client-card__text { font-size: 16px; line-height: 1.4; } @media (max-width: 1600px) { .client-card__text { font-size: 14px; line-height: 1.2; } } .client-card__btns { margin-top: 20px; } .client-card__name { font-size: 24px; line-height: 1; font-weight: 900; margin-bottom: 30px; } @media (min-width: 1080px) { .client-card__name { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } } @media (max-width: 991.92px) { .client-card__name { font-size: 20px; line-height: 1; margin-bottom: 20px; } } @media (max-width: 767.92px) { .client-card__name { font-size: 18px; line-height: 1; margin-bottom: 16px; } } .client-card .client-card__photo { height: 32vw; max-height: 620px; } @media (max-width: 767.92px) { .client-card .client-card__photo { height: 65vw; } } .faq { background-color: #ff7e00; background-repeat: repeat-x; background-size: contain; background-position: center; } .faq.triangle-left-top::after { border-top-color: #fff; } .faq__wrapper { max-width: 1160px; margin: 0 auto; padding: 40px 0 0; } @media (max-width: 767.92px) { .faq__wrapper { padding-top: 20px; } } .faq__title { margin-bottom: 60px; } @media (max-width: 991.92px) { .faq__title { margin-bottom: 40px; } } @media (max-width: 767.92px) { .faq__title { margin-bottom: 25px; } } .faq__content { background-color: #fff; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 767.92px) { .faq__content { padding-top: 10px; padding-bottom: 10px; } } .faq__arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .faq__arrow a { display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 120px; margin-top: 40px; -webkit-transition: color .3s; transition: color .3s; } @media (max-width: 1240px) { .faq__arrow a { font-size: 100px; } } @media (max-width: 991.92px) { .faq__arrow a { font-size: 80px; margin-top: 20px; } } @media (max-width: 767.92px) { .faq__arrow a { font-size: 60px; } } .faq__arrow a:hover { color: #fff; } .faq-block { padding: 0 50px; } @media (max-width: 767.92px) { .faq-block { padding: 0 40px; } } .faq-block--active .faq-block__question::after { content: none; } .faq-block__question { position: relative; padding: 15px 0; font-size: 20px; line-height: 1.4; font-weight: 900; cursor: pointer; text-transform: uppercase; } @media (max-width: 767.92px) { .faq-block__question { font-size: 18px; line-height: 1.4; padding: 10px 0; } } .faq-block__question::after { content: ''; position: absolute; background-color: #000; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -16px; width: 4px; height: 12px; } .faq-block__question::before { content: ''; position: absolute; left: -20px; background-color: #000; top: 50%; width: 12px; height: 4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .faq-block__answer { width: 50%; margin-left: auto; font-size: 16px; line-height: 1.4; padding: 16px 0; font-weight: 500; } @media (max-width: 767.92px) { .faq-block__answer { font-size: 14px; line-height: 1.4; } } @media (max-width: 767.92px) { .faq-block__answer { width: 100%; } } .callback-section { background-color: #000; color: #fff; } .callback-section__right-bg { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; } .callback-section__right-bg + .container { position: relative; } .callback-section__title { text-transform: uppercase; margin-bottom: 30px; } .callback-section__subtitle { margin-bottom: 20px; } .callback-section__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 30px; } @media (max-width: 767.92px) { .callback-section__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .callback-section__content { width: calc(50%); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767.92px) { .callback-section__content { width: 100%; margin-bottom: 40px; } } .callback-section__picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(50% - 80px); margin-left: 80px; } @media (max-width: 991.92px) { .callback-section__picture { margin-left: 40px; width: calc(50% - 40px); } } @media (max-width: 767.92px) { .callback-section__picture { width: 100%; margin-left: 0; } } .callback-section__picture img { width: 80%; } @media (max-width: 991.92px) { .callback-section__picture img { width: 100%; } } .callback-section__form-block { width: 448px; margin-left: auto; } @media (max-width: 991.92px) { .callback-section__form-block { width: 100%; } } .callback-section__form-block .form-input, .callback-section__form-block .form-select { margin-bottom: 20px; } .callback-section__form-block .form-select { color: #000; } .callback-section__form-block .btn { width: 100%; } .callback-section__form-block .form-input, .callback-section__form-block .form-select { width: 100%; } .callback-section__form-block .form-input label, .callback-section__form-block .form-select label { color: #fff; } .callback-section__form-block .form-input input[type='checkbox'] + label, .callback-section__form-block .form-select input[type='checkbox'] + label { color: #fff; } .callback-section--second .callback-section__picture { width: 60%; } @media (max-width: 991.92px) { .callback-section--second .callback-section__picture { width: 50%; } } @media (max-width: 767.92px) { .callback-section--second .callback-section__picture { width: 100%; } } .callback-section--second .callback-section__content { width: calc(40% - 60px); margin-right: 60px; } @media (max-width: 991.92px) { .callback-section--second .callback-section__content { width: calc(50% - 40px); margin-right: 40px; } } @media (max-width: 767.92px) { .callback-section--second .callback-section__content { width: 100%; margin-right: 0; } } .callback-section--second .callback-section__form-block { margin-left: 0; width: 100%; } .callback-section--second .callback-section__form-block .form-input input { border-radius: 15px; } .callback-section--second .callback-section__form-block .choices__inner { border-radius: 15px; } .callback-section--second .callback-section__form-block .form-select .choices__list.choices__list--dropdown { border-radius: 0 0 15px 15px; } .callback-section--second .callback-section__form-block .form-select .choices.is-open .choices__inner { border-radius: 15px 15px 0 0; } .white-banner { background-color: #fff; } .white-banner__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 575.98px) { .white-banner__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .white-banner__picture { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 575.98px) { .white-banner__picture { width: 100%; } } .white-banner__picture img { width: 100%; } .white-banner__text { width: 50%; text-transform: uppercase; } @media (max-width: 575.98px) { .white-banner__text { width: 100%; margin-bottom: 20px; } } .white-banner__text span { color: #ff7e00; } @media (max-width: 1240px) { .white-banner__title { font-size: 40px; line-height: 1; } } @media (max-width: 575.98px) { .white-banner__title { font-size: 24px; line-height: 1; } } .welcome { position: relative; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding-top: 160px; } @media (max-width: 991.92px) { .welcome { margin-top: 125px; padding-top: 80px; } } @media (max-width: 575.98px) { .welcome { margin-top: 110px; } } .welcome::before { content: ''; position: absolute; opacity: 0.6; background-color: #000000; top: 0; left: 0; right: 0; bottom: 0; } .welcome__wrapper { position: relative; z-index: 1; color: #fff; padding: 80px 0; } @media (max-width: 991.92px) { .welcome__wrapper { padding-top: 0; padding-bottom: 40px; } } .welcome__title { text-transform: uppercase; margin-bottom: 30px; } @media (max-width: 991.92px) { .welcome__title { margin-bottom: 20px; } } @media (max-width: 767.92px) { .welcome__title { margin-bottom: 16px; } } .breadcrumbs { font-size: 16px; line-height: 1.4; color: #cccccc; } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -5px; padding: 0; list-style-type: none; } .breadcrumbs li { margin: 5px; list-style-type: none; } .breadcrumbs li + li { position: relative; } .breadcrumbs li + li::before { content: '>'; } .breadcrumbs a { -webkit-transition: color .3s; transition: color .3s; } .breadcrumbs a:hover { color: #ff7e00; } .programs-list { color: #fff; padding: 60px 0; } .programs-list .corner-right-bottom + .container { position: relative; z-index: 2; } @media (max-width: 767.92px) { .programs-list { padding: 40px 0; } } .programs-list__title { text-transform: uppercase; margin-bottom: 25px; } @media (max-width: 991.92px) { .programs-list__title { margin-bottom: 20px; } } @media (max-width: 767.92px) { .programs-list__title { margin-bottom: 15px; } } .programs-list__subtitle { margin-bottom: 20px; } .programs-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px; } @media (max-width: 767.92px) { .programs-list__wrapper { margin: -10px; } } @media (max-width: 575.98px) { .programs-list__wrapper { margin: 0 0 -20px; } } .programs-list .programs-card { width: calc(25% - 40px); margin: 20px; } @media (max-width: 1240px) { .programs-list .programs-card { width: calc((100% / 3) - 40px); } } @media (max-width: 767.92px) { .programs-list .programs-card { width: calc((100% / 2) - 20px); margin: 10px; } } @media (max-width: 575.98px) { .programs-list .programs-card { width: 100%; margin: 0 0 20px; } } .programs-list--round .programs-list__wrapper { margin: -24px; } .programs-list--round .programs-card { border-radius: 30px; overflow: hidden; width: calc((100% / 3) - 48px); margin: 24px; } @media (max-width: 991.92px) { .programs-list--round .programs-card { width: calc((100% / 2) - 48px); } } @media (max-width: 767.92px) { .programs-list--round .programs-card { width: 100%; } } .program-introduce { background-color: #fff; } .program-introduce--second { background-color: #000; } @media (max-width: 1240px) { .program-introduce--second .program-introduce__part { width: calc(25% - 40px); } } @media (max-width: 991.92px) { .program-introduce--second .program-introduce__part { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .program-introduce--little { background-color: #000; } .program-introduce--little .program-introduce__wrapper { background-color: #FFFFFF; padding: 20px; border-radius: 16px; } @media (max-width: 991.92px) { .program-introduce--little .program-introduce__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 30px; } } @media (max-width: 575.98px) { .program-introduce--little .program-introduce__wrapper { padding: 20px; } } @media (max-width: 1240px) { .program-introduce--little .program-introduce__part { width: calc(50% - 40px); } } @media (max-width: 575.98px) { .program-introduce--little .program-introduce__part { width: calc(100% - 40px); } } .program-introduce--little .program-introduce__part--btns .program-introduce__row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } @media (max-width: 991.92px) { .program-introduce--little .program-introduce__part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .program-introduce__part { width: calc(25% - 40px); margin: 20px 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1240px) { .program-introduce__part { width: calc(50% - 40px); margin: 10px 20px; } } @media (max-width: 767.92px) { .program-introduce__part { width: 100%; margin: 10px 0; } } @media (max-width: 767.92px) { .program-introduce__part--btns { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .program-introduce__part--btns .program-introduce__row { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767.92px) { .program-introduce__part--btns .program-introduce__row { width: 100%; } .program-introduce__part--btns .program-introduce__row + .program-introduce__row { margin-top: 20px; } } .program-introduce__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0; margin: -10px -20px; } @media (max-width: 767.92px) { .program-introduce__wrapper { margin: 0; } } @media (max-width: 991.92px) { .program-introduce__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .program-introduce__subtitle { font-size: 20px; line-height: 1.4; font-weight: 500; color: #939393; text-transform: uppercase; margin-bottom: 8px; } @media (max-width: 575.98px) { .program-introduce__subtitle { font-size: 16px; line-height: 1.4; } } @media (max-width: 991.92px) { .program-introduce__row { width: calc(50% - 30px); } } .program-introduce__row + .program-introduce__row { margin-top: 20px; } @media (max-width: 991.92px) { .program-introduce__row + .program-introduce__row { margin-top: 0; } } .program-introduce__price { font-size: 24px; line-height: 1.2; font-weight: 600; } @media (max-width: 575.98px) { .program-introduce__price { font-size: 20px; line-height: 1.2; } } .program-introduce__price span { color: #ff7e00; text-decoration: line-through; font-size: 20px; } .intro-block { background-color: #1a1a1a; color: #fff; } .intro-block__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767.92px) { .intro-block__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .intro-block__picture { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 60px; } @media (max-width: 1240px) { .intro-block__picture { width: 35%; margin-right: 40px; } } @media (max-width: 767.92px) { .intro-block__picture { width: 100%; margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 20px; } } .intro-block__picture img { width: 100%; height: auto; } .intro-block__content { width: calc(50% - 60px); } @media (max-width: 1240px) { .intro-block__content { width: calc(65% - 40px); } } @media (max-width: 767.92px) { .intro-block__content { width: 100%; } } .intro-block__title { text-transform: uppercase; margin-bottom: 40px; } @media (max-width: 991.92px) { .intro-block__title { margin-bottom: 30px; } } @media (max-width: 767.92px) { .intro-block__title { margin-bottom: 20px; } } .feat-list { background-color: #ff7e00; } .feat-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 24px; } @media (max-width: 1440px) { .feat-list__wrapper { margin: -24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 1240px) { .feat-list__wrapper { margin: -24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 575.98px) { .feat-list__wrapper { margin: 0 0 -12px; } } .feat-list--little .feat-item { padding: 24px; } .feat-list--little .feat-item__text { font-size: 18px; line-height: 1.4; } .feat-list--round .feat-list__wrapper { margin-top: 0; } @media (max-width: 767.92px) { .feat-list--round .feat-list__wrapper { margin: -15px; } } @media (max-width: 575.98px) { .feat-list--round .feat-list__wrapper { margin: 0 0 -15px; } } .feat-list--round .feat-item { border-radius: 30px; padding: 24px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: calc((100% / 3) - 48px); } @media (max-width: 767.92px) { .feat-list--round .feat-item { width: calc((100% / 2) - 30px); margin: 15px; } } @media (max-width: 575.98px) { .feat-list--round .feat-item { width: 100%; margin: 0 0 15px; } } .feat-list--round .feat-item__text { font-size: 18px; line-height: 1.4; } .feat-item { background-color: #fff; margin: 24px; width: calc(25% - 48px); padding: 36px; } @media (max-width: 1440px) { .feat-item { padding: 20px; width: calc(50% - 48px); } } @media (max-width: 575.98px) { .feat-item { padding: 24px; } } @media (max-width: 1240px) { .feat-item { width: calc(50% - 48px); margin: 24px; } } @media (max-width: 575.98px) { .feat-item { width: 100%; margin: 0 0 12px; } } .feat-item__icon { color: #ff7e00; font-size: 52px; line-height: 1; margin-bottom: 16px; } @media (max-width: 1240px) { .feat-item__icon { font-size: 46px; line-height: 1; } } @media (max-width: 991.92px) { .feat-item__icon { font-size: 32px; line-height: 1; } } @media (max-width: 767.92px) { .feat-item__icon { font-size: 26px; line-height: 1; } } .feat-item__text { text-transform: uppercase; font-size: 22px; line-height: 1; } @media (max-width: 1440px) { .feat-item__text { font-size: 20px; line-height: 1; } } @media (max-width: 1240px) { .feat-item__text { font-size: 18px; line-height: 1; } } @media (max-width: 767.92px) { .feat-item__text { font-size: 16px; line-height: 1; } } .picture-block { position: relative; color: #fff; background-color: #1a1a1a; } .picture-block--s { padding: 20px 0; } .picture-block--s .picture-block__wrapper { padding: 0; } .picture-block--white { color: #000; background-color: #fff; } .picture-block.triangle-right-bottom::before { border-left-color: #1a1a1a; } .picture-block .corner-right-bottom + .container { padding-bottom: 60px; } .picture-block__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 40px; } @media (max-width: 991.92px) { .picture-block__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 575.98px) { .picture-block__wrapper { padding-top: 20px; } } .picture-block__pic + .picture-block__text, .picture-block__text + .picture-block__pic { margin-left: 40px; } @media (max-width: 991.92px) { .picture-block__pic + .picture-block__text, .picture-block__text + .picture-block__pic { margin-left: 0; margin-top: 20px; } } @media (max-width: 575.98px) { .picture-block__pic + .picture-block__text, .picture-block__text + .picture-block__pic { margin-top: 16px; } } .picture-block__pic { width: calc(50% - 20px); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991.92px) { .picture-block__pic { width: 100%; } } .picture-block__pic img { width: 100%; } .picture-block__text h3, .picture-block__text h4, .picture-block__text h5 { margin-bottom: 1em; } .picture-block__text p { margin-bottom: .8em; } .picture-block__text--mini { font-size: 16px; line-height: 1.7; } .level { position: relative; background-color: #ff7e00; background-size: cover; background-attachment: fixed; color: #fff; } .level.b-black::before { content: none; } .level::before { content: ''; display: block; z-index: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0.8; background-color: #ff7e00; } .level__title { text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 991.92px) { .level__title { margin-bottom: 16px; } } @media (max-width: 767.92px) { .level__title { margin-bottom: 10px; } } .level__subtitle { margin-bottom: 20px; } .level__wrapper { position: relative; padding-top: 30px; padding-bottom: 40px; } .level__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -24px; } @media (max-width: 991.92px) { .level__content { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -24px; } } .level-item { position: relative; background-color: #FFFFFF; color: #000; padding: 48px; border-radius: 30px; margin: 24px; width: calc(50% - 48px); } @media (max-width: 991.92px) { .level-item { width: 100%; margin: 0 0 24px; } } @media (max-width: 767.92px) { .level-item { padding: 24px; } } .level-item__wrapper { position: relative; padding-right: 30px; } .level-item__subtext { font-size: 16px; line-height: 1.4; font-weight: 500; } .level-item__title { font-size: 20px; font-weight: 900; line-height: 1.4; text-transform: uppercase; margin-bottom: 10px; } .level-item__btn { margin-top: 16px; border-radius: 10px; padding-top: 8px; padding-bottom: 8px; width: unset; } .level-item__icon { position: absolute; right: 0; top: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 28px; height: 28px; color: #ff7e00; border: 2px solid #ff7e00; border-radius: 50%; font-size: 18px; line-height: 1; } .siblings { background-color: #000; color: #fff; } .siblings--white { background-color: #fff; color: #000; } .siblings--s .siblings__wrapper { padding: 0; } .siblings__wrapper { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; } @media (max-width: 991.92px) { .siblings__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -20px; } } .siblings__part { width: calc(50% - 40px); margin: 0 20px; font-size: 16px; line-height: 1.4; } @media (max-width: 991.92px) { .siblings__part { width: 100%; margin: 0 0 20px; } } .siblings__part h2, .siblings__part h3, .siblings__part h4, .siblings__part h5, .siblings__part p { margin-bottom: 1em; } .text-block { background-color: #000; color: #fff; } .text-block .corner-right-bottom + .container { margin-bottom: 80px; } @media (max-width: 1240px) { .text-block .corner-right-bottom + .container { margin-bottom: 60px; } } @media (max-width: 767.92px) { .text-block .corner-right-bottom + .container { margin-bottom: 40px; } } .text-block--s { margin: 0; padding: 20px 0; } .text-block--white { background-color: #fff; color: #000; } .text-block--orange { background-color: #ff7e00; color: #000; } .text-block__wrapper { font-size: 20px; line-height: 1.5; font-weight: 500; } .text-block__wrapper h1, .text-block__wrapper h2, .text-block__wrapper h3, .text-block__wrapper h4, .text-block__wrapper h5, .text-block__wrapper h6 { margin-bottom: .5em; } .text-block__wrapper p { margin-bottom: .7em; } .text-block__wrapper ul, .text-block__wrapper ol, .text-block__wrapper li { list-style-type: disc; } .text-block__wrapper ul, .text-block__wrapper ol { padding-left: 16px; margin-bottom: .7em; } .text-block__wrapper ul li + li, .text-block__wrapper ol li + li { margin-top: 8px; } .trainers-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -24px; } @media (max-width: 767.92px) { .trainers-list__wrapper { margin: -12px; } } @media (max-width: 575.98px) { .trainers-list__wrapper { margin: 0 0 -16px; } } .trainers-list__wrapper .trainer-card { width: calc(25% - 48px); margin: 24px; } @media (max-width: 1240px) { .trainers-list__wrapper .trainer-card { width: calc((100% / 3) - 48px); } } @media (max-width: 767.92px) { .trainers-list__wrapper .trainer-card { width: calc(50% - 24px); margin: 12px; } } @media (max-width: 575.98px) { .trainers-list__wrapper .trainer-card { width: 100%; margin: 0 0 16px; } } .trainer-page { background-color: #fff; color: #000; padding-bottom: 140px; } @media (max-width: 1240px) { .trainer-page { padding-top: 120px; } } @media (max-width: 991.92px) { .trainer-page { padding-bottom: 80px; } } @media (max-width: 767.92px) { .trainer-page { padding-bottom: 60px; } } .trainer-page__bg-left { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 50%; z-index: 0; opacity: .3; } .trainer-page__bg-left img { width: 100%; -o-object-fit: contain; object-fit: contain; } .trainer-page__bg-right { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 50%; z-index: 0; } .trainer-page__bg-right img { width: 100%; -o-object-fit: contain; object-fit: contain; } .trainer-page__bg-right ~ .container, .trainer-page__bg-left ~ .container { position: relative; z-index: 2; } .trainer-page__wrapper { display: grid; grid-template-columns: repeat(3, calc((100% / 3) - 32px)); grid-template-rows: repeat(5, auto); grid-column-gap: 48px; } @media (max-width: 991.92px) { .trainer-page__wrapper { grid-template-columns: repeat(2, calc((100% / 2) - 48px)); } } @media (max-width: 767.92px) { .trainer-page__wrapper { grid-template-columns: 1fr; grid-column-gap: 0; } } .trainer-page__photo-block { grid-column: 1; grid-row: 1/6; } @media (max-width: 991.92px) { .trainer-page__photo-block { grid-row: 1/3; } } @media (max-width: 767.92px) { .trainer-page__photo-block { grid-row: 1; grid-column: 1; } } .trainer-page__photo-block img { width: 100%; } .trainer-page__title { grid-column: 2/4; grid-row: 1; margin-bottom: 40px; } @media (max-width: 767.92px) { .trainer-page__title { grid-row: 2; grid-column: 1; margin-top: 20px; } } .trainer-page__first-col { grid-row: 2/6; grid-column: 2; } @media (max-width: 991.92px) { .trainer-page__first-col { grid-row: 2; grid-column: 2; } } @media (max-width: 767.92px) { .trainer-page__first-col { grid-row: 3; grid-column: 1; } } .trainer-page__second-col { grid-row: 2/6; grid-column: 3; } @media (max-width: 991.92px) { .trainer-page__second-col { grid-row: 4/6; grid-column: 1/3; margin-top: 20px; } } .trainer-page__quote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ff7e00; color: #fff; padding: 20px; font-size: 18px; line-height: 1.4; font-weight: 500; } .trainer-page__quote span { font-size: 48px; line-height: 1; font-weight: 900; margin-right: 16px; } .trainer-page__name { margin-bottom: 16px; } .trainer-page__post { text-transform: uppercase; color: #ff7e00; font-weight: 900; } .trainer-page__subtitle { font-weight: 900; margin-bottom: 16px; text-transform: uppercase; font-size: 20px; line-height: 1; } .trainer-page__info-block { font-size: 16px; line-height: 1.4; font-weight: 500; } .trainer-page__info-block + .trainer-page__info-block { margin-top: 40px; } .trainer-page__education-block + .trainer-page__education-block { margin-top: 20px; } .education-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .education-info__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; background-color: #ff7e00; border-radius: 50%; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; } .education-info__title { font-size: 24px; line-height: 1.4; } .our-areas-list { color: #fff; padding-bottom: 140px; } @media (max-width: 1240px) { .our-areas-list { padding-top: 120px; } } @media (max-width: 991.92px) { .our-areas-list { padding-bottom: 80px; } } @media (max-width: 767.92px) { .our-areas-list { padding-bottom: 60px; } } .our-areas-list__title { text-transform: uppercase; margin-bottom: 25px; text-align: center; } @media (max-width: 991.92px) { .our-areas-list__title { margin-bottom: 20px; } } @media (max-width: 767.92px) { .our-areas-list__title { margin-bottom: 20px; } } .our-areas-list__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; } @media (max-width: 991.92px) { .our-areas-list__pagination { margin-top: 40px; } } @media (max-width: 767.92px) { .our-areas-list__pagination { margin-top: 20px; } } .our-areas-list__pagination .swiper-pagination-bullet { border: 1px solid #ff7e00; opacity: 1; } .our-areas-list__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ff7e00; } .our-area-item { padding: 16px; background-color: #fff; color: #000; height: 100%; } .our-area-item__title { font-size: 15px; line-height: 1; font-weight: 900; text-transform: uppercase; margin-bottom: 16px; } .our-area-item__address { font-size: 15px; line-height: 1.4; font-weight: 300; } .our-area-item__point, .our-area-item__metro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .our-area-item__point i, .our-area-item__metro i { width: 16px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; color: #ff7e00; } .our-area-item__graphic { background-color: #eaeaea; border-radius: 20px; font-size: 13px; line-height: 1.4; padding: 5px 10px; } .our-area-item__gr-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 7px 0; font-weight: 600; border-bottom: 1px solid #ccc; } .our-area-item__gr-row:last-child { border-bottom: none; } .frame-round__wrapper { border-radius: 50px; overflow: hidden; } .news-listing { margin-bottom: 120px; } @media (max-width: 991.92px) { .news-listing { margin-bottom: 100px; } } @media (max-width: 767.92px) { .news-listing { margin-bottom: 80px; } } .news-listing__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px; } @media (max-width: 767.92px) { .news-listing__wrapper { margin: 0 0 -20px; } } .news-listing__wrapper .news-item { width: calc(50% - 40px); margin: 20px; height: auto; } @media (max-width: 767.92px) { .news-listing__wrapper .news-item { width: 100%; margin: 0 0 20px; } } .news-listing__wrapper .news-item:nth-child(2n) { margin-top: -40px; margin-bottom: 60px; } @media (max-width: 767.92px) { .news-listing__wrapper .news-item:nth-child(2n) { margin-top: 0; margin-bottom: 20px; } } .news-item { border-radius: 20px; background-color: #fff; color: #000; overflow: hidden; } .news-item__photo { height: 300px; width: 100%; display: inline-block; } @media (max-width: 1240px) { .news-item__photo { height: 30vw; } } @media (max-width: 767.92px) { .news-item__photo { height: 55vw; } } .news-item__photo img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .news-item__title { display: inline-block; padding: 15px; font-weight: 700; } .news-item__description { font-size: 16px; line-height: 1.4; font-weight: 500; padding: 15px; } @media (max-width: 767.92px) { .news-item__description { font-size: 15px; } } .news-item__btn { margin: 0 15px 25px; width: calc(100% - 30px); } .news-item a { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .news-item a:hover { opacity: 0.7; } .news-page { padding-bottom: 140px; } @media (max-width: 1240px) { .news-page { padding-top: 120px; } } @media (max-width: 991.92px) { .news-page { padding-bottom: 80px; } } @media (max-width: 767.92px) { .news-page { padding-bottom: 60px; } } .news-page__wrapper { max-width: 800px; margin: 0 auto; font-size: 18px; line-height: 1.4; font-weight: 300; } @media (max-width: 767.92px) { .news-page__wrapper { font-size: 16px; line-height: 1.4; } } .news-page__wrapper h2, .news-page__wrapper h3, .news-page__wrapper h4, .news-page__wrapper h5, .news-page__wrapper h6 { margin-bottom: .8em; } .news-page__wrapper p, .news-page__wrapper ul, .news-page__wrapper ol { margin-bottom: 1em; } .news-page__picture { margin-bottom: 30px; } .news-page__picture img { width: 100%; } .contacts-block__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767.92px) { .contacts-block__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .contacts-block__form { width: 66%; background-color: #ff7e00; color: #fff; padding: 60px 80px; } @media (max-width: 1240px) { .contacts-block__form { padding: 30px 40px; } } @media (max-width: 767.92px) { .contacts-block__form { width: 100%; } } .contacts-block__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 34%; background-color: #141414; color: #fff; padding: 40px; } .contacts-block__items .contacts-item + .contacts-item { margin-top: 30px; } @media (max-width: 1240px) { .contacts-block__items { padding: 30px; } } @media (max-width: 767.92px) { .contacts-block__items { width: 100%; } } .contacts-block__title { margin-bottom: 25px; } @media (max-width: 991.92px) { .contacts-block__title { margin-bottom: 20px; } } @media (max-width: 767.92px) { .contacts-block__title { margin-bottom: 15px; } } .contacts-block__subtitle { font-size: 16px; line-height: 1.4; margin-bottom: 40px; } .contacts-block .form-input { width: 100%; } .contacts-block__two-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -10px -10px 0; } @media (max-width: 575.98px) { .contacts-block__two-fields { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0; } } .contacts-block__two-fields .form-input { width: calc(50% - 20px); margin: 10px; } @media (max-width: 575.98px) { .contacts-block__two-fields .form-input { width: 100%; margin: 0 0 10px; } } .contacts-block .btn { margin-top: 16px; } .contacts-block a:hover { color: #ff7e00; text-decoration: underline; } .contacts-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts-item__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; background-color: #fff; color: #000; width: 35px; height: 35px; border-radius: 50%; font-size: 16px; margin-right: 16px; } .contacts-item__title { font-size: 16px; line-height: 1.4; margin-bottom: 10px; } .contacts-item__descr { font-size: 15px; line-height: 1.4; } .iframe-video iframe { width: 100%; } .products__title { margin-bottom: 20px; } .products__sub a { color: #ff7e00; } .products__sub a:hover { text-decoration: underline; } .products__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 24px -24px; } @media (max-width: 1440px) { .products__items { margin: 24px -18px; } } @media (max-width: 575.98px) { .products__items { margin: 18px 0; } } .products__items .product-item { width: calc(25% - 48px); margin: 24px; } @media (max-width: 1440px) { .products__items .product-item { margin: 18px; width: calc((100% / 3) - 36px); } } @media (max-width: 767.92px) { .products__items .product-item { width: calc((100% / 2) - 36px); } } @media (max-width: 575.98px) { .products__items .product-item { width: 100%; margin: 0 0 18px; } } .product-item__photo { position: relative; display: inline-block; height: 560px; width: 100%; margin-bottom: 16px; } @media (max-width: 1440px) { .product-item__photo { height: 39vw; } } @media (max-width: 767.92px) { .product-item__photo { height: 60vw; } } @media (max-width: 575.98px) { .product-item__photo { height: 90vw; } } .product-item__photo:hover .product-item__first-half, .product-item__photo:hover .product-item__second-half { opacity: .5; } .product-item__photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-item__photo--two .second { display: none; } .product-item__first-half, .product-item__second-half { position: absolute; width: calc(50% - 1px); height: 100%; bottom: 0; } .product-item__first-half::before, .product-item__second-half::before { content: ''; position: absolute; bottom: 0; background-color: #ff7e00; height: 3px; width: 100%; left: 1px; border-radius: 30px; } .product-item__first-half { left: 0; opacity: 1; } .product-item__first-half:hover { opacity: 1 !important; } .product-item__first-half:hover ~ .first { display: block; } .product-item__first-half:hover ~ .second { display: none; } .product-item__second-half { right: 0; opacity: .5; } .product-item__second-half:hover { opacity: 1 !important; } .product-item__second-half:hover ~ .first { display: none; } .product-item__second-half:hover ~ .second { display: block; } .product-item__title { display: inline-block; font-size: 22px; line-height: 1.2; font-weight: 700; text-transform: uppercase; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; margin-bottom: 16px; } .product-item__title:hover { opacity: 0.7; } .product-item__price { color: #ff7e00; font-weight: 900; margin-bottom: 16px; } .product-item__price span { text-decoration: underline; } .product-item__price .old-price { opacity: .5; text-decoration: line-through; } .clothes-catalog-hero { position: relative; overflow: hidden; min-height: 520px; color: #000; background-color: #000; } @media (max-width: 991.92px) { .clothes-catalog-hero { min-height: 380px; } } @media (max-width: 767.92px) { .clothes-catalog-hero { min-height: 200px; } } .clothes-catalog-hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: url(/local/templates/runordie/dist/css/../img/hero-banner.jpg) no-repeat; background-size: cover; background-position: 58% 28%; } @media (max-width: 991.92px) { .clothes-catalog-hero::before { background-position: 56% 30%; } } @media (max-width: 767.92px) { .clothes-catalog-hero::before { background-position: 64% 22%; } } .clothes-catalog-hero__inner { position: relative; z-index: 1; padding: 140px 0 96px; } @media (max-width: 991.92px) { .clothes-catalog-hero__inner { padding: 100px 0 72px; } } @media (max-width: 767.92px) { .clothes-catalog-hero__inner { padding: 0; } } .clothes-catalog-hero__title { margin: 0; font-weight: 400; font-size: 0; line-height: 0; } .clothes-catalog-hero__line { display: block; margin: 0; text-transform: uppercase; white-space: nowrap; } @media (max-width: 767.92px) { .clothes-catalog-hero__line { white-space: normal; } } .clothes-catalog-hero__line--primary { position: relative; z-index: 0; margin-left: 11.4%; font-family: "Runner", sans-serif; font-size: 89px; line-height: 1.18; color: #000; } @media (max-width: 991.92px) { .clothes-catalog-hero__line--primary { margin-left: 8%; font-size: 56px; } } @media (max-width: 767.92px) { .clothes-catalog-hero__line--primary { font-size: 27.5px; line-height: 1.175; margin-left: 17.3%; } } .clothes-catalog-hero__line--accent { position: relative; z-index: 1; font-family: "TagType", "Segoe Script", "Brush Script MT", cursive; font-size: 89px; line-height: 1.18; color: #ff7e00; margin-left: 2.5%; margin-top: -73px; } @media (max-width: 991.92px) { .clothes-catalog-hero__line--accent { font-size: 56px; margin-top: -50px; } } @media (max-width: 767.92px) { .clothes-catalog-hero__line--accent { font-size: 27.5px; line-height: 1.175; margin-top: -22px; margin-left: 4%; } } .clothes-catalog { position: relative; overflow: hidden; color: #fff; padding-top: 48px; padding-bottom: 80px; background-color: #000; } @media (max-width: 991.92px) { .clothes-catalog { padding-top: 40px; padding-bottom: 64px; } } @media (max-width: 767.92px) { .clothes-catalog { padding-top: 32px; padding-bottom: 48px; } } .clothes-catalog + .clothes-catalog { padding-top: 0; } .clothes-catalog__watermark { position: absolute; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 900; font-size: clamp(140px, 28vw, 420px); line-height: 0.75; letter-spacing: -0.02em; text-transform: uppercase; color: rgba(255, 255, 255, 0.045); top: 7%; right: -10px; } @media (max-width: 1440px) { .clothes-catalog__watermark { top: 5%; right: unset; left: 61%; } } @media (max-width: 767.92px) { .clothes-catalog__watermark { top: 0; width: 80%; right: -20px; left: unset; } } .clothes-catalog__watermark img { width: 100%; } .clothes-catalog__intro { position: relative; z-index: 1; max-width: 1200px; margin-bottom: 48px; } @media (max-width: 991.92px) { .clothes-catalog__intro { margin-bottom: 40px; } } @media (max-width: 767.92px) { .clothes-catalog__intro { margin-bottom: 32px; } } .clothes-catalog__title { margin: 0 0 16px; font-size: 40px; font-weight: 700; line-height: 1.05; color: #fff; } @media (max-width: 767.92px) { .clothes-catalog__title { font-size: 24px; line-height: 1; max-width: 100%; } } .clothes-catalog__text { margin: 0; font-size: 20px; font-weight: 400; line-height: 1.15; color: #fff; } @media (max-width: 767.92px) { .clothes-catalog__text { font-size: 14px; line-height: 1.64; } } .clothes-catalog__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px; } @media (max-width: 991.92px) { .clothes-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } } @media (max-width: 767.92px) { .clothes-catalog__grid { grid-template-columns: 1fr; gap: 23px; } } .clothes-catalog__card { position: relative; display: block; color: inherit; text-decoration: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .clothes-catalog__card:hover { opacity: 0.88; } .clothes-catalog__card--current { outline: 2px solid #ff7e00; outline-offset: 4px; } .clothes-catalog__card--hero-tile .clothes-catalog__media img { -o-object-position: 58% 28%; object-position: 58% 28%; } @media (max-width: 991.92px) { .clothes-catalog__card--hero-tile .clothes-catalog__media img { -o-object-position: 56% 30%; object-position: 56% 30%; } } @media (max-width: 767.92px) { .clothes-catalog__card--hero-tile .clothes-catalog__media img { -o-object-position: 64% 22%; object-position: 64% 22%; } } .clothes-catalog__label { position: absolute; top: 0; left: 0; z-index: 2; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 116px; min-height: 41px; padding: 8px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(5, 5, 5, 0.78); font-size: 20px; font-weight: 400; line-height: 1.14; text-align: center; color: #fff; } @media (max-width: 991.92px) { .clothes-catalog__label { min-width: 177px; min-height: 63px; padding: 12px 20px; font-size: 31px; line-height: 1.14; } } @media (max-width: 767.92px) { .clothes-catalog__label { min-width: 100px; min-height: 35px; padding: 6px 10px; font-size: 18px; line-height: 1.1; } } .clothes-catalog__media { position: relative; width: 100%; aspect-ratio: 420 / 223; overflow: hidden; background: #1a1a1a; } @media (max-width: 991.92px) { .clothes-catalog__media { aspect-ratio: 640 / 340; } } @media (max-width: 767.92px) { .clothes-catalog__media { aspect-ratio: 362 / 192; } } .clothes-catalog__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .catalog-listing-surface { position: relative; z-index: 2; color: #fff; font-family: "Montseratt", sans-serif; /* Один экземпляр kombox:filter: десктоп — в тулбаре, мобилка — перенос в sheet через JS */ /* Триггер Kombox — те же принципы, что у .catalog-listing-surface__trigger (flex + шеврон справа по центру) */ /* Раскрытие по классу Kombox (без .is-open на li) */ /* Узел перенесён в белый sheet — визуал как у .catalog-listing-surface__filter-accordion-* / __mob-sort-row */ } .catalog-listing-surface__sort-inputs { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .catalog-listing-surface__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; margin-bottom: 32px; } @media (min-width: 992px) { .catalog-listing-surface__meta { margin-bottom: 40px; } } .catalog-listing-surface__count { margin: 0; font-size: 12px; font-weight: 400; line-height: 23px; } @media (min-width: 992px) { .catalog-listing-surface__count { font-size: 20px; } } .catalog-listing-surface__count-muted { color: #636363; } .catalog-listing-surface__reset { -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 0; border: none; background: none; color: #fff; font: inherit; cursor: pointer; text-align: right; } .catalog-listing-surface__reset-label--mobile { font-size: 12px; line-height: 23px; font-weight: 400; } @media (min-width: 992px) { .catalog-listing-surface__reset-label--mobile { display: none; } } .catalog-listing-surface__reset-label--desktop { display: none; font-size: 20px; line-height: 23px; text-decoration: underline; text-underline-offset: 3px; } @media (min-width: 992px) { .catalog-listing-surface__reset-label--desktop { display: inline; } } .catalog-listing-surface__fields { display: none; } @media (min-width: 992px) { .catalog-listing-surface__fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; row-gap: 30px; } } @media (min-width: 1440px) { .catalog-listing-surface__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 48px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .catalog-listing-surface__kombox-desktop-slot { min-width: 0; } @media (min-width: 992px) and (max-width: 1439.98px) { .catalog-listing-surface__kombox-desktop-slot { grid-column: span 3; } } @media (min-width: 1440px) { .catalog-listing-surface__kombox-desktop-slot { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; } } .catalog-listing-surface__kombox-mobile-slot { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox { width: 100%; min-width: 0; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; min-width: 0; margin: 0; } .catalog-listing-surface #kombox-filter .catalog-listing-surface__kombox-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px 48px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 100%; margin: 0; padding: 0; list-style: none; } .catalog-listing-surface #kombox-filter .catalog-listing-surface__field.lvl1 { max-width: 264px; list-style: none; margin-top: 0; } .catalog-listing-surface .catalog-listing-surface__kombox-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; width: 100%; min-height: calc(2 * 23px + 11px); margin: 0; padding: 0 0 11px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-bottom: 1px solid #fff; background: transparent; color: #fff; font-family: inherit; font-size: 24px; font-weight: 400; line-height: 23px; text-align: left; cursor: pointer; } @media (max-width: 1240px) { .catalog-listing-surface .catalog-listing-surface__kombox-trigger { font-size: 20px; line-height: 22px; min-height: calc(2 * 22px + 11px); } } .catalog-listing-surface .catalog-listing-surface__kombox-trigger .kombox-filter-property-i { position: static; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 8px 0 0; vertical-align: middle; } .catalog-listing-surface .catalog-listing-surface__kombox-trigger .catalog-listing-surface__kombox-head-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 0; gap: 0; } .catalog-listing-surface .catalog-listing-surface__kombox-trigger .kombox-filter-property-name { width: 100%; } .catalog-listing-surface .catalog-listing-surface__kombox-trigger .catalog-listing-surface__chevron { -ms-flex-item-align: center; align-self: center; margin-top: 0; } .catalog-listing-surface #kombox-filter .lvl1:not(.kombox-closed) .catalog-listing-surface__kombox-trigger .catalog-listing-surface__chevron:not(.catalog-listing-surface__chevron--next) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-listing-surface .catalog-listing-surface__kombox-actions { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px 20px; width: 100%; max-width: 100%; } .catalog-listing-surface .catalog-listing-surface__kombox-actions #set_filter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; background: #fff; color: #000; font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1.2; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .catalog-listing-surface .catalog-listing-surface__kombox-actions .kombox-del-filter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; color: #fff; font-size: 16px; line-height: 1.2; text-decoration: underline; text-underline-offset: 3px; } .catalog-listing-surface .catalog-listing-surface__kombox-actions .kombox-del-filter.disabled { display: none; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet { color: #000; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__field.lvl1 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: none; min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__field.lvl1:nth-child(odd) { border-right: 1px solid #e6e6e6; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__field.lvl1:not(.kombox-closed) { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-width: 100%; border-right: none; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-trigger { -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 0; margin: 0; padding: 14px 16px; border: none; background: #fff; color: #000; font-size: 12px; font-weight: 400; line-height: 23px; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-trigger .kombox-filter-property-i { display: none; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-trigger .catalog-listing-surface__kombox-head-main { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; gap: 0; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-trigger .kombox-filter-property-name { width: auto; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-trigger .catalog-listing-surface__chevron:not(.catalog-listing-surface__chevron--next) { -ms-flex-item-align: center; align-self: center; width: 0; height: 0; margin-top: 0; margin-left: auto; border: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .lvl1:not(.kombox-closed) .catalog-listing-surface__kombox-trigger .catalog-listing-surface__chevron:not(.catalog-listing-surface__chevron--next) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__chevron.catalog-listing-surface__chevron--next { border: none; border-right: 1.5px solid #000; border-bottom: 1.5px solid #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .lvl1:not(.kombox-closed) .catalog-listing-surface__kombox-trigger .catalog-listing-surface__chevron.catalog-listing-surface__chevron--next { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-actions #set_filter { border-color: #000; background: #000; color: #fff; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__kombox-actions .kombox-del-filter { color: #000; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__dropdown { position: static; top: auto; left: auto; z-index: auto; width: 100%; max-width: none; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__dropdown-body { padding: 0 8px 12px 16px; background: #fff; color: #000; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__dropdown-body select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; margin: 0; padding: 10px 12px; border: 1px solid #e6e6e6; background: #fff; font-family: inherit; font-size: 12px; line-height: 23px; color: #000; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__dropdown-body .kombox-range, .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__dropdown-body .kombox-input { font-size: 12px; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__drop-row { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 8px; margin: 0; padding: 14px 16px 14px 44px; border-bottom: none; font-size: 12px; font-weight: 400; line-height: 23px; color: #000; cursor: pointer; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__drop-row::before { content: ""; position: absolute; left: 16px; top: 50%; width: 16px; height: 16px; margin-top: -8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #ff7e00; border-radius: 50%; background: #fff; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .lvl2 + .lvl2 .catalog-listing-surface__drop-row { border-top: 1px solid #eee; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet label.catalog-listing-surface__drop-row:has(.catalog-listing-surface__drop-radio:checked)::after { content: ""; position: absolute; left: 20px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #ff7e00; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet label.catalog-listing-surface__drop-row:has(.catalog-listing-surface__drop-radio:checked) { font-weight: 600; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__drop-count { margin-left: auto; font-size: 12px; font-weight: 400; color: #878787; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .kombox-link.catalog-listing-surface__dropdown .lvl2 + .lvl2 { border-top: 1px solid #eee; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .kombox-link.catalog-listing-surface__dropdown .lvl2 > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; padding: 14px 16px; font-size: 12px; line-height: 23px; color: #000; text-decoration: none; } .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__dropdown-body .kombox-values-other-show, .catalog-listing-surface #kombox-filter.catalog-listing-surface__kombox--in-sheet .catalog-listing-surface__dropdown-body .kombox-values-other-hide { display: inline-block; margin: 8px 16px 0; font-size: 12px; color: #878787; } .catalog-listing-surface__field { position: relative; width: 100%; max-width: 264px; } @media (min-width: 1440px) { .catalog-listing-surface__field { max-width: 264px; } } .catalog-listing-surface__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: calc(2 * 23px + 11px); margin: 0; padding: 0 0 11px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-bottom: 1px solid #fff; background: transparent; color: #fff; font-family: inherit; font-size: 24px; font-weight: 400; line-height: 23px; text-align: left; cursor: pointer; } @media (max-width: 1240px) { .catalog-listing-surface__trigger { font-size: 20px; line-height: 22px; min-height: calc(2 * 22px + 11px); } } .catalog-listing-surface__trigger-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; } .catalog-listing-surface__chevron { -ms-flex-negative: 0; flex-shrink: 0; width: 0; height: 0; margin-left: 10px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .catalog-listing-surface__chevron--next { width: 6px; height: 6px; margin-left: auto; border: none; border-right: 1.5px solid #b0b0b0; border-bottom: 1.5px solid #b0b0b0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .catalog-listing-surface__field.is-open .catalog-listing-surface__trigger .catalog-listing-surface__chevron:not(.catalog-listing-surface__chevron--next) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-listing-surface__filter-accordion-item.is-open .catalog-listing-surface__chevron--next { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .catalog-listing-surface__dropdown { display: none; position: absolute; left: 0; top: calc(100% - 1px); z-index: 40; width: 100%; max-width: 264px; } .catalog-listing-surface__field.is-open .catalog-listing-surface__dropdown { display: block; } .catalog-listing-surface__dropdown-body { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 16px 18px 20px; background: #ff7e00; } .catalog-listing-surface__dropdown-body--sort { padding-top: 20px; } .catalog-listing-surface__drop-opt { display: block; margin: 0; padding: 10px 0; font-size: 20px; font-weight: 300; line-height: 23px; color: #fff; cursor: pointer; } .catalog-listing-surface__drop-opt:first-child { padding-top: 4px; } .catalog-listing-surface__drop-opt.is-selected { font-weight: 600; } .catalog-listing-surface__drop-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 0; font-size: 20px; font-weight: 300; line-height: 23px; color: #fff; cursor: pointer; } .catalog-listing-surface__drop-row:first-child { padding-top: 6px; } .catalog-listing-surface__drop-radio { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; opacity: 0; } .catalog-listing-surface__drop-count { -ms-flex-negative: 0; flex-shrink: 0; font-size: 15px; color: rgba(255, 255, 255, 0.6); } .catalog-listing-surface__mobile-bar { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-top: 4px; } @media (min-width: 992px) { .catalog-listing-surface__mobile-bar { display: none; } } .catalog-listing-surface__mob-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 33px; padding: 6px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.8px solid #fff; background: transparent; color: #fff; font-family: inherit; font-size: 12px; font-weight: 400; line-height: 23px; cursor: pointer; } .catalog-listing-surface__mob-dots { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 3px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-listing-surface__mob-dots span { width: 4px; height: 4px; border-radius: 50%; background: #ff7e00; } .catalog-listing-surface__overlay { display: none; position: fixed; inset: 0; z-index: 180; background: rgba(0, 0, 0, 0.45); } .catalog-listing-surface__overlay.is-visible { display: block; } .catalog-listing-surface__sheet { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; inset: 0; z-index: 190; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; background: #fff; color: #000; overflow: auto; } .catalog-listing-surface__sheet.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-listing-surface__sheet-head { position: sticky; top: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px 10px; border-bottom: 1px solid #e6e6e6; background: #fff; } .catalog-listing-surface__sheet-back { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px; margin: 0; padding: 0; border: none; background: none; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-listing-surface__sheet-back-icon { display: block; width: 6px; height: 6px; margin-left: 4px; border-left: 1.5px solid #000; border-bottom: 1.5px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .catalog-listing-surface__sheet-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; text-align: center; font-size: 12px; font-weight: 600; line-height: 23px; } .catalog-listing-surface__sheet-reset { -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 0; border: none; background: none; font-family: inherit; font-size: 12px; font-weight: 400; line-height: 23px; color: #878787; cursor: pointer; } .catalog-listing-surface__sheet-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; } .catalog-listing-surface__sheet-body--filters { padding-bottom: 24px; } .catalog-listing-surface__mob-sort-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; border-bottom: 1px solid #e6e6e6; font-size: 12px; font-weight: 400; line-height: 23px; color: #000; cursor: pointer; } .catalog-listing-surface__mob-sort-row--filter { cursor: pointer; } .catalog-listing-surface__mob-radio { -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; border: 2px solid #ff7e00; border-radius: 50%; background: #fff; } .catalog-listing-surface__mob-radio::after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #ff7e00; opacity: 0; } .catalog-listing-surface__mob-sort-row.is-selected { font-weight: 600; } .catalog-listing-surface__mob-sort-row.is-selected .catalog-listing-surface__mob-radio::after { opacity: 1; } .catalog-listing-surface__mob-radio-native { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .catalog-listing-surface__mob-sort-row--filter { position: relative; padding-left: 44px; } .catalog-listing-surface__mob-sort-row--filter .catalog-listing-surface__mob-radio-native { position: absolute; left: 16px; top: 50%; width: 16px; height: 16px; margin-top: -8px; opacity: 0; cursor: pointer; pointer-events: auto; } .catalog-listing-surface__mob-sort-row--filter:has(.catalog-listing-surface__mob-radio-native:checked) .catalog-listing-surface__mob-radio::after { opacity: 1; } .catalog-listing-surface__filter-accordion-item { border-bottom: 1px solid #e6e6e6; } .catalog-listing-surface__filter-accordion-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0; padding: 14px 16px; border: none; background: #fff; font-family: inherit; font-size: 12px; font-weight: 400; line-height: 23px; color: #000; text-align: left; cursor: pointer; } .catalog-listing-surface__filter-accordion-panel { display: none; padding: 0 8px 12px 16px; background: #fff; overflow: hidden; } .catalog-listing-surface__filter-accordion-panel .catalog-listing-surface__mob-sort-row--filter { border-bottom: none; padding-left: 36px; } .catalog-listing-surface__filter-accordion-panel .catalog-listing-surface__mob-sort-row--filter + .catalog-listing-surface__mob-sort-row--filter { border-top: 1px solid #eee; } .catalog-listing-surface__filter-accordion-item.is-open .catalog-listing-surface__filter-accordion-panel { display: block; } .catalog-listing-surface__products { margin-top: 40px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 60px 50px; } @media (max-width: 1440px) { .catalog-listing-surface__products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60px 40px; } } @media (max-width: 991.92px) { .catalog-listing-surface__products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 16px; margin-top: 32px; } } .catalog-listing-surface__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; width: 100%; max-width: 888px; margin: 60px auto 0; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more { margin-top: 40px; } } .catalog-listing-surface__load-more-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 16px; margin-bottom: 25px; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more-head { margin-bottom: 12px; } } .catalog-listing-surface__load-more-stats { margin: 0; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 23px; color: #fff; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more-stats { font-size: 10px; line-height: 1.15; } } .catalog-listing-surface__load-more-top { -ms-flex-negative: 0; flex-shrink: 0; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 23px; color: #fff; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 2px; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more-top { font-size: 10px; line-height: 1.15; } } .catalog-listing-surface__load-more-top:hover { opacity: 0.85; } .catalog-listing-surface__load-more-track { position: relative; width: 100%; height: 3px; overflow: hidden; background: #1b1a1a; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more-track { height: 2px; } } .catalog-listing-surface__load-more-fill { display: block; height: 100%; background: #ff7e00; } .catalog-listing-surface__load-more-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; width: 100%; margin: 0; padding: 0 24px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 86px; border: none; background: #fff; color: #000; text-align: left; text-decoration: none; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .catalog-listing-surface__load-more-btn:visited { color: #000; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more-btn { min-height: 35px; padding: 0 13px; gap: 8px; } } .catalog-listing-surface__load-more-btn:hover { opacity: 0.92; } .catalog-listing-surface__load-more-btn:disabled { opacity: 0.55; cursor: wait; pointer-events: none; } .catalog-listing-surface__load-more-btn-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-family: "Runner", sans-serif; font-size: 24px; font-weight: 400; line-height: 28px; text-transform: uppercase; color: #000; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more-btn-text { font-size: 12px; line-height: 1.2; } } .catalog-listing-surface__load-more-btn-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-listing-surface__load-more-btn-svg { display: block; width: 16px; height: 16px; } @media (max-width: 991.92px) { .catalog-listing-surface__load-more-btn-svg { width: 7px; height: 7px; } } .catalog-product-card__link { display: block; color: inherit; text-decoration: none; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .catalog-product-card__link:hover { opacity: 0.92; } .catalog-product-card__media { position: relative; width: 100%; overflow: hidden; background: #1a1a1a; height: calc(100vw * 560 / 1920); } @media (max-width: 1440px) { .catalog-product-card__media { height: calc(100vw * 560 / 1440); } } @media (max-width: 991.92px) { .catalog-product-card__media { height: calc(100vw * 230 / 400); } } .catalog-product-card__swiper { position: relative; z-index: 1; width: 100%; height: 100%; } .catalog-product-card__slide { width: 100%; height: 100%; } .catalog-product-card__slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .catalog-product-card__media-hover { position: absolute; inset: 0; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } @media (max-width: 991.92px) { .catalog-product-card__media-hover { display: none; } } .catalog-product-card__link:hover .catalog-product-card__media-hover { opacity: 1; } .catalog-product-card__media-hover-slides { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-height: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: auto; } .catalog-product-card__media-hover-zones { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } .catalog-product-card__media-hover-zone { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; height: 100%; background: transparent; } .catalog-product-card__media-hover-zone:last-child { -webkit-box-shadow: none; box-shadow: none; } .catalog-product-card__media-hover-track { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 6px; overflow: hidden; background: #1b1a1a; } .catalog-product-card__media-hover-segment { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; height: 100%; background: transparent; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.08); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.08); } .catalog-product-card__media-hover-segment:last-child { -webkit-box-shadow: none; box-shadow: none; } .catalog-product-card__media-hover-segment--active { background: #ff7e00; } .catalog-product-card__media-hover-cta { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 49px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(70, 70, 70, 0.5); } .catalog-product-card__media-hover-label { font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 26px; text-align: center; color: #fff; } .catalog-product-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; padding: 24px 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767.92px) { .catalog-product-card__body { gap: 3px; padding: 10px 0 7px; } } .catalog-product-card__title { margin: 0; font-family: "Runner", sans-serif; font-size: 24px; font-weight: 400; line-height: 36px; text-transform: uppercase; color: #fff; } @media (max-width: 991.92px) { .catalog-product-card__title { font-size: 20px; line-height: 24px; } } @media (max-width: 767.92px) { .catalog-product-card__title { font-size: 12px; line-height: 15px; } } .catalog-product-card__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 12px 16px; margin: 0; } .catalog-product-card__price { margin: 0; font-family: "Montseratt", sans-serif; font-size: 28px; font-weight: 500; line-height: 36px; letter-spacing: -0.56px; color: #fff; } @media (max-width: 991.92px) { .catalog-product-card__price { font-size: 24px; line-height: 28px; } } @media (max-width: 767.92px) { .catalog-product-card__price { font-size: 12px; line-height: 15px; letter-spacing: -0.24px; } } .catalog-product-card__price-old { margin: 0; font-family: "Montseratt", sans-serif; font-size: 28px; font-weight: 500; line-height: 36px; letter-spacing: -0.56px; color: rgba(255, 255, 255, 0.6); text-decoration: line-through; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } @media (max-width: 767.92px) { .catalog-product-card__price-old { font-size: 12px; line-height: 15px; letter-spacing: -0.24px; } } @media (max-width: 991.92px) { .catalog-product-card__swiper .swiper-wrapper { display: block !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .catalog-product-card__swiper .swiper-slide { display: none !important; width: 100% !important; } .catalog-product-card__swiper .swiper-slide:first-child { display: block !important; } } body.catalog-listing-surface--locked { overflow: hidden; } @media (max-width: 991.92px) { body.catalog-listing-surface--locked { -ms-touch-action: none; touch-action: none; -ms-scroll-chaining: none; overscroll-behavior: none; } } /* Мобилка: fixed overlay/sheet не обрезать секцией; main выше fixed header (z-index до 1000) */ @media (max-width: 991.92px) { body.catalog-listing-surface--locked .clothes-catalog { overflow: visible; } body.catalog-listing-surface--locked #page-clothes-catalog { position: relative; z-index: 100000; } } #page-clothes-catalog.b-black { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #page-clothes-product { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; color: #000; } .clothes-product { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 60px 0 80px; } @media (max-width: 991.92px) { .clothes-product { padding: 20px 0 64px; } } @media (max-width: 767.92px) { .clothes-product { padding-bottom: 48px; } } .clothes-product__layout { display: grid; grid-template-columns: 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 60px 50px; width: 100%; } @media (max-width: 991.92px) { .clothes-product__layout { gap: 48px 40px; } } @media (max-width: 767.92px) { .clothes-product__layout { grid-template-columns: 1fr; gap: 32px; } } .clothes-product__media { width: 100%; min-width: 0; } .clothes-product__main-swiper { width: 100%; overflow: hidden; } .clothes-product__main-slide { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background: #dedede; aspect-ratio: 732 / 653; } @media (max-width: 767.92px) { .clothes-product__main-slide { aspect-ratio: 362 / 322.93; } } .clothes-product__main-img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .clothes-product__progress { position: relative; width: 100%; height: 6px; margin-top: -1px; overflow: hidden; } @media (max-width: 767.92px) { .clothes-product__progress { height: 5px; } } .clothes-product__progress-bg { position: absolute; inset: 0; background: #1b1a1a; } .clothes-product__progress-fill { position: absolute; left: 0; top: 0; height: 100%; width: 20%; background: #ff7e00; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.32s ease; transition: -webkit-transform 0.32s ease; transition: transform 0.32s ease; transition: transform 0.32s ease, -webkit-transform 0.32s ease; will-change: transform; } .clothes-product__thumbs-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 16px; width: 100%; } @media (max-width: 767.92px) { .clothes-product__thumbs-row { margin-top: 12px; gap: 6px; } } .clothes-product__thumbs-swiper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; } .clothes-product__thumb-slide { position: relative; overflow: hidden; background: #dedede; aspect-ratio: 1 / 1; height: auto; } .clothes-product__thumb-slide img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .clothes-product__thumbs-btn { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: none; background: transparent; color: #1a1a1a; cursor: pointer; font-size: 14px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .clothes-product__thumbs-btn:hover:not(:disabled) { opacity: 0.7; } .clothes-product__thumbs-btn.swiper-button-disabled { opacity: 0.25; cursor: default; } @media (max-width: 767.92px) { .clothes-product__thumbs-btn { width: 20px; height: 20px; font-size: 12px; } } .clothes-product__panel { width: 100%; } @media (max-width: 991.92px) { .clothes-product__panel { max-width: none; } } .clothes-product__title { margin: 0 0 24px; font-family: "Montseratt", sans-serif; font-size: 36px; font-weight: 600; line-height: 36px; letter-spacing: -0.02em; color: #000; } @media (max-width: 991.92px) { .clothes-product__title { font-size: 32px; line-height: 1.1; } } @media (max-width: 767.92px) { .clothes-product__title { margin-bottom: 16px; font-size: 24px; line-height: 36px; } } .clothes-product__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 12px 16px; margin: 0 0 40px; } @media (max-width: 767.92px) { .clothes-product__prices { margin-bottom: 32px; } } .clothes-product__price { margin: 0; font-family: "Montseratt", sans-serif; font-size: 28px; font-weight: 500; line-height: 36px; letter-spacing: -0.56px; color: #000; } @media (max-width: 767.92px) { .clothes-product__price { font-size: 24px; line-height: 36px; letter-spacing: -0.48px; } } .clothes-product__price-old { margin: 0; font-family: "Montseratt", sans-serif; font-size: 28px; font-weight: 500; line-height: 36px; letter-spacing: -0.56px; color: rgba(0, 0, 0, 0.6); text-decoration: line-through; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } @media (max-width: 767.92px) { .clothes-product__price-old { font-size: 24px; line-height: 36px; letter-spacing: -0.48px; } } .clothes-product__field { margin-bottom: 40px; } @media (max-width: 767.92px) { .clothes-product__field { margin-bottom: 32px; } } .clothes-product__field:last-of-type { margin-bottom: 0; } .clothes-product__label { display: block; margin-bottom: 16px; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 36px; letter-spacing: -0.48px; color: #000; } .clothes-product__swatches { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .clothes-product__swatch { position: relative; width: 40px; height: 40px; padding: 0; border: none; background: transparent; cursor: default; -ms-flex-negative: 0; flex-shrink: 0; } .clothes-product__swatch--black .clothes-product__swatch-inner { position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; border-radius: 50%; background: #000; } .clothes-product__swatch--selected { cursor: default; } .clothes-product__swatch--selected::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #ff7e00; pointer-events: none; } .clothes-product__sizes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-bottom: 12px; } .clothes-product__size { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 44px; height: 44px; padding: 0 8px; border: none; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 36px; letter-spacing: -0.48px; color: #fff; background: #878787; cursor: default; } .clothes-product__size--active { background: #ff7e00; } .clothes-product__size-chart { display: block; margin-top: 4px; font-family: "Montseratt", sans-serif; font-size: 16px; line-height: 23px; color: #454545; text-decoration: underline; } .clothes-product__size-chart:hover { color: #000; } .clothes-product__buy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 48px; padding: 24px 32px; border: none; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: 1.6px; text-transform: uppercase; color: #fff; background: #000; cursor: pointer; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; max-width: 420px; } .clothes-product__buy:hover { opacity: 0.88; } @media (max-width: 767.92px) { .clothes-product__buy { margin-top: 40px; } } .clothes-product__accordions { margin-top: 60px; width: 100%; border-top: 1px solid #e0e0e0; } @media (max-width: 767.92px) { .clothes-product__accordions { margin-top: 32px; } } .clothes-product__accordion { border-bottom: 1px solid #e0e0e0; } .clothes-product__accordion:last-child { border-bottom: none; } .clothes-product__accordion-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; padding: 24px 0 20px; border: none; background: transparent; text-align: left; cursor: pointer; color: #000; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; } @media (max-width: 767.92px) { .clothes-product__accordion-trigger { padding: 14px 0 12px; font-size: 12px; line-height: 23px; } } .clothes-product__accordion-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .clothes-product__accordion-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; } .clothes-product__accordion-glyph--plus { display: block; font-size: 16px; font-weight: 300; line-height: 1; } .clothes-product__accordion-glyph--up { display: none; font-size: 11px; line-height: 1; } .clothes-product__accordion--open .clothes-product__accordion-glyph--plus { display: none; } .clothes-product__accordion--open .clothes-product__accordion-glyph--up { display: block; } .clothes-product__accordion-panel { padding-bottom: 8px; overflow: hidden; max-height: 0; opacity: 0; -webkit-transition: max-height 0.35s ease, opacity 0.2s ease; transition: max-height 0.35s ease, opacity 0.2s ease; } @media (max-width: 767.92px) { .clothes-product__accordion-panel { padding-bottom: 4px; } } .clothes-product__accordion--open .clothes-product__accordion-panel { max-height: 2000px; opacity: 1; } .clothes-product__accordion-body { font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; color: #000; } @media (max-width: 767.92px) { .clothes-product__accordion-body { font-size: 12px; line-height: 16px; } } .clothes-product__accordion-body p { margin: 0 0 1em; } .clothes-product__accordion-body p:last-child { margin-bottom: 0; } .clothes-product__accordion-lead strong { font-weight: 600; } .clothes-product__accordion-subtitle { margin: 1em 0 0; font-weight: 600; } .clothes-product__accordion-bullet { margin: 0.25em 0 0; } .clothes-product__accordion-hide { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 20px; padding: 0; border: none; background: transparent; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; color: #000; cursor: pointer; } @media (max-width: 767.92px) { .clothes-product__accordion-hide { margin-top: 12px; font-size: 12px; line-height: 13px; } } .clothes-product__accordion-hide:hover { opacity: 0.75; } .clothes-product__accordion-hide i { position: relative; top: 2px; } .clothes-product-recommended { width: 100%; } .clothes-product-recommended--surface-light { padding-bottom: 48px; background: #fff; color: #000; } @media (max-width: 767.92px) { .clothes-product-recommended--surface-light { padding-bottom: 40px; } } .clothes-product-recommended--surface-light .catalog-product-card__title { color: #000; } .clothes-product-recommended--surface-light .catalog-product-card__price { color: #000; } .clothes-product-recommended--surface-light .catalog-product-card__price-old { color: rgba(0, 0, 0, 0.55); } .clothes-product-recommended--surface-light .clothes-product-recommended__title { color: #000; } .clothes-product-recommended--surface-light .clothes-product-recommended__nav-btn { color: #000; } .clothes-product-recommended--surface-light .clothes-product-recommended__nav-btn.swiper-button-disabled, .clothes-product-recommended--surface-light .clothes-product-recommended__nav-btn.swiper-button-lock { color: rgba(0, 0, 0, 0.35); opacity: 1; } .clothes-product-recommended__title { margin: 0 0 24px; font-family: "Montseratt", sans-serif; font-size: 36px; font-weight: 600; line-height: 36px; color: #000; } @media (max-width: 767.92px) { .clothes-product-recommended__title { margin-bottom: 16px; font-size: 24px; line-height: 36px; } } .clothes-product-recommended__slider-wrap { position: relative; width: 100%; } .clothes-product-recommended__swiper { overflow: hidden; width: 100%; } .clothes-product-recommended__slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .clothes-product-recommended__slide .catalog-product-card { height: 100%; } .clothes-product-recommended__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 48px; margin-top: 24px; } @media (max-width: 767.92px) { .clothes-product-recommended__nav { margin-top: 16px; gap: 32px; } } .clothes-product-recommended__nav-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 12px; border: none; background: transparent; color: #000; font-size: 18px; line-height: 1; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .clothes-product-recommended__nav-btn:hover:not(.swiper-button-disabled) { opacity: 0.65; } .clothes-product-recommended__nav-btn.swiper-button-disabled { opacity: 0.25; cursor: default; } @media (max-width: 767.92px) { .clothes-product-recommended__nav-btn { font-size: 14px; padding: 6px 10px; } } .clothes-product-certificate { position: relative; overflow: hidden; background: #ff7e00; padding: 0; } .clothes-product-certificate__inner { position: relative; width: 100%; max-width: 100%; margin: 0 auto; min-height: 812px; } @media (max-width: 1500px) { .clothes-product-certificate__inner { min-height: 760px; } } @media (max-width: 1240px) { .clothes-product-certificate__inner { min-height: 60vw; } } @media (max-width: 991.92px) { .clothes-product-certificate__inner { min-height: 65vw; } } @media (max-width: 767.92px) { .clothes-product-certificate__inner { min-height: 426px; } } .clothes-product-certificate__run-bg { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; line-height: 0; pointer-events: none; } .clothes-product-certificate__run-bg img { display: block; width: 100%; height: auto; } .clothes-product-certificate__cards { position: absolute; z-index: 1; top: 8px; width: 74.2%; aspect-ratio: 1068 / 660; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 1131px; left: 54%; } @media (max-width: 1500px) { .clothes-product-certificate__cards { max-width: 912px; } } @media (max-width: 991.92px) { .clothes-product-certificate__cards { top: 12px; width: 69%; } } @media (max-width: 767.92px) { .clothes-product-certificate__cards { top: 14px; width: 425px; max-width: none; } } .clothes-product-certificate__cards img { max-width: 100%; } .clothes-product-certificate__title { position: absolute; left: 48px; bottom: 70px; margin: 0; max-width: 460px; font-family: "Runner", sans-serif; font-size: 42px; font-weight: 400; line-height: 46px; letter-spacing: 0; text-transform: uppercase; color: #fff; z-index: 1; } @media (max-width: 991.92px) { .clothes-product-certificate__title { bottom: 92px; } } @media (max-width: 1240px) { .clothes-product-certificate__title { font-size: 36px; line-height: 40px; } } @media (max-width: 767.92px) { .clothes-product-certificate__title { left: 50%; bottom: 68px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 356px; font-size: 24px; line-height: 24px; text-align: center; } } .clothes-product-certificate__button { position: absolute; right: 48px; bottom: 70px; z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 420px; padding: 24px 32px; background: #fff; color: #000; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .clothes-product-certificate__button:hover { opacity: 0.82; } @media (max-width: 1240px) { .clothes-product-certificate__button { font-size: 22px; line-height: 30px; width: unset; min-width: 222px; } } @media (max-width: 991.92px) { .clothes-product-certificate__button { right: 48px; } } @media (max-width: 767.92px) { .clothes-product-certificate__button { left: 50%; right: auto; bottom: 18px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 222px; padding: 11px 18px; font-size: 14px; line-height: 14px; letter-spacing: 0; } } /* Плавный скролл к листингу после смены типа тренировки (JS): запас под fixed header */ .trainings-catalog-listing { scroll-margin-top: 160px; } @media (max-width: 991.92px) { .trainings-catalog-listing { scroll-margin-top: 125px; } } @media (max-width: 767.92px) { .trainings-catalog-listing { scroll-margin-top: 110px; } } .trainings-catalog-hero { padding: 0; color: #fff; } .trainings-catalog-hero__desktop { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 100px; min-height: 620px; background-color: #000; } @media (max-width: 1380px) { .trainings-catalog-hero__desktop { padding-top: 80px; } } @media (max-width: 991.92px) { .trainings-catalog-hero__desktop { display: none; } } .trainings-catalog-hero__panel { min-width: 420px; width: 420px; -webkit-box-flex: 0; -ms-flex: 0 0 420px; flex: 0 0 420px; margin: 0 44px; background: #000; } @media (max-width: 991.92px) { .trainings-catalog-hero__panel { min-width: 420px; width: 420px; -ms-flex-preferred-size: 420px; flex-basis: 420px; padding-top: 0; margin-right: 28px; } } .trainings-catalog-hero__title { margin: 0; font-family: "Runner", sans-serif; font-size: 40px; font-weight: 400; line-height: 50px; text-transform: uppercase; } .trainings-catalog-hero__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 76px 0 0; padding: 0; list-style: none; } .trainings-catalog-hero__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 22px; margin-bottom: 30px; border: 0; padding: 0; background: transparent; text-align: left; font-size: 40px; font-weight: 400; line-height: 1.05; color: #fff; cursor: pointer; } .trainings-catalog-hero__item:last-child { margin-bottom: 0; } .trainings-catalog-hero__item--active { color: #ff7e00; } .trainings-catalog-hero__item--active::after { content: ""; position: absolute; left: -48px; bottom: -10px; width: calc(100% + 48px); height: 5px; background: #ff7e00; } .trainings-catalog-hero__item--active::before { background: #ff7e00; } .trainings-catalog-hero__visual { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; overflow: hidden; } .trainings-catalog-hero__visual-slide { display: block; height: 100%; min-height: 620px; } .trainings-catalog-hero__visual-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .trainings-catalog-hero__mobile { display: none; } @media (max-width: 991.92px) { .trainings-catalog-hero__mobile { display: block; padding-top: 30px; padding-bottom: 24px; } } .trainings-catalog-hero__title--mobile { margin: 0 0 20px; width: 100%; font-size: 24px; line-height: 26px; } .trainings-catalog-hero__swiper { overflow: hidden; } .trainings-catalog-hero__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; margin-top: 14px; } .trainings-catalog-hero__pagination .trainings-catalog-hero__pagination-bullet { width: 27px; height: 3px; border: 0; border-radius: 26px; background: #464646; padding: 0; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; cursor: pointer; } .trainings-catalog-hero__pagination .trainings-catalog-hero__pagination-bullet.is-active { background: #ff7e00; } .trainings-catalog-hero-card { position: relative; display: block; width: 100%; min-height: calc(210 / 400 * 100vw); color: #fff; text-decoration: none; overflow: hidden; } .trainings-catalog-hero-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(34deg, rgba(0, 0, 0, 0.9) 48.6%, rgba(0, 0, 0, 0) 97.9%); pointer-events: none; } .trainings-catalog-hero-card img { display: block; width: 100%; height: calc(210 / 400 * 100vw); -o-object-fit: cover; object-fit: cover; } .trainings-catalog-hero-card__label { position: absolute; left: 20px; bottom: 12px; z-index: 1; font-size: 20px; line-height: 42px; font-weight: 400; color: #fff; } .trainings-catalog-all { padding: 80px 0 0; color: #fff; background-color: #000; } @media (max-width: 991.92px) { .trainings-catalog-all { padding-top: 72px; } } @media (max-width: 767.92px) { .trainings-catalog-all { padding-top: 46px; } } .trainings-catalog-all__heading { position: relative; margin-bottom: 48px; } .trainings-catalog-all__title { margin: 0; font-family: "Runner", sans-serif; font-size: 92px; font-weight: 400; line-height: 1.04; text-transform: uppercase; } @media (max-width: 991.92px) { .trainings-catalog-all__title { font-size: 68px; } } @media (max-width: 767.92px) { .trainings-catalog-all__title { font-size: 24px; line-height: 26px; } } .trainings-catalog-all__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; } @media (max-width: 1440px) { .trainings-catalog-all__grid { gap: 35px; } } @media (max-width: 767.92px) { .trainings-catalog-all__grid { grid-template-columns: 1fr; gap: 30px; } } .trainings-catalog-all__lazy { grid-column: 1 / -1; margin-top: 16px; text-align: center; } .trainings-catalog-all__lazy-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 48px; padding: 0 28px; font-size: 16px; font-weight: 600; color: #fff; background: transparent; border: 2px solid #ff7e00; border-radius: 0; cursor: pointer; } .trainings-catalog-all__lazy-btn:hover { opacity: 0.9; } .trainings-catalog-all__lazy-btn:disabled, .trainings-catalog-all__lazy-btn.disabled { opacity: 0.5; cursor: not-allowed; } .trainings-catalog-all__pager { margin-top: 48px; } .trainings-catalog-all-card { position: relative; display: block; width: 100%; aspect-ratio: 576 / 514; color: #fff; text-decoration: none; overflow: hidden; } .trainings-catalog-all-card::after { content: ""; position: absolute; inset: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.92))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.92) 100%); pointer-events: none; } .trainings-catalog-all-card img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .trainings-catalog-all-card__label { position: absolute; left: 28px; bottom: 24px; z-index: 1; font-size: 40px; line-height: 42px; font-weight: 600; color: #fff; } @media (max-width: 1380px) { .trainings-catalog-all-card__label { font-size: 26px; line-height: 30px; left: 24px; bottom: 20px; } } @media (max-width: 991.92px) { .trainings-catalog-all-card__label { left: 20px; bottom: 18px; font-size: 40px; line-height: 42px; } } @media (max-width: 767.92px) { .trainings-catalog-all-card__label { left: 16px; bottom: 14px; font-size: 24px; line-height: 25px; } } .training-detail-hero { position: relative; min-height: 714px; color: #fff; overflow: hidden; } .training-detail-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(233.8deg, rgba(0, 0, 0, 0) 1.8%, rgba(0, 0, 0, 0.95) 94.4%); pointer-events: none; z-index: 1; } .training-detail-hero__media { position: absolute; inset: 0; } .training-detail-hero__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .training-detail-hero .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; min-height: 714px; gap: 40px; padding-bottom: 70px; } .training-detail-hero__content { max-width: 860px; margin-right: auto; } .training-detail-hero__tag { margin: 0 0 2px; font-family: "TagType", sans-serif; font-size: 72px; line-height: 0.88; text-transform: uppercase; color: #ff7e00; } .training-detail-hero__title { margin: 0; font-family: "Runner", sans-serif; font-size: 66px; line-height: 0.95; text-transform: uppercase; color: #fff; } .training-detail-hero__desc { margin: 22px 0 0; font-size: 24px; line-height: 28px; font-weight: 600; color: #fff; } .training-detail-hero__more { -webkit-box-flex: 0; -ms-flex: 0 0 420px; flex: 0 0 420px; width: 420px; max-width: 100%; min-height: 72px; margin-bottom: 8px; color: #000; } @media (max-width: 1440px) { .training-detail-hero { min-height: 500px; } .training-detail-hero .container { min-height: 500px; padding-bottom: 28px; gap: 24px; } .training-detail-hero__tag { font-size: 72px; } .training-detail-hero__title { font-size: 66px; } .training-detail-hero__desc { margin-top: 14px; } .training-detail-hero__more { -ms-flex-preferred-size: 319px; flex-basis: 319px; width: 319px; min-height: 72px; margin-bottom: 0; } } @media (max-width: 991.92px) { .training-detail-hero .container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 24px; } .training-detail-hero__tag { font-size: 52px; } .training-detail-hero__title { font-size: 50px; } .training-detail-hero__desc { font-size: 20px; line-height: 24px; } .training-detail-hero__more { -ms-flex-preferred-size: 260px; flex-basis: 260px; width: 260px; min-height: 60px; font-size: 16px; } } @media (max-width: 767.92px) { .training-detail-hero { min-height: 286px; } .training-detail-hero .container { min-height: 286px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 0; padding-top: 27px; padding-bottom: 18px; } .training-detail-hero__content { max-width: 352px; } .training-detail-hero__tag { margin-bottom: 4px; font-size: 36px; line-height: 37px; } .training-detail-hero__title { font-size: 16px; line-height: 25px; max-width: 352px; } .training-detail-hero__desc { display: none; } .training-detail-hero__more.btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 174px; min-width: 174px; max-width: 174px; height: 42px; min-height: 42px; padding: 0 12px; margin: auto auto 0; -ms-flex-item-align: center; align-self: center; font-size: 11px; line-height: 13px; letter-spacing: 0.08em; } } .training-booking { background: #fff; color: #000; padding: 85px 0 120px; } .training-booking__grid { display: grid; grid-template-columns: minmax(0, 1fr) 731px; -webkit-column-gap: 56px; -moz-column-gap: 56px; column-gap: 56px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .training-booking__group + .training-booking__group { margin-top: 46px; } .training-booking__prices { min-width: 220px; } @media (max-width: 500px) { .training-booking__prices { min-width: unset; width: 40%; margin-right: auto; } } .training-booking__title { margin: 0; font-size: 48px; line-height: 1.06; font-weight: 600; letter-spacing: -0.03em; } .training-booking__qty-list { margin-top: 34px; display: grid; grid-template-columns: repeat(3, minmax(0, 264px)); gap: 30px 48px; } .training-booking__qty-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; height: 50px; border: 1px solid #000; background: #fff; color: #000; font-size: 20px; line-height: 24px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; } .training-booking__qty-btn.is-active { background: #ff7e00; border-color: #ff7e00; color: #fff; } .training-booking__calculator { margin-top: 34px; padding: 0; } .training-booking__mobile-pickers { display: none; } .training-booking__summary-title { margin: 0; font-size: 48px; line-height: 1.06; font-weight: 600; letter-spacing: -0.03em; } .training-booking__summary-text { margin: 30px 0 0; font-size: 20px; line-height: 25px; letter-spacing: -0.02em; } .training-booking__summary-text p + p { margin: 30px 0 0; } .training-booking__buy-row { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 28px; } .training-booking__price { font-size: 58px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; white-space: nowrap; } .training-booking__buy.btn { width: 353px; min-height: 72px; max-width: 100%; } .training-booking__notes { margin: 30px 0 0; padding: 0; list-style: none; } .training-booking__notes li { position: relative; padding-left: 39px; font-size: 16px; line-height: 22px; margin: 10px 0 0; list-style: none; } .training-booking__notes li::before { content: "!"; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: #ff7e00; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; font-size: 13px; line-height: 1; } .training-booking .calculator__title { margin: 0 0 16px; font-size: 36px; line-height: 36px; font-weight: 600; } .training-booking .calculator__calendar { min-height: 389px; padding: 20px; background: #ff7e00; } .training-booking .calculator__calendar .air-datepicker.-inline- { border: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .training-booking .calculator__calendar .air-datepicker-nav { border: 0; padding: 0 0 10px; min-height: auto; } .training-booking .calculator__calendar .air-datepicker-nav--title, .training-booking .calculator__calendar .air-datepicker-body--day-name, .training-booking .calculator__calendar .air-datepicker-cell { color: #fff; } .training-booking .calculator__calendar .air-datepicker-cell.-other-month- { color: rgba(255, 255, 255, 0.5); } .training-booking .calculator__calendar .air-datepicker-cell.-selected-, .training-booking .calculator__calendar .air-datepicker-cell.-selected-.-current- { background: #000; } .training-booking .calculator__calendar .air-datepicker-cell.-disabled- { color: rgba(255, 255, 255, 0.45); } .training-booking .calculator__calendar .air-datepicker-nav--action path { stroke: #fff; } .training-booking .calculator__time-block { padding: 0; margin: 0; min-height: 389px; background: #ff7e00; padding: 20px 22px 22px; } .training-booking .calculator__time { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; } .training-booking .calculator__time .time-item { margin: 0; height: 36px; border: 1px solid #fff; background: transparent; color: #fff; border-radius: 0; font-size: 20px; line-height: 34px; font-weight: 400; text-align: center; } .training-booking .calculator__time .time-item--active { background: #000; border-color: #000; color: #fff; } .training-booking .calculator__time .time-item--unavailable { opacity: 0.45; cursor: default; } @media (max-width: 1440px) { .training-booking { padding: 60px 0 90px; } .training-booking__grid { grid-template-columns: 546px 1fr; -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; } .training-booking__title, .training-booking__summary-title { font-size: 36px; line-height: 36px; } .training-booking__qty-list { margin-top: 30px; grid-template-columns: repeat(2, minmax(0, 264px)); gap: 18px 18px; } .training-booking__desktop-pickers { grid-template-columns: repeat(2, minmax(0, 261px)); gap: 18px; } .training-booking .calculator__title { font-size: 24px; line-height: 24px; margin-bottom: 10px; } .training-booking .calculator__calendar { min-height: 242px; padding: 12px; } .training-booking .calculator__time-block { min-height: 242px; padding: 12px; } .training-booking .calculator__time { gap: 10px 8px; } .training-booking .calculator__time .time-item { height: 32px; font-size: 12px; line-height: 20px; } .training-booking__summary-text { margin-top: 24px; } .training-booking__summary-text p + p { margin-top: 24px; } .training-booking__price { font-size: 48px; } .training-booking__buy.btn { width: 353px; } } @media (max-width: 991.92px) { .training-booking { padding: 30px 0 45px; } .training-booking__grid { grid-template-columns: 1fr; row-gap: 0; } .training-booking__left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .training-booking__summary { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .training-booking__summary-title { font-size: 24px; line-height: 24px; } .training-booking__summary-text { margin-top: 14px; font-size: 16px; line-height: 25px; } .training-booking__summary-text p + p { margin-top: 14px; } .training-booking__group { margin-top: 26px; } .training-booking__group + .training-booking__group { margin-top: 26px; } .training-booking__title { font-size: 24px; line-height: 26px; } .training-booking__qty-list { margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .training-booking__qty-btn { height: 33px; font-size: 13px; line-height: 16px; } .training-booking__desktop-pickers { display: none; } .training-booking__mobile-pickers { display: block; } .training-booking__mobile-pickers-wrapper { display: grid; margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .training-booking__mobile-picker { height: 33px; border: 1px solid #000; background: #fff; color: #000; font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; } .training-booking__buy-row { margin-top: 20px; gap: 12px; } .training-booking__price { font-size: 28px; } .training-booking__buy.btn { width: 175px; min-width: 175px; max-width: 175px; min-height: 42px; height: 42px; font-size: 11px; line-height: 13px; letter-spacing: 0.08em; padding: 0 12px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .training-booking__notes { margin-top: 14px; } .training-booking__notes li { font-size: 10px; line-height: 14px; padding-left: 23px; margin-top: 5px; } .training-booking__notes li::before { width: 12px; height: 12px; font-size: 9px; } } .training-picker-modal__box { background: #ff7e00; color: #fff; padding: 18px 16px; } .training-picker-modal__box > div { width: calc(100vw - 40px); } .training-picker-modal__title { margin: 0 0 14px; font-size: 24px; line-height: 26px; font-weight: 600; color: #fff; } .training-picker-modal .calculator__calendar { min-height: 334px; } .training-picker-modal .calculator__time { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 8px; } .training-picker-modal .time-item { height: 31px; border: 1px solid #fff; color: #fff; background: transparent; border-radius: 0; margin: 0; font-size: 17px; line-height: 29px; text-align: center; } .training-picker-modal .time-item--active { background: #000; border-color: #000; } .training-zone { background: #fff; color: #000; padding: 0 0 90px; } .training-zone__title { margin: 0; font-size: 48px; line-height: 1.06; font-weight: 600; letter-spacing: -0.03em; } .training-zone__notice { position: relative; margin: 24px 0 0; padding-left: 40px; font-size: 20px; line-height: 22px; font-weight: 600; } .training-zone__notice::before { content: "!"; position: absolute; left: 0; top: -1px; width: 28px; height: 28px; border-radius: 50%; background: #ff7e00; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: 700; } .training-zone__map { margin-top: 30px; width: 100%; height: 564px; background: #f4f4f4; } .training-zone__map.is-map-error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .training-zone__map.is-map-error::before { content: "Ошибка загрузки карты"; font-size: 14px; color: #444; } @media (max-width: 1440px) { .training-zone { padding-bottom: 70px; } .training-zone__title { font-size: 36px; line-height: 36px; } .training-zone__notice { margin-top: 18px; font-size: 20px; line-height: 22px; } .training-zone__map { height: 415px; } } @media (max-width: 767.92px) { .training-zone { padding-bottom: 40px; } .training-zone__title { font-size: 24px; line-height: 1.02; } .training-zone__notice { margin-top: 15px; padding-left: 23px; font-size: 10px; line-height: 11px; max-width: 360px; } .training-zone__notice::before { width: 12px; height: 12px; top: 0; font-size: 9px; } .training-zone__map { margin-top: 18px; height: 194px; } } .training-zone-map-balloon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 54px; padding: 0 32px; background: #ff7e00; color: #fff; font-size: 28px; line-height: 1.1; font-weight: 600; white-space: nowrap; text-transform: none; } @media (max-width: 1440px) { .training-zone-map-balloon { min-height: 20px; padding: 0 16px; font-size: 10px; } } .training-zone-map-balloon--dark { background: #000; } .b-white { background-color: #fff; } .training-cta { background: #000; padding: 80px 0; overflow: hidden; } .training-cta__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 200px; margin-left: 120px; } @media (max-width: 1500px) { .training-cta__inner { gap: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 100px; } } .training-cta__inner .result-modal__title { color: #fff; } .training-cta__inner .result-modal__desc { color: #fff; } .training-cta__form-col { -webkit-box-flex: 0; -ms-flex: 0 0 427px; flex: 0 0 427px; max-width: 427px; } .training-cta__title { font-family: "Montseratt", sans-serif; font-weight: 600; font-size: 36px; line-height: 1; color: #fff; margin: 0 0 30px; } .training-cta__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .training-cta .form-input { margin: 0; padding: 0; border: none; background: none; } .training-cta .form-input--error .training-cta__input { outline: 2px solid #e74c3c; } .training-cta .form-input--agree.form-input--error label { color: #e74c3c; } .training-cta .form-input__error-text { display: block; margin-top: -22px; margin-bottom: 8px; font-size: 12px; line-height: 1.3; color: #e74c3c; } .training-cta .form-input--agree .form-input__error-text { margin-top: -12px; margin-bottom: 8px; } .training-cta__input { display: block; width: 100%; height: 50px; padding: 0 14px; margin-bottom: 30px; background: #eee; border: none; outline: none; font-family: "Montseratt", sans-serif; font-weight: 400; font-size: 20px; line-height: 50px; color: #000; } .training-cta__input::-webkit-input-placeholder { color: #ff7e00; } .training-cta__input::-moz-placeholder { color: #ff7e00; } .training-cta__input:-ms-input-placeholder { color: #ff7e00; } .training-cta__input::-ms-input-placeholder { color: #ff7e00; } .training-cta__input::placeholder { color: #ff7e00; } .training-cta__agree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; margin-bottom: 20px; } .training-cta__agree input[type="checkbox"] { width: 16px; height: 16px; margin-top: 2px; accent-color: #ff7e00; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; } .training-cta__agree input[type="checkbox"] + label { font-family: "Montseratt", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.36; color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; } .training-cta__agree input[type="checkbox"] + label a { color: #ff7e00; text-decoration: underline; text-underline-offset: 2px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .training-cta__agree input[type="checkbox"] + label a:hover { opacity: 0.75; } .training-cta__agree label { font-family: "Montseratt", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.36; color: #fff; cursor: pointer; } .training-cta__agree label a { color: #ff7e00; text-decoration: underline; text-underline-offset: 2px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .training-cta__agree label a:hover { opacity: 0.75; } .training-cta__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: auto; padding: 24px 32px; border: none; cursor: pointer; font-family: "Montseratt", sans-serif; font-weight: 700; font-size: 20px; line-height: 1.2; letter-spacing: 1.6px; text-transform: uppercase; background: #fff; color: #000; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .training-cta__btn:hover { opacity: 0.85; } .training-cta__slogan-col { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; padding-top: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .training-cta__slogan-runner { font-family: "Runner", sans-serif; font-weight: normal; font-size: 96px; line-height: 0.95; color: #fff; text-transform: uppercase; white-space: nowrap; } @media (max-width: 1500px) { .training-cta__slogan-runner { font-size: 80px; margin-left: auto; } } .training-cta__slogan-tag { font-family: "TagType", sans-serif; font-weight: normal; font-size: 208px; line-height: 1; color: #ff7e00; white-space: nowrap; margin-bottom: -30px; margin-top: -160px; margin-left: auto; margin-right: 12%; } @media (max-width: 1500px) { .training-cta__slogan-tag { font-size: 156px; margin-top: -130px; margin-right: -2%; } } @media (max-width: 1440px) { .training-cta { padding: 80px 0; } .training-cta__inner { gap: 40px; } .training-cta__btn { background: #ff7e00; color: #fff; } .training-cta__slogan-runner { font-size: 66px; margin-right: 12%; } .training-cta__slogan-tag { font-size: 142px; margin-bottom: -20px; } } @media (max-width: 1240px) { .training-cta__inner { margin-left: 0; } } @media (max-width: 1100px) { .training-cta { padding: 30px 0 40px; } .training-cta__slogan-col { display: block; } .training-cta__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .training-cta__form-col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; width: 100%; } .training-cta__title { font-size: 24px; margin-bottom: 20px; } .training-cta__input { height: 42px; line-height: 42px; font-size: 12px; margin-bottom: 15px; } .training-cta__agree { margin-bottom: 16px; } .training-cta__agree label { font-size: 12px; } .training-cta__btn { padding: 20px 27px; font-size: 17px; background: #ff7e00; color: #fff; } .training-cta__slogan-col { padding-top: 0; gap: 10px; } .training-cta__slogan-runner { font-size: 36px; } .training-cta__slogan-tag { display: block; font-size: 79px; margin-bottom: -10px; margin-top: -54px; } } @media (max-width: 767.98px) { .training-cta__slogan-col { width: 100%; } .training-cta__slogan-tag { margin-bottom: 0; margin-top: -48px; display: block; margin-left: auto; } .training-cta__slogan-runner { margin-right: auto; margin-left: 0; } } @media (max-width: 500px) { .training-cta__slogan-col { display: -webkit-box; display: -ms-flexbox; display: flex; } .training-cta__slogan-tag { display: inline-block; } } .modal--event-training-modal { width: calc(100% - 24px); max-width: 960px; padding: 76px 104px 72px; border-radius: 0; background: #efefef; } .modal--event-training-modal .modal__close-button { top: 20px; right: 18px; width: 28px; height: 28px; } .modal--event-training-modal .modal__close-button::after { content: "\00D7"; display: block; width: auto; height: auto; background: none; border: none; -webkit-transform: translate(-50%, -56%); -ms-transform: translate(-50%, -56%); transform: translate(-50%, -56%); font-size: 38px; line-height: 1; color: #1d1c1c; font-weight: 400; } .modal--event-training-modal .modal__close-button::before { content: none; } @media (max-width: 992px) { .modal--event-training-modal { width: calc(100% - 20px); max-width: 700px; padding: 52px 20px 28px; } .modal--event-training-modal .modal__close-button { top: 10px; right: 8px; } .modal--event-training-modal .modal__close-button::after, .modal--event-training-modal .modal__close-button::before { width: auto; height: auto; border-width: 0; } .modal--event-training-modal .modal__close-button::after { font-size: 30px; } } .event-training-modal { color: #1d1c1c; font-family: "Montseratt", sans-serif; } .event-training-modal__title { margin: 0 0 32px; font-size: 40px; font-weight: 600; line-height: 1; letter-spacing: -0.02em; text-transform: none; } .event-training-modal__subtitle { margin: 0 0 24px; font-size: 20px; line-height: 1.3; } .event-training-modal__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .event-training-modal__form .form-input { display: block; margin: 0 0 26px; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .event-training-modal__form .form-input > label { display: block; margin: 0 0 10px; font-size: 20px; font-weight: 400; line-height: 1; letter-spacing: 0.02em; color: #1d1c1c; text-transform: none; } .event-training-modal__form .form-input input[type="text"] { width: 100%; height: 60px; padding: 0 24px; border: none; border-radius: 0; background: #ddd; color: #1d1c1c; font-size: 20px; line-height: 1; text-transform: none; } .event-training-modal__form .form-input input[type="text"]::-webkit-input-placeholder { color: #797979; } .event-training-modal__form .form-input input[type="text"]::-moz-placeholder { color: #797979; } .event-training-modal__form .form-input input[type="text"]:-ms-input-placeholder { color: #797979; } .event-training-modal__form .form-input input[type="text"]::-ms-input-placeholder { color: #797979; } .event-training-modal__form .form-input input[type="text"]::placeholder { color: #797979; } .event-training-modal__form .form-input--agree { display: block; margin: 0 0 16px; } .event-training-modal__form .form-input--agree:last-child { margin-bottom: 0; } .event-training-modal__form .form-input--agree input { position: absolute; opacity: 0; pointer-events: none; } .event-training-modal__form .form-input--agree label { position: relative; display: inline-block; margin: 0; padding-left: 30px; font-size: 16px; line-height: 1.35; font-weight: 400; color: #1d1c1c; cursor: pointer; text-transform: none; } .event-training-modal__form .form-input--agree label a { color: #1d1c1c; text-decoration: underline; text-underline-offset: 3px; } .event-training-modal__form .form-input--agree label a:hover { opacity: .8; } .event-training-modal__form .form-input--agree input:checked + label::after { opacity: 1; } .event-training-modal__form .form-input__error-text { display: block; margin-top: 6px; color: #d92d20; font-size: 12px; line-height: 1.3; } .event-training-modal__submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; width: 100%; min-height: 86px; margin: 0 0 32px; padding: 15px 15px 15px 26px; border: none; background: #ff7e00; color: #fff; cursor: pointer; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; } .event-training-modal__submit:hover { opacity: .9; } .event-training-modal__submit-text { font-size: 24px; font-weight: 500; line-height: 1; text-transform: none; } .event-training-modal__submit-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 55px; height: 55px; } .event-training-modal__submit-icon img { display: block; width: 100%; height: 100%; } .event-training-modal__success { max-width: 620px; margin: 0 auto; text-align: center; padding: 30px 0 20px; } .event-training-modal__success-title { margin: 0 0 16px; font-family: "Runner", sans-serif; font-size: 72px; font-weight: 400; line-height: 1; text-transform: uppercase; } .event-training-modal__success-text { margin: 0; font-size: 36px; line-height: 1.25; } @media (max-width: 992px) { .event-training-modal__title { margin-bottom: 20px; font-size: 32px; line-height: 1.25; } .event-training-modal__subtitle { font-size: 16px; } .event-training-modal__form .form-input { margin-bottom: 16px; } .event-training-modal__form .form-input > label { margin-bottom: 8px; font-size: 16px; letter-spacing: 0; } .event-training-modal__form .form-input input[type="text"] { height: 50px; padding: 0 16px; font-size: 16px; } .event-training-modal__form .form-input--agree label { padding-left: 24px; font-size: 14px; line-height: 1.25; } .event-training-modal__form .form-input--agree label::before { top: 1px; width: 16px; height: 16px; border-radius: 2px; } .event-training-modal__form .form-input--agree label::after { top: 5px; left: 4px; width: 9px; height: 5px; } .event-training-modal__submit { min-height: 50px; margin-bottom: 20px; padding: 8px 8px 8px 14px; } .event-training-modal__submit-text { font-size: 24px; } .event-training-modal__submit-icon { width: 31px; height: 31px; } .event-training-modal__success { max-width: 320px; padding: 24px 0 16px; } .event-training-modal__success-title { font-size: 42px; line-height: 1.05; } .event-training-modal__success-text { font-size: 20px; line-height: 1.25; } } .events-catalog { padding: 48px 0 80px; color: #fff; font-family: "Montseratt", sans-serif; } @media (max-width: 992px) { .events-catalog { padding: 21px 0 48px; } } .events-catalog__title { margin: 0 0 40px; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 72px; text-align: center; text-transform: uppercase; color: #fff; } @media (max-width: 992px) { .events-catalog__title { margin-bottom: 20px; font-size: 32px; line-height: 40px; letter-spacing: 2.24px; } } .events-catalog__tabs { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto 40px; overflow: hidden; } @media (max-width: 992px) { .events-catalog__tabs { max-width: 100%; margin-bottom: 20px; } } .events-catalog__tabs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0; margin: 0; padding: 8px 10px; list-style: none; border-radius: 64px; background: #313131; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 52px; } @media (max-width: 992px) { .events-catalog__tabs-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 12px; min-height: 38px; padding: 6px 7px; border-radius: 47px; overflow-x: auto; } .events-catalog__tabs-list::-webkit-scrollbar { display: none; } } .events-catalog__tabs-item { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } @media (max-width: 992px) { .events-catalog__tabs-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .events-catalog__tab { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 35px; padding: 0 24px; border-radius: 40px; font-size: 20px; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; color: #fff; text-decoration: none; -webkit-transition: background-color 0.2s ease, opacity 0.2s ease; transition: background-color 0.2s ease, opacity 0.2s ease; cursor: default; } @media (max-width: 992px) { .events-catalog__tab { min-height: 26px; padding: 0 18px; border-radius: 30px; font-size: 14px; } } .events-catalog__tab:not(.is-active):hover { opacity: 0.85; cursor: pointer; } .events-catalog__tab.is-active { background: #ff7e00; } .events-catalog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; max-width: 1840px; margin: 0 auto; } @media (max-width: 1440px) { .events-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1220px; } } @media (max-width: 992px) { .events-catalog__grid { grid-template-columns: minmax(0, 1fr); max-width: none; gap: 20px; } .events-catalog__grid .events-catalog-card:nth-child(n + 4) { display: none; } } .events-catalog__load-more { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; width: 100%; margin-top: 20px; } @media (max-width: 992px) { .events-catalog__load-more { display: -webkit-box; display: -ms-flexbox; display: flex; } } .events-catalog__load-more-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 16px; margin-bottom: 12px; } .events-catalog__load-more-stats { margin: 0; font-size: 10px; font-weight: 400; line-height: 1.15; color: #fff; } .events-catalog__load-more-top { -ms-flex-negative: 0; flex-shrink: 0; font-size: 10px; font-weight: 400; line-height: 1.15; color: #fff; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 2px; } .events-catalog__load-more-top:hover { opacity: 0.85; } .events-catalog__load-more-track { position: relative; width: 100%; height: 2px; overflow: hidden; background: #1b1a1a; } .events-catalog__load-more-fill { display: block; height: 100%; background: #ff7e00; } .events-catalog__load-more-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; width: 100%; margin: 0; padding: 0 13px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 35px; border: none; background: #fff; color: #000; text-align: left; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .events-catalog__load-more-btn:hover { opacity: 0.92; } .events-catalog__load-more-btn-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-family: "Runner", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; text-transform: uppercase; color: #000; } .events-catalog__load-more-btn-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 7px; height: 7px; } .events-catalog__load-more-btn-icon img { display: block; width: 100%; height: 100%; } .events-catalog-card { background: #313131; -webkit-transition: opacity .3s; transition: opacity .3s; } .events-catalog-card:hover { opacity: .8; } .events-catalog-card__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: inherit; color: inherit; text-decoration: none; } .events-catalog-card__link:hover .events-catalog-card__more { opacity: 0.85; } .events-catalog-card__media { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 301px; margin: 17px 18px 0; overflow: hidden; background: #000; } @media (max-width: 1920px) { .events-catalog-card__media { height: 16vw; } } @media (max-width: 1440px) { .events-catalog-card__media { height: 21vw; } } @media (max-width: 992px) { .events-catalog-card__media { height: 59vw; margin: 20px 20px 0; } } .events-catalog-card__media img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .events-catalog-card__date { position: absolute; top: 17px; left: 18px; z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 44px; padding: 14px 17px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #313131; font-size: 20px; font-weight: 400; line-height: 16px; color: #fff; } @media (max-width: 992px) { .events-catalog-card__date { top: 10px; left: 10px; min-height: 30px; padding: 7px 10px; font-size: 16px; line-height: 16px; } } .events-catalog-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 19px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 992px) { .events-catalog-card__body { padding: 30px 20px 0; } } .events-catalog-card__title { margin: 0 0 20px; font-size: 32px; font-weight: 600; line-height: 24px; color: #fff; } @media (max-width: 992px) { .events-catalog-card__title { margin-bottom: 20px; font-size: 24px; line-height: 24px; } } .events-catalog-card__desc { margin: 0; font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; margin-bottom: 22px; } @media (max-width: 992px) { .events-catalog-card__desc { font-size: 16px; line-height: 20px; } } .events-catalog-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; margin-top: auto; padding: 30px 0; border-top: 1px solid #ff7e00; } @media (max-width: 992px) { .events-catalog-card__footer { padding: 13px 0 20px; } } .events-catalog-card__more { font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } @media (max-width: 992px) { .events-catalog-card__more { font-size: 16px; line-height: 20px; } } .events-catalog-card__arrow { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26px; height: 16px; } @media (max-width: 992px) { .events-catalog-card__arrow { width: 20px; height: 12px; } } .events-catalog-card__arrow img { display: block; width: 100%; height: 100%; } .events-detail-hero { position: relative; min-height: 518px; overflow: hidden; color: #fff; } @media (max-width: 992px) { .events-detail-hero { min-height: 485px; } } .events-detail-hero::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.62)), color-stop(52%, rgba(0, 0, 0, 0.28)), to(rgba(0, 0, 0, 0.08))); background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.28) 52%, rgba(0, 0, 0, 0.08) 100%); } .events-detail-hero__media { position: absolute; inset: 0; } .events-detail-hero__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .events-detail-hero .container { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 518px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 992px) { .events-detail-hero .container { min-height: 485px; } } .events-detail-hero__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 1240px; padding: 68px 0 55px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 992px) { .events-detail-hero__content { max-width: 362px; margin: 0 auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 41px 0 0; } } .events-detail-hero__date { margin: 0; font-family: "Montseratt", sans-serif; font-size: 32px; font-weight: 600; line-height: 72px; text-transform: uppercase; color: #ff7e00; } @media (max-width: 992px) { .events-detail-hero__date { font-size: 16px; line-height: 20px; margin-bottom: 20px; } } .events-detail-hero__title { margin: 0; font-family: "Runner", sans-serif; font-size: 64px; font-weight: 400; line-height: 72px; text-transform: uppercase; color: #fff; } @media (max-width: 992px) { .events-detail-hero__title { font-size: 32px; line-height: 40px; } } .events-detail-hero__desc { margin: 20px 0 0; max-width: 1240px; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 40px; color: #fff; } @media (max-width: 992px) { .events-detail-hero__desc { margin-top: 16px; max-width: none; font-size: 16px; line-height: 20px; } } .events-detail-hero__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 48px; min-width: 420px; max-width: 100%; min-height: 86px; margin-top: 105px; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; color: #fff; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .events-detail-hero__btn:hover { background-color: #000; color: #fff; opacity: 1; } .events-detail-hero__btn:hover [class*="__btn-text"], .events-detail-hero__btn:hover [class*="__btn-label"] { color: #fff; } @media (max-width: 1440px) { .events-detail-hero__btn { gap: 32px; min-width: 360px; } } @media (max-width: 992px) { .events-detail-hero__btn { gap: 24px; width: 100%; min-width: 0; min-height: 48px; margin-top: auto; padding: 8px 8px 8px 14px; } } .events-detail-hero__btn-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 992px) { .events-detail-hero__btn-text { font-size: 16px; line-height: 16px; } } .events-detail-hero__btn-label { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .events-detail-hero__btn-label--mobile { display: none; } @media (max-width: 992px) { .events-detail-hero__btn-label--desktop { display: none; } .events-detail-hero__btn-label--mobile { display: inline; } } .events-detail-hero__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } @media (max-width: 992px) { .events-detail-hero__btn-icon { width: 31px; height: 31px; } } .events-detail-hero__btn-icon img { display: block; width: 100%; height: 100%; } .events-detail-info { padding: 40px 0 80px; color: #fff; } @media (max-width: 992px) { .events-detail-info { padding: 20px 0 48px; } } .events-detail-info__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } @media (max-width: 992px) { .events-detail-info__grid { grid-template-columns: minmax(0, 1fr); } } .events-detail-info-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 80px; padding: 40px 33px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #313131; } @media (max-width: 1440px) { .events-detail-info-card { padding: 32px 24px; } } @media (max-width: 992px) { .events-detail-info-card { padding: 32px 20px; } } .events-detail-info-card__title { margin: 0; font-family: "Runner", sans-serif; font-size: 24px; font-weight: 400; line-height: 42px; letter-spacing: 1.68px; text-transform: uppercase; color: #fff; } .events-detail-info-card__text { font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 500; line-height: 28px; color: #fff; } .events-detail-info-card__text p { margin: 0; } .events-detail-info-card__text p + p { margin-top: 1em; } .events-detail-about { padding: 40px 0 80px; color: #fff; } @media (max-width: 992px) { .events-detail-about { padding: 20px 0 48px; } } .events-detail-about__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; } @media (max-width: 992px) { .events-detail-about__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } } .events-detail-about__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 909px; } .events-detail-about__title { margin: 0; max-width: 909px; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 66px; text-transform: uppercase; background: linear-gradient(88.3deg, #fff 22.07%, #1d1c1c 106.8%); -webkit-background-clip: text; background-clip: text; color: transparent; } @media (max-width: 992px) { .events-detail-about__title { max-width: 362px; font-size: 24px; line-height: 40px; background: linear-gradient(70.4deg, #fff 36.47%, #1d1c1c 99.89%); -webkit-background-clip: text; background-clip: text; } } .events-detail-about__link { margin-top: 20px; letter-spacing: 2px; } @media (max-width: 992px) { .events-detail-about__link { max-width: 362px; } } .events-detail-about__link-label { margin: 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; color: #fff; } .events-detail-about__link-url { display: inline-block; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; color: #fff; text-decoration: none; word-break: break-all; } .events-detail-about__link-url:hover { opacity: 0.85; } .events-detail-about__visual { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 600px; flex: 0 0 600px; width: 600px; height: 240px; overflow: hidden; } @media (max-width: 1440px) { .events-detail-about__visual { -ms-flex-preferred-size: 441px; flex-basis: 441px; width: 441px; height: 176px; } } @media (max-width: 992px) { .events-detail-about__visual { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 362px; height: 144px; margin: 0 auto; } } .events-detail-about__visual img { position: absolute; top: 15.26%; left: 13.77%; width: 72.35%; height: 69.48%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .events-detail-faq { padding: 40px 0 80px; color: #fff; } @media (max-width: 992px) { .events-detail-faq { padding: 20px 0 48px; } } .events-detail-faq__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; } @media (max-width: 992px) { .events-detail-faq__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .events-detail-faq__media { -webkit-box-flex: 0; -ms-flex: 0 0 600px; flex: 0 0 600px; width: 600px; height: 600px; overflow: hidden; } @media (max-width: 1440px) { .events-detail-faq__media { -ms-flex-preferred-size: 431px; flex-basis: 431px; width: 431px; height: 600px; } } @media (max-width: 992px) { .events-detail-faq__media { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 362px; height: 386px; margin: 0 auto; } } .events-detail-faq__media img { display: block; width: 150.29%; max-width: none; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; margin-left: -27.06%; } @media (max-width: 1440px) { .events-detail-faq__media img { width: 100%; margin-left: 0; } } .events-detail-faq__accordions { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; border-top: 2px solid #fff; } @media (max-width: 992px) { .events-detail-faq__accordions { border-top-width: 1px; width: 100%; } } .events-detail-faq__item { border-bottom: 2px solid #fff; } @media (max-width: 992px) { .events-detail-faq__item { border-bottom-width: 1px; } } .events-detail-faq__item.is-open .events-detail-faq__icon::after { opacity: 0; -webkit-transform: translate(-50%, -50%) scaleY(0); -ms-transform: translate(-50%, -50%) scaleY(0); transform: translate(-50%, -50%) scaleY(0); } .events-detail-faq__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; width: 100%; min-height: 88px; padding: 0; border: none; background: transparent; text-align: left; cursor: pointer; color: #fff; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; } @media (max-width: 992px) { .events-detail-faq__trigger { min-height: 46px; gap: 16px; font-size: 12px; line-height: 23px; } } .events-detail-faq__trigger-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .events-detail-faq__icon { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 17px; height: 16px; } @media (max-width: 992px) { .events-detail-faq__icon { width: 8px; height: 8px; } } .events-detail-faq__icon::before, .events-detail-faq__icon::after { content: ""; position: absolute; top: 50%; left: 50%; background: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .events-detail-faq__icon::before { width: 17px; height: 2px; } @media (max-width: 992px) { .events-detail-faq__icon::before { width: 8px; height: 1px; } } .events-detail-faq__icon::after { width: 2px; height: 16px; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; transition: opacity 0.2s ease, -webkit-transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease; } @media (max-width: 992px) { .events-detail-faq__icon::after { width: 1px; height: 8px; } } .events-detail-faq__panel { overflow: hidden; max-height: 0; opacity: 0; -webkit-transition: max-height 0.35s ease, opacity 0.2s ease; transition: max-height 0.35s ease, opacity 0.2s ease; } .events-detail-faq__item.is-open .events-detail-faq__panel { max-height: 600px; opacity: 1; } .events-detail-faq__body { padding: 0 0 28px; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; color: rgba(255, 255, 255, 0.85); } @media (max-width: 992px) { .events-detail-faq__body { padding-bottom: 16px; font-size: 12px; line-height: 16px; } } .events-detail-faq__body p { margin: 0; } .events-detail-related { padding: 40px 0 80px; color: #fff; overflow: hidden; } @media (max-width: 992px) { .events-detail-related { padding: 20px 0 48px; } } .events-detail-related__title { margin: 0 0 40px; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 66px; text-transform: uppercase; color: #fff; } @media (max-width: 992px) { .events-detail-related__title { margin-bottom: 20px; max-width: 362px; font-size: 32px; line-height: 40px; letter-spacing: 2.24px; } } @media (max-width: 380px) { .events-detail-related__title { font-size: 24px; line-height: 28px; } } .events-detail-related__slider { overflow: visible; } @media (max-width: 992px) { .events-detail-related__slider { overflow: hidden; } } .events-detail-related__slider .swiper-slide { height: auto; } @media (min-width: 993px) and (max-width: 1440px) { .events-detail-related__slider .swiper-slide { width: 600px; } } .events-detail-related__slider .events-catalog-card { min-height: 585px; height: 100%; } @media (max-width: 992px) { .events-detail-related__slider .events-catalog-card { min-height: 489px; } } .events-detail-related__pagination { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 20px; padding-bottom: 5px; } @media (max-width: 992px) { .events-detail-related__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } .events-detail-related__pagination-bullet { position: relative; width: 6px; height: 6px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; opacity: 1; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .events-detail-related__pagination-bullet.is-active { background: transparent; -webkit-box-shadow: 0 0 0 1px #ff7e00; box-shadow: 0 0 0 1px #ff7e00; } .events-detail-related__pagination-bullet.is-active::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: #ff7e00; } .events-detail-distances { padding: 40px 0 80px; color: #fff; overflow: hidden; } @media (max-width: 992px) { .events-detail-distances { padding: 20px 0 48px; } } .events-detail-distances__title { margin: 0 0 40px; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 66px; text-transform: uppercase; color: #fff; } @media (max-width: 992px) { .events-detail-distances__title { margin-bottom: 20px; max-width: 362px; font-size: 32px; line-height: 40px; letter-spacing: 2.24px; } } @media (max-width: 380px) { .events-detail-distances__title { font-size: 24px; line-height: 28px; } } .events-detail-distances__slider { overflow: visible; } @media (max-width: 992px) { .events-detail-distances__slider { overflow: hidden; } } .events-detail-distances__slider--grid .swiper-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } @media (min-width: 1241px) { .events-detail-distances__slider--grid .swiper-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .events-detail-distances__slider--grid .swiper-slide { width: auto !important; height: auto; } .events-detail-distances__slider:not(.events-detail-distances__slider--grid) .swiper-slide { height: auto; } .events-detail-distances__pagination { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 20px; padding-bottom: 5px; } .events-detail-distances__slider:not(.events-detail-distances__slider--grid) .events-detail-distances__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .events-detail-distances__pagination-bullet { position: relative; width: 6px; height: 6px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; opacity: 1; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .events-detail-distances__pagination-bullet.is-active { background: transparent; -webkit-box-shadow: 0 0 0 1px #ff7e00; box-shadow: 0 0 0 1px #ff7e00; } .events-detail-distances__pagination-bullet.is-active::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: #ff7e00; } .events-detail-distance-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 415px; height: 100%; padding: 37px 33px 34px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #313131; } @media (max-width: 1440px) { .events-detail-distance-card { min-height: 365px; padding: 32px 24px 18px; } } @media (max-width: 992px) { .events-detail-distance-card { min-height: 365px; padding: 32px 20px 21px; } } .events-detail-distance-card--notice .events-detail-distance-card__title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .events-detail-distance-card__title { margin: 0; font-family: "Runner", sans-serif; font-size: 24px; font-weight: 400; line-height: 42px; letter-spacing: 1.68px; text-transform: uppercase; color: #fff; } .events-detail-distance-card__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 60px; margin-bottom: 60px; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 500; line-height: 28px; color: #fff; } @media (max-width: 1440px) { .events-detail-distance-card__text { margin-top: 20px; margin-bottom: 20px; } } @media (max-width: 992px) { .events-detail-distance-card__text { margin-top: 32px; font-size: 16px; line-height: 20px; } } .events-detail-distance-card__text p { margin: 0; } .events-detail-distance-card__text p + p { margin-top: 0.35em; } .events-detail-distance-card__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 32px; width: 100%; min-height: 86px; margin-top: auto; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; color: #fff; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .events-detail-distance-card__btn:hover { background-color: #000; color: #fff; opacity: 1; } .events-detail-distance-card__btn:hover [class*="__btn-text"], .events-detail-distance-card__btn:hover [class*="__btn-label"] { color: #fff; } @media (max-width: 1440px) { .events-detail-distance-card__btn { min-height: 76px; gap: 24px; padding: 12px 12px 12px 20px; } } @media (max-width: 992px) { .events-detail-distance-card__btn { min-height: 48px; gap: 16px; padding: 8px 8px 8px 14px; } } .events-detail-distance-card__btn-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 992px) { .events-detail-distance-card__btn-text { font-size: 16px; line-height: 16px; } } .events-detail-distance-card__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } @media (max-width: 1440px) { .events-detail-distance-card__btn-icon { width: 48px; height: 48px; } } @media (max-width: 992px) { .events-detail-distance-card__btn-icon { width: 31px; height: 31px; } } .events-detail-distance-card__btn-icon img { display: block; width: 100%; height: 100%; } .new-index { background: #1d1c1c; color: #fff; } .new-index-hero { position: relative; height: 900px; min-height: 900px; overflow: hidden; } @media (max-width: 992px) { .new-index-hero { height: 665px; min-height: 665px; } } .new-index-hero__slider { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; } .new-index-hero__slider .swiper-wrapper { height: 100%; } .new-index-hero__slider.swiper-fade .swiper-slide { pointer-events: none; } .new-index-hero__slider.swiper-fade .swiper-slide-active { pointer-events: auto; } .new-index-hero__slide { position: relative; height: 100%; min-height: 100%; } .new-index-hero__media { position: absolute; inset: 0; overflow: hidden; } .new-index-hero__img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .new-index-hero__img--bottom { -o-object-position: center bottom; object-position: center bottom; } .new-index-hero__img--cover-top { -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .new-index-hero__content { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: 100%; padding-top: 80px; padding-bottom: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1440px) { .new-index-hero__content { padding-top: 72px; } } @media (max-width: 992px) { .new-index-hero__content { padding-top: 48px; padding-bottom: 56px; } } .new-index-hero__title { margin: 0; max-width: 1411px; font-family: "Runner", sans-serif; font-size: 80px; font-weight: 400; line-height: 110px; letter-spacing: 5.6px; text-transform: uppercase; color: #fff; } @media (max-width: 1440px) { .new-index-hero__title { max-width: 100%; } } @media (max-width: 992px) { .new-index-hero__title { max-width: 363px; font-size: 32px; line-height: 40px; letter-spacing: 2.24px; } } @media (max-width: 768px) { .new-index-hero__title { font-size: 24px; line-height: 32px; } } @media (max-width: 400px) { .new-index-hero__title { font-size: 20px; line-height: 24px; } } .new-index-hero__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; width: 100%; max-width: 632px; margin-top: auto; margin-left: auto; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.32); } @media (max-width: 992px) { .new-index-hero__card { max-width: 360px; margin-left: auto; margin-right: auto; padding: 25px; gap: 40px; } } .new-index-hero__card-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .new-index-hero__card-title { margin: 0; font-family: "Montseratt", sans-serif; font-size: 40px; font-weight: 600; line-height: 40px; letter-spacing: 4px; color: #fff; } @media (max-width: 992px) { .new-index-hero__card-title { font-size: 32px; line-height: 33px; letter-spacing: 3.2px; } } @media (max-width: 768px) { .new-index-hero__card-title { font-size: 22px; line-height: 28px; letter-spacing: 2.2px; } } @media (max-width: 768px) { .new-index-hero__card-title { font-size: 20px; line-height: 24px; letter-spacing: 2px; } } .new-index-hero__card-desc { margin: 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #fff; } @media (max-width: 992px) { .new-index-hero__card-desc { max-width: 286px; font-size: 16px; line-height: 20px; letter-spacing: 1.6px; } } .new-index-hero__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; width: 100%; min-height: 86px; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; color: #fff; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .new-index-hero__btn:hover { background-color: #000; color: #fff; opacity: 1; } .new-index-hero__btn:hover [class*="__btn-text"], .new-index-hero__btn:hover [class*="__btn-label"] { color: #fff; } @media (max-width: 992px) { .new-index-hero__btn { min-height: 48px; padding: 8px 8px 8px 14px; gap: 20px; } } .new-index-hero__btn-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 992px) { .new-index-hero__btn-text { font-size: 16px; line-height: 16px; } } .new-index-hero__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } @media (max-width: 992px) { .new-index-hero__btn-icon { width: 31px; height: 31px; } } .new-index-hero__btn-icon img { display: block; width: 100%; height: 100%; } .new-index-hero__controls { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 48px; pointer-events: none; } @media (max-width: 992px) { .new-index-hero__controls { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; } } .new-index-hero__progress-wrap { width: 300px; max-width: 100%; pointer-events: auto; } @media (max-width: 992px) { .new-index-hero__progress-wrap { width: 114px; } } .new-index-hero__counter { margin: 0 0 12px; font-family: "Montseratt", sans-serif; font-size: 28px; font-weight: 400; line-height: 1; letter-spacing: -0.64px; text-transform: uppercase; color: #fff; } @media (max-width: 992px) { .new-index-hero__counter { margin-bottom: 6px; line-height: 28px; text-align: center; } } .new-index-hero__counter-current { font-size: 36px; font-weight: 500; letter-spacing: -0.36px; } @media (max-width: 992px) { .new-index-hero__counter-current { font-size: 20px; letter-spacing: -0.2px; line-height: 28px; } } .new-index-hero__counter-sep, .new-index-hero__counter-total { font-size: 28px; letter-spacing: -0.28px; } @media (max-width: 992px) { .new-index-hero__counter-sep, .new-index-hero__counter-total { font-size: 14px; letter-spacing: -0.14px; line-height: 28px; } } .new-index-hero__progress-track { position: relative; width: 300px; max-width: 100%; height: 6px; } @media (max-width: 992px) { .new-index-hero__progress-track { width: 114px; height: 4px; } } .new-index-hero__progress-track::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(255, 255, 255, 0.35); border-radius: 1px; } .new-index-hero__progress-fill { position: relative; z-index: 1; display: block; height: 6px; border-radius: 49px; background: #ff7e00; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } @media (max-width: 992px) { .new-index-hero__progress-fill { height: 4px; } } .new-index-trainings { position: relative; min-height: 900px; overflow: hidden; color: #fff; } @media (max-width: 991px) { .new-index-trainings { min-height: 0; overflow: visible; background: #1d1c1c; } } .new-index-trainings__bg-wrap { position: absolute; inset: 0; z-index: 0; } @media (max-width: 991px) { .new-index-trainings__bg-wrap { display: none; } } .new-index-trainings__bg-wrap::after { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(29, 28, 28, 0.42); pointer-events: none; } .new-index-trainings__bg-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .new-index-trainings__overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 28, 28, 0.25)), to(rgba(29, 28, 28, 0.55))); background: linear-gradient(180deg, rgba(29, 28, 28, 0.25) 0%, rgba(29, 28, 28, 0.55) 100%); } @media (max-width: 991px) { .new-index-trainings__overlay { display: none; } } .new-index-trainings__inner { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 900px; padding-top: 80px; padding-bottom: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1440px) { .new-index-trainings__inner { padding-top: 72px; padding-bottom: 72px; } } @media (max-width: 991px) { .new-index-trainings__inner { min-height: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .new-index-trainings__head { padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) and (max-width: 991px) { .new-index-trainings__head { padding-left: 32px; padding-right: 32px; } } @media (min-width: 992px) { .new-index-trainings__head { padding: 0; } } .new-index-trainings__title { margin: 0 0 48px; max-width: 900px; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 56px; letter-spacing: 3.36px; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .new-index-trainings__title { margin: 0 auto 32px; max-width: 363px; padding-top: 48px; text-align: center; font-size: 32px; line-height: 40px; letter-spacing: 2.24px; } } .new-index-trainings__panels { display: grid; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: 568px; } @media (max-width: 991px) { .new-index-trainings__panels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; min-height: 0; width: 100%; } } .new-index-trainings__panel { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 568px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; } @media (min-width: 992px) { .new-index-trainings__panel { background: rgba(255, 255, 255, 0.15); -webkit-transition: background 0.35s ease; transition: background 0.35s ease; } } @media (max-width: 991px) { .new-index-trainings__panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 480px; padding: 48px 30px; overflow: hidden; background: transparent; cursor: auto; } } @media (max-width: 768px) { .new-index-trainings__panel { min-height: unset; padding: 30px; } } @media (min-width: 992px) { .new-index-trainings__panel:not(.is-active) .new-index-trainings__panel-title { opacity: 0.5; } } .new-index-trainings__panel-media { display: none; } @media (max-width: 991px) { .new-index-trainings__panel-media { display: block; position: absolute; inset: 0; z-index: 0; } .new-index-trainings__panel-media::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 28, 28, 0.35)), to(rgba(29, 28, 28, 0.7))), rgba(29, 28, 28, 0.35); background: linear-gradient(180deg, rgba(29, 28, 28, 0.35) 0%, rgba(29, 28, 28, 0.7) 100%), rgba(29, 28, 28, 0.35); } .new-index-trainings__panel-media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; } } @media (max-width: 991px) { .new-index-trainings__panel:nth-child(2) .new-index-trainings__panel-media img { -o-object-position: center 60%; object-position: center 60%; } } @media (max-width: 991px) { .new-index-trainings__panel:nth-child(3) .new-index-trainings__panel-media img { -o-object-position: center 12%; object-position: center 12%; } } .new-index-trainings__panel-inner { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: 100%; padding: 32px 24px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 991px) { .new-index-trainings__panel-inner { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0; max-width: 100%; padding: 32px 20px 24px; background: rgba(255, 255, 255, 0.15); text-align: center; } } @media (max-width: 768px) { .new-index-trainings__panel-inner { min-height: 360px; } } .new-index-trainings__panel-title { margin: 0; font-family: "Runner", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 1.68px; text-transform: uppercase; color: #fff; -webkit-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } @media (max-width: 991px) { .new-index-trainings__panel-title { opacity: 1; } } .new-index-trainings__panel-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin-top: auto; padding-top: 24px; -webkit-transition: opacity 0.35s ease, visibility 0.35s ease; transition: opacity 0.35s ease, visibility 0.35s ease; } @media (min-width: 992px) { .new-index-trainings__panel:not(.is-active) .new-index-trainings__panel-body { opacity: 0; visibility: hidden; pointer-events: none; } } @media (max-width: 991px) { .new-index-trainings__panel-body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; visibility: visible; pointer-events: auto; } } .new-index-trainings__panel-desc { margin: 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #fff; } @media (max-width: 991px) { .new-index-trainings__panel-desc { max-width: 100%; font-size: 14px; line-height: 20px; letter-spacing: 0; } } .new-index-trainings__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; width: 100%; min-height: 86px; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; color: #fff; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .new-index-trainings__btn:hover { background-color: #000; color: #fff; opacity: 1; } .new-index-trainings__btn:hover [class*="__btn-text"], .new-index-trainings__btn:hover [class*="__btn-label"] { color: #fff; } @media (max-width: 991px) { .new-index-trainings__btn { max-width: 100%; min-height: 48px; padding: 8px 8px 8px 14px; gap: 20px; } } .new-index-trainings__btn-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .new-index-trainings__btn-text--stack { display: none; } @media (max-width: 991px) { .new-index-trainings__btn-text { font-size: 16px; line-height: 16px; } .new-index-trainings__btn-text--wide { display: none; } .new-index-trainings__btn-text--stack { display: block; } } .new-index-trainings__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } @media (max-width: 991px) { .new-index-trainings__btn-icon { width: 31px; height: 31px; } } .new-index-trainings__btn-icon img { display: block; width: 100%; height: 100%; } .new-index-why { padding: 70px 0 115px; color: #fff; background: #1d1c1c; } @media (max-width: 991px) { .new-index-why { padding: 40px 0; } } .new-index-why__inner { -webkit-box-sizing: border-box; box-sizing: border-box; } .new-index-why__grid { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(280px, 560px); gap: 32px 48px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } @media (max-width: 991px) { .new-index-why__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } } .new-index-why__title { margin: 0; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 66px; letter-spacing: 3.36px; text-transform: uppercase; background: linear-gradient(159.73deg, #fff 16.33%, #1d1c1c 67.95%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } @media (max-width: 991px) { .new-index-why__title { margin: 0 auto; text-align: center; font-size: 24px; line-height: 40px; letter-spacing: 1.68px; background: linear-gradient(61.89deg, #fff 36.47%, #1d1c1c 99.89%); background-clip: text; -webkit-background-clip: text; } } .new-index-why__desc { font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #fff; text-align: right; } @media (max-width: 991px) { .new-index-why__desc { text-align: left; font-size: 16px; line-height: 24px; letter-spacing: 1.6px; } } .new-index-why__desc p { margin: 0; } .new-index-why__desc p + p { margin-top: 0; } .new-index-events { color: #fff; background: #1d1c1c; } .new-index-events__inner { -webkit-box-sizing: border-box; box-sizing: border-box; } .new-index-events__frame { position: relative; border-top: 1px solid #464646; border-bottom: 1px solid #464646; } .new-index-events__slider { overflow: hidden; } .new-index-events__slide { height: auto; } .new-index-events__slide-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 60px; padding-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 991px) { .new-index-events__slide-inner { gap: 0; padding-top: 40px; padding-bottom: 24px; } } .new-index-events__main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 755px); gap: 40px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 1439px) { .new-index-events__main { grid-template-columns: minmax(0, 1fr) minmax(280px, 480px); } } @media (max-width: 991px) { .new-index-events__main { display: block; } } .new-index-events__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 655px; min-height: 500px; } @media (max-width: 991px) { .new-index-events__col { min-height: 0; max-width: 100%; } } .new-index-events__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; margin-top: auto; padding-top: 32px; } @media (min-width: 992px) { .new-index-events__footer { gap: 68px; } } @media (max-width: 991px) { .new-index-events__footer { margin-top: 32px; padding-top: 0; } } .new-index-events__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 991px) { .new-index-events__content { gap: 20px; } .new-index-events__content .new-index-events__date, .new-index-events__content .new-index-events__title, .new-index-events__content .new-index-events__desc { margin: 0; } } .new-index-events__date { margin: 0 0 10px; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 24px; letter-spacing: 1.68px; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .new-index-events__date { margin: 0; font-size: 16px; line-height: 16px; letter-spacing: 1.12px; } } .new-index-events__title { margin: 0 0 24px; font-family: "Montseratt", sans-serif; font-size: 56px; font-weight: 700; line-height: 1.1; letter-spacing: 3.92px; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .new-index-events__title { margin: 0; font-size: 24px; line-height: 24px; letter-spacing: 1.68px; } } .new-index-events__desc { margin: 0 0 24px; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; } @media (max-width: 991px) { .new-index-events__desc { margin: 0; font-size: 16px; line-height: 28px; } } .new-index-events__link { display: inline-block; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 28px; color: #ff7e00; text-decoration: underline; text-underline-position: from-font; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 991px) { .new-index-events__link { font-size: 16px; line-height: 16px; } } .new-index-events__link:hover { color: #fff; } .new-index-events__media { width: 100%; max-width: 755px; height: 500px; margin-left: auto; overflow: hidden; } @media (max-width: 991px) { .new-index-events__media { display: none; } } .new-index-events__media img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top; } .new-index-events__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none; } .new-index-events__tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; padding: 10px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #9b9b9b; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 300; line-height: 28px; color: #fff; white-space: nowrap; margin: 0; } @media (max-width: 991px) { .new-index-events__tag { padding: 10px 20px; font-size: 16px; line-height: 16px; } } .new-index-events__nav { display: none; gap: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 992px) { .new-index-events__nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 991px) { .new-index-events__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 24px 0 16px; } } .new-index-events__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; padding: 0; border: 0; background: transparent; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .new-index-events__arrow img { display: block; width: 60px; height: 60px; } .new-index-events__arrow--prev img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .new-index-events__arrow:hover { opacity: 0.85; } .new-index-events__arrow.swiper-button-disabled { opacity: 0.35; cursor: default; } .new-index-events__pagination { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; pointer-events: auto; } @media (max-width: 991px) { .new-index-events__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } .new-index-events__pagination-bullet { position: relative; width: 6px; height: 6px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; opacity: 1; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .new-index-events__pagination-bullet.is-active { background: transparent; -webkit-box-shadow: 0 0 0 1px #ff7e00; box-shadow: 0 0 0 1px #ff7e00; } .new-index-events__pagination-bullet.is-active::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: #ff7e00; } @media (max-width: 991px) { .new-index-events .new-index-types__slider { padding: 0 16px; } .new-index-events .new-index-types__slide { width: 100% !important; opacity: 1 !important; } .new-index-events .new-index-types__card { max-width: 100%; margin: 0 auto; padding: 12px; min-height: auto; } .new-index-events .new-index-types__card-inner { padding: 16px; } .new-index-events .new-index-types__media { display: none; } .new-index-events .new-index-types__fade { display: none; } .new-index-events .new-index-types__arrow { display: none; } .new-index-events .new-index-types__pagination-wrap { padding-top: 16px; } } @media (min-width: 992px) and (max-width: 991px) { .new-index-events .new-index-types__slider { padding: 0 40px; } .new-index-events .new-index-types__slide { width: 420px; -webkit-transition: opacity 0.45s ease; transition: opacity 0.45s ease; } .new-index-events .new-index-types__slide:not(.swiper-slide-active) { opacity: 0.35; } .new-index-events .new-index-types__card { max-width: 420px; } } .new-index-types { padding: 0 0 115px; color: #fff; background: #1d1c1c; overflow: hidden; } @media (max-width: 991px) { .new-index-types { padding-bottom: 40px; } } .new-index-types__head { padding: 70px 0 48px; text-align: center; } @media (max-width: 991px) { .new-index-types__head { padding: 40px 0 24px; } } .new-index-types__title { margin: 0; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 66px; letter-spacing: 3.36px; text-transform: uppercase; background: linear-gradient(159.73deg, #fff 16.33%, #1d1c1c 67.95%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } @media (max-width: 991px) { .new-index-types__title { font-size: 32px; line-height: 40px; letter-spacing: 2.24px; background: linear-gradient(61.89deg, #fff 36.47%, #1d1c1c 99.89%); background-clip: text; -webkit-background-clip: text; } } .new-index-types__slider-wrap { position: relative; min-height: 541px; } @media (max-width: 991px) { .new-index-types__slider-wrap { min-height: 0; } } .new-index-types__fade { display: none; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: -webkit-gradient(linear, left top, right top, from(#1d1c1c), color-stop(18%, rgba(29, 28, 28, 0)), color-stop(82%, rgba(29, 28, 28, 0)), to(#1d1c1c)); background: linear-gradient(90deg, #1d1c1c 0%, rgba(29, 28, 28, 0) 18%, rgba(29, 28, 28, 0) 82%, #1d1c1c 100%); } @media (min-width: 992px) { .new-index-types__fade { display: block; } } .new-index-types__slider { overflow: visible; } @media (min-width: 992px) { .new-index-types__slider { padding: 0 90px; -webkit-box-sizing: border-box; box-sizing: border-box; } } .new-index-types__slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.45s ease; transition: opacity 0.45s ease; } @media (min-width: 992px) { .new-index-types__slide { width: 908px; } .new-index-types__slide:not(.swiper-slide-active) { opacity: 0.35; } } .new-index-types__card { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 992px) { .new-index-types__card { min-height: 541px; background: #313131; } } @media (max-width: 991px) { .new-index-types__card { width: 100%; max-width: 402px; min-height: 442px; margin: 0 auto; padding: 20px; } } .new-index-types__card-bg { display: none; } @media (max-width: 991px) { .new-index-types__card-bg { display: block; position: absolute; inset: 0; z-index: 0; overflow: hidden; } .new-index-types__card-bg::after { content: ""; position: absolute; inset: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 28, 28, 0.2)), to(rgba(29, 28, 28, 0.55))); background: linear-gradient(180deg, rgba(29, 28, 28, 0.2) 0%, rgba(29, 28, 28, 0.55) 100%); } .new-index-types__card-bg img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .new-index-types__card-inner { position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 992px) { .new-index-types__card-inner { display: grid; grid-template-columns: minmax(0, 1fr) 345px; gap: 40px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; min-height: 541px; padding: 40px; } } @media (max-width: 991px) { .new-index-types__card-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 382px; padding: 24px 20px 20px; background: rgba(255, 255, 255, 0.15); } } .new-index-types__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; } @media (min-width: 992px) { .new-index-types__body { min-height: 459px; max-width: 443px; } } @media (max-width: 991px) { .new-index-types__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 16px; } } .new-index-types__card-title { margin: 0; font-family: "Montseratt", sans-serif; font-size: 36px; font-weight: 700; line-height: 1.15; letter-spacing: 2.52px; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .new-index-types__card-title { font-size: 24px; line-height: 28px; letter-spacing: 1.68px; } } .new-index-types__card-desc { margin: 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; } @media (min-width: 992px) { .new-index-types__card-desc { margin-top: auto; margin-bottom: 24px; } } @media (max-width: 991px) { .new-index-types__card-desc { font-size: 16px; line-height: 24px; } } .new-index-types__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; width: 100%; max-width: 443px; min-height: 86px; margin-top: auto; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; color: #fff; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .new-index-types__btn:hover { background-color: #000; color: #fff; opacity: 1; } .new-index-types__btn:hover [class*="__btn-text"], .new-index-types__btn:hover [class*="__btn-label"] { color: #fff; } @media (max-width: 991px) { .new-index-types__btn { max-width: 100%; min-height: 48px; padding: 8px 8px 8px 14px; gap: 20px; } } .new-index-types__btn-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .new-index-types__btn-text--stack { display: none; } @media (max-width: 991px) { .new-index-types__btn-text { font-size: 16px; line-height: 16px; } .new-index-types__btn-text--wide { display: none; } .new-index-types__btn-text--stack { display: block; } } .new-index-types__btn-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } @media (max-width: 991px) { .new-index-types__btn-icon { width: 31px; height: 31px; } } .new-index-types__btn-icon img { display: block; width: 100%; height: 100%; } .new-index-types__media { width: 345px; height: 459px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .new-index-types__media { display: none; } } .new-index-types__media-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .new-index-types__media-img--pos-1 { -o-object-position: 50% 20%; object-position: 50% 20%; } .new-index-types__media-img--pos-2 { -o-object-position: 50% 15%; object-position: 50% 15%; } .new-index-types__media-img--pos-3 { -o-object-position: 55% 25%; object-position: 55% 25%; } .new-index-types__media-img--pos-4 { -o-object-position: 50% 30%; object-position: 50% 30%; } .new-index-types__media-img--pos-5 { -o-object-position: 50% 20%; object-position: 50% 20%; } .new-index-types__media-img--pos-6 { -o-object-position: 50% 25%; object-position: 50% 25%; } .new-index-types__arrow { display: none; position: absolute; top: 50%; z-index: 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; padding: 0; border: 0; background: transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media (min-width: 992px) { .new-index-types__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; } } .new-index-types__arrow img { display: block; width: 60px; height: 60px; } .new-index-types__arrow--prev { left: max(16px, calc(50% - 720px)); } .new-index-types__arrow--prev img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .new-index-types__arrow--next { right: max(16px, calc(50% - 720px)); } .new-index-types__arrow:hover { opacity: 0.85; } .new-index-types__arrow.swiper-button-disabled { opacity: 0.35; cursor: default; } @media (min-width: 992px) { .new-index-types__pagination-wrap { display: none; } } @media (max-width: 991px) { .new-index-types__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 24px 0 0; } } .new-index-types__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } .new-index-types__pagination-bullet { position: relative; width: 6px; height: 6px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; opacity: 1; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .new-index-types__pagination-bullet.is-active { background: transparent; -webkit-box-shadow: 0 0 0 1px #ff7e00; box-shadow: 0 0 0 1px #ff7e00; } .new-index-types__pagination-bullet.is-active::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: #ff7e00; } .new-index-super { padding: 60px 0; color: #fff; background: #1d1c1c; } .new-index-super__inner { width: 100%; } .new-index-super__grid { display: grid; grid-template-columns: 1fr; gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .new-index-super__content { min-width: 0; } .new-index-super__title { font-family: "Runner", sans-serif; font-size: 48px; margin: 0 0 12px; text-transform: uppercase; } .new-index-super__lead { font-size: 20px; margin: 0 0 12px; } .new-index-super__text { color: #dcdcdc; margin: 0 0 20px; } .new-index-super__cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 80px; width: 100%; max-width: 514px; min-height: 86px; margin-top: 24px; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; color: #fff; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .new-index-super__cta:hover { background-color: #000; color: #fff; opacity: 1; } .new-index-super__cta:hover [class*="__btn-text"], .new-index-super__cta:hover [class*="__btn-label"] { color: #fff; } .new-index-super__cta-text { font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .new-index-super__cta-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } .new-index-super__cta-icon img { display: block; width: 100%; height: 100%; } .new-index-super__visual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-index-super__gauge { position: relative; width: 100%; max-width: 390px; margin: 0 auto; } .new-index-super__svg { width: 100%; height: auto; display: block; } .new-index-super .gauge-bg { opacity: 1; } .new-index-super .gauge-fg { -webkit-transition: stroke-dashoffset 0.5s linear; transition: stroke-dashoffset 0.5s linear; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .new-index-super .gauge-knob { opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .new-index-super .gauge-knob-plus { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .new-index-super__gauge-label { position: absolute; bottom: 8px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .new-index-super__gauge-label .gauge-value { display: block; font-family: "Montseratt", sans-serif; font-size: 48px; font-weight: 400; line-height: 72px; text-transform: uppercase; } .new-index-super__gauge-label .gauge-text { font-size: 14px; opacity: 0.9; margin-top: 4px; } @media (min-width: 992px) and (max-width: 1440px) { .new-index-super { padding: 70px 0 115px; } .new-index-super__title { line-height: 66px; margin-bottom: 24px; } .new-index-super__lead { line-height: 30px; letter-spacing: 2px; } .new-index-super__cta { width: auto; max-width: none; margin-top: 32px; } .new-index-super__gauge { max-width: 387px; } } @media (max-width: 991px) { .new-index-super { padding: 32px 0; } .new-index-super__grid { grid-template-columns: 1fr; gap: 20px; } .new-index-super__title { font-size: 24px; line-height: 32px; letter-spacing: 2.24px; } .new-index-super__lead { font-size: 16px; line-height: 20px; } .new-index-super__gauge { max-width: 291px; margin: 0 auto; } .new-index-super__cta { max-width: 100%; min-height: 48px; margin: 24px auto 0; padding: 8px 8px 8px 14px; gap: 20px; } .new-index-super__cta-text { font-size: 16px; line-height: 16px; } .new-index-super__cta-icon { width: 31px; height: 31px; } } /* Cards layout inside new-index-super */ .new-index-super__cards { display: grid; grid-template-columns: 1fr; gap: 24px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .new-index-super__big { background: #313131; padding: 32px; min-height: 405px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .new-index-super__big-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 48px; width: 100%; min-height: 100%; } .new-index-super__big-gauge { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 29%; flex: 0 0 29%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 29%; max-width: 387px; min-height: 0; padding-top: 0; } .new-index-super__big-content { color: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; padding-bottom: 0; } .new-index-super__index { display: block; margin: 0 0 20px; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #fff; } .new-index-super__card-title { margin: 0 0 20px; font-family: "Montseratt", sans-serif; font-size: 28px; font-weight: 600; line-height: 32px; letter-spacing: 2.8px; color: #fff; } .new-index-super__card-desc { margin: 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #fff; } .new-index-super__small-wrap { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 24px; min-height: 0; } .new-index-super__small { background: #313131; padding: 112px 21px 24px 32px; min-height: 298px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1441px) { .new-index-super__grid { grid-template-columns: minmax(0, 41%) minmax(0, 59%); } .new-index-super__cards { grid-template-columns: 550fr 500fr; gap: 20px; } .new-index-super__big { min-height: 740px; } .new-index-super__big-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 32px; } .new-index-super__big-gauge { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: none; min-height: 220px; padding-top: 24px; } .new-index-super__gauge { max-width: 390px; } .new-index-super__big-content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-bottom: 8px; } .new-index-super__small-wrap { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 20px; min-height: 740px; } .new-index-super__small { min-height: 0; padding: 32px 21px 24px 32px; } } @media (max-width: 991px) { .new-index-super__cards { grid-template-columns: 1fr; } .new-index-super__big { min-height: 0; } .new-index-super__big-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px; } .new-index-super__big-gauge { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: none; min-height: 0; padding-top: 0; } .new-index-super__small-wrap { grid-template-columns: 1fr; min-height: 0; } .new-index-super__small { min-height: 0; padding: 40px 36px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-index-super__gauge { max-width: 291px; } .new-index-super__gauge-label .gauge-value { font-size: 36px; line-height: 54px; } .new-index-super__index { margin-bottom: 10px; font-size: 20px; line-height: 30px; } .new-index-super__card-title { margin-bottom: 10px; font-size: 20px; line-height: 24px; letter-spacing: 2px; } .new-index-super__card-desc { font-size: 16px; line-height: 20px; letter-spacing: 1.6px; } } .new-index-locations { padding: 0 0 115px; color: #fff; background: #1d1c1c; overflow: hidden; } @media (max-width: 991px) { .new-index-locations { padding-bottom: 40px; } } .new-index-locations__head { padding: 70px 0 48px; text-align: center; } @media (max-width: 991px) { .new-index-locations__head { padding: 40px 0 24px; } } .new-index-locations__title { margin: 0; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 66px; letter-spacing: 3.36px; text-transform: uppercase; background: linear-gradient(159.73deg, #fff 16.33%, #1d1c1c 67.95%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } @media (max-width: 991px) { .new-index-locations__title { font-size: 32px; line-height: 40px; letter-spacing: 2.24px; background: linear-gradient(61.89deg, #fff 36.47%, #1d1c1c 99.89%); background-clip: text; -webkit-background-clip: text; } } .new-index-locations__slider-wrap { position: relative; min-height: 585px; } @media (max-width: 991px) { .new-index-locations__slider-wrap { min-height: 0; } } .new-index-locations__fade { display: none; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: -webkit-gradient(linear, left top, right top, from(#1d1c1c), color-stop(18%, rgba(29, 28, 28, 0)), color-stop(82%, rgba(29, 28, 28, 0)), to(#1d1c1c)); background: linear-gradient(90deg, #1d1c1c 0%, rgba(29, 28, 28, 0) 18%, rgba(29, 28, 28, 0) 82%, #1d1c1c 100%); } @media (min-width: 992px) { .new-index-locations__fade { display: block; } } .new-index-locations__slider { overflow: visible; } @media (min-width: 992px) { .new-index-locations__slider { padding: 0 75px; -webkit-box-sizing: border-box; box-sizing: border-box; } } .new-index-locations__slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 992px) { .new-index-locations__slide { width: 600px; } } .new-index-locations__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 17px 18px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #313131; } @media (min-width: 992px) { .new-index-locations__card { min-height: 585px; } } @media (max-width: 991px) { .new-index-locations__card { width: 100%; max-width: 362px; min-height: 489px; margin: 0 auto; padding: 20px; } } .new-index-locations__media { position: relative; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } @media (min-width: 992px) { .new-index-locations__media { height: 301px; } } @media (max-width: 991px) { .new-index-locations__media { height: 237px; } } .new-index-locations__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .new-index-locations__tag { position: absolute; top: 17px; left: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 44px; padding: 14px 17px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #313131; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 16px; color: #fff; text-transform: lowercase; } @media (max-width: 991px) { .new-index-locations__tag { top: 10px; left: 10px; min-height: 30px; padding: 10px; font-size: 16px; } } .new-index-locations__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; padding-top: 35px; } @media (max-width: 991px) { .new-index-locations__body { gap: 20px; padding-top: 30px; } } .new-index-locations__name { margin: 0 0 16px; font-family: "Montseratt", sans-serif; font-size: 32px; font-weight: 600; line-height: 24px; color: #fff; } @media (max-width: 991px) { .new-index-locations__name { margin: 0; font-size: 24px; line-height: 24px; } } .new-index-locations__metro, .new-index-locations__address { margin: 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; } @media (max-width: 991px) { .new-index-locations__metro, .new-index-locations__address { font-size: 16px; line-height: 20px; } } .new-index-locations__metro { margin-bottom: 8px; } @media (max-width: 991px) { .new-index-locations__metro { margin-bottom: 0; } } .new-index-locations__footer { margin-top: auto; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 991px) { .new-index-locations__footer { padding-top: 13px; } } .new-index-locations__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; width: 100%; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; color: #fff; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 991px) { .new-index-locations__more { font-size: 16px; line-height: 20px; } } .new-index-locations__more:hover { color: #ff7e00; } .new-index-locations__more-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26px; height: 16px; } @media (max-width: 991px) { .new-index-locations__more-icon { width: 19.5px; height: 12px; } } .new-index-locations__more-icon svg { display: block; width: 100%; height: 100%; } .new-index-locations__arrow { display: none; position: absolute; top: calc(17px + 150.5px); z-index: 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; padding: 0; border: 0; background: transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } @media (min-width: 992px) { .new-index-locations__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; } } .new-index-locations__arrow img { display: block; width: 60px; height: 60px; } .new-index-locations__arrow--prev { left: 75px; } .new-index-locations__arrow--prev img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .new-index-locations__arrow--next { right: 75px; } .new-index-locations__arrow:hover { opacity: 0.85; } .new-index-locations__arrow.swiper-button-disabled { opacity: 0.35; cursor: default; } @media (min-width: 992px) and (max-width: 1440px) { .new-index-locations__slider { padding: 0 40px; } .new-index-locations__arrow--prev { left: max(16px, 15%); } .new-index-locations__arrow--next { right: max(16px, 15%); } } @media (min-width: 992px) { .new-index-locations__pagination-wrap { display: none; } } @media (max-width: 991px) { .new-index-locations__pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 24px 0 0; } } .new-index-locations__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } .new-index-locations__pagination-bullet { position: relative; width: 6px; height: 6px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; opacity: 1; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .new-index-locations__pagination-bullet.is-active { background: transparent; -webkit-box-shadow: 0 0 0 1px #ff7e00; box-shadow: 0 0 0 1px #ff7e00; } .new-index-locations__pagination-bullet.is-active::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: #ff7e00; } .new-index-community { position: relative; padding: 62px 0 85px; color: #fff; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 991px) { .new-index-community { padding: 32px 0 40px; } } .new-index-community__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .new-index-community__bg picture, .new-index-community__bg img { display: block; width: 100%; height: 100%; } .new-index-community__bg img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 991px) { .new-index-community__bg img { -o-object-position: center bottom; object-position: center bottom; } } .new-index-community__inner { position: relative; z-index: 1; display: grid; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 992px) { .new-index-community__inner { grid-template-columns: minmax(0, 1fr) 399px; grid-template-rows: auto 1fr auto; gap: 40px 48px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; min-height: 753px; } } @media (max-width: 991px) { .new-index-community__inner { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; gap: 20px; min-height: 0; } } .new-index-community__title { margin: 0; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 66px; letter-spacing: 3.36px; text-transform: uppercase; } @media (min-width: 992px) { .new-index-community__title { grid-column: 1; grid-row: 1; max-width: 726px; } } @media (max-width: 991px) { .new-index-community__title { grid-column: 1; grid-row: 1; font-size: 32px; line-height: 40px; letter-spacing: 2.24px; } } .new-index-community__video { position: relative; display: block; border-radius: 50%; overflow: hidden; background: #1d1c1c; } @media (min-width: 992px) { .new-index-community__video { grid-column: 2; grid-row: 1 / 3; width: 399px; height: 399px; justify-self: end; } } @media (max-width: 991px) { .new-index-community__video { grid-column: 1; grid-row: 2; width: 140px; height: 140px; justify-self: start; } } .new-index-community__video-el { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background: #1d1c1c; } .new-index-community__play { position: absolute; inset: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; border: 0; background: rgba(29, 28, 28, 0.2); cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .new-index-community__play[hidden] { display: none; } .new-index-community__play svg { display: block; width: 116px; height: 116px; } @media (max-width: 991px) { .new-index-community__play svg { width: 40px; height: 40px; } } .new-index-community__play:hover { opacity: 0.85; } .new-index-community__text { margin: 0; max-width: 775px; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 400; line-height: 36px; color: #fff; } @media (min-width: 992px) { .new-index-community__text { grid-column: 1; grid-row: 2; align-self: end; } } @media (max-width: 991px) { .new-index-community__text { grid-column: 1; grid-row: 3; font-size: 16px; line-height: 20px; } } .new-index-community__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 40px; width: 100%; } @media (min-width: 992px) { .new-index-community__bottom { grid-column: 1 / -1; grid-row: 3; } } @media (max-width: 991px) { .new-index-community__bottom { grid-column: 1; grid-row: 4; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 24px; } } .new-index-community__author { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 817px; min-width: 0; } .new-index-community__name { margin: 0; font-family: "Runner", sans-serif; font-size: 40px; font-weight: 400; line-height: 1.2; letter-spacing: 2.8px; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .new-index-community__name { font-size: 24px; line-height: 24px; letter-spacing: 1.68px; } } .new-index-community__role { margin: 8px 0 0; font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 1.12px; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .new-index-community__role { margin-top: 4px; } } .new-index-community__cta { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 80px; width: auto; min-height: 86px; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; color: #fff; text-decoration: none; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .new-index-community__cta:hover { background-color: #000; color: #fff; opacity: 1; } .new-index-community__cta:hover [class*="__btn-text"], .new-index-community__cta:hover [class*="__btn-label"] { color: #fff; } @media (max-width: 991px) { .new-index-community__cta { gap: 16px; width: 100%; max-width: 362px; min-height: 48px; padding: 8px 8px 8px 14px; } } .new-index-community__cta-text { font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 991px) { .new-index-community__cta-text { font-size: 16px; line-height: 16px; } } .new-index-community__cta-icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } @media (max-width: 991px) { .new-index-community__cta-icon { width: 31px; height: 31px; } } .new-index-community__cta-icon img { display: block; width: 100%; height: 100%; } .new-index-contact { padding: 84px 0 88px; color: #fff; background: #1d1c1c; } .new-index-contact__head { max-width: 850px; margin-bottom: 48px; } .new-index-contact__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 755px); gap: 56px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .new-index-contact__title { margin: 0; font-family: "Runner", sans-serif; font-size: 48px; font-weight: 400; line-height: 72px; letter-spacing: 3.36px; text-transform: uppercase; } .new-index-contact__lead { max-width: 850px; margin: 20px 0 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 2px; } .new-index-contact__cards { display: grid; gap: 24px; } .new-index-contact__card { background: #242424; -webkit-box-sizing: border-box; box-sizing: border-box; } .new-index-contact__card--social { min-height: 297px; padding: 24px 40px 32px; } .new-index-contact__card--contacts { min-height: 353px; padding: 24px 40px 32px; } .new-index-contact__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 42px; height: 42px; color: #ff7e00; } .new-index-contact__icon svg { display: block; width: 100%; height: 100%; } .new-index-contact__grid { margin-top: 72px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .new-index-contact__heading { margin: 0 0 20px; font-family: "Montseratt", sans-serif; font-size: 32px; font-weight: 500; line-height: 32px; color: #fff; } .new-index-contact__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .new-index-contact__links a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #313131; -webkit-transition: background-color 0.25s ease, -webkit-transform 0.25s ease; transition: background-color 0.25s ease, -webkit-transform 0.25s ease; transition: background-color 0.25s ease, transform 0.25s ease; transition: background-color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease; } .new-index-contact__links a:hover { background: #ff7e00; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); } .new-index-contact__links img { display: block; width: 36px; height: 36px; -o-object-fit: contain; object-fit: contain; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .new-index-contact__links a:hover img { opacity: 0.95; } .new-index-contact__contacts { margin-top: 178px; } .new-index-contact__contacts a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 12px; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 500; line-height: 20px; color: #fff; text-decoration: none; } .new-index-contact__contacts a:last-child { color: #ff7e00; text-decoration: underline; } .new-index-contact__form-title { margin: 0 0 24px; font-family: "Montseratt", sans-serif; font-size: 40px; font-weight: 600; line-height: 40px; color: #fff; } .new-index-contact__field { width: 100%; margin-bottom: 40px; } .new-index-contact__field label { margin-bottom: 12px; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 20px; letter-spacing: 2px; color: #fff; } .new-index-contact__field input { height: 60px; border: 0; border-radius: 0; padding: 15px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #242424; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 2px; color: #9b9b9b; } .new-index-contact__field input::-webkit-input-placeholder { color: #9b9b9b; opacity: 1; } .new-index-contact__field input::-moz-placeholder { color: #9b9b9b; opacity: 1; } .new-index-contact__field input:-ms-input-placeholder { color: #9b9b9b; opacity: 1; } .new-index-contact__field input::-ms-input-placeholder { color: #9b9b9b; opacity: 1; } .new-index-contact__field input::placeholder { color: #9b9b9b; opacity: 1; } .new-index-contact__submit { width: 100%; min-height: 86px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; border: 0; padding: 15px 15px 15px 26px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ff7e00; font-family: "Montseratt", sans-serif; font-size: 24px; font-weight: 500; line-height: 28px; color: #fff; cursor: pointer; -webkit-transition: background-color 0.3s ease, color 0.3s ease; transition: background-color 0.3s ease, color 0.3s ease; } .new-index-contact__submit:hover { background-color: #000; color: #fff; opacity: 1; } .new-index-contact__submit:hover [class*="__btn-text"], .new-index-contact__submit:hover [class*="__btn-label"] { color: #fff; } .new-index-contact__submit-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; } .new-index-contact__submit-icon img { display: block; width: 100%; height: 100%; } .new-index-contact__agree-list { margin-top: 24px; display: grid; gap: 8px; } .new-index-contact__agree-item { margin: 0; } .new-index-contact__agree-item label { margin: 0; font-family: "Montseratt", sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; color: #fff; } .new-index-contact__agree-item label a { color: #fff; text-decoration: underline; } .new-index-contact__success { position: relative; width: 100%; max-width: 600px; min-height: 300px; margin: 0 auto; padding: 95px 24px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e6e6e6; color: #1d1c1c; text-align: center; } .new-index-contact__success-close { position: absolute; top: 20px; right: 20px; width: 28px; height: 28px; border: 0; padding: 0; background: transparent; color: #1d1c1c; cursor: pointer; } .new-index-contact__success-close svg { display: block; width: 100%; height: 100%; } .new-index-contact__success-title { margin: 0; font-family: "Runner", sans-serif; font-size: 32px; font-weight: 400; line-height: 34px; letter-spacing: 2.24px; text-transform: uppercase; } .new-index-contact__success-text { max-width: 564px; margin: 20px auto 0; font-family: "Montseratt", sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; } .new-index-contact__contacts-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 720px; } @media (max-width: 1440px) { .new-index-contact { padding: 70px 0 80px; } .new-index-contact__head { margin-bottom: 42px; } .new-index-contact__layout { max-width: 1440px; margin: 0 auto; grid-template-columns: minmax(0, 644px) minmax(0, 1fr); gap: 42px; } .new-index-contact__title { font-size: 40px; line-height: 56px; letter-spacing: 2.8px; } .new-index-contact__lead { font-size: 18px; line-height: 28px; letter-spacing: 1.8px; } .new-index-contact__card--social, .new-index-contact__card--contacts { padding: 24px 24px 28px; } } @media (max-width: 992px) { .new-index-contact { padding: 32px 0; } .new-index-contact__head { margin: 0 auto 24px; width: 100%; } .new-index-contact__layout { grid-template-columns: 1fr; gap: 0; } .new-index-contact__left, .new-index-contact__right { margin: 0 auto; width: 100%; } .new-index-contact__title { font-size: 32px; line-height: 40px; letter-spacing: 2.24px; } .new-index-contact__lead { margin-top: 24px; font-size: 16px; line-height: 20px; letter-spacing: 1.6px; } .new-index-contact__cards { gap: 33px; } .new-index-contact__card--social { min-height: 423px; padding: 20px; } .new-index-contact__card--contacts { min-height: 289px; padding: 20px; } .new-index-contact__grid { margin-top: 72px; grid-template-columns: 1fr; gap: 20px; } .new-index-contact__heading { margin-bottom: 12px; font-size: 32px; line-height: 32px; } .new-index-contact__links { gap: 12px; } .new-index-contact__contacts { margin-top: 52px; } .new-index-contact__contacts a { font-size: 20px; } .new-index-contact__right { margin-top: 40px; } .new-index-contact__form-title { margin-bottom: 20px; font-size: 32px; line-height: 40px; } .new-index-contact__field { margin-bottom: 20px; } .new-index-contact__field label { margin-bottom: 10px; font-size: 16px; line-height: 30px; letter-spacing: 1.6px; } .new-index-contact__field input { height: 40px; padding: 5px 20px; font-size: 16px; line-height: 30px; letter-spacing: 1.6px; } .new-index-contact__submit { min-height: 47.76px; padding: 8px 8px 8px 14px; font-size: 16px; line-height: 16px; } .new-index-contact__submit-icon { width: 31px; height: 31px; } .new-index-contact__agree-list { margin-top: 20px; gap: 6px; } .new-index-contact__agree-item label { font-size: 12px; line-height: 16px; } .new-index-contact__success { min-height: 300px; padding: 81px 20px 20px; } .new-index-contact__success-close { width: 20px; height: 20px; } .new-index-contact__success-title { font-size: 32px; line-height: 34px; } .new-index-contact__success-text { margin-top: 20px; font-size: 20px; line-height: 28px; } } /*# sourceMappingURL=main.css.map*/ /* End */ /* Start:/local/templates/runordie/components/bitrix/menu/header-menu/style.css?1733926454581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/runordie/components/bitrix/menu/header-menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/runordie/styles.css?17766747958462*/ @media (max-width: 991.92px) { .page-content { width: 100%; } } .page-content { position: relative; padding: 80px 0 100px; } @media (max-width: 992px) { .page-content { padding: 60px 0 80px; } } @media (max-width: 600px) { .page-content { padding: 40px 0 60px; } } .page-content img { width: 100%; } .page-content h3, .page-content h4, .page-content h5 { margin-bottom: 1em; } .page-content p { margin-bottom: .8em; } .page-content a { color: #ff7e00; } .page-content .container { position: relative; z-index: 1; } .page-content a:hover { opacity: .7; text-decoration: underline; } .footer__whatsapp svg { max-width: 80%; } .footer__whatsapp { position: fixed; right: 60px; bottom: 60px; z-index: 2; background: #333333; width: 68px; height: 68px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; transition: background-color .3s; } .footer__whatsapp:hover { background-color: #ff7e00; } .footer__whatsapp:hover svg path { fill: #fff; transition: fill .3s; } .footer__whatsapp svg stop { transition: stop-color .3s; } .footer__whatsapp:hover svg stop { stop-color: #ff7e00; } .footer__up { position: fixed; right: 16px; cursor: pointer; z-index: 3; background: #ff7e00; width: 32px; display: inline-flex; justify-content: center; align-items: center; height: 32px; border-radius: 6px; opacity: 0; bottom: 10px; transition: bottom .3s, opacity .3s; } .footer__up--show { opacity: 1; bottom: 16px; } .footer__up i { font-size: 16px; } @media (max-width: 1024px) { .footer__whatsapp { right: auto; left: 20px; bottom: 14px; width: 50px; height: 50px; } .footer__whatsapp svg { max-width: 60%; } } .fc-h-event .fc-event-title { display: inline-block; left: 0px; max-width: 100%; overflow: hidden; right: 0px; vertical-align: top; white-space: break-spaces; font-size: 14px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { text-align: center; margin: 6px; } @media (max-width: 600px) { .fc-h-event .fc-event-title { font-size: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { text-align: center; margin: 2px; } } .events__tabs { margin-bottom: 20px; } @media (max-width: 767.98px) { /*.fc-scrollgrid-sync-table {*/ /* height: 100% !important;*/ /*}*/ /*.fc .fc-scrollgrid, .fc .fc-scrollgrid table {*/ /* width: 100%;*/ /*}*/ /*.fc-dayGridMonth-view.fc-view.fc-daygrid {*/ /* max-width: 100%;*/ /*}*/ /*.fc-daygrid-body.fc-daygrid-body-unbalanced {*/ /* width: 100% !important;*/ /*}*/ /*.fc-scrollgrid-sync-table {*/ /* width: 100% !important;*/ /*}*/ } @media (max-width: 480px) { .fc .fc-daygrid-event-harness { max-height: 20px; overflow: hidden; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 1em; } } .slider-cards-block .client-card__photo img { object-position: top; } .locations { overflow: hidden; } .error { display: flex; min-height: 700px; } .error .container { display: flex; justify-content: center; align-items: center; height: auto; } .error__wrapper { height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; } .error__title { display: flex; align-items: flex-end; margin-bottom: 20px; } .error__title span { margin: 10px; } .error__button{ margin-top: 20px; } .content{ color:#fff; } .content__wrapper{ padding:60px 0; font-size:18px; } .content p{ margin-bottom: 10px; } .lazy-image--blur { filter: blur(10px); transition: filter 0.3s ease-out; } .lazy-image { width: 100%; height: auto; display: block; } /* Общий стиль для контейнера изображений */ .image-loader { position: relative; display: block; width: 100%; } /* Загрузчик - крутящийся круг */ .image-loader__circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #e3e3e3e0; border-top: 2px solid #ff7e00; border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .no-disc{ list-style-type: none; } .fc-today-button { display: none !important; } .welcome--small-opacity::before { opacity: 0.1; } .programs-card__title { font-size: 24px; line-height: 1.5; } @media (max-width: 1240px) { .programs-card__title { font-size: 20px; line-height: 1.4; } } @media (max-width: 991.92px) { .programs-card__title { font-size: 18px; line-height: 1.4; } } @media (max-width: 767.92px) { .programs-card__title { font-size: 16px; line-height: 1.4; } } .header-cart-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 24px; -webkit-transition: opacity .3s; transition: opacity .3s; margin-left: 10px; } @media (max-width: 991.98px){ .header-cart-btn{ margin-left: auto; } .header-cart-btn__icon svg path{ fill: #000000; } } .header-cart-btn:hover { opacity: .7; } .header-cart-btn__icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-cart-btn__count { position: absolute; top: -4px; right: -7px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 18px; height: 18px; background-color: #ff7e00; border-radius: 50%; font-size: 10px; line-height: 12px; color: #fff; } .header.header--scrolled-up .header-cart-btn__icon svg path{ fill: #000000; } .header-cart-btn__text { margin-left: 14px; } @media (max-width: 1360px) { .header-cart-btn__text { display: none; } } .header-card-btn { position: relative; } .cookie-banner { position: fixed; bottom: 50px; background: #ff7e00; padding: 20px; border-radius: 20px; transition: margin-bottom 0.3s ease-out, opacity .3s; z-index: 9999; font-size: 17px; left: 50%; transform: translateX(-50%); max-width: 90vw; margin-bottom: -300px; opacity: 0; } .cookie-banner--show { margin-bottom: 0; opacity: 1; } .cookie-banner a { font-weight: 600; text-decoration: underline; transition: opacity .7s; } .cookie-banner a:hover { opacity: .5; } .cookie-banner { } .cookie-banner{ display: flex; align-items: center; } .cookie-banner__button { padding: 6px 10px; min-width: unset; margin-left: 20px; } .cookie-banner__button::before { content: none; } .cookie-banner__button::after { content: none; } .cookie-banner__button:hover { color: #fff; } .cookie-banner__button { height: 40px; max-width: 300px; } .content__wrapper h2, .content__wrapper h3, .content__wrapper h4{ margin-bottom: .6em; } /* End */ /* Start:/local/templates/runordie/template_styles.css?176207815377*/ html{ scroll-behavior: smooth; } body{ overflow-x: hidden; } /* End */ /* /local/templates/runordie/dist/css/vendor.css?1775923826114688 */ /* /local/templates/runordie/dist/css/main.css?1781794749459290 */ /* /local/templates/runordie/components/bitrix/menu/header-menu/style.css?1733926454581 */ /* /local/templates/runordie/styles.css?17766747958462 */ /* /local/templates/runordie/template_styles.css?176207815377 */