Контакти | Корпорація Нерухомості РІЕЛ

html { position: relative; font-size: 100%; max-width: 100%; transition: background-color 300ms 10ms ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html.mobile-filter-open { position: fixed; overflow-y: hidden; } html.fixed { position: fixed; overflow-y: hidden; } html.overflowHidden { overflow-y: hidden; } html.imageGalleryOpenBg { background: #142636; transition: background-color 300ms 10ms ease-in; } html .picture-poster { display: block; background: rgba(0,0,0,0.1); } html.browserizr-is-ios { overflow-x: hidden; } html.overflow-x-visible { overflow-x: unset; } html.nprogress-busy body { pointer-events: none; } html .leaflet-pane { z-index: 8; } html.browserizr-is-not-mobile ::-webkit-scrollbar { width: var(--APP-SBS, 0.625rem); height: var(--APP-SBS, 0.625rem); } html.browserizr-is-not-mobile ::-webkit-scrollbar-track, html.browserizr-is-not-mobile ::-webkit-scrollbar-thumb { border: 0.375rem solid transparent; border-top-width: 0.5rem; border-left-width: 0; -webkit-box-shadow: inset 0 0 0.25rem var(--APP-SBTrC, rgba(0, 0, 0, 0.12)); border-bottom-width: 0.5rem; } html.browserizr-is-not-mobile ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 0.25rem var(--APP-SBThC, rgba(0, 0, 0, 0.26)); } html.browserizr-is-not-mobile ::-webkit-scrollbar-thumb:hover { -webkit-box-shadow: inset 0 0 0.25rem var(--APP-SBThCH, rgba(0, 0, 0, 0.54)); } html.browserizr-is-not-mobile ::-webkit-scrollbar-thumb:active { -webkit-box-shadow: inset 0 0 0.25rem var(--APP-SBThCA, rgba(0, 0, 0, 0.54)); } html.browserizr-is-ios.overflowHidden { overflow-x: unset; } html .picture-poster img { display: block; } *, *::before, *::after { box-sizing: inherit; } strong, b { font-weight: 700; } body { color: #323234; margin: 0; font-size: 1rem; max-width: 100%; min-width: 320px; box-sizing: border-box; overflow-x: hidden; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5rem; background-color: #fff; -webkit-text-size-adjust: 100%; } @media print { body { background-color: #fff; } } body::backdrop { background-color: #f2f2f2; } .mobile-filter-open body { -webkit-overflow-scrolling: touch; } .auth-modal-open body { overflow: scroll; -webkit-overflow-scrolling: touch; } body .leaflet-pane, body .leaflet-control-container { transition: opacity 300ms 10ms ease, visibility 300ms 10ms ease; } .browserizr-is-ios body { transition: background-color 300ms 10ms ease; } body.imageGalleryOpen { overflow: hidden; } .browserizr-is-ios body.imageGalleryOpen { transition: background-color 300ms 10ms ease-in; background-color: #142636; } .browserizr-is-not-mobile body.imageGalleryOpen { padding-right: 0.625rem; } body.imageGalleryOpen .leaflet-pane, body.imageGalleryOpen .leaflet-control-container { opacity: 0; transition: opacity 300ms 10ms ease-in, visibility 300ms 10ms ease-in; visibility: hidden; } @font-face { src: url('/fonts/roboto-regular.woff2') format('woff2'), url('/fonts/roboto-regular.woff') format('woff'); font-display: swap; font-weight: 400; font-style: normal; font-family: Roboto; } @font-face { src: url('/fonts/roboto-italic.woff2') format('woff2'), url('/fonts/roboto-italic.woff') format('woff'); font-display: swap; font-weight: 400; font-style: italic; font-family: Roboto; } @font-face { src: url('/fonts/roboto-500.woff2') format('woff2'), url('/fonts/roboto-500.woff') format('woff'); font-display: swap; font-weight: 500; font-style: normal; font-family: Roboto; } @font-face { src: url('/fonts/roboto-500italic.woff2') format('woff2'), url('/fonts/roboto-500italic.woff') format('woff'); font-display: swap; font-weight: 500; font-style: italic; font-family: Roboto; } @font-face { src: url('/fonts/roboto-700.woff2') format('woff2'), url('/fonts/roboto-700.woff') format('woff'); font-display: swap; font-weight: 700; font-style: normal; font-family: Roboto; } @font-face { src: url('/fonts/roboto-700italic.woff2') format('woff2'), url('/fonts/roboto-700italic.woff') format('woff'); font-display: swap; font-weight: 700; font-style: italic; font-family: Roboto; } sup { line-height: 0.75em; } img { height: auto; max-width: 100%; } button { font: inherit; } [hidden] { display: none; } html body .visually-hidden { clip: rect(0 0 0 0); left: 0; width: 1px; height: 1px; margin: -1px; position: absolute; } html body .ghost { visibility: hidden; } .swiper-container { padding: 0; z-index: 1; overflow: hidden; position: relative; list-style: none; margin-left: auto; margin-right: auto; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { width: 100%; height: 100%; display: flex; z-index: 1; position: relative; box-sizing: content-box; transition-property: transform; } .swiper-container-android .swiper-slide, & .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out; } .swiper-slide { width: 100%; height: 100%; position: relative; flex-shrink: 0; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .MuiPaper-root { color: #323234; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: #fff; } .MuiPaper-rounded { border-radius: 4px; } .MuiPaper-outlined { border: 1px solid rgba(50, 50, 52, 0.25); } .MuiPaper-elevation0 { box-shadow: none; } .MuiPaper-elevation1 { box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation2 { box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation3 { box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation4 { box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation5 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation6 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation7 { box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12); } .MuiPaper-elevation8 { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } .MuiPaper-elevation9 { box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12); } .MuiPaper-elevation10 { box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12); } .MuiPaper-elevation11 { box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12); } .MuiPaper-elevation12 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation13 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation14 { box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation15 { box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation16 { box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation17 { box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation18 { box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12); } .MuiPaper-elevation19 { box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12); } .MuiPaper-elevation20 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation21 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation22 { box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation23 { box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12); } .MuiPaper-elevation24 { box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); } .MuiSvgIcon-root { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 1.7142857142857142rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; pointer-events: none; } .MuiSvgIcon-colorPrimary { color: #86c44a; } .MuiSvgIcon-colorSecondary { color: #5db7e7; } .MuiSvgIcon-colorAction { color: rgba(0, 0, 0, 0.54); } .MuiSvgIcon-colorError { color: #eb5757; } .MuiSvgIcon-colorDisabled { color: rgba(0, 0, 0, 0.26); } .MuiSvgIcon-fontSizeInherit { font-size: inherit; } .MuiSvgIcon-fontSizeSmall { font-size: 1.4285714285714284rem; } .MuiSvgIcon-fontSizeLarge { font-size: 2.5rem; } .MuiButtonBase-root { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .MuiButtonBase-root::-moz-focus-inner { border-style: none; } .MuiButtonBase-root.Mui-disabled { cursor: default; pointer-events: none; } @media print { .MuiButtonBase-root { color-adjust: exact; } } .MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 0.75rem; overflow: visible; font-size: 1.7142857142857142rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 50%; } .MuiIconButton-root:hover { background-color: rgba(0, 0, 0, 0.04); } .MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; } @media (hover: none) { .MuiIconButton-root:hover { background-color: transparent; } } .MuiIconButton-edgeStart { margin-left: -12px; } .MuiIconButton-sizeSmall.MuiIconButton-edgeStart { margin-left: -3px; } .MuiIconButton-edgeEnd { margin-right: -0.75rem; } .MuiIconButton-sizeSmall.MuiIconButton-edgeEnd { margin-right: -3px; } .MuiIconButton-colorInherit { color: inherit; } .MuiIconButton-colorPrimary { color: #86c44a; } .MuiIconButton-colorPrimary:hover { background-color: rgba(134, 196, 74, 0.04); } @media (hover: none) { .MuiIconButton-colorPrimary:hover { background-color: transparent; } } .MuiIconButton-colorSecondary { color: #5db7e7; } .MuiIconButton-colorSecondary:hover { background-color: rgba(93, 183, 231, 0.04); } @media (hover: none) { .MuiIconButton-colorSecondary:hover { background-color: transparent; } } .MuiIconButton-sizeSmall { padding: 3px; font-size: 1.2857142857142856rem; } .MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; } .jss1 { right: 20px; bottom: 20px; z-index: 10000; position: fixed; max-width: calc(100vw - 60px); } .jss2 + .jss2 { margin-top: 10px; } .MuiContainer-root { width: 100%; display: block; margin-left: auto; margin-right: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); --container-padding: 1.4375rem; } @media (min-width:640px) { .MuiContainer-root { padding-left: var(--container-padding); padding-right: var(--container-padding); --container-padding: 1.5rem; } } .MuiContainer-root .MuiContainer-root { --container-padding: 0; } .MuiContainer-disableGutters { padding-left: 0; padding-right: 0; } @media (min-width:414px) { .MuiContainer-fixed { max-width: 414px; } } @media (min-width:640px) { .MuiContainer-fixed { max-width: 640px; } } @media (min-width:768px) { .MuiContainer-fixed { max-width: 768px; } } @media (min-width:1080px) { .MuiContainer-fixed { max-width: 1080px; } } @media (min-width:1280px) { .MuiContainer-fixed { max-width: 1280px; } } @media (min-width:414px) { .MuiContainer-maxWidthXs { max-width: 444px; } } @media (min-width:640px) { .MuiContainer-maxWidthSm { max-width: 640px; } } @media (min-width:768px) { .MuiContainer-maxWidthMd { max-width: 768px; } } @media (min-width:1080px) { .MuiContainer-maxWidthLg { max-width: calc(84rem + var(--container-padding) * 2); } } @media (min-width:1280px) { .MuiContainer-maxWidthXl { max-width: 1280px; } } .MuiGrid-container { width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; } .MuiGrid-item { margin: 0; box-sizing: border-box; } .MuiGrid-item.MuiGrid-root:empty { height: 0; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; } .MuiGrid-zeroMinWidth { min-width: 0; } .MuiGrid-direction-xs-column { flex-direction: column; } .MuiGrid-direction-xs-column-reverse { flex-direction: column-reverse; } .MuiGrid-direction-xs-row-reverse { flex-direction: row-reverse; } .MuiGrid-wrap-xs-nowrap { flex-wrap: nowrap; } .MuiGrid-wrap-xs-wrap-reverse { flex-wrap: wrap-reverse; } .MuiGrid-align-items-xs-center { align-items: center; } .MuiGrid-align-items-xs-flex-start { align-items: flex-start; } .MuiGrid-align-items-xs-flex-end { align-items: flex-end; } .MuiGrid-align-items-xs-baseline { align-items: baseline; } .MuiGrid-align-content-xs-center { align-content: center; } .MuiGrid-align-content-xs-flex-start { align-content: flex-start; } .MuiGrid-align-content-xs-flex-end { align-content: flex-end; } .MuiGrid-align-content-xs-space-between { align-content: space-between; } .MuiGrid-align-content-xs-space-around { align-content: space-around; } .MuiGrid-justify-xs-center { justify-content: center; } .MuiGrid-justify-xs-flex-end { justify-content: flex-end; } .MuiGrid-justify-xs-space-between { justify-content: space-between; } .MuiGrid-justify-xs-space-around { justify-content: space-around; } .MuiGrid-justify-xs-space-evenly { justify-content: space-evenly; } .MuiGrid-spacing-xs-1 { width: calc(100% + 0.125rem); margin: -0.0625rem; } .MuiGrid-spacing-xs-1 > .MuiGrid-item { padding: 0.0625rem; } .MuiGrid-spacing-xs-2 { width: calc(100% + 0.25rem); margin: -0.125rem; } .MuiGrid-spacing-xs-2 > .MuiGrid-item { padding: 0.125rem; } .MuiGrid-spacing-xs-3 { width: calc(100% + 0.5rem); margin: -0.25rem; } .MuiGrid-spacing-xs-3 > .MuiGrid-item { padding: 0.25rem; } .MuiGrid-spacing-xs-4 { width: calc(100% + 0.75rem); margin: -0.375rem; } .MuiGrid-spacing-xs-4 > .MuiGrid-item { padding: 0.375rem; } .MuiGrid-spacing-xs-5 { width: calc(100% + 1rem); margin: -0.5rem; } .MuiGrid-spacing-xs-5 > .MuiGrid-item { padding: 0.5rem; } .MuiGrid-spacing-xs-6 { width: calc(100% + 1.5rem); margin: -0.75rem; } .MuiGrid-spacing-xs-6 > .MuiGrid-item { padding: 0.75rem; } .MuiGrid-spacing-xs-7 { width: calc(100% + 2rem); margin: -1rem; } .MuiGrid-spacing-xs-7 > .MuiGrid-item { padding: 1rem; } .MuiGrid-spacing-xs-8 { width: calc(100% + 3rem); margin: -1.5rem; } .MuiGrid-spacing-xs-8 > .MuiGrid-item { padding: 1.5rem; } .MuiGrid-spacing-xs-9 { width: calc(100% + 5rem); margin: -2.5rem; } .MuiGrid-spacing-xs-9 > .MuiGrid-item { padding: 2.5rem; } .MuiGrid-spacing-xs-10 { width: calc(100% + NaNundefined); margin: -NaNundefined; } .MuiGrid-spacing-xs-10 > .MuiGrid-item { padding: NaNundefined; } .MuiGrid-grid-xs-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xs-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xs-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xs-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xs-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xs-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xs-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xs-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xs-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xs-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xs-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xs-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xs-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xs-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } @media (min-width:640px) { .MuiGrid-grid-sm-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-sm-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-sm-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-sm-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-sm-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-sm-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-sm-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-sm-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-sm-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-sm-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-sm-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-sm-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-sm-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-sm-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:768px) { .MuiGrid-grid-md-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-md-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-md-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-md-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-md-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-md-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-md-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-md-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-md-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-md-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-md-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-md-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-md-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-md-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1080px) { .MuiGrid-grid-lg-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-lg-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-lg-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-lg-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-lg-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-lg-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-lg-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-lg-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-lg-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-lg-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-lg-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-lg-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-lg-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-lg-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } @media (min-width:1280px) { .MuiGrid-grid-xl-auto { flex-grow: 0; max-width: none; flex-basis: auto; } .MuiGrid-grid-xl-true { flex-grow: 1; max-width: 100%; flex-basis: 0; } .MuiGrid-grid-xl-1 { flex-grow: 0; max-width: 8.333333%; flex-basis: 8.333333%; } .MuiGrid-grid-xl-2 { flex-grow: 0; max-width: 16.666667%; flex-basis: 16.666667%; } .MuiGrid-grid-xl-3 { flex-grow: 0; max-width: 25%; flex-basis: 25%; } .MuiGrid-grid-xl-4 { flex-grow: 0; max-width: 33.333333%; flex-basis: 33.333333%; } .MuiGrid-grid-xl-5 { flex-grow: 0; max-width: 41.666667%; flex-basis: 41.666667%; } .MuiGrid-grid-xl-6 { flex-grow: 0; max-width: 50%; flex-basis: 50%; } .MuiGrid-grid-xl-7 { flex-grow: 0; max-width: 58.333333%; flex-basis: 58.333333%; } .MuiGrid-grid-xl-8 { flex-grow: 0; max-width: 66.666667%; flex-basis: 66.666667%; } .MuiGrid-grid-xl-9 { flex-grow: 0; max-width: 75%; flex-basis: 75%; } .MuiGrid-grid-xl-10 { flex-grow: 0; max-width: 83.333333%; flex-basis: 83.333333%; } .MuiGrid-grid-xl-11 { flex-grow: 0; max-width: 91.666667%; flex-basis: 91.666667%; } .MuiGrid-grid-xl-12 { flex-grow: 0; max-width: 100%; flex-basis: 100%; } } .MuiTypography-root { margin: 0; font-size: 1rem; line-height: 1.5rem; } .MuiTypography-root:first-child { margin-top: 0; } .MuiTypography-root:last-child { margin-bottom: 0; } .MuiTypography-root > :first-child { margin-top: 0; } .MuiTypography-root > :last-child { margin-bottom: 0; } .MuiTypography-body2 { margin: 1.5rem 0; font-size: 0.875rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; } .MuiTypography-body1 { margin: 1.5rem 0; font-size: 0.875rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.4; } @media (min-width:640px) { .MuiTypography-body1 { font-size: 1rem; line-height: 1.5; } } .MuiTypography-caption { font-size: 0.8571428571428571rem; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.66; } .MuiTypography-button { font-size: 1rem; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; text-transform: uppercase; } .MuiTypography-h1 { margin: 2rem 0; font-size: 2rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1; } @media (min-width:640px) { .MuiTypography-h1 { font-size: 3.125rem; } } @media (min-width:768px) { .MuiTypography-h1 { font-size: 3.4375rem; } } @media (min-width:1080px) { .MuiTypography-h1 { font-size: 3.75rem; } } .MuiTypography-h2 { margin: 0.5em 0; font-size: 1.5rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.2; } @media (min-width:768px) { .MuiTypography-h2 { font-size: 2.5rem; } } @media (min-width:1080px) { .MuiTypography-h2 { font-size: 3rem; } } .MuiTypography-h3 { margin: 0.5em 0; font-size: 1.375rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.2; letter-spacing: normal; } @media (min-width:768px) { .MuiTypography-h3 { font-size: 1.9375rem; } } @media (min-width:1080px) { .MuiTypography-h3 { font-size: 2.125rem; } } .MuiTypography-h4 { margin: 0.5em 0; font-size: 1.125rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.5; } @media (min-width:768px) { .MuiTypography-h4 { font-size: 1.5rem; } } .MuiTypography-h5 { margin: 1.2em 0; font-size: 1.125rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; letter-spacing: normal; } @media (min-width:768px) { .MuiTypography-h5 { font-size: 1.25rem; font-weight: 700; } } .MuiTypography-h6 { margin: 1.2em 0; font-size: 1rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.5; letter-spacing: normal; } .MuiTypography-subtitle1 { margin: 1.5rem 0; font-size: 1rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.8125rem; } @media (min-width:640px) { .MuiTypography-subtitle1 { font-size: 1.5rem; } } .MuiTypography-subtitle2 { margin: 1.5rem 0; font-size: 1.1875rem; font-style: normal; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.6; } @media (min-width:640px) { .MuiTypography-subtitle2 { font-size: 1.25rem; } } .MuiTypography-overline { font-size: 0.8571428571428571rem; font-family: Roboto, HelveticaNeueCyr, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 2.66; text-transform: uppercase; } .MuiTypography-srOnly { width: 1px; height: 1px; overflow: hidden; position: absolute; } .MuiTypography-alignLeft { text-align: left; } .MuiTypography-alignCenter { text-align: center; } .MuiTypography-alignRight { text-align: right; } .MuiTypography-alignJustify { text-align: justify; } .MuiTypography-noWrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MuiTypography-gutterBottom { margin-bottom: 0.35em; } .MuiTypography-paragraph { margin-bottom: 16px; } .MuiTypography-colorInherit { color: inherit; } .MuiTypography-colorPrimary { color: #86c44a; } .MuiTypography-colorSecondary { color: #808083; } .MuiTypography-colorTextPrimary { color: #323234; } .MuiTypography-colorTextSecondary { color: #808083; } .MuiTypography-colorError { color: #eb5757; } .MuiTypography-displayInline { display: inline; } .MuiTypography-displayBlock { display: block; } .jss257 { color: white; background-color: #142636; } .jss258 { display: flex; padding: 2.8125rem 0; position: relative; flex-flow: column; min-height: 11.5rem; align-items: center; } @media (min-width:640px) { .jss258 { flex-flow: row nowrap; } } .jss259 { top: 0; right: 0; width: 10.75rem; height: 8.875rem; position: absolute; object-fit: fill; } .jss259 ~ * { position: relative; } @media (min-width:640px) { .jss259 { left: 0; right: 0; width: 16.0625rem; height: 10.4375rem; margin: auto; } } .jss260 { position: relative; margin-bottom: 1.25rem; } @media (min-width:640px) { .jss260 { max-width: 50%; margin-bottom: 0; } } .jss261 { font-size: 1.375rem; } @media (max-width:639.95px) { .jss261 { line-height: 1.15; } } @media (min-width:414px) { .jss261 { font-size: 2.125rem; } } .jss262 { flex: 1; width: 100%; } .jss274 { margin: -1rem 0 0; display: block; padding: 1rem 0 0; position: relative; border-width: 0; min-inline-size: 100%; } .jss275 { top: 0; left: 0; right: 0; position: absolute; } .jss263 { position: relative; } .jss264 { opacity: 1; visibility: visible; pointer-events: all; } .jss264.jss267 { opacity: 0; visibility: hidden; pointer-events: none; } .jss265 { display: flex; flex-flow: column; margin-top: 1rem; align-items: center; } @media (min-width:500px) { .jss265 { flex-flow: row nowrap; align-items: flex-start; margin-bottom: -1.375rem; justify-content: center; } } @media (min-width:640px) { .jss265 { flex-flow: column; margin-top: 0; align-items: center; margin-bottom: 0; } } @media (min-width:1080px) { .jss265 { flex-flow: row nowrap; align-items: flex-start; margin-bottom: -1.375rem; justify-content: flex-end; } } .jss265 .MuiButtonBase-root { width: 100%; padding: 0.8125rem 1.875rem 0.75rem; margin-top: 0.75rem; } .jss265 .form-input-phone { width: 100%; } .jss265 .MuiButton-label { white-space: nowrap; } @media (min-width:414px) { .jss265 .form-input-phone { max-width: 14.875rem; } } @media (min-width:640px) { .jss265 .form-input-phone { max-width: 16.25rem; } } @media (min-width:414px) { .jss265 .MuiButtonBase-root { width: 14.875rem; } } @media (min-width:500px) { .jss265 .MuiButtonBase-root { width: auto; margin-top: 0; margin-left: 1.25rem; margin-bottom: 1.375rem; } } @media (min-width:640px) { .jss265 .MuiButtonBase-root { width: 16.25rem; padding: 1rem 1.875rem; margin-top: 0.75rem; margin-left: 0; margin-bottom: 0; } } @media (min-width:1080px) { .jss265 .MuiButtonBase-root { width: auto; margin-top: 0; margin-left: 1.25rem; margin-bottom: 1.375rem; } } .jss268 { height: 7.75rem; } @media (min-width:500px) { .jss268 { height: 6.375rem; } } @media (min-width:640px) { .jss268 { height: 5.8125rem; } } .jss269 { top: 0; left: 0; width: 100%; height: 100%; display: flex; opacity: 0; padding: 1rem 1.25rem 0; z-index: 1; position: absolute; text-align: center; visibility: hidden; align-items: center; pointer-events: none; justify-content: center; } @media (min-width:768px) { .jss269 { padding-top: 0; } } .jss269.jss267 { opacity: 1; visibility: visible; pointer-events: all; } .jss270 { position: relative; } .jss270 .MuiTypography-root { margin: 0 auto; } .jss271 { top: -2.1875rem; color: #323234; right: -1.25rem; padding: 0.5rem; z-index: 2; position: absolute; border-radius: 0; } .jss271.jss272 { color: white; } .jss276 { position: relative; } .jss276.react-tel-input { align-self: flex-start; } .jss276.react-tel-input .form-control { font-size: 16px; letter-spacing: 0.02em; } .jss276.react-tel-input .form-control:not(.jss282)::placeholder { color: transparent; } .jss277 .react-tel-input .form-control { color: #323234; caret-color: #86c44a; border-color: #808083; background-color: transparent; } .jss277 .react-tel-input .country-list { color: #808083; } .jss277 .react-tel-input .country { outline: none; } .jss277 .react-tel-input + span { background-color: #f2f2f2; } .jss277 .react-tel-input .selected-flag .arrow { border-top-color: #323234; } .jss277 .react-tel-input .selected-flag .arrow.up { border-bottom-color: #323234; } .jss277 .react-tel-input .form-control:-webkit-autofill { color: #323234; box-shadow: inset 0 0 0 100px #f2f2f2; -webkit-text-fill-color: #323234; } .jss278 .react-tel-input .form-control { color: white; caret-color: #86c44a; border-color: #808083; background-color: transparent; } .jss278 .react-tel-input .country-list { color: #808083; } .jss278 .react-tel-input .country { outline: none; } .jss278 .react-tel-input + span { color: #808083; background-color: #142636; } .jss278 .react-tel-input .selected-flag .arrow { border-top-color: white; } .jss278 .react-tel-input .selected-flag .arrow.up { border-bottom-color: white; } .jss278 .react-tel-input .form-control:-webkit-autofill { color: #808083; box-shadow: inset 0 0 0 100px #142636; -webkit-text-fill-color: white; } .jss279 .react-tel-input .form-control { border: 1px solid #eb5757 !important; } .jss279 .react-tel-input .form-control:focus { box-shadow: 0 0 0 1px #eb5757; border-color: #eb5757; } .jss280 { top: 0; left: 0; color: #808083; display: block; z-index: 1; overflow: hidden; position: absolute; max-width: calc(100% - 5rem); transform: translate(4.125rem, 0.9375rem) scale(1); transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, transform .2s cubic-bezier(0, 0, .2, 1) 0s, font-size .2s cubic-bezier(0, 0, .2, 1) 0s; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 0.02em; pointer-events: none; transform-origin: top left; } @media (min-width:640px) { .jss280 { color: #86c44a; transform: translate(4.125rem, 1.25rem) scale(1); } } .jss280.jss282 { padding: 0 0.3125rem; font-size: 0.6875rem; transform: translate(0.625rem, -0.3125rem) scale(1); background-color: white; } @media (min-width:640px) { .jss280.jss282 { font-size: 0.75rem; } } .jss281 { color: #eb5757; } .jss283 { width: 100%; position: relative; font-size: 1rem; } .jss283 :disabled { cursor: not-allowed; } .jss283 .flag { width: 25px; height: 20px; background: url("/pic/flags.png") no-repeat; } .jss283 .by { background-position: -48px -72px; } .jss283 .lt { background-position: -288px -192px; } .jss283 .pl { background-position: -216px -264px; } .jss283 .ua { background-position: -120px -336px; } .jss283 .hide { display: none; } .jss283 .v-hide { visibility: hidden; } .jss283 .form-control { color: #323234; width: 100%; border: 1px solid #cacaca; height: 48px; margin: 0; outline: none; padding: 1.0625rem 0.875rem 0.8125rem 4.0625rem; appearance: none; background: #fff; border-color: rgba(0, 0, 0, 0.23); border-radius: 0.1875rem; letter-spacing: 0.02em; } .jss283 .flag-dropdown { top: 0; bottom: 0; outline: none; padding: 0; position: absolute; border-radius: 3px 0 0 3px; } .jss283 input[disabled] + .flag-dropdown:hover { cursor: default; } .jss283 .selected-flag { width: 52px; height: 100%; padding: 0 0 0 1.0625rem; position: relative; border-radius: 3px 0 0 3px; } .jss283 .country-list { width: 300px; margin: 10px 0 10px -1px; padding: 0; z-index: 1; position: absolute; box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.25); list-style: none; max-height: 220px; overflow-y: auto; border-radius: 0.375rem; background-color: white; } .jss283 .invalid-number-message { top: -0.4375rem; left: 1.5625rem; color: #eb5757; padding: 0 0.375rem; z-index: 1; position: absolute; font-size: 0.875rem; background: #fff; } .jss283 .country-list .flag { top: 8px; left: 13px; display: inline-block; position: absolute; margin-top: 0.125rem; margin-right: 0.4375rem; } .jss283 .country-list .divider { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; } .jss283 .country-list .country { padding: 12px 9px 13px 46px; position: relative; } .jss283 .country-list .country-name { margin-right: 0.375rem; } .jss283 .country-list .dial-code { color: #808083; } .jss283 .country-list .search { top: 0; padding: 10px 0 6px 10px; z-index: 2; position: sticky; background-color: #fff; } .jss283 .country-list .search-emoji { display: none; font-size: 0.9375rem; } .jss283 .country-list .search-box { border: 1px solid #808083; outline: none; padding: 3px 8px 5px; font-size: 1rem; line-height: 1rem; margin-left: 6px; border-radius: 0.25rem; } .jss283 .country-list .no-entries-message { opacity: 0.7; padding: 7px 10px 11px; } .jss283 .country-list .search-box:hover { border-color: #505050; } .jss283 .country-list .country:hover, .jss283 .country-list .country.highlight { background: #f2f2f2; } .jss283 .country-list .country:focus { outline: none; } .jss283 .selected-flag .flag { top: 50%; position: absolute; margin-top: -0.625rem; } .jss283 .selected-flag .arrow { top: 50%; left: 29px; width: 0; height: 0; position: relative; border-top: 5px solid rgba(0, 0, 0, 0.54); margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; } .jss283 .selected-flag .arrow.up { border-top: none; border-bottom: 5px solid rgba(0, 0, 0, 0.54); } .jss283 input[disabled] + .flag-dropdown:hover + .selected-flag { background-color: transparent; } .jss283 .flag-dropdown.open { z-index: 2; } .jss283 .flag-dropdown:hover, .jss283 .flag-dropdown:focus { cursor: pointer; } @media (min-width:640px) { .jss283 .form-control { height: 56px; padding: 1.25rem 0.875rem 1rem 4.0625rem; font-size: 16px; } } .jss283 .form-control:hover { border-color: #86c44a; } .jss283 .form-control:focus { box-shadow: 0 0 0 1px #86c44a; border-color: #86c44a; } .jss283 .form-control.invalid-number + div:before { content: none; } .jss283 .form-control + div:before { top: -0.4375rem; left: 1.5625rem; content: ""; display: block; padding: 0 5px; position: absolute; font-size: 0.875rem; background: white; white-space: nowrap; } .MuiButton-root { color: #808083; border: 1px solid transparent; padding: 0.75rem 1.125rem; font-size: 0.875rem; min-width: 4rem; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: inherit; font-weight: 500; line-height: 1.375rem; border-radius: 0.1875rem; letter-spacing: 0.02em; text-transform: none; } .MuiButton-root:hover { text-decoration: none; background-color: rgba(50, 50, 52, 0.04); } .MuiButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); } @media (min-width:640px) { .MuiButton-root { padding: 1rem 1.875rem; } } .MuiButton-root .icon { fill: currentColor; } .MuiButton-root:hover:not(.Mui-disabled)::before { top: 0; left: 0; right: 0; bottom: 0; content: ""; opacity: 0.08; position: absolute; background: currentColor; border-radius: inherit; } @media (hover: none) { .MuiButton-root:hover { background-color: transparent; } } .MuiButton-root:hover.Mui-disabled { background-color: transparent; } .MuiButton-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; } .MuiButton-textPrimary { color: #86c44a; } @media (hover: none) { .MuiButton-textPrimary:hover { background-color: transparent; } } .MuiButton-textSecondary { color: #5db7e7; } @media (hover: none) { .MuiButton-textSecondary:hover { background-color: transparent; } } .MuiButton-outlined { border: 1px solid #d8d8d8; } .MuiButton-outlined.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); } .MuiButton-outlinedPrimary { color: #86c44a; border: 1px solid rgba(134, 196, 74, 0.5); } .MuiButton-outlinedPrimary:hover { border: 1px solid #86c44a; } @media (hover: none) { .MuiButton-outlinedPrimary:hover { background-color: transparent; } } .MuiButton-outlinedSecondary { color: #5db7e7; border: 1px solid rgba(93, 183, 231, 0.5); } .MuiButton-outlinedSecondary:hover { border: 1px solid #5db7e7; } .MuiButton-outlinedSecondary.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.26); } @media (hover: none) { .MuiButton-outlinedSecondary:hover { background-color: transparent; } } .MuiButton-contained { color: rgba(0, 0, 0, 0.87); background-color: #e0e0e0; } .MuiButton-contained:hover { box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); background-color: #d5d5d5; } .MuiButton-contained.Mui-focusVisible { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } .MuiButton-contained:active { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } .MuiButton-contained.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); } @media (hover: none) { .MuiButton-contained:hover { box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); background-color: #e0e0e0; } } .MuiButton-contained:hover.Mui-disabled { background-color: rgba(0, 0, 0, 0.12); } .MuiButton-contained:hover::before { content: none; } .MuiButton-containedPrimary { color: #fff; background-color: #86c44a; } .MuiButton-containedPrimary:hover { background-color: #5d8933; } @media (hover: none) { .MuiButton-containedPrimary:hover { background-color: #86c44a; } } .MuiButton-containedSecondary { color: #fff; background-color: #5db7e7; } .MuiButton-containedSecondary:hover { background-color: rgb(65, 128, 161); } @media (hover: none) { .MuiButton-containedSecondary:hover { background-color: #5db7e7; } } .MuiButton-disableElevation { box-shadow: none; } .MuiButton-disableElevation:hover { box-shadow: none; } .MuiButton-disableElevation.Mui-focusVisible { box-shadow: none; } .MuiButton-disableElevation:active { box-shadow: none; } .MuiButton-disableElevation.Mui-disabled { box-shadow: none; } .MuiButton-colorInherit { color: inherit; } .MuiButton-colorInherit.MuiButton-outlined { border-color: inherit; } .MuiButton-textSizeSmall { padding: 0.25rem 0.375rem; font-size: 0.9285714285714285rem; } .MuiButton-textSizeLarge { padding: 8px 11px; font-size: 1.0714285714285714rem; } .MuiButton-outlinedSizeSmall { padding: 3px 9px; font-size: 0.9285714285714285rem; } .MuiButton-outlinedSizeLarge { padding: 7px 21px; font-size: 1.0714285714285714rem; } .MuiButton-containedSizeSmall { padding: 4px 10px; font-size: 0.9285714285714285rem; } .MuiButton-containedSizeLarge { padding: 8px 22px; font-size: 1.0714285714285714rem; } .MuiButton-fullWidth { width: 100%; } .MuiButton-startIcon { margin: -0.125rem 0.625rem -0.125rem -0.25rem; display: inherit; } .MuiButton-startIcon.MuiButton-iconSizeSmall { margin-left: -2px; } .MuiButton-endIcon { margin: -0.125rem -0.25rem -0.125rem 0.625rem; display: inherit; } .MuiButton-endIcon.MuiButton-iconSizeSmall { margin-right: -2px; } .MuiButton-iconSizeSmall > *:first-child { font-size: 18px; } .MuiButton-iconSizeMedium > *:first-child { font-size: 1.625rem; } .MuiButton-iconSizeLarge > *:first-child { font-size: 22px; } @keyframes mui-auto-fill {} @keyframes mui-auto-fill-cancel {} .MuiInputBase-root { cursor: text; display: inline-flex; position: relative; align-items: safe center; } .MuiInputBase-root.Mui-disabled { color: #b2b2b1; cursor: default; } .MuiInputBase-multiline { padding: 6px 0 7px; } .MuiInputBase-multiline.MuiInputBase-marginDense { padding-top: 3px; } .MuiInputBase-fullWidth { width: 100%; } .MuiInputBase-input { font: inherit; color: #323234; width: 100%; border: 0; height: auto; margin: 0; display: block; padding: 0.75em 1.0625em; min-width: 0; background: none; box-sizing: content-box; caret-color: #86c44a; line-height: 1.5em; animation-name: mui-auto-fill-cancel; letter-spacing: inherit; animation-duration: 10ms; -webkit-tap-highlight-color: transparent; } .MuiInputBase-input::-webkit-input-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input::-moz-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input:-ms-input-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input::-ms-input-placeholder { color: currentColor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .MuiInputBase-input:focus { outline: 0; } .MuiInputBase-input:invalid { box-shadow: none; } .MuiInputBase-input::-webkit-search-decoration { -webkit-appearance: none; } .MuiInputBase-input.Mui-disabled { opacity: 1; } .MuiInputBase-input:-webkit-autofill { animation-name: mui-auto-fill; animation-duration: 5000s; } @media (min-width:640px) { .MuiInputBase-input { padding: 1em 1.0625em; } } .MuiInputBase-input.Mui-disabled { color: #b2b2b1; } .MuiInputBase-input::placeholder { color: #d8d8d8; opacity: 1; font-weight: 400; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder { opacity: 0 !important; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder { opacity: 0.42; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder { opacity: 0.42; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder { opacity: 0.42; } label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder { opacity: 0.42; } .MuiInputBase-inputMarginDense { padding-top: 3px; } .MuiInputBase-inputMultiline { height: auto; resize: none; padding: 0; } .MuiInputBase-inputTypeSearch { -moz-appearance: textfield; -webkit-appearance: textfield; } .jss295 { top: -5px; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 8px; overflow: hidden; position: absolute; border-style: solid; border-width: 1px; border-radius: inherit; pointer-events: none; } .jss296 { padding: 0; text-align: left; transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; line-height: 11px; } .jss297 { width: auto; height: 11px; display: block; padding: 0; font-size: 0.75em; max-width: 0.01px; text-align: left; transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; visibility: hidden; } .jss297 > span { display: inline-block; padding-left: 5px; padding-right: 5px; } .jss298 { max-width: 1000px; transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms; } .MuiOutlinedInput-root { border-radius: 0.1875rem; } .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: #323234; } @media (hover: none) { .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #86c44a; border-width: 2px; } .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #eb5757; } .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: #b2b2b1; } .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: #86c44a; } .MuiOutlinedInput-colorSecondary.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #5db7e7; } .MuiOutlinedInput-adornedStart { padding-left: 0.875rem; } .MuiOutlinedInput-adornedEnd { padding-right: 0.875rem; } .MuiOutlinedInput-multiline { padding: 18.5px 14px; } .MuiOutlinedInput-multiline.MuiOutlinedInput-marginDense { padding-top: 10.5px; padding-bottom: 10.5px; } .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } .MuiOutlinedInput-notchedOutline legend span { padding-right: 10px; } .MuiOutlinedInput-input:-webkit-autofill { border-radius: inherit; } .MuiOutlinedInput-inputMarginDense { padding-top: 10.5px; padding-bottom: 10.5px; } .MuiOutlinedInput-inputMultiline { padding: 0; } .MuiOutlinedInput-inputAdornedStart { padding-left: 0; } .MuiOutlinedInput-inputAdornedEnd { padding-right: 0; } .MuiFormControl-root { border: 0; margin: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; --APP-FCLG: 1.0625rem; --APP-FCRG: 1.125rem; --APP-FCLGS: 1.0625rem; --APP-FCRGS: 1.125rem; flex-direction: column; vertical-align: top; } .MuiFormControl-marginNormal { margin-top: 16px; margin-bottom: 8px; } .MuiFormControl-marginDense { margin-top: 8px; margin-bottom: 4px; } .MuiFormControl-fullWidth { width: 100%; display: flex; } .MuiFormControl-fullWidth > .MuiFormControl-root { width: 100%; } .MuiFormLabel-root { color: #808083; font-size: 0.875rem; line-height: 1.4; } @media (min-width:640px) { .MuiFormLabel-root { font-size: 1rem; } } .MuiFormLabel-root.Mui-focused { color: #86c44a; } .MuiFormLabel-root.Mui-disabled { color: #b2b2b1; } .MuiFormLabel-root.Mui-error { color: #eb5757; } .MuiFormLabel-root > .MuiFormLabel-asterisk.Mui-error { color: inherit; } .MuiFormLabel-colorSecondary.Mui-focused { color: #5db7e7; } .MuiFormLabel-asterisk.Mui-error { color: #eb5757; } .MuiInputLabel-root { display: block; overflow: hidden; max-width: calc(100% - var(--APP-FCLG) - var(--APP-FCRG)); white-space: nowrap; text-overflow: ellipsis; transform-origin: top left; } .MuiInputLabel-root.MuiInputLabel-shrink { max-width: min(calc(100% - var(--APP-FCLG) - var(--APP-FCRG)), 1000px); } .MuiInputLabel-formControl { top: 0; left: 0; position: absolute; } .MuiInputLabel-marginDense { transform: translate(0, 21px) scale(1); } .MuiInputLabel-shrink { transform-origin: top left; } .MuiInputLabel-animated { transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, transform .2s cubic-bezier(0, 0, .2, 1) 0s, font-size .2s cubic-bezier(0, 0, .2, 1) 0s; } .MuiInputLabel-filled { z-index: 1; transform: translate(12px, 20px) scale(1); pointer-events: none; } .MuiInputLabel-filled.MuiInputLabel-marginDense { transform: translate(12px, 17px) scale(1); } .MuiInputLabel-filled.MuiInputLabel-shrink { transform: translate(12px, 10px) scale(0.75); } .MuiInputLabel-filled.MuiInputLabel-shrink.MuiInputLabel-marginDense { transform: translate(12px, 7px) scale(0.75); } .MuiInputLabel-outlined { z-index: 1; transform: translate(14px, 15px) scale(1); pointer-events: none; } .MuiInputLabel-outlined.MuiInputLabel-marginDense { transform: translate(14px, 12px) scale(1); } .MuiInputLabel-outlined.MuiInputLabel-shrink { font-size: 69%; transform: translate(0.875rem, -0.375rem); --APP-FCLG: var(--APP-FCLGS); --APP-FCRG: var(--APP-FCRGS); } @media (min-width:640px) { .MuiInputLabel-outlined { transform: translate(14px, 20px) scale(1); } } .MuiInputLabel-outlined.MuiInputLabel-shrink + div .MuiOutlinedInput-notchedOutline legend { max-width: 1000px; } @media (min-width:414px) { .MuiInputLabel-outlined.MuiInputLabel-shrink { font-size: 75%; } .__expand-textfield-label .MuiInputLabel-outlined.MuiInputLabel-shrink { font-size: 87.5%; } .__expand-textfield-label .MuiInputLabel-outlined.MuiInputLabel-shrink + div legend { font-size: 0.875em; } } .jss291 { --APP-FCRG: 3.125rem; } .jss292 { --APP-FCLG: 3.75rem; } .jss293, .jss293 > .MuiFormControl-root { --APP-FCRG: 3.75rem; } .jss284 { position: relative; margin-bottom: 0.25rem; } @media (min-width:414px) { .jss284 { margin-bottom: 1.125rem; } } .jss285 { font-size: 1rem; font-weight: bold; line-height: 1.2; margin-bottom: 0.875rem; } @media (min-width:414px) { .jss285 { font-size: 1.25rem; margin-bottom: 1.375rem; } } .jss286 { color: #808083; display: none; font-size: 0.875rem; line-height: 1.4; padding-top: 0.3125rem; margin-bottom: 1.375rem; } @media (min-width:414px) { .jss286 { display: block; } } .jss287 { display: flex; } .jss289 { flex: 1; } .jss289 .MuiFormLabel-root { letter-spacing: 0.02em; background-color: white; } .jss289 .MuiFormLabel-root:not(.Mui-error) { color: #b2b2b1; } .jss290 { top: 0; left: 0; width: 100%; height: 100%; display: flex; opacity: 0; padding: 0.625rem; z-index: 1; position: absolute; background: #f2f2f2; text-align: center; transition: opacity 0.2s ease, visibility 0.2s ease; visibility: hidden; align-items: center; pointer-events: none; } .jss290.jss288 { opacity: 1; visibility: visible; pointer-events: all; } .jss299 { color: white; margin-left: -0.1875rem; } .jss299 .MuiButton-contained { color: white; background-color: #b2b2b1; } .jss299 .MuiButton-contained:hover, .jss299 .MuiButton-contained:focus { background-color: #86c44a; } .jss300 { background-color: #86c44a !important; } .jss301 { background-color: #eb5757 !important; } .jss227 a { text-decoration: none; } .jss227 a[href]:hover { color: #86c44a; text-decoration: underline; } .jss227 a[href]:active { color: #323234; text-decoration: underline; } .jss227 a.is-active { color: #86c44a; } .jss228 { display: none; } @media (min-width:1080px) { .jss228 { display: block; } } .jss229 { padding-top: 2.8125rem; padding-bottom: 1rem; } @media (min-width:414px) { .jss229 { padding-top: 3.625rem; } } .jss229 ul { margin: 0; padding: 0; list-style: none; } .jss231 { margin-bottom: 0.375rem; } .jss232 { color: #323234; line-height: 1.5; } .jss233 { color: #323234; line-height: 1.5; margin-bottom: 0.5rem; } .jss235 { margin-bottom: 0.25rem; } .jss236 { color: #808083; font-size: 0.875rem; line-height: 1.4; } .jss237 { color: #808083; margin-bottom: 2.125rem; } @media (min-width:414px) { .jss237 { margin-bottom: 0; } } .jss238 { color: #323234; font-size: 1rem; font-weight: bold; line-height: 1.2; margin-bottom: 0.875rem;