/* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: swap; src: url(../fonts/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: swap; src: url(../fonts/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: swap; src: url(../fonts/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: swap; src: url(../fonts/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: swap; src: url(../fonts/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: swap; src: url(../fonts/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: oblique 0deg 10deg; font-weight: 100 900; font-display: swap; src: url(../fonts/UcCo3FwrK3iLTcviYwY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; color: inherit; text-decoration: none; text-transform: none; outline: none; border: none; } h1, h2, h3, h4, h5, h6 { font-size: unset; font-weight: unset; margin-block-start: unset; margin-block-end: unset; margin-inline-start: unset; margin-inline-end: unset; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; border-spacing: 0; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; outline: none; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* HTML5 hidden-attribute fix for newer browsers */ *[hidden] { display: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } img { max-inline-size: unset; max-block-size: unset; user-select: none; } .preloader { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: z-index 0s 1s; } .preloader:before, .preloader:after { content: ''; position: absolute; left: 0; width: 100%; height: 50.5%; background: #000; } .preloader:before { top: 0; transition: top 0.5s; } .preloader:after { bottom: 0; transition: bottom 0.5s; } .preloader .text { overflow: hidden; position: relative; z-index: 10; display: flex; flex-flow: column nowrap; align-items: center; line-height: 1; font-weight: 700; color: #FFF; height: 1em; justify-content: flex-end; } .preloader .text span { text-transform: uppercase; } .preloader .text span:last-child { margin-bottom: 1em; animation: slideText 5s linear 1s 1 normal forwards; } .preloader.close { z-index: -1; } .preloader.close:before { top: -50.5%; } .preloader.close:after { bottom: -50.5%; } .preloader.close .text { display: none; } @keyframes slideText { 0% { margin-bottom: 1em; } 8% { margin-bottom: 0; } 18% { margin-bottom: 0; } 26% { margin-bottom: -1em; } 36% { margin-bottom: -1em; } 44% { margin-bottom: -2em; } 54% { margin-bottom: -2em; } 62% { margin-bottom: -3em; } 72% { margin-bottom: -3em; } 80% { margin-bottom: -4em; } 100% { margin-bottom: -4em; } } :root { --ratio: 0.5625; --mobscale: 1; } .m1340:not(.mobile), .square:not(.mobile), .horizontal:not(.mobile), .vertical:not(.mobile), .desktop:not(.mobile) { display: none !important; } html, body { font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; } html { width: 100%; height: 100%; } body { overflow: hidden; min-width: calc((var(--1dvw, 1vw) * 100) / var(--mobscale)); min-height: calc((var(--1dvh, 1vh) * 100) / var(--mobscale)); max-width: calc((var(--1dvw, 1vw) * 100) / var(--mobscale)); max-height: calc((var(--1dvh, 1vh) * 100) / var(--mobscale)); transform: scale(var(--mobscale)); transform-origin: top left; display: flex; flex-flow: column nowrap; touch-action: none; background: #E9E9E9; } * { -webkit-touch-callout: none; } *:not(.input) { user-select: none; user-focus: none; } .header { flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 20px; height: 74px; border-bottom: 1px solid #AEAEAE; } .header .logo img { height: 20px; } main.main { flex-flow: column nowrap; position: relative; padding: 20px; flex: 1; } main.main .back { margin-top: 12px; } main.main .button { margin-top: 20px; text-transform: uppercase; width: 100%; height: 56px; display: flex; align-items: center; justify-content: center; color: #FFF; background: #000; font-weight: 600; } main.main.index .topText { display: flex; flex-flow: column nowrap; line-height: 1.3; width: 100%; } main.main.index .bottomText { margin-top: auto; font-size: 38px; font-weight: 700; line-height: 1; text-transform: uppercase; } main.main.index .imageWrapper { position: absolute; } main.main.index .imageWrapper img { position: absolute; z-index: 1; width: 100%; height: 100%; transform-origin: 50% 50%; transition: width 0.5s, height 0.5s, top 0.5s, bottom 0.5s, left 0.5s, right 0.5s, transform 0.5s, transform-origin 0.5s; } main.main.index .imageWrapper:not(.open) img { transition: width 0.5s, height 0.5s, top 0.5s, bottom 0.5s, left 0.5s, right 0.5s, transform 0.5s, transform-origin 0.5s, z-index 0s 0.5s; } main.main.index .imageWrapper .plusButton { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; color: #FFF; background: #000; opacity: 1; transition: opacity 0.25s 0.5s; } main.main.index .imageWrapper .plusButton:after { content: '+'; font-weight: 300; font-size: 16px; margin-bottom: 4px; } main.main.index .imageWrapper .tooltip { position: absolute; background: #FFFFFFCC; height: calc((var(--1dvh, 1vh) * 100) / var(--mobscale)); width: calc((var(--1dvw, 1vw) * 100) / var(--mobscale)); padding: 100px 20px 20px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } main.main.index .imageWrapper .tooltip:after { content: ''; position: absolute; top: 73px; left: 0; width: 100%; border-bottom: 1px solid #AEAEAE; } main.main.index .imageWrapper .tooltip .title { text-transform: uppercase; font-size: 18px; font-weight: 700; line-height: 20px; letter-spacing: 0.03em; margin-bottom: 12px; } main.main.index .imageWrapper .tooltip .description { font-size: 14px; font-weight: 300; line-height: 1.3; } main.main.index .imageWrapper .tooltip .closeTooltip { position: absolute; top: 25px; right: calc(-28px - ((var(--1dvw, 1vw) * 100) / var(--mobscale))); display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; color: #FFF; background: #000; margin-left: auto; margin-bottom: 20px; transform: rotate(45deg); cursor: pointer; transition: right 0.4s; } main.main.index .imageWrapper .tooltip .closeTooltip:after { content: '+'; font-weight: 300; font-size: 20px; margin-bottom: 3px; } main.main.index .imageWrapper.open .tooltip .closeTooltip { right: 20px; transition: right 0.4s 0.2s; } main.main.index .imageWrapper.open .plusButton { opacity: 0; transition: opacity 0.25s; } main.main.index .imageWrapper.development { width: 161px; height: 161px; bottom: calc(245px + ((0.5625 - var(--ratio)) * 711.11111111px) + 0px); left: calc(-30px + ((0.5625 - var(--ratio)) * 444.44444444px) + 0px); } main.main.index .imageWrapper.development .plusButton { top: 41px; right: 14px; } main.main.index .imageWrapper.development .tooltip { z-index: 0; bottom: calc(-245px + ((0.5625 - var(--ratio)) * -711.11111111px) + 0px); left: calc(30px + ((0.5625 - var(--ratio)) * -444.44444444px) + calc((var(--1dvw, 1vw) * -100) / var(--mobscale))); transition: left 0.5s, opacity 0.5s, z-index 0s; } main.main.index .imageWrapper.development:not(.open) .tooltip { transition: left 0.5s, opacity 0.5s, z-index 0s 0.5s; } main.main.index .imageWrapper.development img { bottom: 0; left: 0; transform: rotate(-124.5deg); } main.main.index .imageWrapper.development.open .tooltip { z-index: 95; left: calc(30px + ((0.5625 - var(--ratio)) * -444.44444444px) + 0px); } main.main.index .imageWrapper.development.open img { z-index: 96; bottom: calc(((var(--1dvh, 1vh) * 100) / var(--mobscale)) - (245px + ((0.5625 - var(--ratio)) * 711.11111111px)) - 190% - 240px); left: calc(((var(--1dvw, 1vw) * 50) / var(--mobscale)) - 95% - (((0.5625 - var(--ratio)) * 444.44444444px) - 30px)); width: 190%; height: 190%; transform: rotate(-75deg); transform-origin: 43% 48%; } main.main.index .imageWrapper.marketing { width: 195px; height: 195px; top: 46px; right: 33px; } main.main.index .imageWrapper.marketing .plusButton { bottom: 120px; right: 94px; } main.main.index .imageWrapper.marketing .tooltip { z-index: 0; top: -120px; right: calc(-33px + ((var(--1dvw, 1vw) * 100) / var(--mobscale))); transition: right 0.5s, opacity 0.5s, z-index 0s; } main.main.index .imageWrapper.marketing:not(.open) .tooltip { transition: right 0.5s, opacity 0.5s, z-index 0s 0.5s; } main.main.index .imageWrapper.marketing img { top: 0; right: 0; transform: rotate(88.6deg); } main.main.index .imageWrapper.marketing.open .tooltip { z-index: 95; right: -33px; } main.main.index .imageWrapper.marketing.open img { z-index: 96; top: calc(240px - 120px); right: calc(((var(--1dvw, 1vw) * 50) / var(--mobscale)) - 33px - 79%); width: 158%; height: 158%; transform: rotate(115deg); transform-origin: 53% 40%; } main.main.index .imageWrapper.audit { width: 157px; height: 157px; bottom: 178px; right: 57px; } main.main.index .imageWrapper.audit .plusButton { bottom: 57px; right: 116px; } main.main.index .imageWrapper.audit .tooltip { z-index: 0; bottom: -178px; right: calc(-57px + ((var(--1dvw, 1vw) * 100) / var(--mobscale))); transition: right 0.5s, opacity 0.5s, z-index 0s; } main.main.index .imageWrapper.audit:not(.open) .tooltip { transition: right 0.5s, opacity 0.5s, z-index 0s 0.5s; } main.main.index .imageWrapper.audit img { bottom: 0; right: 0; transform: rotate(-17deg); } main.main.index .imageWrapper.audit.open .tooltip { z-index: 95; right: -57px; } main.main.index .imageWrapper.audit.open img { z-index: 96; bottom: calc(((var(--1dvh, 1vh) * 100) / var(--mobscale)) - 178px - 200% - 240px); right: calc(((var(--1dvw, 1vw) * 50) / var(--mobscale)) - 57px - 100%); width: 200%; height: 200%; transform: rotate(15deg); } main.main.about { overflow-x: hidden; overflow-y: auto; } main.main.about .topText { font-size: 28px; font-weight: 700; line-height: 1.1; width: 100%; text-transform: uppercase; margin: 33px 0 20px; } main.main.about .company { position: relative; display: flex; flex-flow: column nowrap; padding-bottom: 40px; font-size: 16px; } main.main.about .company:after { content: ''; display: block; width: calc(100% + 80px); position: absolute; left: -40px; bottom: 0; border-bottom: 1px solid #AEAEAE; } main.main.about .company .indent { display: none; } main.main.about .company .first { margin-bottom: 16px; } main.main.about .team { display: flex; flex-flow: column nowrap; margin: 40px 0 20px; font-size: 16px; } main.main.about .team .indent { margin-bottom: 20px; } main.main.about .team .employees { display: flex; flex-flow: column wrap; align-items: center; } main.main.about .team .employees .employee { display: flex; flex-flow: column nowrap; margin-bottom: 20px; flex: 0 1 260px; max-width: 260px; } main.main.about .team .employees .employee img { max-width: 100%; } main.main.about .team .employees .employee .name { margin-top: 12px; font-size: 16px; } main.main.about .team .employees .employee .position { margin-top: 2px; font-size: 12px; color: #AEAEAE; } main.main.about .order { position: relative; padding-top: 20px; margin-bottom: 40px; } main.main.about .order:after { content: ''; display: block; width: calc(100% + 80px); position: absolute; left: -40px; top: 0; border-bottom: 1px solid #AEAEAE; } main.main.about .logo img { width: 100%; } main.main.about .footer { display: flex; flex-flow: row nowrap; justify-content: space-between; font-size: 12px; line-height: 1.1; margin-top: 20px; } main.main.cases { overflow-x: hidden; overflow-y: auto; padding: 20px 0; } main.main.cases .back { padding: 0 20px; } main.main.cases .top { display: flex; flex-flow: column nowrap; margin-top: 28px; } main.main.cases .top .topText { text-transform: uppercase; font-size: 38px; font-weight: 700; line-height: 1; padding: 0 20px; margin-bottom: 20px; } main.main.cases .top .subMenu { display: flex; flex-flow: column nowrap; font-size: 16px; line-height: 1.1; min-height: 55px; max-height: 55px; border-top: 1px solid #AEAEAE; overflow: hidden; transition: max-height 0.2s; } main.main.cases .top .subMenu a { display: flex; height: 55px; flex-flow: row nowrap; align-items: center; justify-content: space-between; order: 2; padding-left: 20px; } main.main.cases .top .subMenu a.active { pointer-events: none; order: 1; } main.main.cases .top .subMenu a.active:after { content: ''; display: flex; align-items: center; justify-content: center; border-left: 1px solid #AEAEAE; height: 55px; width: 55px; background-size: 15px; background: url("/img/plus.svg") no-repeat center; } main.main.cases .top.open .subMenu { max-height: 220px; } main.main.cases .top.open .subMenu a.active:after { background-image: url("/img/minus.svg"); } main.main.cases .top.open .subMenu a:not(.active) { background: #FFF; } main.main.cases .list { display: flex; flex-flow: column wrap; } main.main.cases .list .case { display: flex; flex-flow: column nowrap; flex: 0 0 100%; } main.main.cases .list .case img { width: 100%; } main.main.cases .list .case .title { padding: 10px 20px 20px; font-size: 16px; line-height: 1.3; } main.main.cases .order { position: relative; padding: 20px 20px 0; margin: 20px 0 40px; border-top: 1px solid #AEAEAE; } main.main.cases .logo { padding: 0 20px; } main.main.cases .logo img { width: 100%; } main.main.cases .footer { display: flex; flex-flow: row nowrap; justify-content: space-between; font-size: 12px; line-height: 1.1; margin-top: 20px; padding: 0 20px; } main.main.case { overflow-x: hidden; overflow-y: auto; padding: 0; } main.main.case .back { position: absolute; top: 32px; left: 20px; z-index: 9999; margin-top: 0; } main.main.case .gallery { display: flex; flex-flow: column nowrap; } main.main.case .gallery .slick-dots { position: absolute; left: 0; bottom: 20px; width: 100%; display: flex; align-items: center; justify-content: center; } main.main.case .gallery .slick-dots li button { width: 10px; height: 10px; border: 1px solid #FFFFFF66; border-radius: 50%; font-size: 0; color: transparent; background: transparent; } main.main.case .gallery .slick-dots li.slick-active button { background: #FFF; } main.main.case .gallery .slick-dots li:not(:last-child) { margin-right: 10px; } main.main.case .gallery img { width: 100%; vertical-align: top; } main.main.case .description { padding: 0 20px 20px; } main.main.case .description .row { display: flex; flex-flow: row nowrap; line-height: 1.3; padding: 20px 0; } main.main.case .description .row:not(:last-of-type) { border-bottom: 1px solid #AEAEAE; margin-bottom: 5px; } main.main.case .description .row .name { flex: 0 0 100px; font-size: 12px; color: #AEAEAE; } main.main.case .description .row .value { flex: 1 1 100%; } main.main.case .description .row .value li:not(:last-child) { margin-bottom: 6px; } main.main.service { overflow-x: hidden; overflow-y: auto; } main.main.service .content { display: flex; flex-flow: column nowrap; margin-top: 32px; } main.main.service .content .title { font-size: 38px; font-weight: 700; line-height: 1.2; margin-bottom: 90px; text-transform: uppercase; } main.main.service .content .label { padding: 6px 30px; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 14px; background: #FFF; border-radius: 13px; align-self: flex-start; margin-bottom: 32px; } main.main.service .content .advantages { margin-bottom: 70px; } main.main.service .content .advantage { padding: 20px 0; border-bottom: 1px solid #AEAEAE; font-size: 16px; line-height: 1.3; } main.main.service .content .advantage .mainText { position: relative; font-weight: 700; padding-right: 53px; min-height: 28px; } main.main.service .content .advantage .mainText:after { position: absolute; top: 0; right: 0; content: ''; height: 28px; width: 28px; border-radius: 14px; background: #000 url("/img/plus_w.svg") no-repeat center; background-size: 10px; box-shadow: 2px 5px 10px #0006; } main.main.service .content .advantage .addText { max-height: 0; margin-top: 12px; padding-right: 28px; overflow: hidden; transition: max-height 0.2s; } main.main.service .content .advantage.open .mainText:after { background-color: #FFF; background-image: url("/img/minus.svg"); } main.main.service .content .advantage.open .addText { max-height: 6em; } main.main.service .content .advantage:first-child { border-top: 1px solid #AEAEAE; } main.main.service .content .timepoint { /* &.open .timepoint_description { max-height: 10em; } */ } main.main.service .content .timepoint .timepoint_title { position: relative; text-align: center; padding-top: 116px; font-size: 16px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; } main.main.service .content .timepoint .timepoint_title:before { content: ''; background-color: #000; background-image: url("/img/check_white.svg"); background-position: center; background-size: 12px 8px; background-repeat: no-repeat; width: 28px; height: 28px; border-radius: 14px; position: absolute; z-index: 2; top: 39px; left: calc(50% - 14px); } main.main.service .content .timepoint .timepoint_title:after { content: ''; background-color: #000; width: 5px; height: 106px; position: absolute; z-index: 1; top: 0; left: calc(50% - 2.5px); } main.main.service .content .timepoint .timepoint_description { font-size: 14px; font-weight: 400; line-height: 18px; margin-bottom: 4px; overflow: hidden; transition: max-height 0.2s; } main.main.service .content .timepoint .timepoint_description li { position: relative; margin-bottom: 6px; padding-left: 16px; } main.main.service .content .timepoint .timepoint_description li:before { content: ''; width: 4px; height: 4px; border-radius: 2px; background-color: currentColor; position: absolute; top: 7px; left: 0; } .modal { flex-flow: column nowrap; position: absolute; z-index: -1; top: 0; left: -100%; background: #FFFFFFCC; width: 100%; height: 100%; padding: 20px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition: left 0.5s, z-index 0s 0.5s; } .modal.open { z-index: 999; left: 0; transition: left 0.5s, z-index 0s; } .modal.contact form { display: inherit; flex-flow: inherit; } .modal.contact .closeButton { position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; color: #FFF; background: #000; margin-left: auto; margin-bottom: 20px; transform: rotate(45deg); cursor: pointer; } .modal.contact .closeButton:after { content: '+'; font-weight: 300; font-size: 20px; margin-bottom: 3px; } .modal.contact .title { display: flex; font-size: 24px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 44px; width: 180px; } .modal.contact .input { border: 1px solid #AEAEAE; font-size: 18px; font-weight: 300; font-family: inherit; line-height: 16px; padding: 19px 20px; margin-bottom: 30px; color: #000; } .modal.contact .input:focus { border-color: #000; } .modal.contact .input::placeholder { color: #626262; } .modal.contact .input.error { border-color: #A22; } .modal.contact textarea.input { height: 120px; } .modal.contact .button { text-transform: uppercase; width: 100%; height: 56px; display: flex; align-items: center; justify-content: center; color: #FFF; background: #000; font-weight: 600; cursor: pointer; } .modal.contact .button:disabled { background: #626262; } .modal.contact:not(.success) > .success { display: none; } .modal.contact:not(.error) > .error { display: none; } .modal.contact.success > .main, .modal.contact.error > .main { display: none; } .modal.menu { width: 100%; height: 100%; background: #FFFFFF; padding: 0; } .modal.menu .header { display: flex; } .modal.menu .header .burger { margin-left: auto; } .modal.menu .mainMenu { display: flex; flex-flow: column nowrap; justify-content: space-between; flex: 1; line-height: 1.1; color: #000; } .modal.menu .mainMenu .top { display: flex; flex-flow: column nowrap; font-size: 16px; padding-top: 2px; } .modal.menu .mainMenu .top > * { border-bottom: 1px solid #AEAEAE; } .modal.menu .mainMenu .top > a { padding: 18px 20px; } .modal.menu .mainMenu .top .block { display: flex; flex-flow: column nowrap; } .modal.menu .mainMenu .top .block .title { display: flex; flex-flow: row nowrap; height: 54px; justify-content: space-between; align-items: center; padding: 0 20px; } .modal.menu .mainMenu .top .block .title:after { display: block; content: ''; background: url("/img/plus.svg"); width: 15px; height: 15px; } .modal.menu .mainMenu .top .block .link { display: none; padding: 6px 20px; } .modal.menu .mainMenu .top .block .link:nth-child(2) { margin-top: 12px; } .modal.menu .mainMenu .top .block .link:last-child { margin-bottom: 12px; } .modal.menu .mainMenu .top .block.open .title:after { background: url("/img/minus.svg"); } .modal.menu .mainMenu .top .block.open .link { display: flex; } .modal.menu .mainMenu .bottom { display: flex; flex-flow: row nowrap; justify-content: space-between; font-size: 12px; padding: 20px; } .preloader { font-size: 28px; } /*# sourceMappingURL=mv.css.map */