/* Start:/local/templates/alphacenter_mobile_app/css/swiper-bundle.min.css?173834885118456*/
/**
 * Swiper 11.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 10, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/alphacenter_mobile_app/css/styles.css?174403400670914*/

/* For old browsers */
@supports (not(--css: variables))
{
    .supports-error
    {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .supports-error
    {
        display: flex !important;
    }
}

/*------------------------
    Fonts
------------------------*/
@font-face
{
    font-family: "Ubuntu";
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Regular.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "Ubuntu";
    font-weight: 400;
    font-style: italic;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Italic.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Italic.ttf") format("truetype");
}

@font-face
{
    font-family: "Ubuntu";
    font-weight: 300;
    font-style: normal;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Light.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Light.ttf") format("truetype");
}

@font-face
{
    font-family: "Ubuntu";
    font-weight: 300;
    font-style: italic;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-LightItalic.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-LightItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "Ubuntu";
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Medium.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Medium.ttf") format("truetype");
}

@font-face
{
    font-family: "Ubuntu";
    font-weight: 500;
    font-style: italic;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-MediumItalic.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-MediumItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "Ubuntu";
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Bold.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-Bold.ttf") format("truetype");
}

@font-face
{
    font-family: "Ubuntu";
    font-weight: 700;
    font-style: italic;

    font-display: swap;
    src: url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-BoldItalic.woff") format("woff"),
    url("/local/templates/alphacenter_mobile_app/css/../fonts/Ubuntu-BoldItalic.ttf") format("truetype");
}



/*------------------
    Reset styles
------------------*/
*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:before,
*:after
{
    box-sizing: border-box;
}

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body
{
    margin: 0;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
    text-decoration-skip: objects;
    text-rendering: optimizeLegibility;
}

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input:not(.default),
textarea,
input:not(.default):active,
textarea:active,
button
{
    margin: 0;

    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}

input[type=number]
{
    -moz-appearance: textfield;
}

:focus
{
    outline: 0;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


::-ms-clear
{
    display: none;
}



/*-------------------
    Global styles
-------------------*/
:root
{
    --font_family: "Ubuntu", sans-serif;
}

html
{
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;

    scrollbar-width: thin;
}


body
{
    color: #64748b;
    font: 14px/1.3 var(--font_family);
	letter-spacing: 0.01em;

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;

    background: #FFF;
}


button
{
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


.wrap
{
    position: relative;

    display: flex;
    overflow: clip;
    flex-direction: column;

    min-height: 100%;
}

.wrap_pad{
	padding-bottom: 90px;
}

.wrap_violet{
	background: #7668B7;
}

.wrap__bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.wrap__bg::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(216deg, rgba(60, 40, 159, 0.5) 10.23%, rgba(68, 45, 183, 0.5) 76.85%);
	pointer-events: none;
}

.wrap__bg img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.cont
{
    padding: 0 20px;
	width: 100%;
}


.lazyload
{
    opacity: 0;

    transition: opacity .5s linear;
}

.lazyload.loaded
{
    opacity: 1;
}


._flex
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}


.supports-error
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    font-family: "Arial", sans-serif;
    font-size: 20px;
    line-height: 30px;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #FFF;
}

.supports-error.show
{
    display: flex;
}


/*------------
    mini-modal
------------*/
.mini-modal
{
    position: relative;
}

.mini-modal__modal
{
    position: absolute;
    z-index: 80;
    top: calc(100% + 5px);
    left: 0;

    visibility: hidden;

    pointer-events: none;

    opacity: 0;
    border-radius: 15px;
    background: #F9F8F5;

    transition: opacity .2s linear, visibility .2s linear;
}

.mini-modal__modal._active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


/*------------
    Header
------------*/


/*------------------
    Form elements
------------------*/
::-webkit-input-placeholder
{
    color: #121826;

    opacity: .4;
}

::-moz-placeholder
{
    color: #121826;

    opacity: .4;
}

:-moz-placeholder
{
    color: #121826;

    opacity: .4;
}

:-ms-input-placeholder
{
    color: #121826;

    opacity: .4;
}

.form_settings{
	margin-top: 20px;
}

.form._hide{
	display: none;
}

.form__title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #121826;
	margin-bottom: 16px;
}

.form__subtitle{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: rgba(100, 116, 139, 0.8);

	margin-bottom: 24px;
}

.form__line
{
    margin-bottom: 10px;
}

.form__line_marg{
	margin-bottom: 16px;
}

.form__field{
	position: relative;
}

.form__eye{
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 35px;
	display: flex;
	justify-content: left;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	z-index: 3;
}

.form__eye img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.form__eye img + img{
	display: none;
}

.form__eye._active img{
	display: none;
}

.form__eye._active img + img{
	display: block;
}

.form__line-label{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #94A3B8;
}

.form__label{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	line-height: 38px;
	font-size: 15px;
	letter-spacing: 0.01em;
	color: rgba(18, 24, 38, 0.4);
	padding: 6px 15px;
	background: #F6F6FB;
	transition: font-size .2s linear, line-height .2s linear, background .2s linear;
	z-index: 2;
	pointer-events: none;
    border-radius: 6px;
}

.form__input:focus + .form__label,
.form ._full .form__label
{
    font-size: 12px;
    line-height: 14px;

    background: transparent;
}

.form .form__input
{
    color: #121826;
    font: 14px/1.4 var(--font_family);
	letter-spacing: 0.01em;

    display: block;

    width: 100%;
    height: 50px;
    padding: 14px 14px 0;

    border: 1px solid transparent;
    border-radius: 6px;
    background: #F6F6FB;

    transition: color .2s linear, border .2s linear;
}

.form .form__input_placeholder{
	padding-top: 0;
}

.form .error
{
    color: #e31d1c;

    border-color: #e31d1c;
}

.form .form__input:disabled,
.form .form__textarea:disabled
{
    cursor: default;
    pointer-events: none;
}

.form .error-text
{
    color: #e31d1c;
    font-size: 12px;
    line-height: 1.4;
	margin-top: 6px;
}

.forgot-password
{
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #121826;
}

.forgot-password__link{
	text-decoration: none;
	color: #3C289F;
	font-weight: 500;

	border-bottom: 1px solid currentColor;
	transition: border .2s linear;
}

.forgot-password__link:active{
	border-bottom-color: transparent;
}

.form__submit
{
    margin-top: 16px;
	width: 100%;
}

.form__or{
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: #64748b;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	margin-top: 24px;
}

.form__or::before{
	content: '';
	display: block;
	flex-grow: 1;
	margin-right: 16px;
	height: 1px;
	background: #f1f5f9;
	border-radius: 1px;
}

.form__or::after{
	content: '';
	display: block;
	flex-grow: 1;
	margin-left: 16px;
	height: 1px;
	background: #f1f5f9;
	border-radius: 1px;
}

.form__btns{
	margin-top: 21px;
	margin-left: -10px;
	justify-content: center;
}

.form__btns-btn{
	margin-left: 10px;
	width: 55px;
	height: 55px;
	background: rgba(239, 241, 246, 0.5);
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	transition: background .2s linear;
}

.form__btns-btn img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.form__btns-btn:active{
	background: #eff1f6;
}

.form__fix{
	position: fixed;
	left: 0;
	bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 24px;
	width: 100%;
	background: #fff;
	z-index: 10;
}

.form__fix .form__submit{
	margin-top: 0;
}



.checkbox-notification input[type=checkbox]
{
    display: none;
}

.checkbox-notification__label
{
    position: relative;

    display: block;

    cursor: pointer;
}

.checkbox-notification__text
{
    position: relative;

	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #121826;

    display: block;

    padding-right: 60px;

    cursor: pointer;

    transition: .2s linear;
}

.checkbox-notification__dot{
	position: absolute;
	right: 0;
	top: 50%;
	width: 44px;
	height: 24px;
	margin-top: -12px;
	background: #F1F1F9;
	border-radius: 50px;
	transition: background .2s linear;
}

.checkbox-notification__dot::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #121826;
	border: 2px solid #F1F1F9;
	transition: border .2s linear, background .2s linear, left .2s linear;
}

input[type=checkbox]:checked + .checkbox-notification__text .checkbox-notification__dot{
	background: #422CAC;
}

input[type=checkbox]:checked + .checkbox-notification__text .checkbox-notification__dot::before
{
    border-color: #422CAC;
	background: #ffffff;
	left: 20px;
}


.radio-verify + .radio-verify{
	margin-top: 10px;
}

.radio-verify input[type=radio]
{
    display: none;
}

.radio-verify__text{
	border-radius: 12px;
	padding: 1px;
	display: block;
	position: relative;
	color: #412BAD;
	transition: opacity .2s linear;
	opacity: .5;
	cursor: pointer;
}

.radio-verify__text::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
}

.radio-verify__flex{
	background: #fff;
	border-radius: 11px;
	flex-wrap: nowrap;
	position: relative;
	padding: 16px 15px;
}

.radio-verify__icon{
	width: 40px;
	height: 40px;
	background: #F1F1F9;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	color: currentColor;
	transition: color .2s linear;
	margin-right: 10px;
	flex-shrink: 0;
}

.radio-verify__icon svg{
	fill: currentColor;
	display: block;
}

.radio-verify__box{
	align-self: center;
}

.radio-verify__name{
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	display: block;
}

.radio-verify__desc{
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	margin-top: 5px;
	opacity: .8;
	display: block;
}

.radio-verify input[type=radio]:checked + .radio-verify__text{
	opacity: 1;
}


.radios{
	margin-left: -16px;
}

.radios .radio{
	width: calc(50% - 16px);
	margin: 8px 0 0 16px;
}

.radio input[type=radio]
{
    display: none;
}

.radio__text{
	border-radius: 12px;
	display: block;
	position: relative;

	transition: color .2s linear, border .2s linear;
	cursor: pointer;

	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #64748B;
	padding: 16px 15px;
	border: 1px solid transparent;
}

.radio__icon{
	width: 22px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	margin-right: 8px;
	flex-shrink: 0;
}

.radio__icon svg{
	fill: currentColor;
	display: block;
	width: 100%;
	height: 100%;
}

.radio__name{
	align-self: center;
	display: block;
}

.radio input[type=radio]:checked + .radio__text
{
    color: #422CAC;
	border-color: #422CAC;
}
/* 


.select-wrap
{
    position: relative;
}

.select-wrap select
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.select-wrap .nice-select
{
    position: relative;

    display: block;
}

.select-wrap .nice-select.disabled
{
    pointer-events: none;
}

.select-wrap .nice-select.open
{
    z-index: 11;
}

.select-wrap .nice-select .current
{
    position: relative;
    z-index: 4;

    color: #222629;
    font-family: var(--font_family);
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;

    display: block;
    overflow: hidden;

    min-width: 192px;
    height: 50px;
    padding: 0 42px 0 19px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #D0D0D0;
    border-radius: 5px;
    background: #F7F9FB;

    transition: border .2s linear;
}

.select-wrap .nice-select .current:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 22px;

    width: 12px;
    height: 7px;
    margin-top: -2px;

    background: url(/local/templates/alphacenter_mobile_app/css/../images/arrow2.svg) 50%/contain no-repeat;
}

.select-wrap .nice-select.open .current:after
{
    transform: rotate(180deg);
}

.select-wrap .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 5px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    pointer-events: none;

    opacity: 0;
    border-radius: 5px;
    background: #F7F9FB;
    box-shadow: 0px 8px 27px #D0D0D0;

    transition: opacity .2s linear;
}

.select-wrap .nice-select.open .list
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}

.select-wrap .nice-select .list .scrollbar
{
    overflow: hidden;
    overflow-y: auto;

    max-height: 344px;
}

.select-wrap .nice-select .list .list_item
{
    position: relative;

    color: #222629;
    font-size: 16px;
    font-weight: 400;

    padding: 10px 20px;

    cursor: pointer;

    transition: color .2s linear;
}

.select-wrap .nice-select .list .list_item:empty
{
    display: none;
}

.select-wrap .nice-select .list .list_item:hover,
.select-wrap .nice-select .list .list_item.selected
{
    color: #FFAE02;
} */


/*---------------
	Loader
---------------*/
.loader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	background: #fff;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 20px 20px 100px;
	transition: opacity .2s linear, visibility .2s linear;
}

.loader._hide{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.loader__center{
	width: 100%;
}

.loader__logo img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.loader__desc{
	margin-top: 22px;

	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	text-align: center;
	color: #58595b;
}

.loader__abs{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 20px 29px;
	z-index: 10;

	font-style: italic;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.4;;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	color: #58595b;
}


/*---------------
	Main section
---------------*/
.main-section{
	flex-grow: 1;
	padding: 20px 20px 40px;
	display: flex;
	flex-direction: column;
}

.main-slider{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.main-slider .swiper-wrapper{
	flex-grow: 1;
}

.main-slide{
	height: auto;
	display: flex;
	flex-direction: column;
}

.main-slider__img{
	min-height: 300px;
	position: relative;
	flex-grow: 1;
}

.main-slider__img img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	object-position: 50% 30%;
}

.main-slider__box{
	margin-top: 32px;
	width: 100%;
}

.main-slider__title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #121826;
}

.main-slider__desc{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: rgba(100, 116, 139, 0.8);
	margin-top: 10px;
}

.main-section__btn-violet{
	margin-top: 28px;
}

.main-section__login{
	margin-top: 26px;

	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: #64748b;
}

.main-section__login a{
	color: #3C289F;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	transition: border .2s linear, color .2s linear;
}

.main-section__login a:active{
	border-color: transparent;
	color: #220F7E;
}


/*------------------------
	Slider controls
------------------------*/
.swiper
{
    position: relative;

    margin-right: 0;
    margin-left: 0;
}

.swiper-visible
{
    overflow: visible;

    margin-top: 24px;
}

.swiper-overflow
{
    overflow: hidden;
}

.swiper-wrapper
{
    height: auto;
}

.slider-button-prev,
.slider-button-next
{
    position: absolute;
    z-index: 10;
    top: 50%;

    color: #FF764B;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 63px;
    height: 63px;
    margin-top: -31.5px;

    cursor: pointer;

    border-radius: 63px;
    background: #F8F8F8;
    box-shadow: 0px 35px 10px 0px rgba(116, 222, 255, .00), 0px 22px 9px 0px rgba(116, 222, 255, .01), 0px 13px 8px 0px rgba(116, 222, 255, .05), 0px 6px 6px 0px rgba(116, 222, 255, .09), 0px 1px 3px 0px rgba(116, 222, 255, .10);

    transition: color .2s linear;
}

.slider-button-prev .button-arrow,
.slider-button-next .button-arrow
{
    display: block;

    width: 18px;
    height: 25px;

    fill: currentColor;
}

.slider-button-prev .button-circle,
.slider-button-next .button-circle
{
    position: absolute;
    top: -1px;
    left: -1px;

    display: block;
    display: none;

    width: 65px;
    height: 65px;

    transition: stroke-dashoffset .4s linear;
    transform: scaleY(-1);

    stroke: #0C65AF;
    stroke-dasharray: 200;
    stroke-dashoffset: 100;
    stroke-linecap: round;
}

.slider-button-prev .button-circle
{
    transform: scaleY(-1) scaleX(-1);
}

@media (any-hover: hover)
{
    .slider-button-prev:hover,
    .slider-button-next:hover
    {
        color: #0C65AF;
    }

    .slider-button-prev:hover .button-circle,
    .slider-button-next:hover .button-circle
    {
        stroke-dashoffset: 0;
    }
}

.slider-button-prev
{
    left: -32px;
}

.slider-button-next
{
    right: -32px;
}

.slider-button-prev.swiper-button-disabled,
.slider-button-next.swiper-button-disabled
{
    cursor: default;
    pointer-events: none;

    opacity: 0;
}

.swiper-button-lock
{
    display: none;
}

.slider-pagination
{
    position: relative;
    bottom: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    max-width: none;
    height: 10px;
    margin-top: 20px;
    padding: 0;

    text-align: center;

    transition: 300ms opacity, 300ms visibility;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction
{
    bottom: 0;
}

.slider-pagination.swiper-pagination-lock,
.slider-progressbar.swiper-pagination-lock
{
    display: none !important;
}

.slider-dot
{
    position: relative;

    display: block;

    width: 9px;
    height: 9px;
    margin: 0;
    padding: 0;

    border: none;
    border-radius: 9px;
    background: rgba(64, 43, 172, 0.14);
    box-shadow: none;

    transition: background .2s linear, width .2s linear;

    appearance: none;
}

.slider-dot + .slider-dot
{
    margin-left: 10px;
}

.slider-pagination-clickable .slider-dot
{
    cursor: pointer;
}

.slider-dot:active
    {
        background: #402BAB
    }

.slider-dot.slider-dot_active
{
    background: #402BAB;
	width: 24px;
}


/*------------
    BTNS
------------*/
.btn-violet{
	display: block;

	font-size: 16px;
	line-height: 50px;
	letter-spacing: 0.01em;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	position: relative;
}

.btn-violet::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
	border-radius: 6px;
}

.btn-violet::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #220F7E;
	border-radius: 6px;
	transition: opacity .2s linear;
	opacity: 0;
}

.btn-violet span{
	position: relative;
	display: block;
	z-index: 1;
}

.btn-violet:active::after{
	opacity: 1;
}


.btn-white{
	display: block;

	font-size: 16px;
	line-height: 50px;
	letter-spacing: 0.01em;
	font-weight: 500;
	text-align: center;
	color: #422CAC;
	text-decoration: none;
	border-radius: 6px;
	position: relative;
	transition: color .2s linear;
}

.btn-white::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 6px;
	transition: opacity .2s linear;
}

.btn-white::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
	border-radius: 6px;
	transition: opacity .2s linear;
	opacity: 0;
}

.btn-white span{
	position: relative;
	display: block;
	z-index: 1;
}

.btn-white:active{
	color: #fff;
}

.btn-white:active::before{
	opacity: 0;
}

.btn-white:active::after{
	opacity: 1;
}


/*------------
    Tabs
------------*/
.tabs._flex
{
    align-content: stretch;
    align-items: stretch;

    margin: 12px 0 0 -20px;
}

.tabs__button
{
    position: relative;

    color: rgba(1, 35, 85, .80);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;

    width: calc(100%/3 - 20px);
    margin: 20px 0 0 20px;
    padding: 59px 0 46px;

    text-align: left;

    border-radius: 10px;
    background: #F9F9F9;

    transition: background .2s linear;
}

@media (any-hover: hover)
{
    .tabs__button:hover
    {
        background: #FFF;
    }

    .tabs__button:hover::before
    {
        opacity: 1;
    }
}

.tabs__button._active
{
    background: #FFF;
}

.tabs__button._active::before
{
    opacity: 1;
}

.tabs__button::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    border: 2px solid #0C65AF;
    border-radius: 10px;

    transition: opacity .2s linear;
}

.tabs__button-img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 173px;
    padding: 0 30px;
}

.tabs__button-img img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.tabs__button-name
{
    color: #012355;
    font-family: var(--font_family2);
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;

    display: block;

    padding: 31px 30px 13px;
}

.tabs__button-bot
{
    flex-wrap: nowrap;

    padding: 20px 20px 0 30px;

    border-top: 1px solid rgba(1, 35, 85, .20);
}

.tabs__button-info
{
    color: rgba(97, 97, 97, .50);

    flex-shrink: 0;

    margin-left: 16px;

    white-space: nowrap;
}

.tab-content
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    opacity: 0;
}

.tab-content._active
{
    visibility: visible;
    overflow: visible;

    height: auto;
    margin-top: 80px;

    opacity: 1;

    transition: opacity .5s linear;
}


.page-back{
	padding-top: 20px;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}

.page-back__link{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #121826;
	flex-wrap: nowrap;
	text-decoration: none;
}

.page-back__link-arrow{
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	background: #F1F1F9 url(/local/templates/alphacenter_mobile_app/css/../images/arrow.svg) 50% no-repeat;
	border-radius: 8px;
	transition: background .2s linear;
	flex-shrink: 0;
}

.page-back__link-arrow._white{
	background-color: rgba(255, 255, 255, 0.3);
	background-image: url(/local/templates/alphacenter_mobile_app/css/../images/arrow-5.svg);
}


.page-back__link-arrow:active{
	background-color: #eff1f6;
}

.page-back__link-name{
	margin-left: 20px;
	align-self: center;
}

.page-back__form-search{
	width: calc(100% - 52px);
	margin-top: 0;
}


.page-inner{
	padding-bottom: 24px;
}

.page-inner_pad{
	padding-bottom: 90px;
}

.page-title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #121826;
	padding-top: 14px;
	margin-bottom: 20px;
}

.main-title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #121826;
	margin-bottom: 20px;
}



.section-login{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding-bottom: 40px;
	position: relative;
}

.section-login_pad{
	padding-bottom: 90px;
}

.section-login .cont{
	flex-grow: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.section-login__top{
	flex-grow: 1;
	margin-top: 24px;
}

.section-login__info{
	margin-top: 30px;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: #64748b;
	width: 100%;
}

.section-login__info-link{
	text-decoration: none;
	font-weight: 500;

	color: #3C289F;
	border-bottom: 1px solid currentColor;
	transition: border .2s linear, color .2s linear;
}

.section-login__info-link:active{
	border-color: transparent;
    color: #220F7E;
}


.section-login_password._hide{
	display: none;
}

.done-section{
	flex-grow: 1;
	padding: 20px 20px 90px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.done-section._hide{
	display: none;
}

._fade{
	animation: 1.5s fade;
}

@keyframes fade
{
	from {
		opacity: .1;
	}
	to {
		opacity: 1;
	}
}

.done-section__img{
	min-height: 300px;
	position: relative;
	flex-grow: .763;
}

.done-section__img img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
	object-position: 50% 30%;
}

.done-section__title{
	margin-top: 32px;
	width: 100%;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #121826;
}

.done-section__desc{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: rgba(100, 116, 139, 0.8);
	margin-top: 10px;
}

.done-section__btn{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	padding: 0 20px 24px 20px;
	z-index: 10;
}


.section-profile__top{
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}

.section-profile__profile{
	flex-wrap: nowrap;
	flex-grow: 1;
}

.section-profile__photo{
	width: 66px;
	height: 66px;
	flex-shrink: 0;
	margin-right: 14px;
}

.section-profile__photo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.section-profile__name{
	align-self: center;

	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: 0.01em;
	color: #000;
}

.section-profile__settings{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	background: #f1f5f9;
	margin-left: 20px;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 8px;
}

.section-profile__settings img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}


.section-profile__subscribe{
	background: linear-gradient(25deg, #07CAC0 47%, #01FAD3 100%);
	padding: 24px;
	border-radius: 12px;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin-top: 24px;
}

.section-profile__subscribe-info{
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #fff;
}

.section-profile__subscribe-info span{
	font-size: 18px;
	text-transform: uppercase;
}

.section-profile__subscribe-bgn{
	flex-shrink: 0;
	margin-left: 20px;
	background: #fff;
	border-radius: 12px;

	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.01em;
	text-align: center;
	color: #09BBBA;
	padding: 0 20px;
	min-width: 131px;
	text-decoration: none;
}


.section-profile__info{
	margin-top: 30px;
}

.section-profile__setor + .section-profile__setor{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #f1f5f9;
}

.page-list__item + .page-list__item{
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #EFEFEF;
}

.page-list__link {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.01em;
	color: #64748B;
	text-decoration: none;
	display: block;
	position: relative;
	padding-right: 40px;
	transition: color .2s linear;
}

.page-list__link:active{
	color: #3C289F;
}

.page-list__link::after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/arrow-2.svg) 50% no-repeat;
}

.logout{
	margin-top: 30px;

	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #3C289F;
}

.logout__btn{
	color: #3C289F;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

.logout__btn:active{
	border-bottom-color: currentColor;
}


.fixed-btns{
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 0 26px;
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.fixed-btns__btn{
	padding: 11px 10px;
	/* width: calc(100%/4 - 10px); */
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
	letter-spacing: 0.02em;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.fixed-btns__btn:active,
.fixed-btns__btn.active{
	color: #00FFD5;
}

.fixed-btns__btn-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	height: 20px;
}

.fixed-btns__btn-icon svg{
	display: block;
	width: 20px;
	height: 20px;
	fill: currentColor;
	stroke: currentColor;
}

.fixed-btns__btn-name{
	display: block;
	width: 100%;
	margin-top: 3px;
}


.products_marg{
	margin-top: 26px;
}

.product{
	flex-wrap: nowrap;
}

.product + .product{
	margin-top: 15px;
}

.product__img{
	display: block;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: 8px;
	flex-shrink: 0;
	margin-right: 12px;
}

.product__img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product__name{
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0.02em;
	color: #121826;
}

.product__name a{
	color: #121826;
	text-decoration: none;
}

.product__info{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: nowrap;
	margin-top: 5px;
}

.product__info-icon{
	width: 16px;
	height: 16px;
	margin-right: 4px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.product__info-icon img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.product__info-text{
	align-items: center;

	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: normal;
	color: #64748b;
}

.product__desc{
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: normal;
	margin-top: 5px;
	color: #64748b;
}


.form-search_marg{
	margin-top: 24px;
}

.form-search__input{
	background: rgba(241, 241, 249, 0.7) url(/local/templates/alphacenter_mobile_app/css/../images/lupa.svg) 15px 50% no-repeat;
	border: 1px solid #422CAC;
	display: block;

	font: 16px/1.4 var(--font_family);
	letter-spacing: 0.01em;
	color: #121826;
	height: 50px;
	width: 100%;
	padding: 0 15px 0 48px;
	border-radius: 6px;
}

.faq_marg{
	margin-top: 32px;
}

.faq__item + .faq__item{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #EFEFEF;
}

.faq__title{
	display: block;

	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #121826;
	cursor: pointer;
	position: relative;
	transition: color .2s linear;
}

.faq__item._active .faq__title{
	color: #422CAC;
}

.faq__title::after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/arrow-3.svg) 50% no-repeat;
}

.faq__item._active .faq__title::after{
	transform: rotate(180deg);
}

.faq__data{
	display: none;
	padding: 16px 16px 0;
}

.faq__item._active .faq__data{
	display: block;
}

.text-block > :last-child{
	margin-bottom: 0 !important;
}

.text-block h2{
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #121826;
	margin-bottom: 10px;
}

.text-block p{
	margin-bottom: 20px;
}

.text-block ul{
	margin-bottom: 20px;

	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.01em;
	color: #64748b;
	list-style: none;
}

.text-block ul li + li{
	margin-top: 10px;
}

.text-block ul li{
	display: block;
	position: relative;
	padding-left: 13px;
}

.text-block ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: currentColor;
}


.delete-account{
	margin-top: 15px;
	text-align: center;

	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #e31d1c;
}

.delete-account a{
	text-decoration: none;
	color: currentColor;
}


.profile-password{
	background: rgba(241, 241, 249, 0.7);
	border-radius: 6px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 13px 16px;

	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.01em;
	color: #121826;
	text-decoration: none;
	margin: 20px 0 24px;
}

.profile-password__icon{
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 10px;
	flex-shrink: 0;
}

.profile-password__icon svg{
	display: block;
	width: 100%;
	height: 100%;
	fill: #D0D8F3;
}

.profile-password__text{
	display: block;
	position: relative;
	padding-right: 30px;
	flex-grow: 1;
}

.profile-password__text::after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/arrow-4.svg) 50% no-repeat;
}



  /* .time-picker {
	display: flex;
	align-items: center;
	gap: 10px;
  }
  
  .time-column {
	width: 80px;
	height: 120px;
	overflow: hidden;
	position: relative;
	border: 2px solid #9c88ff;
	border-radius: 8px;
	background-color: #f0f0f0;
  }
  
  .time-value {
	text-align: center;
	font-size: 24px;
	color: #a0a0a0;
	height: 40px;
	line-height: 40px;
	transition: color 0.2s ease-out, transform 0.2s ease-out;
  }
  
  .time-value.active {
	font-size: 32px;
	font-weight: bold;
	color: #333;
	transform: scale(1.2);
  }
  
  .separator {
	font-size: 32px;
	color: #333;
  } */



.form_notification{
	margin-top: 20px;
}

.notification__save{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	padding: 0 20px 24px 20px;
	z-index: 10;
}

.notification__save .form__submit{
	margin-top: 0;
}


.timepicker{
	overflow: hidden;
	width: 194px;
	position: relative;
	margin: 50px auto 0;
}

.timepicker::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 50px;
	margin-top: -25px;
	box-shadow: inset 0 5px 12px 0 rgba(0, 0, 0, 0.25);
	background: #f1f5f9;
	border: 2px solid #422CAC;
	border-radius: 6px;
	width: 100%;
}

.timepicker__wrap{
	justify-content: center;
}

.timepicker__hours,
.timepicker__mintes{
	width: 36%;
	height: 150px;
	overflow: visible;
}

.timepicker__hours .swiper-slide,
.timepicker__mintes .swiper-slide{
	font-size: 24px;
	line-height: 50px;
	text-align: center;
	color: #94A3B8;
	transform: scale(.7);
	transition: transform .3s linear, color .3s linear;
}

.timepicker__hours .swiper-slide.swiper-slide-active,
.timepicker__mintes .swiper-slide.swiper-slide-active{
	transform: scale(1);
	color: #121826;
}



.about-subscription{
	margin-top: 24px;
}

.about-subscription__top{
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
	padding: 19px 15px;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	border-radius: 6px;
}

.about-subscription__top._free{
	background: linear-gradient(216deg, #00ffd5 5.71%, #09bbba 100%);
}

.about-subscription__top-name{
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #fff;
}
.about-subscription__top-val{
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.about-subscription__info{
	margin-top: 32px;
}

.about-subscription__item + .about-subscription__item{
	margin-top: 22px;
}

.about-subscription__title{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #64748b;
}

.about-subscription__val{
	margin-top: 3px;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #121826;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}

.about-subscription__vav-cart{
	flex-shrink: 0;
	width: 28px;
	height: 20px;
	margin-right: 9px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.about-subscription__vav-cart img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.about-subscription__links{
	margin-top: 24px;
}

.about-subscription__link + .about-subscription__link{
	margin-top: 3px;
}

.about-subscription__link{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #3C289F;
}

.about-subscription__link a{
	text-decoration: none;
	color: currentColor;
	border-bottom: 1px solid;
	transition: border .2s linear;
}

.about-subscription__link a:active{
	border-bottom-color: transparent;
}


.about-subscription__text-block{
	margin-top: 50px;
}


.form__subscription{
	background: rgba(124, 124, 124, 0.06);
	padding: 24px 20px 40px;
}

.page-inner_subscription{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.about-subscription{
	flex-grow: 1;
	width: 100%;
}

.radios-choose{
	justify-content: center;
	margin-left: -11px;
	margin-top: 16px;
	margin-bottom: 30px;
}

.radios-choose_marg{
	margin-top: 0;
	margin-bottom: 58px;
}

.radio-choose{
	width: 104px;
	position: relative;
	padding-top: 13px;
	margin-left: 11px;
}

.radio-choose input[type=radio]{
	display: none;
}

.radio-choose__label{
	display: block;
}

.radio-choose__best{
	position: absolute;
	left: 0;
	top: -13px;
	width: 100%;
	background: rgba(9, 187, 186, 0.19);

	font-size: 10px;
	line-height: 13px;
	letter-spacing: 0.02em;
	text-align: center;
	color: #09bbba;
	border-radius: 12px 12px 0 0;
}

.radio-choose__text{
	display: block;
	height: 129px;
	position: relative;
	padding-top: 12px;
}

.radio-choose__text::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(9, 187, 186, 0.3);
	border-radius: 12px;
	transition: border .2s linear;
}

.radio-choose__text._green{
	background: radial-gradient(64.36% 65.37% at 34.76% 36.43%, #00ffd5 0%, #06d5c4 47.5%, #09bbba 100%);
	border-radius: 0 0 12px 12px;
}

.radio-choose__text._green::before{
	display: none;
}

.radio-choose__time{
	display: block;

	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: #121826;
}

.radio-choose__time._white{
	color: #fff;
}

.radio-choose__price{
	display: block;

	font-weight: 500;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: #121826;
	margin-top: 16px;
}

.radio-choose__price._white{
	color: #fff;
}

.radio-choose__dot{
	margin: 14px auto 0;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(9, 187, 186, 0.3);
	border-radius: 50%;

	display: block;
	position: relative;
	transition: border .2s linear;
}

.radio-choose__dot._white{
	border-color: #fff;
}

.radio-choose__dot::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	opacity: 0;
	background: #09BBBA;
	transition: opacity .2s linear;
	border-radius: 50%;
}

.radio-choose__dot._white::before{
	background: #fff;
}

.radio-choose input[type=radio]:checked + .radio-choose__text::before{
	border-color: #09BBBA;
}

.radio-choose input[type=radio]:checked + .radio-choose__text .radio-choose__dot{
	border-color: #09BBBA;
}

.radio-choose input[type=radio]:checked + .radio-choose__text .radio-choose__dot._white{
	border-color: #fff;
}

.radio-choose input[type=radio]:checked + .radio-choose__text .radio-choose__dot::before{
	opacity: 1;
}

.radio-choose__sale{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #09bbba;

	font-weight: 400;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.02em;
	text-align: center;
	color: #fff;
	border-radius: 0 0 12px 12px;
	border: 1px solid #09bbba;
}

.radio-choose__sale._white{
	background: #fff;
	color: #09bbba;
}



.empty-search{
	flex-grow: 1;
	width: 100%;
	padding: 0 0 24px;
}

.empty-search__img img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.empty-search__title{
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #121826;
	margin-top: 24px;
}

.empty-search__desc{
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-align: center;
	color: #64748b;
	margin-top: 10px;
}

.info-search{
	padding-bottom: 24px;
}

.info-search_big{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding-top: 8px;
}

.info-search_big .cont{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.info-search__bord{
	border-top: 1px solid #cbd5e1;
	padding-top: 32px;
	width: 100%;
}

.info-search_big .info-search__bord{
	flex-grow: 1;
}

.info-search__items{
	min-height: 130px;
	margin: -8px 0 0 -8px;
	row-gap:0.5em;
}

.info-search__item{
	background: #f1f1f9;
	border-radius: 6px;
	margin: 8px 0 0 8px;

	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.01em;
	text-align: center;
	color: #121826;
	text-decoration: none;
	padding: 8px 16px;
}

.info-search__btn-violet{
	margin-top: 16px;
}


.create-account{
	flex-grow: 1;
	position: relative;
	padding: 90px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.create-account__title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.create-account__subtitle{
	margin-top: 16px;

	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.01em;
	text-align: center;
	color: #fff;
	opacity: .8;
}

.create-account__wrap{
	padding: 0 20px;
	margin-top: 32px;
}

.create-account__link + .create-account__link{
	margin-top: 10px;
}

.create-account__link{
	text-decoration: none;
	border-radius: 6px;
	background: rgba(255,255,255,.8);
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.01em;
	text-align: center;
	color: #121826;
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding: 14px 34px;
	transition: background .2s linear;
}

.create-account__link-icon{
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	flex-shrink: 0;
	margin-right: 8px;
}

.create-account__link-icon img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.create-account__link-name{
	width: calc(100% - 28px);
	max-width: 200px;
}

.create-account__link:active{
	background: #fff;
}

.create-account__info{
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: #fff;
	padding-top: 16px;
	margin-top: 42px;
	border-top: 1px solid rgba(255,255,255,.4);
}

.create-account__info a{
	color: currentColor;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	transition: border .2s linear;
}

.create-account__info a:active{
	border-bottom-color: transparent;
}

.create-account__agree{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 20px 40px;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-align: center;
	color: rgba(255,255,255,.5);
}

.create-account__agree a{
	color: currentColor;
	text-decoration: none;
	border-bottom: 1px solid;
	transition: color .2s linear;
}

.create-account__agree a:active{
	color: #fff;
}


.subscription{
	min-height: 55vh;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 40px 20px 30px;
}

.subscription__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: calc(100% + 40px);
	object-fit: cover;
	object-position: 50% 30%;
}

.subscription__top{
	position: relative;
}

.subscription__title{
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.subscription__subtitle{
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	color: #fff;
	margin-top: 16px;
}

.subscription__icon{
	flex-grow: 1;
	padding: 60px 0 16px 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	position: relative;
}

.subscription__icon img{
	display: block;
	max-width: 100%;
	height: 23px;
	object-fit: contain;
}

.subscription__info{
	position: relative;

	font-size: 12px;
	line-height: 1.1;
	text-transform: uppercase;
	color: #d9d1ff;
	text-align: center;
}

.subscription-info{
	overflow: hidden;
	overflow-y: auto;
	height: 45vh;
	min-height: 260px;
	background: #fff;
	border-radius: 15px 15px 0 0;
	position: relative;
	padding: 24px 0 110px;
}

.subscription-info .form__subscription{
	padding: 0;
	background: none;
}

.subscription-info__fix{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	padding: 12px 20px 11px;
	z-index: 20;
}

.subscription-info__fix .form__submit{
	margin-top: 0;
}

.subscription-info__fix-info{
	font-size: 10px;
	line-height: 1.3;
	color: #64748b;
	margin-top: 8px;
}


.subscription-info__links{
	border-top: 1px solid rgba(173, 185, 209, 0.2);
	padding-top: 10px;
	margin-top: 16px;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
	gap: 0 3px;
}

.subscription-info__link{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	background: #F1F1F9;
	border-radius: 6px;

	font-size: 10px;
	line-height: 1.3;
	letter-spacing: 0.02em;
	text-align: center;
	color: #64748b;
	padding: 10px 6px;
	text-decoration: none;
}


.catalog{
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.catalog .page-back{
	padding-top: 0;
}

.catalog__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: calc(50vh + 20px);
	object-fit: cover;
}

.catalog__top{
	position: relative;
	width: 100%;
	padding: 20px 0 30px;
	min-height: 50vh;
	display: flex;
	flex-direction: column;
}

.heade-user{
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	padding: 0 20px;
	text-decoration: none;
}

.heade-user__photo{
	width: 30px;
	height: 30px;
	margin-right: 10px;
	flex-shrink: 0;
}

.heade-user__photo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.heade-user__name{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.01em;
	color: #fff;
}

.top-slider_marg{
	margin-top: 30px;
}

.top-slider{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.top-slider .swiper-wrapper{
	flex-grow: 1;
}

.top-slider .swiper-slide{
	height: auto;
	padding-bottom: 20px;
}

.top-slider__title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-align: center;
	color: #fff;
	min-height: 88px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.top-slider__info{
	margin-top: 10px;

	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	opacity: .7;
}

.slider-pagination._white{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 20px;
	height: 1px;
	flex-wrap: nowrap;
	gap: 0 11px;
	margin-top: 0;
}

.slider-pagination._white .slider-dot{
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.5);
	margin: 0;
}

.slider-pagination._white .slider-dot.slider-dot_active{
	background: #fff;
}


.catalog__bot{
	padding-top: 30px;
	border-radius: 15px;
	background: #fff;
	position: relative;
}

.catalog__products{
	margin-top: 50px;
}


.sorting{
	margin: -4px -20px 20px;
	padding: 0 20px 0 10px;
	overflow: hidden;
	overflow-x: auto;
	flex-wrap: nowrap;
}

.sorting::-webkit-scrollbar{
	display: none;
}

.sorting__item{
	display: block;
	flex-shrink: 0;
	margin-left: 10px;

	background: #eff1f6;
	font-size: 14px;
	line-height: 27px;
	letter-spacing: 0.01em;
	color: rgba(18, 24, 38, 0.8);
	text-decoration: none;
	padding: 0 11px;
	border-radius: 3px;
	transition: background .2s linear;
}

.sorting__item:active{
	background: #d9dfed;
}

.sorting__item.active{
	color: #fff;
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
}

.catalog__form-search{
	margin-top: 50px;
}


.sections{
	width: calc(100% + 40px);
	padding: 0 20px;
	margin: 0 -20px;
}

.sections .swiper-slide{
	width: 194px;
}

.sections__item{
	display: block;

	height: 273px;
	overflow: hidden;
	border-radius: 12px;
	text-decoration: none;
	color: #fff;
	position: relative;
}

.sections__item-bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sections__item::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .15;
	background: #121826;
}

.sections__sticker{
	position: absolute;
	left: 15px;
	top: 15px;
	display: block;
	backdrop-filter: blur(8px);
	background: rgba(18, 24, 38, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;

	padding: 0 7px;
	font-size: 10px;
	line-height: 19px;
	text-transform: uppercase;
	z-index: 2;
}

.sections__bot{
	position: absolute;
	bottom: 0;
	left: 0;
	backdrop-filter: blur(15px);
	background: rgba(18, 24, 38, 0.2);
	padding: 10px 15px 15px;
	z-index: 2;
	display: block;
	width: 100%;
}

.sections__name{
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	min-height: 32px;
}

.sections__number{
	font-size: 10px;
	line-height: normal;
	letter-spacing: 0.02em;
	margin-top: 10px;
}


.about-section_marg{
	margin-top: 35px;
}

.about-section__title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #fff;
}

.about-section__number{
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #fff;
}

.about-section__desc{
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #fff;
	opacity: .8;
}



.section-inner{
	position: relative;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.section-inner .page-back{
	padding-top: 0;
}

.section-inner__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: calc(50vh + 20px);
	object-fit: cover;
}

.section-inner__bg::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(216deg, rgba(60, 40, 159, 0.2) 10.23%, rgba(68, 45, 183, 0.2) 76.85%), rgba(27, 4, 135, 0.6);
}

.section-inner__bg img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-inner__top{
	position: relative;
	width: 100%;
	padding: 20px 0 30px;
	min-height: 50vh;
	display: flex;
	flex-direction: column;
}

.section-inner__top .cont{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.section-inner__play{
	width: 100%;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 20px 0;
}

.section-inner__play-btn{
	display: block;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	background: rgba(255,255,255,.4) url(/local/templates/alphacenter_mobile_app/css/../images/play.svg) 50% no-repeat;
}

.section-inner__bot{
	padding-top: 30px;
	border-radius: 15px;
	background: #fff;
	position: relative;
}

.section-inner__progress{
	margin-top: 24px;
}

.section-inner__progress-line{
	height: 5px;
	background: #F1F5F9;
	border-radius: 7px;
}

.section-inner__progress-line span{
	height: 5px;
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
	border-radius: 7px;
	display: block;
}

.section-inner__progress-bot{
	margin-top: 10px;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.section-inner__progress-info{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #64748b;
}

.section-inner__progress-number{
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: #64748b;
}


.section-inner__items{
	margin-top: 30px;
}

.section-inner__item{
	display: block;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.01em;
	color: #121826;
	text-decoration: none;
	position: relative;
	padding-left: 34px;
	min-height: 26px;
}

.section-inner__item + .section-inner__item{
	margin-top: 15px;
}

.section-inner__item::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: linear-gradient(216deg, #3c289f 10.23%, #442db7 76.85%);
}

.section-inner__item::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/play.svg) 50%/10px auto no-repeat;
}

.section-inner__item_look::before{
	background: #F1F5F9;
}

.section-inner__item_look::after{
	background-image: url(/local/templates/alphacenter_mobile_app/css/../images/look.svg);
	background-size: 11px auto;
}

.section-inner__item-time{
	display: block;
	margin-top: 5px;

	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #64748b;
}



.text-wrap__block{
	max-height: 108px;

	overflow: hidden;
}

.text-wrap__block._active{
	max-height: none;

	overflow: visible;
}

.text-wrap__more{
	display: none;
	padding-right: 20px;
	margin-top: 6px;

	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.01em;
	position: relative;
	color: #3C289F;
}

.text-wrap._on .text-wrap__more{
	display: inline-block;
}

.text-wrap__more::after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/arrow-6.svg) 50% no-repeat;
}

.text-wrap__more._active::after{
	transform: rotate(180deg);
}

.text-wrap__more span{
	border-bottom: 1px solid transparent;
	transition: border .2s linear;
}

.text-wrap__more span + span{
	display: none;
}

.text-wrap__more._active span{
	display: none;
}

.text-wrap__more._active span + span{
	display: inline;
}

.text-wrap__more:active span{
	border-bottom-color: currentColor;
}


.subscription__close{
	position: absolute;
	right: 16px;
	top: 16px;
	width: 32px;
	height: 32px;
	backdrop-filter: blur(10px);
	border-radius: 4px;

	background: rgba(255, 255, 255, 0.3);
}

.subscription__close:active {
    background-color: rgba(255, 255, 255, 0.1);
}

.subscription__close::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/close-2.svg) 50% no-repeat;
	border-radius: 4px;
}


.section-player__top{
	padding: 20px 20px 0;
	position: relative;
	z-index: 2;
	justify-content: space-between;
	width: 100%;
}

.section-player .page-back{
	padding-top: 0;
}

.favorite-btn{
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;

	background: rgba(255, 255, 255, 0.3) url(/local/templates/alphacenter_mobile_app/css/../images/favorite_off.svg) 50% no-repeat;
	border-radius: 8px;
	transition: background .2s linear;
}

.favorite-btn._active{
	background-image: url(/local/templates/alphacenter_mobile_app/css/../images/favorite_on.svg);
}


.section-player__bot{
	margin-top: auto;
	width: 100%;
	padding: 20px 0 45px;
	position: relative;
	z-index: 2;
}

.section-player__title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin-bottom: 25px;
}

.section-player__time{
	margin-bottom: 32px;

	font-size: 10px;
	line-height: 14px;
	color: #fff;
	text-align: center;
}

.section-player__time span{
	display: inline-block;
	vertical-align: top;
	padding: 3px 7px;

	backdrop-filter: blur(8px);
	box-shadow: 0 4px 20px 0 rgba(15, 23, 42, 0.04);
	background: rgba(255, 255, 255, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
}

/*------------
    Modal
------------*/
._lock-modal{
	overflow: hidden;
}

.modal
{
    position: fixed;
    z-index: 320;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	visibility: hidden;
	pointer-events: none;

    padding: 20px 0;

    border: none;
	background: linear-gradient(216deg, rgba(60, 40, 159, 0.2) 10.23%, rgba(68, 45, 183, 0.2) 76.85%);

	transition: opacity .2s linear, visibility .2s linear;
	display: flex;
	flex-direction: column;
}

.modal._show{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.modal__wrap{
	margin: auto;
	width: 261px;
	border-radius: 21px;
	background: #ffffff;
	padding: 26px 25px;
	position: relative;
}

.modal__wrap_big{
	width: 375px;
	padding: 24px 20px 42px;
}

.modal__wrap_middle{
	width: 368px;
	padding: 24px 20px;
}

.modal__close{
	position: absolute;
	top: 20px; 
	right: 20px;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	z-index: 10;
	background: #F1F1F9 url(/local/templates/alphacenter_mobile_app/css/../images/close.svg) 50% no-repeat;
	transition: background-color .2s linear;
}

.modal__close:active{
	background-color: #D9D5EF;
}

.modal__title{
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	color: #121826;
}

.modal__title_left{
	text-align: left;
	padding-right: 40px;
}

.modal__subtitle{
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-align: center;
	color: #64748b;
	margin-top: 16px;
}

.modal__text{
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.01em;
	text-align: center;
	color: #121826;
}

.modal__ok{
	margin-top: 27px;
	text-align: center;
}

.modal__ok-btn{
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-align: center;
	color: #3C289F;
	border-bottom: 1px solid transparent;
	display: inline-block;
	transition: border .2s linear;
}

.modal__ok-btn:active{
	border-bottom-color: currentColor;
}

.modal__btns{
	margin-top: 24px;
	justify-content: space-between;
}

.modal__btns-btn{
	font-size: 16px;
	line-height: 48px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none;
	color: #3C289F;
	border: 1px solid #3C289F;
	width: calc(50% - 5px);
	display: block;
	border-radius: 6px;
	transition: color .2s linear, background .2s linear;
}

.modal__btns-btn:active{
	background: #3C289F;
	color: #fff;
}

.modal__logout{
	width: calc(50% - 5px);
}

.modal__btn{
	margin-top: 20px;
}

.modal__text-block{
	margin-top: 20px;
}



.section-player{
	position: relative;
	flex-grow: 1;
	width: 100%;
	background: #B3A5F4;
	display: flex;
	flex-direction: column;
}

.section-player__bg{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.section-player__bg_blur{
	filter: blur(20px);
}

.section-player__bg img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-player__bg::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(216deg, rgba(60, 40, 159, 0.2) 10.23%, rgba(68, 45, 183, 0.2) 76.85%), rgba(27, 4, 135, 0.47);
}

.section-player__bg_blur::after{
	background: rgba(27, 4, 135, 0.47);
}

.green-audio-player__btns{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.green-audio-player__center{
	display: block;
	width: 95px;
	height: 95px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	margin: 0 20px;
}

.audio.green-audio-player {
	width: 100%;
	z-index: 10;
	min-height: 70vh;
	display: flex;
	flex-direction: column;
	margin-top: auto;
}

.audio.green-audio-player .play-pause-btn {
	display: none;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.audio.green-audio-player .loading{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	width: 95px;
	height: 95px;
	border-radius: 50%;
}

.audio.green-audio-player .spinner {
	width: 34px;
	height: 34px;

    position: relative;

    display: block;

    margin: 0 auto;

    border: 4px solid #fff;
    border-top-color: #3C289F;
    border-radius: 50%;

    animation: 1s spin linear infinite;
}

.preloader span:before
{
    content: "";

    position: absolute;
    top: -4px;
    left: -4px;

    display: block;

    width: inherit;
    height: inherit;

    opacity: .5;
    border: 4px solid #fff;
    border-radius: 50%;
}

@keyframes spin
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}

.btn-rewind,
.btn-forward{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: rgba(217, 217, 217, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	font-weight: 500;
	font-size: 5px;
	line-height: 20px;
	letter-spacing: 0.01em;
	color: #fff;
	position: relative;
}

.btn-rewind::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -11px;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/ic_rewind.svg) 100% 0 no-repeat;
}

.btn-forward::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	background: url(/local/templates/alphacenter_mobile_app/css/../images/ic_forward.svg) 0 0 no-repeat;
}

.green-audio-player__bot{
	padding: 36px 67px;
	backdrop-filter: blur(30px);
	background: rgba(18, 24, 38, 0.3);
	margin-top: auto;
}

.green-audio-player__name{
	padding-bottom: 20px;

	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.audio.green-audio-player .slider {
	flex-grow: 1;
	background-color: #d8d8d8;
	cursor: pointer;
	position: relative;
}

.audio.green-audio-player .slider .progress {
	background-color: #fff;
	border-radius: inherit;
	position: absolute;
	pointer-events: none;
	border-radius: 2px;
}

.audio.green-audio-player .slider .progress .pin {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	pointer-events: all;
	padding: 5px;
}

.audio.green-audio-player .slider .progress .pin span{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	pointer-events: none;
}

.audio.green-audio-player .controls {
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: wrap;
}

.audio.green-audio-player .controls .slider {
	height: 4px;
	background: rgba(255, 255, 255, 0.26);
	border-radius: 2px;
	width: 100%;
	margin-bottom: 8px;
}

.audio.green-audio-player .controls .slider .progress {
	width: 0;
	height: 100%;
}

.audio.green-audio-player .controls .slider .progress .pin {
	right: -12px;
	top: -10px;
}

.audio.green-audio-player .controls span {
	cursor: default;
}

.audio.green-audio-player .volume {
	position: relative;
	display: none;
}

.audio.green-audio-player .volume .volume-btn {
	cursor: pointer;
}

.audio.green-audio-player .volume .volume-btn.open path {
	fill: #44bfa3;
}

.audio.green-audio-player .volume .volume-controls {
	width: 30px;
	height: 135px;
	background-color: rgba(0, 0, 0, 0.62);
	border-radius: 7px;
	position: absolute;
	left: -3px;
	bottom: 52px;
	flex-direction: column;
	align-items: center;
	display: flex;
}

.audio.green-audio-player .volume .volume-controls.hidden {
	display: none;
}

.audio.green-audio-player .volume .volume-controls .slider {
	margin-top: 12px;
	margin-bottom: 12px;
	width: 6px;
	border-radius: 3px;
}

.audio.green-audio-player .volume .volume-controls .slider .progress {
	bottom: 0;
	height: 100%;
	width: 6px;
}

.audio.green-audio-player .volume .volume-controls .slider .progress .pin {
	left: -5px;
	top: -8px;
}

.current-time{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.01em;
	color: #c5cce0;
	pointer-events: none;
}

.total-time{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.01em;
	color: #c5cce0;
	pointer-events: none;
}

/* End */


/* Start:/local/templates/alphacenter_mobile_app/css/dev_styles.css?17568942063185*/
.form_result_errors, .form_result_success{
    display:none;
    flex-direction: column;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 5px;
}
.form_result_errors{
    color: red;
    background-color: #ffe7e7;
}
.form_result_success{
    color: green;
    background-color: rgb(174, 243, 174);
}
.heade-user__photo span, .section-profile__photo span{
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3e29a5;
    font-weight: 600; 
    height: 100%;
    width: 100%;
}
.section-profile__photo span{
    border: 1px solid #3e29a5;
    font-size:20px;
}
.def-check{
    margin-bottom: 1em;
}
.cancel__btn{
    display: block;
    margin-top: 1em;
}
.text-block ol li {
    margin-left:2em;
    line-height: 1.5em;
}
.text-block ol b{
    margin-bottom: 1em;
    margin-top: 1em;
    display: block;
}
.preloader{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(219.01deg, #81A2E4 6.81%, #8069ED 36.01%);
    color: #fff;
}
.preloader_top p{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 2em;
}
.preloader_top{
    text-align: center;
}

.preloader-5 {
    display: block;
    position: relative;
    width: 65px;
    height: 65px;
    margin: 30px auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #003563;
    animation: preloader-5-spin 2s linear infinite;
}
.preloader-5:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BFE2FF;
    animation: preloader-5-spin 3s linear infinite;
}
.preloader-5:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #c440be;
    animation: preloader-5-spin 1.5s linear infinite;
}
@keyframes preloader-5-spin {
    0%   {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.personal_additional_link.section-profile__setor{
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #EFEFEF;
}
.bill_section_wrapp{
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.promocode_title, .payment_title{
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
.bill_section{
    margin-top:1em;
}
.balance span{
    font-size: 1.25em;
    font-weight: 600;
}
.balance{
    font-size:1.25em;
}
.bill_section_wrapp .note{
    font-style: italic;
}
.bill_section_wrapp .promocode, .bill_section_wrapp .payment{
    display: flex;
    flex-wrap: wrap;
    gap:1em;
}
.bill_section_wrapp .form__line {
    margin:0;
}
.bill_section_wrapp .promocode p, .bill_section_wrapp .payment p{
    flex-basis: 100%;
}
.bill_section_wrapp button{
    padding-left: 1em;
    padding-right: 1em;
}
.bill_section_wrapp .form__line {
    flex-grow: 1;
}
/* End */
/* /local/templates/alphacenter_mobile_app/css/swiper-bundle.min.css?173834885118456 */
/* /local/templates/alphacenter_mobile_app/css/styles.css?174403400670914 */
/* /local/templates/alphacenter_mobile_app/css/dev_styles.css?17568942063185 */