@charset "UTF-8"; :root { --color-white: #fff; --color-black: #000; --color-red: #f50005; --color-red-bg: #ba0025; --color-gray: #d1d1d1; --color-main-bg: var(--color-red-bg); --color-main-text: var(--color-white); --color-main-link: var(--color-white); --color-main-border: var(--color-gray); --color-success: #27a658; --color-error: #ff5655; --color-info: dodgerblue; --color-warning: #fc5d00; } @font-face { font-family: "TradeMarkerOT"; src: url("../fonts/TradeMarkerOT-Bold-BUXHvuM.woff2") format("woff2"), url("../fonts/TradeMarkerOT-Bold-Oi3r1oe.woff") format("woff"), url("../fonts/TradeMarkerOT-Bold-8WjX_bA.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } :root { --font-arial: Arial, sans-serif; --font-trade: TradeMarkerOT, sans-serif; --font-text: Arial, sans-serif; --font-title: TradeMarkerOT, sans-serif; } *, *::before, *::after { box-sizing: border-box; } :root { scroll-behavior: smooth; } html { line-height: 1.15; font-size: 62.5%; scroll-behavior: smooth; } body { margin: 0; padding: 0; line-height: 1.3; color: var(--color-black); font-family: sans-serif; font-size: 1em; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } p { margin-top: 0; margin-bottom: 0; } blockquote p, td p, th p, li li, li p, li h1, li h2, li h3, li h4, li h5, li h6, li label, li select, li input, li textarea, li button { font-size: 100%; } button { display: inline; margin: 0; outline: none; border: none; cursor: pointer; padding: 0; } a img { border: none; } img { max-width: 100%; height: auto; vertical-align: middle; } hr { border: none; background-color: var(--color-black); height: 0.1rem; } input, select, textarea { font-family: sans-serif; } fieldset { margin: 0; border: none; padding: 0; } select { cursor: pointer; width: auto; } input, select, textarea, label { vertical-align: middle; } .screen-reader { position: absolute; margin: -1px; border-width: 0; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; } .screen-reader-focusable:focus { position: relative; margin: inherit; border: initial; padding: inherit; width: auto; height: auto; clip: initial; } /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: ""; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } [href] { cursor: pointer; } ::selection { background-color: var(--color-main-text); color: var(--color-main-bg); } body { position: relative; z-index: 1; margin: 0 auto; background-color: var(--color-main-bg); overflow-x: hidden; color: var(--color-main-text); font-family: var(--font-text); font-size: 1.6rem; font-weight: 400; overscroll-behavior: auto none; } input[type=date], input[type=email], input[type=text] { border: 0.3rem solid var(--color-main-border); background-color: var(--color-white); padding-inline: 1rem; width: 100%; color: var(--color-black); font-family: var(--font-text); font-size: 1.6rem; } @media screen and (width < 1024px) { input[type=date], input[type=email], input[type=text] { border-width: 0.2rem; line-height: 51px; height: 30px; } } @media screen and (1024px <= width) { input[type=date], input[type=email], input[type=text] { height: 2.91vw; } } input[type=date]::placeholder, input[type=email]::placeholder, input[type=text]::placeholder { color: var(--color-main-text); } input[type=checkbox], input[type=radio] { position: absolute; opacity: 0; pointer-events: none; } input[type=checkbox] + span, input[type=checkbox] + label, input[type=radio] + span, input[type=radio] + label { display: inline-block; position: relative; cursor: pointer; user-select: none; } @media screen and (width < 1024px) { input[type=checkbox] + span, input[type=checkbox] + label, input[type=radio] + span, input[type=radio] + label { padding-left: 7.77vw; } } @media screen and (1024px <= width) { input[type=checkbox] + span, input[type=checkbox] + label, input[type=radio] + span, input[type=radio] + label { padding-left: 1.82vw; } } input[type=checkbox] + span::before, input[type=checkbox] + span::after, input[type=checkbox] + label::before, input[type=checkbox] + label::after, input[type=radio] + span::before, input[type=radio] + span::after, input[type=radio] + label::before, input[type=radio] + label::after { position: absolute; transition: all 200ms ease-in; z-index: 1; content: ""; } input[type=checkbox] + span::before, input[type=checkbox] + label::before, input[type=radio] + span::before, input[type=radio] + label::before { left: 0; margin-top: 0.15vw; border: 0.2vw solid #d1d1d1; background-color: var(--color-white); } @media screen and (width < 1024px) { input[type=checkbox] + span::before, input[type=checkbox] + label::before, input[type=radio] + span::before, input[type=radio] + label::before { top: -0.2vw; border-width: 0.1vw; width: 4.9vw; height: 4.9vw; } } @media screen and (1024px <= width) { input[type=checkbox] + span::before, input[type=checkbox] + label::before, input[type=radio] + span::before, input[type=radio] + label::before { top: -0.1vw; width: 1.4vw; height: 1.4vw; } } input[type=checkbox] + span::after, input[type=checkbox] + label::after, input[type=radio] + span::after, input[type=radio] + label::after { top: 0; left: 0.36vw; color: var(--color-black); font-size: 0.7vw; } @media screen and (width < 1024px) { input[type=checkbox] + span::after, input[type=checkbox] + label::after, input[type=radio] + span::after, input[type=radio] + label::after { top: 0; left: 1vw; width: 4.88vw; height: 4.88vw; font-size: 3.48vw; } } @media screen and (1024px <= width) { input[type=checkbox] + span::after, input[type=checkbox] + label::after, input[type=radio] + span::after, input[type=radio] + label::after { top: 0; left: 0.31vw; width: 0.78vw; height: 0.78vw; font-size: 1vw; } } input[type=checkbox]:checked + span::after, input[type=checkbox]:checked + label::after, input[type=radio]:checked + span::after, input[type=radio]:checked + label::after { content: "✓"; } input[type=checkbox] + label { line-height: 1.1em; } @media screen and (width < 1024px) { input[type=checkbox] + label { font-size: 2.59vw; } } @media screen and (1024px <= width) { input[type=checkbox] + label { font-size: 0.83vw; } } @media screen and (width < 1024px) { input[type=checkbox] + label::before { top: -1.2vw; } } @media screen and (1024px <= width) { input[type=checkbox] + label::before { top: -0.4vw; } } @media screen and (width < 1024px) { input[type=checkbox] + label::after { top: 0.2vw; left: 1vw; width: 4.88vw; height: 4.88vw; font-size: 3.48vw; } } @media screen and (1024px <= width) { input[type=checkbox] + label::after { top: 0vw; left: 0.25vw; width: 0.88vw; height: 0.88vw; font-size: 1vw; } } input[type=checkbox]:checked + label::after { content: "✓"; } input[type=radio] + label { display: block; font-weight: 400; } @media screen and (width < 1024px) { input[type=radio] + label { margin-bottom: 4.25vw; font-size: 4.44vw; } } @media screen and (1024px <= width) { input[type=radio] + label { margin-bottom: 0.52vw; font-size: 1.56vw; } } input[type=radio] + label::after { top: 0.05vw; } label { display: block; line-height: 1em; } @media screen and (width < 1024px) { label { margin-bottom: 6.29vw; font-size: 4.4vw; } } @media screen and (1024px <= width) { label { margin-bottom: 2.08vw; font-size: 1.56vw; } } h1, .heading-h1, h2, .heading-h2, h3, .heading-h3 { font-family: var(--font-trade); font-weight: 700; } h1, .heading-h1 { text-transform: uppercase; line-height: 1em; } @media screen and (width < 1024px) { h1, .heading-h1 { margin-top: 7.96vw; font-size: 8.51vw; } h1 span.u-hidden--large, .heading-h1 span.u-hidden--large { display: block; margin-bottom: 7.03vw; } } h1 small, .heading-h1 small { display: block; } @media screen and (width < 1024px) { h1 small, .heading-h1 small { font-size: 7.03vw; } } @media screen and (1024px <= width) { h1 small, .heading-h1 small { margin-top: 3.12vw; line-height: 1.2em; font-size: 2.6vw; } } h2, .heading-h2 { line-height: 1.1em; } @media screen and (width < 1024px) { h2, .heading-h2 { margin-top: 7.2vw; margin-bottom: 7.96vw; font-size: 6.11vw; } } @media screen and (1024px <= width) { h2, .heading-h2 { margin-top: 40px; margin-bottom: 63px; font-size: 2.39vw; } } @media screen and (width < 1024px) { h2 small, .heading-h2 small { font-size: 6.48vw; } h2 small span, .heading-h2 small span { display: block; margin-top: 6.48vw; font-size: 5.55vw; } } @media screen and (1024px <= width) { h2 small, .heading-h2 small { font-size: 2.08vw; } } @media screen and (width < 1024px) { h3, .heading-h3 { margin-top: 6vw; line-height: 1.2em; font-size: 5.5vw; } } @media screen and (1024px <= width) { h3, .heading-h3 { margin-top: 63px; margin-bottom: 20px; line-height: 1em; font-size: 1.87vw; } } a { text-decoration: underline; } em, i { font-style: italic; } strong, b { font-weight: 700; } @media screen and (width < 1024px) { .break--mobile::after { display: block; clear: both; content: ""; } } @media screen and (1024px <= width) { .break--desktop::after { display: block; clear: both; content: ""; } } @media screen and (1024px <= width) { .o-container { width: 75rem; } } .o-container, .o-container--large { margin: auto; max-width: 100%; } @media screen and (width < 1024px) { .o-container, .o-container--large { padding-inline: 1.6rem; } } @media screen and (1024px <= width) { .o-container, .o-container--large { padding-inline: 3rem; } } @media screen and (1024px <= width) { .o-container--large { width: 156rem; } } .c-button { display: inline-flex; transition: all 200ms ease-in; border: 3px solid var(--color-red); border-radius: 55px; background-color: var(--color-black); cursor: pointer; color: var(--color-white); text-decoration: none; text-transform: uppercase; line-height: 1em; font-family: var(--font-trade); } @media screen and (width < 1024px) { .c-button { margin-top: 5vw; padding: 15px 50px; font-size: 4.53vw; } .is-success .c-button { margin-top: 3px; } } @media screen and (1024px <= width) { .c-button { margin-top: 24px; border-width: 5px; padding: 1.041vw 4.68vw; font-size: 1.82vw; } .c-form ~ .c-button, .is-success .c-button { margin-top: 0; } .is-success .c-button { padding-inline: 5.62vw; } } .c-button:hover, .c-button:focus { background-color: #2d2d2d; } .c-button[data-target] { cursor: pointer; } .c-button:disabled { cursor: initial; } .c-button.is-disabled { cursor: not-allowed; } .c-footer { margin-block: 2.08vw; } .c-footer a { font-family: var(--font-title); } @media screen and (width < 1024px) { .c-footer a { font-size: 3.14vw; } } @media screen and (1024px <= width) { .c-footer a { font-size: 1.25vw; } } @media screen and (width < 1024px) { .c-footer p { margin-top: 2vw; font-size: 2.22vw; } } @media screen and (1024px <= width) { .c-footer p { margin-top: 1.04vw; font-size: 1.04vw; } } .c-form { margin-top: 2.08vw; } .c-form__grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.56vw 2.5vw; } @media screen and (width < 1024px) { .c-form__grid { grid-gap: 2.77vw 6.11vw; margin-bottom: 4.62vw; } } @media screen and (1024px <= width) { .c-form__grid { grid-gap: 1.56vw 2.5vw; margin-bottom: 2.08vw; } } @media screen and (width < 1024px) { .c-form__checkbox + .c-form__checkbox { margin-top: 3.24vw; } } @media screen and (1024px <= width) { .c-form__checkbox + .c-form__checkbox { margin-top: 1.3vw; } } .c-form .c-qcm__help { margin-top: 0.5em; } .c-form label { display: block; line-height: 1em; font-weight: 700; } @media screen and (width < 1024px) { .c-form label { margin-bottom: 2vw; font-size: 4.4vw; } } @media screen and (1024px <= width) { .c-form label { margin-bottom: 1vw; font-size: 1.05vw; } } @media screen and (1024px <= width < 1200px) { .c-form label { margin-bottom: 0.2vw; } } @media screen and (1200px <= width < 1540px) { .c-form label { margin-bottom: 0.36vw; } } .c-header { background-color: #121026; } .c-header__wrapper { display: flex; align-items: center; } @media screen and (width < 1024px) { .c-header__wrapper { margin-left: 7px; height: 30px; } } @media screen and (1024px <= width) { .c-header__wrapper { gap: 5.1rem; height: 7rem; } } @media screen and (width < 1024px) { .c-header__logo { width: 50px; } } @media screen and (1024px <= width) { .c-header__logo { padding-left: 12px; } } .c-hero__image { object-fit: cover; width: 100%; height: 100%; max-height: 476px; } .c-navigation__list { display: flex; align-items: center; gap: 4.3rem; } .c-navigation__link { color: #a3b5bd; letter-spacing: 0.3px; text-decoration: none; text-transform: uppercase; font-family: var(--font-text); font-size: 15px; font-weight: 600; } .c-qcm { display: grid; } @media screen and (width < 1024px) { .c-qcm { margin-top: 3.7vw; } } @media screen and (1024px <= width) { .c-qcm { grid-template-columns: 77px 1fr; align-items: start; gap: 1.04vw; margin-top: 2.6vw; } } .c-qcm__title { line-height: 1.1em; } @media screen and (width < 1024px) { .c-qcm__title { font-size: 4.44vw; } } @media screen and (1024px <= width) { .c-qcm__title { font-size: 1.56vw; } } .c-qcm__content > div > label:first-of-type { line-height: 1.1em; font-weight: 400; } @media screen and (width < 1024px) { .c-qcm__content > div > label:first-of-type { margin-bottom: 6.29vw; font-size: 4.44vw; } } @media screen and (1024px <= width) { .c-qcm__content > div > label:first-of-type { margin-bottom: 2.08vw; font-size: 1.56vw; } } .c-qcm__help { text-align: left; } @media screen and (width < 1024px) { .c-qcm__help { font-size: 3.88vw; } } @media screen and (1024px <= width) { .c-qcm__help { font-size: 1.04vw; } } .u-align--left { text-align: left; } .u-align--center { text-align: center; } .u-align--right { text-align: right; } @media (width < 1024px) { .u-align-mobile--left { text-align: left; } .u-align-mobile--center { text-align: center; } .u-align-mobile--right { text-align: right; } } @media (1024px <= width) { .u-align-desktop--left { text-align: left; } .u-align-desktop--center { text-align: center; } .u-align-desktop--right { text-align: right; } } .u-hidden { display: none !important; } @media (width < 768px) { .u-hidden--small { display: none !important; } } @media (768px <= width < 1024px) { .u-hidden--medium { display: none !important; } } @media (1024px <= width < 1440px) { .u-hidden--large { display: none !important; } } @media (1440px <= width) { .u-hidden--huge { display: none !important; } } .u-visually-hidden { position: absolute; margin: -0.1rem; border: 0; padding: 0; width: 0.1rem; height: 0.1rem; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; } .u-visually-hidden.focusable .u-visually-hidden:active, .u-visually-hidden.focusable .u-visually-hidden:focus { position: static; margin: 0; width: auto; height: auto; overflow: visible; white-space: inherit; clip-path: none; clip: auto; } .u-invisible { visibility: hidden; } @media print { *, *::before, *::after { box-shadow: none !important; background: transparent !important; text-shadow: none !important; color: #000 !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } /** * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /** * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*# sourceMappingURL=app.output.css.map */