.mc-block__section.mc-block__apps { display: none; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1 } body { margin: 0 } article,aside,footer,header,nav,section { display: block } h1 { margin: 0 } figcaption,figure,main { display: block } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { -webkit-text-decoration-skip: objects; background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b,strong { font-weight: inherit; font-weight: bolder } code,kbd,samp { font-family: monospace,monospace } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } sub,sup { line-height: 0; position: relative; vertical-align: baseline } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; margin: 0 } button,input { overflow: visible } button,select { text-transform: none } [type=reset],[type=submit],button,html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox],[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details,menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } * { -webkit-box-sizing: border-box; box-sizing: border-box } :after,:before { -webkit-box-sizing: border-box; box-sizing: border-box } ::-webkit-input-placeholder { color: #505050; opacity: 1; -webkit-transition: opacity .25s; transition: opacity .25s } :focus::-webkit-input-placeholder { opacity: 0 } :-moz-placeholder { color: #505050; opacity: 1; -moz-transition: opacity .25s; transition: opacity .25s } :focus::-moz-placeholder { opacity: 0 } ::-moz-placeholder { color: #505050; opacity: 1; -moz-transition: opacity .25s; transition: opacity .25s } :focus:-moz-placeholder { opacity: 0 } :-ms-input-placeholder { color: #505050; opacity: 1; -ms-transition: opacity .25s; transition: opacity .25s } :focus:-ms-input-placeholder { opacity: 0 } body input:focus:required:invalid,body textarea:focus:required:invalid { color: #505050 } body input:required:valid,body textarea:required:valid { color: #505050 } *,body { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0,0,0,0); outline: none } body,html { background-color: #f5f5f5; height: 100% } body { font-family: -apple-system,BlinkMacSystemFont,Inter,Roboto,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.25; min-width: 320px; opacity: 1; overflow-x: hidden } h1,h2,h3,h4,h5,h6 { font-size: 1em; font-weight: 400; margin: 0 } .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; min-height: 100vh } .main,.wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex } .main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; width: 100% } .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; } .title { -webkit-box-flex: 1; color: #1c1c1e; -ms-flex: 1 100%; flex: 1 100%; font-size: 20px; font-weight: 600; letter-spacing: .38px; line-height: 1.8; margin-bottom: 10px } .title__wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 20px; width: 100%; padding: 0 15px; } .title__wrapper .title { -webkit-box-flex: 1; color: #27272a; -ms-flex: 1; flex: 1; font-weight: 600; letter-spacing: -.09px; line-height: 1.25; margin-bottom: 0 } .title__link { color: #D33031; font-size: 13px; letter-spacing: -.01px; line-height: 1.38; text-decoration: none } .page-content { padding-bottom: 24px; padding-top: 12px } .placeholder { background-color: #d9d9d9; min-height: 400px; width: 100% } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .popup { background-color: #fff; border-radius: 22px; margin: 0 20px; max-height: calc(100% - 30px); max-width: 350px; padding: 24px; position: relative; top: 40px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100% } .popup__img { font-size: 0; margin-bottom: 15px; text-align: center } .popup__title { font-size: 20px; font-weight: 500; letter-spacing: -.09px; margin-bottom: 16px; text-align: center } .popup__text { color: #636366; letter-spacing: -.05px; line-height: 1.31; margin-bottom: 16px } .popup__text p { margin: 0 0 16px } .popup__text p:last-child { margin-bottom: 0 } .popup__link { color: #007aff; display: block; letter-spacing: -.05px; line-height: 1.31; margin: 0 auto; text-align: center; text-decoration: none } .popup__wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; visibility: hidden; width: 100%; z-index: 999 } .popup__wrapper.is-active { opacity: 1; pointer-events: all; visibility: visible } .popup__wrapper.is-active .popup { top: 0 } .popup__wrapper .overlay { background: hsla(0,0%,4%,.77); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .header { background-color: #D33031; width: 100% } .header__row { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding-bottom: 12px; padding-top: 12px; width: 100% } .header__back,.header__link { font-size: 0 } .header__title { -webkit-box-flex: 1; color: #fff; -ms-flex: 1; flex: 1; font-size: 17px; font-weight: 500; letter-spacing: -.41px; line-height: 1.29; text-align: center } .faq { padding-top: 20px } .faq__list { -ms-grid-columns: 1fr; display: -ms-grid; display: grid; gap: 12px; grid-template-columns: repeat(1,1fr); width: 100% } .faq__item { background: #fff; border-radius: 12px; padding: 16px } .faq__item.is-active .faq__arrow span:before { opacity: 0; -webkit-transform: translate(-50%,-50%) rotate(90deg); -ms-transform: translate(-50%,-50%) rotate(90deg); transform: translate(-50%,-50%) rotate(90deg) } .faq__top { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } .faq__question { color: #27272a; font-size: 17px; font-weight: 500; letter-spacing: -.073px; line-height: 1.29 } .faq__arrow { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; width: 24px } .faq__arrow span { background-color: #8d969f; border-radius: 50px; display: block; font-size: 0; height: 2px; position: relative; width: 12px } .faq__arrow span:before { background-color: #8d969f; border-radius: 50px; content: ""; height: 12px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 2px } .faq__answer { height: 0; overflow: hidden; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .faq__answer-text { color: #71717a; font-size: 14px; letter-spacing: -.043px; line-height: 1.3; margin-top: 12px; padding-right: 28px } .faq__answer-text a { color: #D33031 } .faq__answer-text p { margin: 0 0 18.2px } .faq__answer-text p:last-child { margin-bottom: 0 } .booking,.orders,.profile { -webkit-box-flex: 1; background-color: #fff; -ms-flex: 1 100%; flex: 1 100% } .callback { background-color: #fff; border-radius: 22px 22px 0 0; margin-top: auto; padding: 20px } .callback .container { padding: 0 } .callback__wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; background: #f2f2f7; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; justify-content: space-between; padding: 14px 15px; text-decoration: none; width: 100% } .callback__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .callback__title { color: #1c1c1e; font-weight: 500; letter-spacing: -.05px; line-height: 1.31; margin-bottom: 2px } .callback__text { color: #6b6b6b; font-size: 12px; line-height: 1.33 } .callback__icon { -webkit-box-flex: 0; -ms-flex: 0 36px; flex: 0 36px; font-size: 0; height: 36px } .callback__icon svg { height: 100%; width: 100% } .support { -webkit-box-flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 0 0 22px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; margin-bottom: 28px; padding: 20px } .support .container { padding: 0 } .support__wrapper { margin: 0 auto; max-width: 360px; text-align: center } .support__link { color: #D33031; display: inline-block; font-size: 18px; font-weight: 600; letter-spacing: .1px; line-height: 1.2; margin-bottom: 5px; margin-top: 20px; text-decoration: none; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .support__link:first-child { margin-top: 0 } .support__label { color: #6b6b6b; font-size: 12px; font-weight: 300; letter-spacing: .1px; line-height: 1.2 } .support__img { font-size: 0; margin-bottom: 15px; margin-top: 20px } .support__title { color: #1c1c1e; letter-spacing: .1px; line-height: 1.3 } .about { -webkit-box-flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; padding: 20px; text-align: center } .about__wrapper { margin: 0 auto; max-width: 360px } .about__logo { font-size: 0; margin-bottom: 50px } .about__title { color: #1c1c1e; font-size: 24px; font-weight: 300; letter-spacing: .091px; line-height: 1.25; margin-bottom: 50px } .about__links ul { list-style-type: none; margin: 0; padding: 0 } .about__links li { font-size: 13px; letter-spacing: -.01px; line-height: 1.3; margin-bottom: 12px } .about__links li:last-child { margin-bottom: 0 } .about__links a { color: #afabab; text-decoration: none; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .about__links a:focus-visible,.about__links a:hover { color: #D33031 } .about__bottom { margin-top: auto; padding: 20px; text-align: center } .about__bottom-icon { font-size: 0; margin-bottom: 6px } .about__bottom-ver { color: #71717a; font-size: 12px; font-weight: 500; letter-spacing: .1px } .splash { -webkit-box-flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f9f9f9; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; padding: 20px; position: relative } .splash__top { left: 50%; max-width: 565px; position: absolute; top: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); width: 100% } .splash__top img { height: auto; max-width: 100% } .splash__bottom { bottom: 0; left: 50%; max-width: 565px; position: absolute; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); width: 100% } .splash__bottom img { height: auto; max-width: 100% } .splash__wrapper { margin: 0 auto; max-width: 360px; text-align: center; z-index: 1 } .splash__logo { font-size: 0; margin-bottom: 50px } .splash__title { color: #1c1c1e; font-size: 24px; font-weight: 300; letter-spacing: .091px; line-height: 1.25 }