/* Start:/local/templates/imama/css/vendor/swiper-bundle.min.css?176398119416493*/
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.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: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: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,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.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:10px;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: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:10px;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-progressbar{background: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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background: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:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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}.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 .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,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/imama/css/style.css?168258912481518*/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sub {
    bottom: -0.25em; }

sup {
    top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none; }

/*
  Шрифты и сброс
 */

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/imama/fonts/museo/subset-MuseoSansCyrl-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/imama/fonts/museo/subset-MuseoSansCyrl-100.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/imama/fonts/museo/subset-MuseoSansCyrl-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('/local/templates/imama/fonts/museo/subset-MuseoSansCyrl-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo Sans Cyrl 900';
    src: url('/local/templates/imama/fonts/museo/subset-MuseoSansCyrl-900.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/**
	Миксины
 */
/**
	Глобальные переменные :root
 */
h1, .h1 {
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    font-size: 55px;
    margin-bottom: 1rem; }

h2, .h2 {
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    font-size: 44px;
    margin-bottom: 1rem; }

h3, .h3 {
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    font-size: 28px;
    margin-bottom: 1rem; }

h4, .h4 {
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    font-size: 22px;
    margin-bottom: 1rem; }

h5, .h5 {
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    font-size: 16px;
    margin-bottom: 1rem; }

h6, .h6 {
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    font-size: 14px;
    margin-bottom: 1rem; }

:root {
    --container-min-width: 375px;
    --container-max-width: 1330px;
    --container-max-width-l: 1024px;
    --container-margin: 0px auto;
    --container-padding: 0 1em;
    --border-radius: 5px;
    --animation: 200ms;
    --font-family:  'TT Commons', serif;
    --font-family:  'Museo Sans Cyrl', serif;
    --font-size:  18px;
    --font-size-body:  var(--font-size);
    --font-size-p:  1rem;
    --color-font: #181C22;
    --color-peach: #C6A67C;
    --color-pink: #e91e63;
    --color-orange: orange;
    --color-main: #8E82C1;
    --color-white: #ffffff;
    --color-blue: #D4DFEA;
    --color-black: #000000;
    --color-gray: #829397;
    --color-green: #82C1A3;
    --color-l-gray: #F3F5F8;
    --color-bc1: #F6ECE6;
    --color-bc2: #e7e6e5;
    --color-bc3: #DDECF0;
    --color-bc4: #EBE8E7;
    --color-bc5: #F6ECE6;
    --color-bc6: #F3E9EB;
    --color-bc7: #F2EBE7;
    --color-bc8: #E9EDDC;
    --color-bc9: #E6EFF8;
    --color-bc10: #E1EEF0;
    --color-saturate: 30; }

/*
	Сбросы и хелперы
	noselect - не выделять область
	nowrap - не переносить слова на новые строки
	table - div превращает в таблицу
	container - общий класс для центральной области
 */
.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                      supported by Chrome, Edge, Opera and Firefox */ }

button, input, select, textarea {
    font-family: var(--font-family);
    font-weight: 400;
    outline-color: var(--color-main);
    box-sizing: border-box;
    max-width: 100%;
    display: inline-flex;
    padding: 10px 1em;
    font-size: 16px;
    border-radius: 10px; }

.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden; }

.table {
    display: table; }

.table-cell {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box; }

.table-row {
    display: table-row;
    vertical-align: middle;
    box-sizing: border-box; }

.table-cell.right-cell {
    text-align: right; }

.hide {
    opacity: 0;
    visibility: hidden; }

.show {
    opacity: 1;
    visibility: visible; }

.container {
    max-width: var(--container-max-width);
    min-width: var(--container-min-width);
    margin: var(--container-margin);
    padding: var(--container-padding);
    box-sizing: border-box; }

.close {
    --width:24px;
    --weight:2px;
    position: relative;
    width: var(--width);
    height: var(--width);
    opacity: 0.5; }

.close:hover {
    opacity: 1; }

.close:before, .close:after {
    position: absolute;
    left: calc(50% - var(--weight));
    top: 0;
    content: ' ';
    height: var(--width);
    width: var(--weight);
    background-color: #000; }

.close:before {
    transform: rotate(45deg); }

.close:after {
    transform: rotate(-45deg); }

.scrollbar, body, .modal-root__content, .modal-compact .modal-root__container {
    --scrollbar-width:5px;
    --scrollbar-track-width:5px;
    --scrollbar-track-border-radius:12px;
    --scrollbar-track-color:#ffffff;
    --scrollbar-scrollbar-thumb-color:var(--color-main);
    --scrollbar-scrollbar-thumb-border-radius:10px; }
.scrollbar::-webkit-scrollbar, body::-webkit-scrollbar, .modal-root__content::-webkit-scrollbar, .modal-compact .modal-root__container::-webkit-scrollbar {
    width: var(--scrollbar-width); }
.scrollbar::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .modal-root__content::-webkit-scrollbar-track, .modal-compact .modal-root__container::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
    border-radius: var(--scrollbar-track-border-radius);
    width: var(--scrollbar-track-width); }
.scrollbar::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .modal-root__content::-webkit-scrollbar-thumb, .modal-compact .modal-root__container::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-scrollbar-thumb-border-radius);
    background: var(--scrollbar-scrollbar-thumb-color); }

/*
  ui - файлы
 */
.button {
    --ui-color:var(--color-main);
    --border-color:var(--ui-color);
    --background:transparen;
    --color:var(--ui-color);
    --font-size:1em;
    --padding-top-bottom:10px;
    --padding-left-right:16px;
    --margin-inner:15px;
    --icon-size:calc(1em * 1.2);
    --transition:100ms;
    line-height: calc(1em * 1);
    display: inline-flex;
    border: 1px solid var(--border-color);
    color: var(--color);
    background: var(--color);
    font-size: 1em;
    padding: var(--padding-top-bottom) var(--padding-left-right);
    border-radius: 5px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 10px;*/
    align-content: space-between;
    transition: var(--transition);
    text-decoration: none;
    /*box-shadow: inset 0 0 1px 1px #00000038, 0px 1px 0px 0px #0000002b;*/
    /*&-white {
          background: var(--color-white);
          color: var(--ui-color);
          border: solid 1px var(--color-white);
          &:hover {
              background: transparent;
              border: solid 1px var(--color-white);
              color: var(--color-white);
          }
      }
      &-transparent {
          background: transparent;
          color: var(--color-white);
          border: solid 1px var(--color-white);
          &:hover {
              background: #3c8898;
              color: #fff;
              border: solid 1px #3c8898;
          }

      }
      .--dark-green:hover{
          background: red;
      }*/
    /*
          @media screen and (max-width: 1200px)

       */
    /*
          Создать медиа запрос на кастомный скрин вот так
       */
    /*
          .button:not(.-stop-animation):hover
      */
    /*
      &:not(.-stop-animation):hover{
          --color:var(--ui-color);
          --border-color:var(--ui-color);
          --background: transparent;
      }

       */
    /*
          .button.--color-red{}
      */ }
.button:active {
    box-shadow: inset 0 0 3px 2px #00000038; }
.button:hover {
    color: var(--border-color);
    background: var(--white);
    border: solid 1px var(--border-color); }
@media screen and (max-width: 1024px) {
    .button {
        padding: 16px 30px 15px;
        font-size: 16px;
        height: auto; } }
@media screen and (max-width: 500px) {
    .button {
        /*	background: red;*/ } }
.button .icon {
    width: var(--icon-size);
    height: var(--icon-size);
    --fill:var(--color);
    fill: var(--color);
    margin: 0 calc(var(--margin-inner) / 2.5);
    box-sizing: border-box;
    transition: var(--transition); }
.button span {
    font-size: var(--font-size);
    margin: 0 calc(var(--margin-inner) / 2.5); }
.button.--font {
    --border-color:#181C22;
    --background:#181C22;
    --color:#fff; }
.button.--font:hover {
    filter: contrast(1.2); }
.button.--peach {
    --border-color:#C6A67C;
    --background:#C6A67C;
    --color:#fff; }
.button.--peach:hover {
    filter: contrast(1.2); }
.button.--pink {
    --border-color:#e91e63;
    --background:#e91e63;
    --color:#fff; }
.button.--pink:hover {
    filter: contrast(1.2); }
.button.--orange {
    --border-color:orange;
    --background:orange;
    --color:#fff; }
.button.--orange:hover {
    filter: contrast(1.2); }
.button.--main {
    --border-color:#8E82C1;
    --background:#8E82C1;
    --color:#fff; }
.button.--main:hover {
    filter: contrast(1.2); }
.button.--white {
    --border-color:#ffffff;
    --background:#ffffff;
    --color:#fff; }
.button.--white:hover {
    filter: contrast(1.2); }
.button.--blue {
    --border-color:#D4DFEA;
    --background:#D4DFEA;
    --color:#fff; }
.button.--blue:hover {
    filter: contrast(1.2); }
.button.--black {
    --border-color:#000000;
    --background:#000000;
    --color:#fff; }
.button.--black:hover {
    filter: contrast(1.2); }
.button.--gray {
    --border-color:#829397;
    --background:#829397;
    --color:#fff; }
.button.--gray:hover {
    filter: contrast(1.2); }
.button.--green {
    --border-color:#82C1A3;
    --background:#82C1A3;
    --color:#fff; }
.button.--green:hover {
    filter: contrast(1.2); }
.button.--l-gray {
    --border-color:#F3F5F8;
    --background:#F3F5F8;
    --color:#fff; }
.button.--l-gray:hover {
    filter: contrast(1.2); }
.button.--bc1 {
    --border-color:#F6ECE6;
    --background:#F6ECE6;
    --color:#fff; }
.button.--bc1:hover {
    filter: contrast(1.2); }
.button.--bc2 {
    --border-color:#e7e6e5;
    --background:#e7e6e5;
    --color:#fff; }
.button.--bc2:hover {
    filter: contrast(1.2); }
.button.--bc3 {
    --border-color:#DDECF0;
    --background:#DDECF0;
    --color:#fff; }
.button.--bc3:hover {
    filter: contrast(1.2); }
.button.--bc4 {
    --border-color:#EBE8E7;
    --background:#EBE8E7;
    --color:#fff; }
.button.--bc4:hover {
    filter: contrast(1.2); }
.button.--bc5 {
    --border-color:#F6ECE6;
    --background:#F6ECE6;
    --color:#fff; }
.button.--bc5:hover {
    filter: contrast(1.2); }
.button.--bc6 {
    --border-color:#F3E9EB;
    --background:#F3E9EB;
    --color:#fff; }
.button.--bc6:hover {
    filter: contrast(1.2); }
.button.--bc7 {
    --border-color:#F2EBE7;
    --background:#F2EBE7;
    --color:#fff; }
.button.--bc7:hover {
    filter: contrast(1.2); }
.button.--bc8 {
    --border-color:#E9EDDC;
    --background:#E9EDDC;
    --color:#fff; }
.button.--bc8:hover {
    filter: contrast(1.2); }
.button.--bc9 {
    --border-color:#E6EFF8;
    --background:#E6EFF8;
    --color:#fff; }
.button.--bc9:hover {
    filter: contrast(1.2); }
.button.--bc10 {
    --border-color:#E1EEF0;
    --background:#E1EEF0;
    --color:#fff; }
.button.--bc10:hover {
    filter: contrast(1.2); }
.button.--saturate {
    --border-color:30;
    --background:30;
    --color:#fff; }
.button.--saturate:hover {
    filter: contrast(1.2); }

.btn.--green {
    --ui-color:var(--color-green); }

.btn {
    --ui-color:var(--color-main);
    --border-color:var(--ui-color);
    color: var(--color-white);
    border: 1px solid var(--border-color);
    background: var(--ui-color);
    padding: 19px 40px 18px;
    border-radius: 15px;
    font-size: 17px;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer; }

.btn.--is-loading{
    position: relative;
    color: transparent!important;

}

.btn.--is-loading::after{
    content: '';
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff;
    border-top-color: transparent;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    transform: translate(-50%, -50%);
    animation: rotating 800ms linear infinite;
    box-sizing: border-box;

}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}


.btn:hover {
    color: var(--ui-color);
    background: var(--white);
    border: solid 1px var(--border-color); }

.btn-transparent {
    color: var(--border-color);
    background: var(--white);
    border: solid 1px var(--border-color); }
.btn-transparent:hover {
    color: var(--color-white);
    background: var(--ui-color);
    border: solid 1px var(--border-color); }

.--double-icon {
    display: grid;
    grid-template-columns: 50px 1fr 30px;
    gap: 10px;
    max-width: 300px;
    align-items: center;
    padding: 10px; }
.--double-icon:hover svg {
    fill: var(--ui-color); }
.--double-icon:hover .small {
    color: var(--ui-color); }
.--double-icon svg {
    fill: var(--color-white); }
.--double-icon span {
    display: block; }
.--double-icon .link {
    font-size: 20px;
    font-weight: 600; }
.--double-icon .small {
    font-size: 12px;
    font-weight: 500;
    color: #CEE7ED;
    line-height: 1em; }
.--double-icon .link-icon {
    justify-content: center; }
.--double-icon .link-icon svg {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-left: 10px; }
.--double-icon .down-icon svg {
    width: 10px;
    height: 10px;
    vertical-align: middle; }

.btn:hover svg {
    fill: var(--color-white); }

.btn svg {
    width: 10px;
    height: 10px;
    fill: var(--ui-color);
    transition: 200ms; }

.btn-big {
    padding: 13px 94px;
    line-height: 1.1em; }

.btn-middle {
    padding: 19px 70px 18px; }

.checkbox, .radio {
    --ui-color:var(--color-main, #000);
    --icon-size:17px;
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1.5em;
    cursor: pointer;
    align-content: center;
    align-items: center; }
.checkbox input, .radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
    border: 1px solid #000;
    border-radius: 3px;
    margin-right: 5px;
    outline: none;
    cursor: pointer;
    position: relative;
    background: transparent; }
.checkbox input:checked, .radio input:checked {
    border-color: var(--ui-color);
    background: var(--ui-color);
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Crect style='fill:transparent;' width='512' height='512'/%3E%3Cpolygon style='fill:%23fff;' points='241.216,396.952 120.176,302.664 154.6,258.496 228.92,316.392 351.6,139.376 397.632,171.28 '/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    /*background: var(--ui-color);
       border: 1px solid var(--ui-color);
       box-shadow: inset 0 0 0px 3px white;*/
    /**
              Cюда можно установить фон галочки
           */ }
.checkbox.--font, .radio.--font {
    --ui-color:#181C22; }
.checkbox.--peach, .radio.--peach {
    --ui-color:#C6A67C; }
.checkbox.--pink, .radio.--pink {
    --ui-color:#e91e63; }
.checkbox.--orange, .radio.--orange {
    --ui-color:orange; }
.checkbox.--main, .radio.--main {
    --ui-color:#8E82C1; }
.checkbox.--white, .radio.--white {
    --ui-color:#ffffff; }
.checkbox.--blue, .radio.--blue {
    --ui-color:#D4DFEA; }
.checkbox.--black, .radio.--black {
    --ui-color:#000000; }
.checkbox.--gray, .radio.--gray {
    --ui-color:#829397; }
.checkbox.--green, .radio.--green {
    --ui-color:#82C1A3; }
.checkbox.--l-gray, .radio.--l-gray {
    --ui-color:#F3F5F8; }
.checkbox.--bc1, .radio.--bc1 {
    --ui-color:#F6ECE6; }
.checkbox.--bc2, .radio.--bc2 {
    --ui-color:#e7e6e5; }
.checkbox.--bc3, .radio.--bc3 {
    --ui-color:#DDECF0; }
.checkbox.--bc4, .radio.--bc4 {
    --ui-color:#EBE8E7; }
.checkbox.--bc5, .radio.--bc5 {
    --ui-color:#F6ECE6; }
.checkbox.--bc6, .radio.--bc6 {
    --ui-color:#F3E9EB; }
.checkbox.--bc7, .radio.--bc7 {
    --ui-color:#F2EBE7; }
.checkbox.--bc8, .radio.--bc8 {
    --ui-color:#E9EDDC; }
.checkbox.--bc9, .radio.--bc9 {
    --ui-color:#E6EFF8; }
.checkbox.--bc10, .radio.--bc10 {
    --ui-color:#E1EEF0; }
.checkbox.--saturate, .radio.--saturate {
    --ui-color:30; }

.radio input {
    border-radius: 50%; }

.input {
    position: relative; }
.input input {
    padding-right: 2em;
    width: 100%;
    margin: 10px 0; }
.input .icon {
    width: 1em;
    height: 1em;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    fill: var(--color-main); }

/**
  Это основные стиле шаблона
*/
:root {
    --side-padding:calc(calc(var(--container-max-width-l) - var(--container-max-width))  / 2);
    --saturate: 30; }
@media screen and (max-width: 1024px) {
    :root {
        --container-max-width: 100%; } }

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    line-height: 1.4em;
    --scrollbar-width: 10px; }

.w100 {
    width: 100%; }

@media screen and (max-width: 1300px) {
    .h2 {
        font-size: 35px; } }

@media screen and (max-width: 768px) {
    .h2 {
        font-size: 28px; } }

.form-ok,
.form-error {
    font-size: 13px;
    color: #bf2525;
    background: #ffdede;
    line-height: 1em;
    padding: 12px;
    border-radius: 5px; }

.form-ok {
    color: #17811b;
    background: #d1ffd3; }

a {
    font-size: 1em;
    text-decoration: none;
    color: var(--color-main);
    transition: 200ms; }

a:hover {
    color: var(--color-green); }

.header_body {
    display: grid;
    grid-template-columns: 261px 1fr 355px;
    justify-items: center;
    align-items: center;
    padding: 16px 0; }

@media screen and (max-width: 1200px) {
    .pc {
        display: none; } }

.header_body_mob {
    position: relative;
    display: none; }
@media screen and (max-width: 1200px) {
    .header_body_mob {
        display: block; } }

.header-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
    /*a {
        width: 30px;
        height: 30px;
        padding: 10px;
      }*/ }
.header-container .icons {
    display: flex;
    gap: 10px; }
.header-container a.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--color-black); }
.header-container a.logo svg {
    width: 135px;
    height: 50px; }
.header-container .header_social {
    padding: 7px;
    border-radius: 15px; }
.header-container .header_social svg {
    width: 25px !important;
    height: 25px !important; }
.header-container .burger {
    justify-self: end; }
.header-container .burger svg {
    width: 25px;
    height: 25px; }
.header-container .header_icons {
    padding: 2px;
    width: 35px;
    height: 35px;
    border-radius: 15px; }
.header-container .header_icons svg {
    width: 12px;
    height: 12px;
    fill: #fff;
    position: relative;
    right: -2px;
    top: 12px; }
@media screen and (max-width: 1024px) {
    .header-container .header_icons svg {
        position: inherit;
        align-self: center;
        display: block;
        margin: 0 auto; } }
.header-container .close {
    display: none; }

.nav-container {
    position: absolute;
    top: 70px;
    transform: translateX(-120%);
    transition: 200ms;
    opacity: 0;
    z-index: 5;
    height: calc(100vh - 70px);
    border-top: solid 1px #D2DFE7;
    background: #fff; }
@media screen and (max-width: 320px) {
    .nav-container {
        height: 100vh;
        width: 117.3% !important; } }
.nav-container .nav_mob a {
    display: block;
    color: var(--color-black);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 400; }
.nav-container .sub {
    font-size: 14px;
    font-weight: 400;
    color: #829397;
    margin: 0;
    padding: 20px; }
.nav-container .sub p {
    margin: .5em 0;
    line-height: 1em; }
.nav-container .sub a {
    font-size: 12px;
    font-weight: 400;
    color: #6B797A;
    display: inline-flex;
    text-decoration: underline; }

.menu-is-visible {
    display: block;
    opacity: 1;
    transform: translateX(0);
    width: 100%;
    padding: 10px 0;
    margin: 0; }

.mob {
    display: none; }
@media screen and (max-width: 1200px) {
    .mob {
        display: block; } }

.header_body a {
    text-decoration: none; }

.header_logo .logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-black); }

.logo svg {
    width: 290px;
    height: 60px; }

.logo span {
    font-size: 35px;
    font-weight: 600;
    margin-top: 5px; }

.nav {
    margin-top: 5px; }

.nav_link {
    font-size: 17px;
    font-weight: 400;
    padding: 0 10px;
    color: var(--color-black); }

.aside {
    display: flex;
    gap: 25px; }

.aside_item {
    text-align: center; }
.aside_item button.btn {
    padding: 19px 22px; }

.aside_item .btn {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 19px 30px; }

.aside_item .btn:hover svg {
    fill: var(--ui-color); }

.aside_item .btn svg {
    width: 15px;
    height: 16px;
    fill: #ffffff; }

.aside_item .btn span {
    line-height: 1em; }

.header_social {
    display: grid;
    border: solid 1px var(--color-blue);
    border-radius: 13px;
    padding: 3px 13px;
    box-sizing: border-box;
    color: #92a7bb;
    font-weight: 400;
    justify-items: center;
    align-items: center; }
.header_social svg {
    width: 30px;
    height: 30px; }
.header_social div {
    font-size: 12px;
    font-weight: 400;
    color: #ADBDCC; }

.offer_text {
    font-size: 16px;
    color: var(--color-gray);
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    font-weight: 400;
    line-height: 1.4rem; }
.offer_text:before {
    content: url("/local/templates/imama/assets/dist/img/descr-icon.svg");
    position: absolute;
    top: 0;
    left: 0; }

.homepage-br {
    border-radius: 20px; }

.homepage {
    background: url(/local/templates/imama/assets/dist/img/bg.jpg) no-repeat;
    width: 100%;
    height: 620px;
    margin: 0 auto; }
@media screen and (max-width: 1024px) {
    .homepage {
        background: url(/local/templates/imama/assets/dist/img/mob-main-bg.jpg) no-repeat center top;
        height: 537px;
        padding: 150px 0;
        width: 100%;
        background-size: cover; } }
@media screen and (max-width: 425px) {
    .homepage {
        padding: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }
@media screen and (max-width: 425px) {
    .homepage {
        padding: 0; } }

.homepage_offer {
    display: grid;
    grid-template-columns: 514px 1fr;
    gap: 20px;
    justify-items: center;
    align-items: end;
    padding: 10px;
    height: 620px; }
@media screen and (max-width: 1300px) {
    .homepage_offer {
        grid-template-columns: 1fr;
        row-gap: 25px;
        height: 100%; } }
@media screen and (max-width: 425px) {
    .homepage_offer .homepage_offer-img img {
        width: 56%;
        transform: translateX(-50%); }
    .homepage_offer .homepage_offer-item .descr .sub {
        margin-bottom: 10px; }
    .homepage_offer .homepage_offer-item .offer_text {
        font-size: 14px;
        line-height: 1em;
        /*padding: 5px 0 10px;
                  @include size(s) {
                    padding: 5px 0 0;
                  }*/ }
    .homepage_offer .homepage_offer-item .btn {
        padding: 10px 0; } }
@media screen and (max-width: 1300px) {
    .homepage_offer-img {
        margin-top: 0; } }
@media screen and (max-width: 1024px) {
    .homepage_offer-img {
        margin-bottom: -100px; } }
@media screen and (max-width: 808px) {
    .homepage_offer-img {
        margin-bottom: 0; } }
@media screen and (max-width: 1300px) {
    .homepage_offer-img img {
        width: 50%;
        position: relative;
        left: 50%;
        transform: translateX(-50%); } }
@media screen and (max-width: 1024px) {
    .homepage_offer-img img {
        width: 100%;
        transform: translate(-50%, -24%); } }
@media screen and (max-width: 768px) {
    .homepage_offer-img img {
        transform: translate(-50%, -27%); } }
@media screen and (max-width: 808px) {
    .homepage_offer-img img {
        width: 70%; } }
.homepage_offer-item {
    position: relative;
    align-self: center; }
.homepage_offer-item .descr {
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(52%, -50%); }
@media screen and (max-width: 1300px) {
    .homepage_offer-item .descr {
        position: inherit;
        transform: inherit;
        right: 0; } }
@media screen and (max-width: 425px) {
    .homepage_offer-item .descr .offer_text {
        font-size: 14px; } }
.homepage_offer-item .descr .title {
    font-size: 60px;
    font-weight: 600;
    line-height: .8em; }
@media screen and (max-width: 1300px) {
    .homepage_offer-item .descr .title {
        font-size: 40px; } }
@media screen and (max-width: 768px) {
    .homepage_offer-item .descr .title {
        font-size: 27px; } }
.homepage_offer-item .descr .sub {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 40px;
}
@media screen and (max-width: 1300px) {
    .homepage_offer-item .descr .sub {
        font-size: 18px; } }
@media screen and (max-width: 1024px) {
    .homepage_offer-item .descr .sub {
        margin-bottom: 0; } }
.homepage_offer-item .descr svg {
    width: 12px;
    height: 12px; }
.homepage_offer-item .descr p {
    font-size: 17px;
    color: var(--color-gray); }
@media screen and (max-width: 1024px) {
    .homepage_offer-item .offer_text {
        font-size: 16px; } }
.homepage_offer-item .btn {
    padding: 15px 50px 14px; }
@media screen and (max-width: 1024px) {
    .homepage_offer-item .btn {
        padding: 10px 50px 9px; } }
@media screen and (max-width: 425px) {
    .homepage_offer-item .btn {
        padding: 15px 0;
        display: block;
        text-align: center; } }

.immun {
    background: url("/local/templates/imama/assets/dist/img/second-bg.jpg") no-repeat left bottom;
    padding: 69px 0;
    margin-bottom: 3px; }
@media screen and (max-width: 425px) {
    .immun {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }
.immun .immun_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
@media screen and (max-width: 1300px) {
    .immun .immun_content {
        grid-template-columns: 1fr; }
    .immun .immun_content-item {
        padding: 20px 0; } }
.immun .immun_content-title {
    max-width: 500px; }
@media screen and (max-width: 1024px) {
    .immun .immun_content-title {
        max-width: inherit; } }
.immun .immun_content-title .h2 {
    line-height: .9em; }
.immun .immun_content-title p {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-gray);
    line-height: 2em; }
.immun .immun_content-title span svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px; }
.immun .immun_content-item {
    font-size: 17px;
    font-weight: 400;
    color: var(--color-gray); }

.bc1 {
    --ui-color:var(--color-bc1); }

.bc2 {
    --ui-color:var(--color-bc2); }

.bc3 {
    --ui-color:var(--color-bc3); }

.bc4 {
    --ui-color:var(--color-bc4); }

.bc5 {
    --ui-color:var(--color-bc6); }

.bc6 {
    --ui-color:var(--color-bc6); }

.bc7 {
    --ui-color:var(--color-bc7); }

.bc8 {
    --ui-color:var(--color-bc8); }

.bc9 {
    --ui-color:var(--color-bc9); }

.bc10 {
    --ui-color:var(--color-bc10); }

.ct1 {
    color: #EDA1AB; }

.ct2 {
    color: #F3B3A1; }

.ct3 {
    color: #8FBECA; }

.ct4 {
    color: #EDA1AB; }

.ct5 {
    color: #9EBBA9; }

.ct6 {
    color: #EDA1AB; }

.ct7 {
    color: #DBAA94; }

.ct8 {
    color: #B0BB8F; }

.ct9 {
    color: #A9C0D6; }

.ct10 {
    color: #ABC1C1; }

.al-center {
    text-align: center;
    margin: 40px 0; }

.main_form {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
    gap: 1rem;
    position: relative; }
.main_form-item {
    background: #F3F5F8;
    text-align: center;
    display: block;
    /* padding: 10px 20px; */
    border-radius: 20px;
    border: solid 3px #ececec;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    transition: 100ms;
    padding: 2rem; }
.main_form-item:hover {
    box-shadow: 0px 1px 10px 1px #00000045;
    border-color: #8e82c1; }
@media screen and (max-width: 500px) {
    .main_form-item {
        display: grid;
        grid-template-columns: 100px 1fr;
        -moz-column-gap: 10px;
        column-gap: 10px;
        align-items: center; }
    .main_form-item .main_form-content {
        padding: 0 25px; } }
@media screen and (max-width: 500px) {
    .main_form-item {
        grid-template-columns: 70px 1fr; }
    .main_form-item .main_form-content {
        padding: 0 10px; } }
.main_form-item .icon-box {
    display: inline-block;
    background: var(--ui-color);
    border-radius: 50px;
    margin: 20px 0 30px;
    position: relative;
    height: 100px;
    width: 100px; }
@media screen and (max-width: 500px) {
    .main_form-item .icon-box {
        margin: 0; } }
@media screen and (max-width: 500px) {
    .main_form-item .icon-box {
        height: 70px;
        width: 70px; }
    .main_form-item .icon-box img {
        width: 70px;
        height: 70px;
        -o-object-fit: scale-down;
        object-fit: scale-down; } }
.main_form-item .icon-box span {
    position: absolute;
    left: 80%;
    top: 50%;
    font-size: 18px;
    font-weight: 600;
    /*color: var(--color-main);*/ }
@media screen and (max-width: 1024px) {
    .main_form-item .icon-box span {
        display: none; } }
.main_form-item input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
@media screen and (max-width: 500px) {
    .main_form-item input {
        display: none; } }
.main_form-item p {
    text-align: left;
    font-size: 17px;
    color: #000000;
    font-weight: 300;
    line-height: 1.4em;
    padding: 0;
    margin: 0; }
@media screen and (max-width: 500px) {
    .main_form-item p {
        font-size: 16px; } }
.main_form .btn {
    grid-area: 3 / 3;
    text-align: center;
    padding: 19px 60px;
    margin: 30px auto; }
@media screen and (max-width: 1024px) {
    .main_form .btn {
        grid-area: inherit; } }
.main_form .active {
    background: transparent;
    border-color: var(--color-green); }
.main_form .active .descr {
    font-weight: 400;
    font-size: 19.7px; }
.main_form .active .checked-item {
    opacity: 1; }
.main_form .checked-item {
    position: absolute;
    top: 1em;
    right: 1em;
    background: #ffffff;
    padding: 8px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    box-shadow: 0px 3px 10px 1px #958c8c5c;
    opacity: 0; }
@media screen and (max-width: 500px) {
    .main_form .checked-item {
        top: .5em;
        right: .5em; } }
@media screen and (max-width: 500px) {
    .main_form .checked-item {
        width: 20px;
        height: 20px; } }
.main_form .checked-item svg {
    width: 25px;
    height: 25px; }
@media screen and (max-width: 500px) {
    .main_form .checked-item svg {
        width: 20px;
        height: 20px; } }

.how_immun {
    display: grid;
    grid-template-columns: 648px 625px;
    gap: 10px;
    padding: 50px 0;
    justify-items: center; }
@media screen and (max-width: 1300px) {
    .how_immun {
        grid-template-columns: 1fr;
        row-gap: 20px; }
    .how_immun-item img {
        width: 100%; } }
.how_immun-item .h2 {
    line-height: 0.9em; }
.how_immun-item .btn:hover svg {
    fill: var(--ui-color); }
.how_immun-item .btn svg {
    fill: #ffffff; }
.how_immun-item .sub {
    font-size: 21px;
    font-weight: 500;
    padding: 15px 0;
    line-height: 1.2em; }
.how_immun-item .sub-ligth {
    font-size: 17px;
    font-weight: 300; }
.how_immun-item .sub-link {
    font-size: 24px;
    font-weight: 500;
    padding: 1px 0; }

.container-fluid {
    max-width: 1750px;
    width: 100%;
    margin: 0 auto; }
.container-fluid .h2 {
    padding-top: 90px; }

.basic-bg {
    background: url(/local/templates/imama/assets/dist/img/second-two-bg.jpg) no-repeat;
    max-width: 1750px;
    width: 100%;
    margin: 0 auto;
    height: 1250px; }
@media screen and (max-width: 1024px) {
    .basic-bg {
        background: url(/local/templates/imama/assets/dist/img/mob-basic-bg.png) no-repeat top right;
        height: 100%;
        background-size: cover;
        padding: 20px 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }

.basic {
    display: grid;
    grid-template-columns: 490px 543px;
    row-gap: 10px;
    -moz-column-gap: 0;
    column-gap: 0;
    align-items: center;
    justify-items: center;
    background: #ffffff;
    border-radius: 25px;
    padding: 15px 30px;
    margin: 30px 0;
    box-shadow: 0px 0px 15px 1px #00000047; }
@media screen and (max-width: 1024px) {
    .basic {
        grid-template-columns: 1fr; } }
.basic_sub {
    max-width: 600px;
    justify-self: flex-start; }
@media screen and (max-width: 1024px) {
    .basic_sub {
        justify-self: inherit;
        max-width: inherit; } }
.basic_sub-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1em;}
@media screen and (max-width: 1024px) {
    .basic_sub-title {
        font-size: 20px; } }
.basic_sub-sub {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.3em; }
@media screen and (max-width: 1024px) {
    .basic_sub-sub {
        font-size: 15px; } }

.map-container {
    background: url(/local/templates/imama/assets/dist/img/map.jpg) no-repeat top right;
    margin: 75px auto; }
@media screen and (max-width: 1300px) {
    .map-container {
        height: 100%;
        margin-bottom: 0; }
    .map-container .special-container {
        padding-bottom: 0; } }

.recomendations {
    display: grid;
    grid-template-columns: 550px 700px;
    gap: 10px;
    -moz-column-gap: 70px;
    column-gap: 70px;
    padding-top: 100px;
    align-items: baseline; }
@media screen and (max-width: 1024px) {
    .recomendations {
        grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 768px) {
    .recomendations {
        grid-template-columns: 1fr; } }
@media screen and (max-width: 1024px) {
    .recomendations {
        padding-top: 0; } }
.recomendations_item:nth-child(1) {
    max-width: 600px; }
.recomendations_item:nth-last-child(1) {
    margin-left: auto;
    max-width: 550px;
    width: 100%; }
@media screen and (max-width: 1300px) {
    .recomendations_item:nth-last-child(1) {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        width: inherit;
        margin-left: inherit; } }
.recomendations_item-title {
    font-size: 50px;
    font-weight: 600;
    line-height: .8em; }
.recomendations_item-sub {
    font-size: 22px;
    font-weight: 400;
    padding: 40px 0;
    line-height: 1.2em;
    margin-bottom: -20px; }

.recomendations_item-box p {
    font-size: 17px;
    font-weight: 400;
    color: #829397;
    line-height: 1.1em; }

.recomendations_item-box svg {
    width: 12px;
    height: 12px; }

.recomendations_item-box a {
    transition: 200ms;
    border-bottom: solid 1px var(--color-main); }
.recomendations_item-box a:hover {
    border-bottom: solid 1px var(--color-green); }

.city-container__dropdown {
    position: relative; }
.city-container__dropdown:after {
    content: url(/local/templates/imama/assets/dist/img/point.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    top: 1.1em;
    left: 1em; }
.city-container__dropdown:before {
    content: url(/local/templates/imama/assets/dist/img/downn-purple.svg);
    width: 25px;
    height: 25px;
    position: absolute;
    top: 1.1em;
    right: 1em; }
.city-container__dropdown label select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 70px;
    padding-left: 60px;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    box-shadow: 1px 20px 20px 1px #09121e26;
    border: 0;
    outline: none;
    /* &:active {
                   box-shadow: inset 0px 0px 1px 1px #ddd;
                 }*/ }
.city-container__dropdown label select:hover {
    background: #f7f8fa; }

.dropdown-container .dropdown_city {
    padding: 20px;
    background: white;
    display: grid;
    grid-template-columns: 30px 1fr 30px;
    gap: 10px;
    align-items: center;
    border-radius: 15px;
    box-shadow: 1px 20px 20px 1px #09121e26;
    cursor: pointer;
    transition: 200ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.dropdown-container .dropdown_city:active {
    box-shadow: inset 0px 0px 1px 1px #ddd; }
.dropdown-container .dropdown_city:hover {
    background: #f7f8fa; }
.dropdown-container .dropdown_city .city-name {
    font-size: 20px;
    font-weight: 400; }
.dropdown-container .dropdown_city svg {
    width: 25px;
    height: 25px; }
.dropdown-container .dropdown_city .down svg {
    width: 10px;
    height: 10px;
    fill: var(--color-main); }
.dropdown-container .dropdown_city svg {
    fill: var(--color-main); }

.special-container {
    padding: 50px 0; }

.special {
    display: grid;
    grid-template-columns: 100px repeat(2, 1fr);
    gap: 20px;
    padding-bottom: 50px;
    align-items: center;
    justify-items: end; }
@media screen and (max-width: 1024px) {
    .special {
        justify-items: unset; } }
@media screen and (max-width: 500px) {
    .special {
        grid-template-columns: 100px 1fr; }
    .special .special_send {
        grid-column: 1 / 3;
        text-align: center; } }
.special_img {
    border-radius: 50px;
    width: 100px;
    height: 100px;
    overflow: hidden; }
.special_img img {
    width: 100px;
    height: 100px; }
.special_content {
    cursor: pointer;
    justify-self: baseline;
}
.special_content-title {
    font-size: 20px;
    font-weight: 500; }
.special_content-sub {
    font-size: 16px;
    font-weight: 400;
    color: #829397; }
.special_content-link a {
    font-size: 14px;
    font-weight: 400;
    color: #A3B6BA; }
.special_content-link a:hover {
    color: var(--color-main); }
.special_content-link a:hover svg {
    fill: var(--color-main); }
.special_content-link a svg {
    width: 14px;
    height: 14px;
    fill: #799DD2;
    vertical-align: middle;
    margin-right: 5px; }
.special_send .btn {
    padding: 7px 17px;
    line-height: 1.5em; }
@media screen and (max-width: 500px) {
    .special_send .btn {
        display: block; } }

.history {
    padding: 50px 0;
    padding-top: 0; }

.slider {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    overflow: hidden;
    position: relative; }
@media screen and (max-width: 320px) {
    .slider {
        width: 117.3%; } }

.full-review {
    font-size: 25px;
    line-height: 1.1em;
    font-weight: 400;
    min-width: 300px;
    max-width: 500px;
    width: 100%; }
.full-review__title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1em; }

.full-review .modal-root__container {
    width: 100%;
    box-sizing: border-box;
    padding: 3rem;
    max-height: 500px; }

.swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 50px; }

.swiper-slide {
    background: #fff;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center; }

.swiper-slide-active .slider_item {
    background: #F3F5F8; }

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    z-index: 5;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    right: auto;
    background: #ffff;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    box-shadow: 0px 4px 10px 1px #0e1b2b26;
    position: absolute;
    cursor: pointer; }
@media screen and (max-width: 768px) {
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        width: 50px;
        height: 50px; } }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: url(/local/templates/imama/assets/dist/img/arrow.svg);
    width: 12px;
    transform: translate(50%, -70%);
    top: 50%;
    right: 50%;
    position: absolute; }
@media screen and (max-width: 768px) {
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        font-size: inherit; } }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    background: #ffff;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    box-shadow: 0px 4px 10px 1px #0e1b2b26;
    position: absolute;
    z-index: 5;
    cursor: pointer; }
@media screen and (max-width: 768px) {
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        width: 50px;
        height: 50px; } }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: url(/local/templates/imama/assets/dist/img/arrow.svg);
    width: 12px;
    transform: rotate(180deg) translate(50%, 21%);
    top: 50%;
    left: 50%;
    position: absolute; }
@media screen and (max-width: 768px) {
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        font-size: inherit; } }

.slider_item {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px;
    border: solid 3px #F3F5F8;
    border-radius: 20px;
    padding: 20px;
    justify-items: center;
    cursor: pointer; }
@media screen and (max-width: 1440px) {
    .slider_item {
        grid-template-columns: 50px 1fr; } }
@media screen and (max-width: 1024px) {
    .slider_item {
        grid-template-columns: 20px 1fr; } }
.slider_item-icon {
    margin-top: 50px; }
.slider_item-icon svg {
    width: 65px;
    height: 65px; }
@media screen and (max-width: 1440px) {
    .slider_item-icon svg {
        width: 30px;
        height: 30px; } }
@media screen and (max-width: 1024px) {
    .slider_item-icon svg {
        width: 30px;
        height: 30px; } }
.slider_item-content .title {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0; }
.slider_item-content .sub {
    --clamp: 5;
    font-size: 17px;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: var(--clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
.slider_item-content .region {
    font-size: 14px;
    font-weight: 400;
    color: #829397;
    padding: 10px 0; }
.slider_item-content .link {
    display: inline-block;
    border-bottom: solid 1px var(--color-black); }
.slider_item-content .link a {
    color: var(--color-black);
    transition: 200ms; }
.slider_item-content .link a:hover {
    color: var(--color-main); }

.specialist {
    background: url(/local/templates/imama/assets/dist/img/about-bg-pink.png) no-repeat 100% 45%;
    padding-bottom: 50px;
    background-size: cover;
    width: 100%;
    padding-top: 50px; }
.specialist .btn svg {
    margin-left: 10px; }

.offerta_icon {
    width: 10px;
    height: 10px; }

.specialist-cointainer {
    display: grid;
    grid-template-columns: 400px 1fr;
    -moz-column-gap: 50px;
    column-gap: 50px;
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: solid 1px #E5E5E5; }
@media screen and (max-width: 1024px) {
    .specialist-cointainer {
        grid-template-columns: 1fr;
        row-gap: 20px; } }

.specialist_item-box {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px;
    -moz-column-gap: 40px;
    column-gap: 40px; }
.specialist_item-box__img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: relative;
    overflow: hidden; }
.specialist_item-box__img img {
    width: 100%; }
.specialist_item-box__img .social-icon {
    position: absolute;
    top: 0;
    right: -15px;
    background-color: #FFBC57;
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    text-align: center; }
.specialist_item-box__img .social-icon svg {
    fill: #ffffff;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-top: 3px; }
.specialist_item-box__content .name {
    font-size: 20px;
    font-weight: 500; }
.specialist_item-box__content .position {
    font-size: 14px;
    font-weight: 400;
    color: #829397; }
.specialist_item-box__content .social {
    font-size: 13px;
    font-weight: 400;
    color: #829397; }
.specialist_item-box__content .offer_text {
    font-size: 13px;
    font-weight: 400;
    color: #829397;
    line-height: 1em; }

.specialist_item a span {
    border-bottom: solid 1px var(--color-main); }
.specialist_item a span:hover {
    border-bottom: solid 1px var(--color-green); }

.specialist_item svg {
    width: 20px;
    height: 20px;
    vertical-align: middle; }

.specialist_item .text {
    font-size: 21px;
    font-weight: 400;
    padding-bottom: 20px; }
@media screen and (max-width: 768px) {
    .specialist_item .text {
        font-size: 17px; } }

.text-center {
    text-align: center; }

.about-bg {
    background: url(/local/templates/imama/assets/dist/img/about-bg-blue.png) no-repeat left 45%;
    /*padding-bottom: 50px;
      background-size: cover;*/ }

.about {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 100px;
    padding: 50px 0;
    justify-items: center; }
@media screen and (max-width: 1200px) {
    .about {
        grid-template-columns: 1fr; } }
@media screen and (max-width: 1024px) {
    .about {
        padding: 0; } }
.about_item-box {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 20px; }
@media screen and (max-width: 768px) {
    .about_item-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        padding: 20px 0; } }
@media screen and (max-width: 768px) {
    .about_item-box .icon img {
        width: 80%; } }
.about_item-box .sub {
    align-self: end; }
@media screen and (max-width: 1024px) {
    .about_item-box .sub {
        align-self: center; } }
.about_item-box .sub .title {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-main); }
.about_item-box .sub .text {
    font-size: 14px;
    font-weight: 400;
    color: #829397; }
.about_item .sub {
    font-size: 21px;
    font-weight: 400; }
.about_item .sub-ligth {
    font-size: 17px;
    font-weight: 300; }

.project {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 30px;
    padding: 30px 0; }
@media screen and (max-width: 808px) {
    .project {
        grid-template-columns: repeat(auto-fill, minmax(382px, 1fr)); } }
@media screen and (max-width: 425px) {
    .project {
        grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); } }
.project_item {
    background-color: #ffffff;
    padding: 50px;
    border-radius: 25px;
    box-shadow: 1px 1px 10px 1px #dfdfdf; }
.project_item .title {
    font-size: 60px;
    font-weight: 300;
    color: var(--color-green);
    padding: 30px 0; }
.project_item .sub {
    font-size: 15px;
    font-weight: 400; }
.project_item:nth-child(3n+1) {
    background: url("/local/templates/imama/assets/dist/img/heart-line.jpg") no-repeat;
    background-position: right top;
    background-color: #ffffff; }
@media screen and (max-width: 768px) {
    .project_item:nth-child(3n+1) {
        background: transparent; } }
.project_item:nth-child(3n+2) {
    background: url("/local/templates/imama/assets/dist/img/heart-line-2.png") no-repeat right top, url("/local/templates/imama/assets/dist/img/heart-line-2-1.png") no-repeat top left;
    background-color: #ffffff; }
@media screen and (max-width: 768px) {
    .project_item:nth-child(3n+2) {
        background: transparent; } }
.project_item:nth-child(3n+3) {
    background: url("/local/templates/imama/assets/dist/img/heart-line-3.png") no-repeat right top, url("/local/templates/imama/assets/dist/img/heart-line-3-1.png") no-repeat left top;
    background-color: #ffffff; }
@media screen and (max-width: 768px) {
    .project_item:nth-child(3n+3) {
        background: transparent; } }

.footer {
    border-top: solid 1px #D2DFE7; }
@media screen and (max-width: 425px) {
    .footer {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content; } }
.footer .sub, .footer .mob {
    font-size: 14px;
    font-weight: 400;
    color: #829397;
    margin: 0; }
.footer .sub p, .footer .mob p {
    line-height: 1.5em; }
.footer .sub a, .footer .mob a {
    font-size: 12px;
    font-weight: 400;
    color: #6B797A;
    display: inline-flex;
    text-decoration: underline; }

.footer-container {
    display: grid;
    grid-template-columns: 1fr 250px 250px 1fr;
    gap: 20px;
    padding: 50px 0;
    justify-items: center; }
@media screen and (max-width: 1200px) {
    .footer-container {
        grid-template-columns: 1fr 1fr; }
    .footer-container_item:nth-last-child(1) {
        grid-area: 1 / 2; }
    .footer-container_item .aside_item .btn {
        padding: 10px;
        width: 30px;
        height: 30px;
        border-radius: 20px; }
    .footer-container_item .aside_item .btn svg {
        width: 20px;
        height: 20px;
        fill: #ffffff;
        position: relative;
        right: 5px; } }
@media screen and (max-width: 1200px) and (max-width: 1024px) {
    .footer-container_item .aside_item .btn svg {
        position: inherit; } }
@media screen and (max-width: 1200px) and (max-width: 320px) {
    .footer-container_item .aside_item .btn svg {
        position: inherit; } }
@media screen and (max-width: 1200px) {
    .footer-container_item .aside_item .btn span {
        display: none; }
    .footer-container_item .aside-text_item {
        display: none; }
    .footer-container .aside_item .header_social {
        padding: 10px;
        border-radius: 20px; }
    .footer-container .aside_item .header_social div {
        display: none; } }
.footer-container_item .btn {
    max-width: 250px;
    margin: 0 auto;
    padding: 19px 20px; }
.footer-container_item .logo_box a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-black); }
.footer-container_item .logo_box a svg {
    width: 60px;
    height: 60px; }
.footer-container_item .logo_box a span {
    font-size: 40px;
    font-weight: 600;
    margin-top: 15px; }
@media screen and (max-width: 1200px) {
    .footer-container_item .logo_box a span {
        font-size: 20px; } }
.footer-container_item .sub {
    font-size: 14px;
    font-weight: 400;
    color: #829397;
    padding-top: 20px; }
@media screen and (max-width: 1200px) {
    .footer-container_item .sub {
        display: none; } }
.footer-container_item .sub p {
    line-height: 1.5em; }
.footer-container_item .sub a {
    font-size: 12px;
    font-weight: 400;
    color: #6B797A;
    display: inline-flex;
    text-decoration: underline; }
.footer-container_item .footer_main-nav a {
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: var(--color-black);
    margin: 1em 0;
    transition: 100ms; }
.footer-container_item .footer_main-nav a:hover {
    color: var(--color-main); }
.footer-container_item .footer_second-nav a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #6B797A;
    margin: 1em 0;
    transition: 100ms; }
.footer-container_item .footer_second-nav a:hover {
    color: var(--color-main); }

.aside-text {
    gap: 25px; }
.aside-text_item {
    font-size: 12px;
    font-weight: 400;
    color: #B1C0C3; }

.aside-text_item {
    font-size: 12px;
    font-weight: 400;
    color: #B1C0C3;
    padding: 20px;
    line-height: 1em; }

.accept-cookie {
    --m-color: var(--color-main);
    --b-radius: 20px;
    position: fixed;
    z-index: 500;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #302d2d2b;
    display: inline-flex;
    align-items: flex-end;
    visibility: hidden;
    opacity: 0;
    transition: 200ms; }

.accept-cookie__visible {
    visibility: visible;
    opacity: 1; }

.accept-box {
    background: var(--m-color);
    width: 90%;
    margin: 0 auto;
    color: #fff;
    border-top: solid 2px var(--m-color);
    border-right: solid 2px var(--m-color);
    border-left: solid 2px var(--m-color);
    border-top-right-radius: var(--b-radius);
    border-top-left-radius: var(--b-radius);
    padding: 20px;
    min-height: 150px;
    transition: 200ms; }
.accept-box a {
    color: var(--color-green); }

.accept-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 30px; }
@media screen and (max-width: 425px) {
    .accept-content {
        display: block; } }

.accept-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
    padding: .5em 0; }
@media screen and (max-width: 425px) {
    .accept-title {
        font-size: 26px; } }

.accept-text {
    font-size: 20px;
    font-weight: 400;
    padding: .5em 0; }
@media screen and (max-width: 425px) {
    .accept-text .accept-sub {
        font-size: 14px; }
    .accept-text .accept-sub a {
        font-size: 14px; } }

.accept-footer {
    font-size: 20px; }
.accept-footer .btn:hover {
    color: #fff; }
@media screen and (max-width: 425px) {
    .accept-footer .btn {
        padding: 10px 50px;
        display: block;
        margin: 0 auto; } }

.result-congrats {
    background: var(--color-main);
    padding: 2rem;
    border-radius: 20px;
    color: #fff; }
.result-congrats .title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
    padding: 0 0 1em; }
.result-congrats .text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1em; }
.result-congrats a {
    color: var(--color-green); }

.form-files__title {
    font-size: 20px;
    font-weight: 400;
    color: var(--color-main);
    margin-bottom: 15px;
    border-bottom: solid 1px var(--color-main);
    display: inline-block; }

.form-files__item {
    display: grid;
    grid-template-columns: 1fr 50px;
    line-height: 1em;
    margin-bottom: 5px;
    position: relative; }

.form-files__name {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px; }

.form-files__remove {
    --width: 13px;
    --volume: 2px;
    --color: #333;
    position: absolute;
    right: 1em;
    top: 0.5em;
    line-height: 1;
    font-size: 30px;
    cursor: pointer;
    width: var(--width);
    height: var(--width);
    cursor: pointer;
    overflow: hidden; }
.form-files__remove:after {
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    height: var(--width);
    width: 0;
    border: solid var(--color);
    border-width: 0px var(--volume) 0 0;
    background-color: var(--color); }
.form-files__remove:before {
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    height: var(--width);
    width: 0;
    border: solid var(--color);
    border-width: 0px var(--volume) 0 0;
    background-color: var(--color); }

.modal-root {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    color: #000;
    display: flex;
    /*Modal start*/
    /*Modal end*/ }
.modal-root__bg {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #00000073;
    pointer-events: none;
    z-index: 1; }
.modal-root__wrap {
    max-height: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
.modal-root__container {
    --height: 60px;
    --mb: 10px;
    --font: 20px;
    --font-s: 17px;
    --value-color: #ADBDCC;
    --border-color: #C5D4D8;
    --colum-gap: 40px;
    --row-gap: 20px;
    --form-font-s: 15px;
    position: relative;
    z-index: 2;
    max-width: 1100px;
    background: #fff;
    width: 100%;
    min-height: 300px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0px #00000052;
    padding: 4rem;
    height: 100%;
    max-height: calc(100% - 2rem);
    box-sizing: border-box; }
@media screen and (max-width: 425px) {
    .modal-root__container {
        padding: 2rem; } }
.modal-root__container .h2 {
    font-size: 60px; }
@media screen and (max-width: 768px) {
    .modal-root__container .h2 {
        font-size: 33px; } }
@media screen and (max-width: 425px) {
    .modal-root__container .h2 {
        font-size: 25px; } }
.modal-root__container .sub-title {
    margin-bottom: var(--mb);
    padding: 10px 0 0; }
.modal-root__container .form-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: var(--colum-gap);
    column-gap: var(--colum-gap);
    margin-bottom: var(--mb); }
@media screen and (max-width: 768px) {
    .modal-root__container .form-container {
        grid-template-columns: 1fr; } }
.modal-root__container .form-container__items .dropdown__item {
    position: relative; }
.modal-root__container .form-container__items .dropdown__item label:after {
    content: url("/local/templates/imama/assets/dist/img/arrow-down.png");
    position: absolute;
    top: 1em;
    right: 2em; }
.modal-root__container .form-container__items .dropdown__item label select {
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    height: var(--height);
    font-size: var(--font);
    color: #000;
    background: #F3F7F9;
    border: solid 2px #F3F7F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
@media screen and (max-width: 425px) {
    .modal-root__container .form-container__items .dropdown__item label select {
        font-size: var(--form-font-s); } }
.modal-root__container .form-container__items .dropdown__item:nth-child(1) select {
    padding-left: 40px;
    color: #000; }
.modal-root__container .form-container__items .dropdown__item:nth-child(1)::before {
    content: url("/local/templates/imama/assets/dist/img/russia.svg");
    position: absolute;
    top: 1.1em;
    left: 1em; }
.modal-root__container .form-container__items .dropdown__item:nth-child(1)::after {
    content: url("/local/templates/imama/assets/dist/img/checked-green.svg");
    position: absolute;
    top: 1em;
    right: 40%; }
@media screen and (max-width: 768px) {
    .modal-root__container .form-container__items .dropdown__item:nth-child(1)::after {
        right: 55%; } }
@media screen and (max-width: 425px) {
    .modal-root__container .form-container__items .dropdown__item:nth-child(1)::after {
        display: none; } }
.modal-root__container .form-container__items .input-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: var(--colum-gap);
    column-gap: var(--colum-gap); }
@media screen and (max-width: 425px) {
    .modal-root__container .form-container__items .input-grid {
        grid-template-columns: 1fr; } }
.modal-root__container .form-container__items .input-grid__value {
    margin-bottom: 20px;
    position: relative; }
.modal-root__container .form-container__items .input-grid__value input {
    width: 100%;
    height: var(--height);
    border: solid 2px var(--border-color);
    font-size: var(--font); }
@media screen and (max-width: 425px) {
    .modal-root__container .form-container__items .input-grid__value input {
        font-size: var(--form-font-s); } }
.modal-root__container .form-container__items .input-grid .active:after {
    content: url("/local/templates/imama/assets/dist/img/checked-green.svg");
    position: absolute;
    top: 1em;
    right: 1em; }
.modal-root__container .form-container__items .input-grid__value:nth-child(3) {
    grid-column: 1 / 3; }
@media screen and (max-width: 425px) {
    .modal-root__container .form-container__items .input-grid__value:nth-child(3) {
        grid-column: inherit; } }
.modal-root__container .sub-text {
    font-size: 17px;
    font-weight: 400;
    color: #829397;
    margin-bottom: calc(var(--mb) * 3); }
@media screen and (max-width: 425px) {
    .modal-root__container .sub-text {
        font-size: 15px; } }
.modal-root__container .sub-title {
    font-size: 24px;
    font-weight: 400; }
@media screen and (max-width: 425px) {
    .modal-root__container .sub-title {
        font-size: 20px; } }
.modal-root__container .sub {
    font-size: 17px;
    font-weight: 400;
    color: #ADBDCC;
    padding-left: 25px; }
@media screen and (max-width: 425px) {
    .modal-root__container .sub {
        padding-left: 0;
        font-size: 15px; } }
.modal-root__container textarea {
    width: 100%;
    min-height: 150px;
    resize: none;
    font-size: var(--font-size);
    font-weight: 400;
    border: solid 2px var(--border-color); }
@media screen and (max-width: 425px) {
    .modal-root__container textarea {
        font-size: var(--form-font-s); } }
.modal-root__container textarea::-moz-placeholder {
    color: var(--value-color); }
.modal-root__container textarea:-ms-input-placeholder {
    color: var(--value-color); }
.modal-root__container textarea::placeholder {
    color: var(--value-color); }
.modal-root__container label.file {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px; }
.modal-root__container label.file input {
    display: none; }
.modal-root__container label.file svg {
    width: 20px;
    height: 20px; }
.modal-root__container label.file span {
    font-size: var(--font);
    font-weight: 500;
    color: var(--color-main);
    border-bottom: solid 1px #DFDBF1; }
@media screen and (max-width: 425px) {
    .modal-root__container label.file span {
        font-size: var(--form-font-s); } }
.modal-root__container .btn-container {
    padding: 20px 0; }
@media screen and (max-width: 425px) {
    .modal-root__container .btn-container {
        padding: 0; } }
.modal-root__container .btn-container .no-hover:hover {
    background: #8779c1;
    color: #fff; }
@media screen and (max-width: 425px) {
    .modal-root__container .btn-container .btn {
        width: 100%;
        margin: 20px auto;
        display: block;
        padding: 10px; } }
.modal-root__container .btn-container .btn:disabled {
    border: solid 1px #a49cc7;
    background-color: #a49cc7; }
.modal-root__container .send-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: var(--colum-gap);
    column-gap: var(--colum-gap);
    row-gap: var(--row-gap); }
@media screen and (max-width: 768px) {
    .modal-root__container .send-container {
        grid-template-columns: 1fr; } }
.modal-root__container .send-container__item {
    display: grid;
    grid-template-columns: 100px 1fr;
    -moz-column-gap: var(--row-gap);
    column-gap: var(--row-gap);
    row-gap: var(--row-gap);
    padding: 30px 30px 50px;
    border-radius: 20px;
    justify-items: center;
    align-items: center;
    cursor: pointer;
    border: 0;
    transition: 100ms; }
.modal-root__container .send-container__item:hover {
    box-shadow: 0px 1px 10px 1px #00000045; }
@media screen and (max-width: 425px) {
    .modal-root__container .send-container__item {
        grid-template-columns: 1fr; } }
.modal-root__container .send-container__item:nth-child(1) {
    background: #F3F5F8; }
.modal-root__container .send-container__item:nth-child(2) {
    background: #EFF8F6; }
.modal-root__container .send-container__item .icon {
    align-self: flex-start;
    /* margin-top: -10px;*/ }
.modal-root__container .send-container__item .icon svg {
    width: 70px;
    height: 70px; }
.modal-root__container .send-container__item .text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1em;
    text-align: left; }
.modal-root__container .send-container__item .arrow-line {
    grid-area: 2 / 2;
    padding: 10px 0 20px; }
.modal-root__container .send-container__item .arrow-line svg {
    width: 70px;
    height: 10px; }
.modal-root__container .send-container__item:nth-child(1) .arrow-line svg {
    fill: #498F9D; }
.modal-root__container .send-container__item:nth-child(2) .arrow-line svg {
    fill: #AAD0A4; }
.modal-root__container .offer-container {
    padding: 40px; }
@media screen and (max-width: 425px) {
    .modal-root__container .offer-container {
        padding: 40px 0; } }
.modal-root__container .offer-container .offer_text {
    font-size: 20px;
    font-weight: 600;
    color: #E1607B; }
.modal-root__container .offer-container .offer__sub {
    font-size: 17px;
    font-weight: 400;
    color: #829397; }
.modal-root__close {
    --width: 1em;
    --volume: 2px;
    --color: #333;
    position: absolute;
    right: 1rem;
    top: 1rem;
    line-height: 1;
    font-size: 30px;
    cursor: pointer;
    width: var(--width);
    height: var(--width);
    cursor: pointer;
    overflow: hidden; }
.modal-root__close:after {
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    height: var(--width);
    width: 0;
    border: solid var(--color);
    border-width: 0px var(--volume) 0 0;
    background-color: var(--color); }
.modal-root__close:before {
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    height: var(--width);
    width: 0;
    border: solid var(--color);
    border-width: 0px var(--volume) 0 0;
    background-color: var(--color); }
.modal-root__content {
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
    padding: 0 30px; }

@media screen and (max-width: 320px) {
    .modal-compact .modal-root__bg {
        background: inherit; } }

.modal-compact .modal-root__container {
    min-width: 300px;
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
    padding: 2rem;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow: auto; }
.modal-compact .modal-root__container .h2 {
    font-size: 24px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 10px; }
@media screen and (max-width: 1440px) {
    .modal-compact .modal-root__container .modal-root__content {
        padding: 0 10px; } }
.modal-compact .modal-root__container .callback label {
    display: block; }
.modal-compact .modal-root__container .callback label input {
    width: 100%;
    border: solid 2px var(--border-color);
    margin-bottom: 10px;
    padding: 15px 20px;
    display: block;
    font-size: var(--font-size); }
.modal-compact .modal-root__container .callback label input::-moz-placeholder {
    color: var(--value-color); }
.modal-compact .modal-root__container .callback label input:-ms-input-placeholder {
    color: var(--value-color); }
.modal-compact .modal-root__container .callback label input::placeholder {
    color: var(--value-color); }
.modal-compact .modal-root__container .callback textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 1em; }
@media screen and (max-width: 1440px) {
    .modal-compact .modal-root__container .callback textarea {
        min-height: 70px; } }
.modal-compact .modal-root__container .btn-container {
    padding: 0;
    margin: 0; }
.modal-compact .modal-root__container .btn {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 13px; }

.checkbox {
    display: grid;
    grid-template-columns: var(--icon-size) 1fr;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    line-height: 20px;
    position: relative;
    align-items: flex-start;
    align-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: auto;
    margin-bottom: 1em; }
.checkbox span {
    font-size: var(--icon-size); }
@media screen and (max-width: 1440px) {
    .checkbox span {
        font-size: 14px; } }

.checkbox input {
    padding: 0;
    margin: 0px;
    outline: none;
    display: block;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
    width: var(--icon-size);
    height: var(--icon-size);
    border: 1px solid var(--color-main);
    background: white;
    position: relative;
    top: 0px; }

.success__box {
    text-align: center;
    max-width: 322px;
    padding: 2em; }
.success__box--title {
    font-size: 23px;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
    color: #000000; }
.success__box--text {
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000000;
    font-weight: 400;
    margin-bottom: 10px; }

.success__box--icon {
    max-width: 550px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding: 10px; }
.success__box--icon-ok {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='456' height='456' viewBox='0 0 456 456' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M227.556 455.112C353.232 455.112 455.112 353.232 455.112 227.556C455.112 101.88 353.232 0 227.556 0C101.88 0 0 101.88 0 227.556C0 353.232 101.88 455.112 227.556 455.112Z' fill='%2326C971'/%3E%3Cpath d='M455.111 227.556C455.111 352.712 352.711 455.112 227.555 455.112C155.022 455.112 91.0219 422.401 49.7769 369.779C88.1769 401.068 137.955 419.557 191.999 419.557C317.155 419.557 419.555 317.157 419.555 192.001C419.555 137.957 401.066 88.179 369.777 49.779C422.4 91.022 455.111 155.022 455.111 227.556Z' fill='black' fill-opacity='0.06'/%3E%3Cpath d='M351.289 162.133L203.378 324.267C193.422 335.645 176.356 335.645 166.4 324.267L103.822 254.578C95.2891 244.622 95.2891 228.978 105.244 219.022C115.2 210.489 130.844 210.489 140.8 220.444L184.889 270.222L314.311 129.422C324.267 119.466 339.911 118.044 349.867 128C359.822 136.533 359.822 153.6 351.289 162.133Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='455.111' height='455.111' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: block;
    width: 100%;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1em 0 2em 0; }

.content-header {
    margin-bottom: 1em;
}
.content-body {
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
    .content-header h1 {
        font-size: 35px;
    }
}
/*# sourceMappingURL=style.bundle.css.map*/
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1682589007467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /local/templates/imama/css/vendor/swiper-bundle.min.css?176398119416493 */
/* /local/templates/imama/css/style.css?168258912481518 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1682589007467 */