/* Start:/local/templates/wpnew_franch/assets/css/swiper.min.css?174465244718433*/
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

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


/* Start:/local/templates/wpnew_franch/assets/css/app.css?1744792933189653*/
:root {
    --color-primary: #333;
    --color-secondary: #666;
    --color-accent: #ee4280;
    --color-accent-light: #ee42804d;
    --color-grey: #f8f9fb;
    --color-fon: #E6EEF7;
    --color-grey-light: #999999;
    --color-white: #fff;
    --filter-accent: invert(51%) sepia(81%) saturate(4630%) hue-rotate(314deg) brightness(96%) contrast(95%);
    --filter-grey: invert(61%) sepia(2%) saturate(8%) hue-rotate(26deg) brightness(100%) contrast(89%)
}

@-webkit-keyframes pulse {
    50% {
        box-shadow: 0 0 0 4px rgba(238, 66, 128, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(238, 66, 128, 0.2);
    }
}

@-moz-keyframes pulse {
    50% {
        box-shadow: 0 0 0 4px rgba(238, 66, 128, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(238, 66, 128, 0.2);
    }
}

@-ms-keyframes pulse {
    50% {
        box-shadow: 0 0 0 4px rgba(238, 66, 128, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(238, 66, 128, 0.2);
    }
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 4px rgba(238, 66, 128, 0.2);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(238, 66, 128, 0.2);
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: initial
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    max-width: 100%
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

picture {
    display: flex;
    justify-content: center;
    align-items: center;
}

*,
:after,
:before {
    box-sizing: inherit
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-Black.83d81b.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-Bold.0eaf80.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-ExtraBold.4164cf.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-ExtraLight.fbcf1d.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-Light.02850f.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-Medium.3f7acf.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-Regular.9ca9ba.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-SemiBold.6058d3.ttf) format("truetype")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Inter-Thin.97a5cc.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Bold.208484.eot);
    src: local("../fonts/Manrope/Manrope Bold"), local("../fonts/Manrope/Manrope-Bold"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Bold.208484.eot?#iefix) format("embedded-opentype"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Bold.1fc535.woff2) format("woff2"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Bold.b6c4aa.woff) format("woff"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Bold.5b3c8d.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Semibold.b34dcc.eot);
    src: local("../fonts/Manrope/Manrope Semibold"), local("../fonts/Manrope/Manrope-Semibold"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Semibold.b34dcc.eot?#iefix) format("embedded-opentype"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Semibold.0d44fe.woff2) format("woff2"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Semibold.f4e544.woff) format("woff"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Semibold.6dbafb.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Regular.0419da.eot);
    src: local("../fonts/Manrope/Manrope Regular"), local("../fonts/Manrope/Manrope-Regular"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Regular.0419da.eot?#iefix) format("embedded-opentype"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Regular.cb78aa.woff2) format("woff2"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Regular.2046a4.woff) format("woff"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Regular.892a89.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 300;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Light.29edcb.eot);
    src: local("../fonts/Manrope/Manrope Light"), local("../fonts/Manrope/Manrope-Light"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Light.29edcb.eot?#iefix) format("embedded-opentype"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Light.4fd67b.woff2) format("woff2"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Light.5893dd.woff) format("woff"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Light.452d7e.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 100;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Thin.1fe909.eot);
    src: local("../fonts/Manrope/Manrope Thin"), local("../fonts/Manrope/Manrope-Thin"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Thin.1fe909.eot?#iefix) format("embedded-opentype"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Thin.270c4d.woff2) format("woff2"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Thin.7be129.woff) format("woff"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Thin.64827b.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Medium.060041.eot);
    src: local("../fonts/Manrope/Manrope Medium"), local("../fonts/Manrope/Manrope-Medium"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Medium.060041.eot?#iefix) format("embedded-opentype"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Medium.9cccfe.woff2) format("woff2"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Medium.4e55dc.woff) format("woff"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-Medium.101a50.ttf) format("truetype")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    src: url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-ExtraBold.3097b2.eot);
    src: local("../fonts/Manrope/Manrope ExtraBold"), local("../fonts/Manrope/Manrope-ExtraBold"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-ExtraBold.3097b2.eot?#iefix) format("embedded-opentype"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-ExtraBold.a90ad2.woff2) format("woff2"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-ExtraBold.af754d.woff) format("woff"), url(/local/templates/wpnew_franch/assets/css/../fonts/Manrope-ExtraBold.f51189.ttf) format("truetype")
}

body {
    font-family: Inter, sans-serif
}

.link,
a {
    background: none;
    border: none;
    color: var(--color-accent);
    cursor: pointer;
    font-size: 14px;
    outline: none;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
}

p>a {
    font-size: inherit;
}

.link:hover,
a:hover {
    opacity: 0.7;
}

.link:hover>.icon,
a:hover>.icon {
    opacity: .3
}

p {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 20px;
    margin-top: 0
}

@media (max-width:767px) {
    p {
        font-size: 14px
    }
}

ul {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 1.3em
}

li {
    font-size: 16px;
    line-height: 160%
}

@media (max-width:767px) {
    li {
        font-size: 14px
    }
}

li::marker {
    font-size: .9em
}

ol li::marker {
    color: var(--color-primary);
    font-size: 1em;
    line-height: 130%
}

h1,
h2,
h3,
h4 {
    font-weight: 800
}

.title,
h1,
h2,
h3,
h4 {
    color: var(--color-primary);
    display: inline-block;
    line-height: 130%
}

.title {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase
}

.title__count {
    display: inline-block;
    font-size: .7em;
    font-weight: 400;
    line-height: 130%;
    padding-left: 5px;
    position: absolute;
    top: 0
}

.title--screen {
    font-size: 54px
}

@media (max-width:1230px) {
    .title--screen {
        font-size: 42px
    }
}

@media (max-width:767px) {
    .title--screen {
        font-size: 22px
    }
}

.title--1 {
    font-size: 46px
}

.title--2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: none
}

@media (max-width:1230px) {
    .title--2 {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .title--2 {
        font-size: 22px
    }
}

.title--3 {
    font-size: 24px;
    text-transform: none
}

.title--4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: none
}

@media (max-width:767px) {
    .title--4 {
        font-size: 16px
    }
}

.title--5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: none
}

h1 {
    font-size: 46px;
    font-weight: 800;
    text-transform: uppercase
}

h1,
h2 {
    color: var(--color-primary);
    display: inline-block;
    font-style: normal;
    line-height: 130%
}

h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
    text-transform: none
}

@media (max-width:1230px) {
    h2 {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    h2 {
        font-size: 22px
    }
}

h2+ul {
    margin-top: 0
}

h3 {
    font-size: 24px
}

h3,
h4 {
    color: var(--color-primary);
    display: inline-block;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    text-transform: none
}

h4 {
    font-size: 20px;
    font-weight: 600
}

@media (max-width:767px) {
    h4 {
        font-size: 18px
    }
}

h5 {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    font-weight: 700;
    line-height: 130%;
    text-transform: none
}

.subtitle,
h5 {
    color: var(--color-primary)
}

.subtitle {
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0
}

@media (max-width:767px) {
    .subtitle {
        font-size: 18px
    }
}

.subtitle-2 {
    font-size: 16px;
    line-height: 130%
}

.text-sale {
    align-self: flex-start;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 140%;
    margin-bottom: auto;
    text-decoration-line: line-through
}

@media (max-width:767px) {
    .text-sale {
        font-size: 14px
    }
}

.text-small {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px
}

.detailtext a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: inherit;
}

.detailtext .title--2 {
    display: block
}

.detailtext .title--4,
.detailtext .title--5 {
    margin-bottom: 20px
}

.text-primary {
    color: var(--color-primary)
}

.text-secondary {
    color: var(--color-secondary)
}

.text-accent {
    color: var(--color-accent)
}

.text-white {
    color: var(--color-white)
}

.text-white-secondary {
    color: var(--color-white-secondary)
}

.text-grey-light {
    color: var(--color-grey-light)
}

.bg-primary {
    background-color: var(--color-primary)
}

.bg-secondary {
    background-color: var(--color-secondary)
}

.bg-accent {
    background-color: var(--color-accent)
}

.bg-white {
    background-color: var(--color-white)
}

.bg-white-secondary {
    background-color: var(--color-white-secondary)
}

.rotate-360 {
    rotate: 1turn
}

.rotate-180 {
    rotate: 180deg
}

.rotate-90 {
    rotate: 90deg
}

.border-l {
    border-left: 1px solid var(--color-accent);
    padding-left: 10px
}

.relative {
    position: relative
}

.b-vertical {
    border-bottom: 1px solid #eeeff1;
    border-top: 1px solid #eeeff1
}

.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button {
    background-color: var(--color-accent);
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    color: var(--color-white);
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    outline: none;
    padding: 10px 26px;
    text-align: center;
    transition: box-shadow, color, background .3s ease, transform .3s ease
}

button:disabled {
    background-color: #777;
    border-color: #777;
    cursor: not-allowed;
}

@media (max-width:767px) {
    .button {
        font-size: 14px;
        padding: 10px 18px
    }
}

.button:not(:disabled):hover {
    background-color: var(--color-white);
    border-color: var(--color-accent);
    color: var(--color-accent)
}

.button:not(:disabled):active,
.button:not(:disabled):focus {
    box-shadow: 0 0 1px var(--color-primary)
}

.button--white {
    background-color: var(--color-white);
    border-color: var(--color-accent);
    color: var(--color-accent)
}

.button--white:not(:disabled):hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white)
}

.form--grey .input input::placeholder,
.form--grey .input textarea::placeholder {
    color: #888
}

.form {
    display: flex;
    gap: 10px;
    margin-bottom: 10px
}

.form>* {
    width: 100%
}

.form-text,
.form-text a {
    color: var(--color-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 120%
}

.form-text a,
.form-text a a {
    text-decoration-line: underline
}

.form-text a a:hover,
.form-text a:hover {
    color: var(--color-accent-light)
}

.form__block-two-items {
    display: flex;
    gap: 6px;
}

.form__block-two-items>* {
    width: 50%;
}

@media (max-width:767px) {
    .form__block-two-items>* {
        width: 100%;
    }
}

.form__block p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 10px
}

.send-callback {
    background-color: var(--color-grey)
}

.send-callback .title--5 {
    margin-bottom: 26px
}

.send-callback .form {
    display: flex;
    gap: 10px;
    margin-bottom: 10px
}

.send-message {
    align-items: flex-start;
    display: flex;
    gap: 20px
}

@media (max-width:1230px) {
    .send-message {
        flex-direction: column;
        gap: 0
    }
}

.send-message__header {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px
}

@media (max-width:1230px) {
    .send-message__header {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        width: 100%
    }
}

.send-message__header .title {
    margin-bottom: 0
}

.send-message__header-subtitle {
    font-size: 16px;
    line-height: 140%
}

.send-message .form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px
}

.send-message .form__block:first-child,
.send-message .form__block:nth-child(2) {
    display: flex;
    flex-direction: row;
    gap: 6px;
    max-width: 100%;
    width: 100%
}

.send-message .form__block:first-child>*,
.send-message .form__block:nth-child(2)>* {
    width: calc(50% - 3px)
}

@media (max-width:767px) {

    .send-message .form__block:first-child,
    .send-message .form__block:nth-child(2) {
        flex-direction: column
    }

    .send-message .form__block:first-child>*,
    .send-message .form__block:nth-child(2)>* {
        width: 100%;
    }
}

.send-message .form__block:nth-child(3) {
    max-width: 100%;
    width: 100%
}

.send-message .form__block:nth-child(4) {
    align-items: center;
    display: flex;
    gap: 6px;
    max-width: 100%;
    width: 100%
}

@media (max-width:1230px) {
    .send-message .form__block:nth-child(4) {
        flex-direction: column;
        gap: 10px
    }
}

.send-message .form .input textarea {
    height: 100%;
    width: 100%;
    resize: none
}

.send-message .form .form-text,
.send-message .form .form-text a {
    font-size: 12px;
    margin: 10px 0
}

.send-message .form .button {
    width: 100%
}

.send-message .form .form-text {
    margin: 0;
    width: 100%
}

@media (max-width:1230px) {
    .send-message .title {
        order: 0;
        width: 60%
    }

    .send-message .member-card {
        order: 1;
        width: 40%
    }

    .send-message__header-subtitle {
        margin-top: 30px;
        order: 2
    }
}

@media (max-width:767px) {
    .send-message .title {
        order: 0;
        width: 100%
    }

    .send-message .member-card {
        order: 2;
        width: 100%
    }

    .send-message__header-subtitle {
        margin: 20px 0;
        order: 1
    }
}

.input input,
.input textarea {
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    padding: 15px;
    outline: none;
    width: 100%;
}

.input input::placeholder,
.input textarea::placeholder {
    color: #888
}

.section {
    margin-bottom: 80px;
    width: 100%;
}

@media (max-width:767px) {
    .section {
        margin-bottom: 50px
    }
}

.container,
.container-phone-full {
    margin-inline: auto;
    max-width: 1260px;
    padding-inline: 16px
}

.container .container,
.container-phone-full .container,
.container .container-phone-full,
.container-phone-full .container-phone-full {
    padding-inline: 0;
}

@media screen and (max-width: 757px) {
    .container {
        padding-inline: 5px;
    }
}

.container--md {
    max-width: 916px;
    padding: 0
}

@media (max-width:1230px) {
    .container--md {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .container-phone-full {
        padding-inline: 0
    }

    /* .container-phone-full .banner-message__text {
        padding-inline: 20px;
    } */

    .container-phone-full--inside {
        margin-inline: -5px;
        padding-inline: 5px;
    }
}

.header {
    background: var(--color-white);
    box-shadow: 0 8px 16px 0 #9999991f;
    left: 0;
    position: sticky;
    top: 0;
    z-index: 11
}

.header__container {
    align-items: center;
    display: flex;
    gap: 27px;
    justify-content: space-between
}

@media (max-width:767px) {
    .header__container {
        gap: 0
    }
}

.header-logo.icon {
    min-width: 260px
}

@media (max-width:1230px) {
    .header-logo.icon {
        margin-left: 42px;
        min-width: 150px
    }

    .header-logo.icon.searchbar-active {
        display: none;
    }
}

@media (max-width:767px) {
    .header-logo.icon {
        /* margin-left: 28px; */
        max-width: 150px
    }
}

.header-navigation-wrapper {
    flex-basis: 100%;
}

.header-navigation {
    animation: fadeIn 1s ease;
    display: flex;
    justify-content: space-between
}

.header-navigation a {
    color: var(--color-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: normal
}

.header-navigation a:hover {
    color: var(--color-accent-light)
}

.header-navigation li {
    list-style: none
}

@media (max-width:1230px) {
    .header-navigation {
        display: none
    }
}

.header-navigation-wrapper.searchbar-active {
    animation: fadeIn .5s ease;
    display: none
}

.header-searchbar {
    display: none;
    position: relative;
    width: 100%
}

.header-searchbar__icon {
    background: none;
    height: 20px;
    left: 16px;
    pointer-events: none;
    width: 20px
}

.header-searchbar__clear,
.header-searchbar__icon {
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.header-searchbar__clear {
    background: #0000;
    cursor: pointer;
    height: 14px;
    outline: none;
    right: 16px;
    width: 14px
}

.header-searchbar__clear .icon {
    height: 14px;
    pointer-events: none;
    width: 14px
}

.header-searchbar__result {
    background: var(--color-white);
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 8px 16px 0 #9999991f;
    left: 0;
    padding-bottom: 10px;
    position: absolute;
    top: 100%;
    width: 100%;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
}

.header-searchbar__result .case-inline:last-child {
    border-bottom: none
}

.header-searchbar input {
    background: #f3f3f3;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    outline: none;
    padding: 16px 50px;
    width: 100%
}

.header-searchbar input::placeholder {
    color: #666
}

.header-searchbar input::-webkit-search-cancel-button {
    display: none
}

.header-searchbar.searchbar-active {
    animation: fadeIn 1s ease;
    display: block
}

.header-notifications {
    animation: fadeIn .5s ease;
    background-color: var(--color-white);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 8px 16px 0 #9999991f;
    display: none;
    position: absolute;
    right: calc(100% - 56px);
    top: 100%;
    overflow-y: auto;
}

.header-notifications.active {
    display: block;
}

.header-profile {
    display: flex;
    position: relative
}

@media (max-width: 1230px) {
    .header-profile.searchbar-active {
        display: none;
    }
}

.header-profile__item {
    background-color: initial;
    border: none;
    cursor: pointer;
    height: 100%;
    outline: none;
    padding: 28px 10px
}

.header-profile__item.active,
.header-profile__item:hover {
    background-color: #f3f3f3
}

@media (max-width:767px) {
    .header-profile__item {
        padding: 20px 10px
    }

    .header-profile__item--tel {
        display: none
    }
}

/* .header-profile__item:nth-child(4) {
    padding-right: 0
} */

.header-profile__icon.icon {
    display: block;
    height: 20px;
    pointer-events: none;
    transition: .1s ease-in-out;
    width: 20px
}

.hash-header {
    background: var(--color-white);
    box-shadow: 0 8px 16px 0 #9999991f;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: -100%;
    z-index: 10;
    width: 100%;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}

.hash-header.active {
    height: auto;
    max-width: 100%;
    padding-top: 10px;
    top: 76px;
}

@media (max-width:767px) {
    .hash-header.active {
        padding: 6px 5px;
        top: 60px;
    }
}

.hash-header__header {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    flex-grow: 1;
}


.hash-header__navigation ul {
    display: flex;
    column-gap: 20px;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1230px) {
    .hash-header__header {
        white-space: normal;
    }

    .hash-header__navigation ul {
        column-gap: 10px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
}

.hash-header__navigation li {
    list-style: none
}

.hash-header__navigation a {
    border-bottom: 1px solid #0000;
    color: #111;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 3px;
    padding-top: 3px;
}

.hash-header__navigation a.active,
.hash-header__navigation a:hover {
    border-bottom: 1px solid var(--color-accent);
    color: var(--color-accent)
}

.hash-header__info {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 40px
}

.hash-header__info .showing-item__date {
    margin-bottom: 0
}

@media (max-width:990px) {
    .hash-header__info {
        display: none
    }
}

.hash-header__element {
    align-items: center;
    display: flex;
    justify-content: center;
    row-gap: 10px;
    column-gap: 10px;
}

@media screen and (max-width: 1230px) {

    .hash-header {
        padding: 0 15px;
    }

    .hash-header__element {
        width: 100%;
        flex-wrap: wrap;
    }

    .hash-header__element>* {
        width: 100%;
    }
}

.hash-header__element .element__badge {
    max-height: 45px;
    max-width: 65px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hash-header__element-left {
    align-items: center;
    display: flex;
    gap: 14px
}

.hash-header-title .element-title {
    margin-bottom: 0;
}

.hash-header__element-right {
    white-space: nowrap;
}

@media (max-width:767px) {

    .hash-header__element-left,
    .hash-header__element-right .element-header-special__actions,
    .hash-header__element-right .to-favorite {
        display: none
    }
}

.hash-header__navigation-open {
    color: #333;
    display: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px
}

.hash-header__navigation-open button {
    margin-left: 6px
}

.hash-header__container {
    padding-bottom: 16px
}

@media (max-width:767px) {
    .hash-header__navigation-open {
        display: flex
    }

    .hash-header__container {
        width: 100%;
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        padding-bottom: 0
    }

    .hash-header__header ul {
        flex-direction: column;
        gap: 10px;
        height: 0;
        max-height: 0;
        overflow: hidden;
        transition: .3s ease-in-out
    }

    .hash-header__header ul li {
        display: none
    }

    .hash-header__header ul.active {
        height: auto;
        max-height: 1000px;
        padding-top: 10px
    }

    .hash-header__header ul.active li {
        display: inline
    }
}

@media (max-width:990px) {
    .hash-header .button--white {
        display: none
    }
}

.hamburger {
    background-color: initial;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    left: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: scaleX(-1);
    transition-duration: .15s;
    transition-property: opacity, filter;
    transition-timing-function: linear;
    translate: 0 -50%
}

@media (max-width:568px) {
    .hamburger {
        top: 52%
    }
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: var(--color-primary)
}

.hamburger-box {
    display: inline-block;
    height: 26px;
    position: relative;
    width: 26px
}

@media (max-width:568px) {
    .hamburger-box {
        height: 26px;
        width: 18px
    }
}

.hamburger-inner {
    display: block;
    margin-top: -2px;
    top: 50%
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: var(--color-primary);
    border-radius: 3px;
    height: 2px;
    position: absolute;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 26px
}

@media (max-width:568px) {

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        width: 18px
    }
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--spring .hamburger-inner {
    top: 6px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 9px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

@media (max-width:568px) {
    .hamburger--spring .hamburger-inner:before {
        top: 5px
    }
}

.hamburger--spring .hamburger-inner:after {
    top: 18px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

@media (max-width:568px) {
    .hamburger--spring .hamburger-inner:after {
        top: 10px
    }
}

.hamburger--spring:not(.is-active) .hamburger-inner:after {
    right: 0;
    width: 50%
}

.hamburger--spring.is-active .hamburger-inner {
    background-color: initial !important;
    transition-delay: .22s
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(0, 10px, 0) rotate(45deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transform: translate3d(0, 10px, 0) rotate(-45deg);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

@media (min-width:1230px) {
    .hamburger {
        display: none
    }
}

.footer {
    padding: 30px 0 40px;
    position: relative
}

.footer:before {
    background-color: var(--color-accent-light);
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.footer__contacts {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 365px;
    width: 100%
}

@media screen and (max-width:767px) {
    .footer__contacts {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 30px;
    }
}

.footer-socials {
    display: flex;
    gap: 10px
}

.footer-socials a {
    display: block;
    height: 35px;
    width: 30px
}

.footer__top {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .footer__top {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 35px
    }
}

.footer__tel {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    transition: .1s ease-in-out;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.footer__tel:hover {
    opacity: .5
}

.footer__tel-icon {
    display: flex;
}

.footer__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px 0;
    justify-content: space-between
}

@media (max-width:1230px) {
    .footer__list {
        row-gap: 62px
    }

    .footer__list>* {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .footer__list {
        row-gap: 50px;
    }

    .footer__list>* {
        flex-basis: 50%;
        max-width: 50%;
    }
}

.footer-menu b {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 22px
}

.footer-menu li {
    list-style: none
}

.footer-menu ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0
}

.footer-menu a {
    color: #717182;
    font-size: 15px;
    font-weight: 400
}

.footer__bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px
}

.footer__bottom a,
.footer__bottom span,
.footer__bottom small {
    color: #888;
    font-size: 15px;
    font-weight: 400
}

@media (max-width:1230px) {
    .footer__bottom {
        gap: 24px 30px;
        justify-content: center
    }

    .footer__bottom small {
        display: none
    }
}

@media (max-width:767px) {
    .footer__bottom {
        justify-content: flex-start;
        margin-top: 50px
    }
}

.footer a:hover {
    color: var(--color-primary)
}

.wpnew {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 7px
}

.wpnew .icon {
    height: 14px;
    width: 78px
}

.icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 12px;
    min-width: 12px;
    position: relative;
    transition: opacity .2s ease-in-out
}

.icon:hover {
    opacity: .3
}

.icon:after {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.i-fr {
    height: 22px;
    width: 20px
}

.i-fr:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='%23EE4280' d='M20 15.59c0 .76-.516 1.656-1.167 2.035l-7.652 4.424c-.652.38-1.71.38-2.361 0l-7.653-4.424C.516 17.246 0 16.324 0 15.59V6.744c0-.76.516-1.656 1.167-2.036L8.82.285c.65-.38 1.71-.38 2.36 0l7.653 4.423C19.484 5.088 20 6.011 20 6.744z'/%3E%3Cpath fill='%23fff' d='M5.388 12.935V5.74h4.396V7.1H6.747v1.559h2.438v1.358H6.747v2.918z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M9.185 8.659v7.193h1.359v-2.438h1.516l1.181 2.438h1.539l-1.299-2.664q.472-.208.75-.603.45-.645.449-1.549 0-.603-.195-1.094a1.9 1.9 0 0 0-.61-.819q-.409-.325-1.053-.424a2 2 0 0 0-.32-.03 5 5 0 0 0-.28-.01zm2.977 3.486h-1.618V9.928h1.618q.105 0 .23.01t.23.04q.275.075.424.255.15.175.205.395.06.215.06.41t-.06.414a1 1 0 0 1-.205.395q-.15.175-.424.25-.105.03-.23.04t-.23.01' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.i-sort {
    height: 14px;
    width: 16px
}

.i-sort:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='M15 11H1M9 7H1M9 3H1M13 8V3M11 6l2 2 2-2'/%3E%3C/svg%3E")
}

.i-filter {
    height: 14px;
    width: 14px
}

.i-filter:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23EE4280' d='M.438 2.468h6.66c.201.914 1.017 1.6 1.99 1.6a2.04 2.04 0 0 0 1.99-1.6h2.485a.438.438 0 0 0 0-.875h-2.485a2.04 2.04 0 0 0-1.99-1.6c-.971 0-1.788.687-1.99 1.6H.439a.438.438 0 0 0 0 .875m7.488-.436v-.005A1.164 1.164 0 0 1 9.09.868c.638 0 1.16.52 1.162 1.158v.006a1.164 1.164 0 0 1-1.162 1.16c-.64 0-1.161-.52-1.163-1.159zm5.637 9.5h-2.485a2.04 2.04 0 0 0-1.99-1.6c-.971 0-1.788.686-1.99 1.6H.439a.438.438 0 0 0 0 .875h6.66c.201.914 1.017 1.6 1.99 1.6a2.04 2.04 0 0 0 1.99-1.6h2.485a.438.438 0 0 0 0-.875m-4.474 1.6c-.64 0-1.161-.52-1.163-1.16v-.006a1.164 1.164 0 0 1 1.163-1.159c.638 0 1.16.52 1.162 1.158v.006c-.001.64-.522 1.16-1.162 1.16m4.474-6.57H6.9a2.04 2.04 0 0 0-1.99-1.6 2.04 2.04 0 0 0-1.99 1.6H.438a.438.438 0 0 0 0 .875h2.484a2.04 2.04 0 0 0 1.99 1.6c.971 0 1.788-.686 1.99-1.6h6.66a.438.438 0 0 0 0-.875M6.073 7v.005a1.164 1.164 0 0 1-1.162 1.158c-.638 0-1.159-.519-1.162-1.157v-.007c.001-.64.522-1.16 1.162-1.16s1.161.52 1.163 1.16'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.i-arrow {
    height: 5px;
    width: 10px
}

.i-arrow--grey:after {
    filter: var(--filter-grey)
}

.i-arrow:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='M9 1 5 4 1 1'/%3E%3C/svg%3E")
}

.i-arrow-black {
    height: 16px;
    width: 16px
}

.i-arrow-black:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23333' d='m10.06 12 .94-.94L7.947 8 11 4.94 10.06 4l-4 4z'/%3E%3C/svg%3E")
}

.i-add {
    height: 13px;
    width: 12px
}

.i-add:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Cg stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M1 6.5h10M6 1.5v10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.i-close {
    height: 14px;
    width: 14px
}

.i-close--grey:after {
    filter: var(--filter-grey)
}

.i-close:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23E60A59' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 2 10 10M12 2 2 12'/%3E%3C/svg%3E")
}

.i-comments {
    height: 14px;
    width: 14px
}

.i-comments:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23333' stroke-miterlimit='10' stroke-width='.6' d='M3.267 11.006a.78.78 0 0 0-.622-.778A2.334 2.334 0 0 1 .934 7.98V3.446a2.333 2.333 0 0 1 2.333-2.334h7.467a2.333 2.333 0 0 1 2.333 2.334v4.55a2.333 2.333 0 0 1-2.333 2.333H6.68c-.204 0-.4.082-.544.226l-2.209 2.224a.39.39 0 0 1-.661-.28z'/%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M3.063 4.65c0-.138.156-.25.35-.25h7.175c.193 0 .35.112.35.25s-.157.25-.35.25H3.413c-.194 0-.35-.112-.35-.25M3.063 7.4c0-.138.156-.25.35-.25h3.675c.193 0 .35.112.35.25s-.157.25-.35.25H3.413c-.194 0-.35-.112-.35-.25' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.i-favorite {
    height: 17px;
    width: 20px
}

.i-favorite--grey:after {
    filter: var(--filter-grey)
}

.to-favorite.active .i-favorite:after,
.i-favorite.active:after,
.i-favorite:hover:after {
    filter: var(--filter-accent)
}

.i-favorite:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' fill='none'%3E%3Cpath fill='%23333' d='M10 17c-.48 0-.948-.141-1.351-.408-1.145-.759-3.345-2.316-5.206-4.218C1.158 10.04 0 7.84 0 5.834c0-1.392.4-2.668 1.154-3.689A5.27 5.27 0 0 1 4.026.175a5.12 5.12 0 0 1 3.439.282C8.435.89 9.299 1.617 10 2.582c.701-.968 1.566-1.696 2.535-2.125a5.12 5.12 0 0 1 3.439-.283c1.144.306 2.156 1 2.872 1.971C19.6 3.166 20 4.442 20 5.835c0 2.004-1.158 4.203-3.443 6.537-1.86 1.902-4.06 3.46-5.205 4.218-.404.268-.873.41-1.352.41M5.34 1.183q-.546 0-1.073.147a4.16 4.16 0 0 0-2.203 1.532c-.602.813-.92 1.841-.92 2.975 0 1.677 1.044 3.594 3.104 5.698 1.784 1.826 3.911 3.33 5.019 4.062a1.33 1.33 0 0 0 1.464 0c1.108-.734 3.233-2.238 5.02-4.062 2.06-2.104 3.103-4.021 3.103-5.698 0-1.134-.318-2.16-.92-2.975a4.16 4.16 0 0 0-2.203-1.532c-1.564-.438-3.761.02-5.24 2.62a.6.6 0 0 1-.208.213.56.56 0 0 1-.778-.213c-1.162-2.047-2.77-2.767-4.166-2.767'/%3E%3C/svg%3E")
}

.i-notification {
    height: 20px;
    width: 20px
}

.i-notification:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' d='M17 15.448c.005.37-.119.73-.348 1.015a1.5 1.5 0 0 1-.902.537H4.25a1.5 1.5 0 0 1-.902-.537A1.6 1.6 0 0 1 3 15.448a1.58 1.58 0 0 1 .345-1.017c.23-.285.551-.475.905-.534V7.948c0-1.577.606-3.09 1.684-4.206A5.65 5.65 0 0 1 10 2c1.525 0 2.987.627 4.066 1.742a6.05 6.05 0 0 1 1.684 4.206v5.949c.354.06.675.249.905.534s.352.646.345 1.017M8 19h4M10.82 2a.5.5 0 0 0 .18-.363c0-.169-.105-.331-.293-.45A1.34 1.34 0 0 0 10 1c-.265 0-.52.067-.707.187-.188.119-.293.281-.293.45 0 .13.063.256.18.363'/%3E%3C/svg%3E")
}

.i-search {
    height: 20px;
    width: 20px
}

.i-search:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' d='M9 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15M14.5 14.5l4 4'/%3E%3C/svg%3E")
}

.i-tel {
    height: 20px;
    width: 20px
}

.i-tel:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' d='M3.955 1.36 2.359 2.982A4.6 4.6 0 0 0 1 6.25a4.6 4.6 0 0 0 1.36 3.266l8.108 8.122A4.58 4.58 0 0 0 13.724 19a4.57 4.57 0 0 0 3.256-1.363l1.66-1.6a1.144 1.144 0 0 0 0-1.666l-2.43-2.45a1.16 1.16 0 0 0-1.629 0l-.814.817a1.16 1.16 0 0 1-1.628 0l-4.928-4.9a1.167 1.167 0 0 1 0-1.633l.814-.817a1.167 1.167 0 0 0 0-1.633L5.615 1.36a1.14 1.14 0 0 0-1.66 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.i-phone {
    height: 20px;
    width: 20px
}

.i-phone:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none'%3E%3Cpath fill='%23FFF' d='m12.668 13.507 1.637-1.638a1.58 1.58 0 0 1 1.707-.35l1.992.797A1.59 1.59 0 0 1 19 13.787v3.626c0 .215-.043.429-.129.626a1.5 1.5 0 0 1-.363.525 1.587 1.587 0 0 1-1.176.434C3.355 18.128.535 6.292.012 1.76A1.56 1.56 0 0 1 .402.526 1.59 1.59 0 0 1 1.586 0h3.559a1.577 1.577 0 0 1 1.473.995l.796 1.994a1.6 1.6 0 0 1-.351 1.708L5.426 6.334s.906 6.38 7.242 7.173'/%3E%3C/svg%3E")
}

.i-mail {
    height: 20px;
    width: 20px
}

.i-mail:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath fill='%23FFF' d='M20 7.006v8.463c0 .787-.312 1.542-.871 2.1a2.96 2.96 0 0 1-2.098.869H3.97c-.79 0-1.543-.313-2.098-.87a2.97 2.97 0 0 1-.871-2.1V7.007l9.2 5.412a.59.59 0 0 0 .6 0zM17.031 3a2.962 2.962 0 0 1 2.95 2.64L10.5 11.218 1.02 5.64A2.96 2.96 0 0 1 3.969 3z'/%3E%3C/svg%3E")
}

.i-profile {
    height: 20px;
    width: 20px
}

.i-profile:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' d='M10 9a4 4 0 1 0 0-8 4 4 0 0 0 0 8M2.5 19.19a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")
}

.i-facebook {
    height: 34px;
    width: 30px
}

.i-facebook:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' fill='none'%3E%3Cpath fill='%23EE4280' fill-rule='evenodd' d='M28.25 26.832c.977-.578 1.75-1.941 1.75-3.098V10.266c0-1.115-.773-2.52-1.75-3.098L16.77.434c-.976-.579-2.564-.579-3.54 0L1.75 7.168C.773 7.746 0 9.109 0 10.266v13.468c0 1.115.773 2.52 1.75 3.098l11.48 6.734c.976.579 2.564.579 3.54 0zM16.064 17.16v8.16h-3.377v-8.16H11v-2.812h1.687v-1.688c0-2.295.953-3.659 3.659-3.659h2.253v2.813H17.19c-1.054 0-1.124.393-1.124 1.126l-.003 1.408h2.55l-.298 2.812z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.2' fill-rule='evenodd' d='M28.25 26.832c.977-.578 1.75-1.941 1.75-3.098V10.266c0-1.115-.773-2.52-1.75-3.098L16.77.434c-.976-.579-2.564-.579-3.54 0L1.75 7.168C.773 7.746 0 9.109 0 10.266v13.468c0 1.115.773 2.52 1.75 3.098l11.48 6.734c.976.579 2.564.579 3.54 0zM16.064 17.16v8.16h-3.377v-8.16H11v-2.812h1.687v-1.688c0-2.295.953-3.659 3.659-3.659h2.253v2.813H17.19c-1.054 0-1.124.393-1.124 1.126l-.003 1.408h2.55l-.298 2.812z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.i-vk {
    height: 34px;
    width: 30px
}

.i-vk:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' fill='none'%3E%3Cpath fill='%23EE4280' fill-rule='evenodd' d='M28.25 26.832c.977-.578 1.75-1.941 1.75-3.098V10.266c0-1.115-.773-2.52-1.75-3.098L16.77.434c-.976-.579-2.564-.579-3.54 0L1.75 7.168C.773 7.746 0 9.109 0 10.266v13.468c0 1.115.773 2.52 1.75 3.098l11.48 6.734c.976.579 2.564.579 3.54 0zM16.22 21.735c-.148.156-.436.188-.436.188h-.957s-2.11.124-3.968-1.775c-2.027-2.072-3.817-6.182-3.817-6.182s-.103-.27.01-.4c.125-.146.469-.155.469-.155l2.285-.015s.216.035.37.146a.7.7 0 0 1 .199.263s.369.918.858 1.747c.956 1.62 1.4 1.974 1.724 1.8.473-.252.331-2.29.331-2.29s.009-.738-.238-1.068c-.19-.255-.55-.33-.71-.35-.129-.017.083-.31.357-.442.411-.197 1.137-.209 1.996-.2.669.007.861.047 1.123.11.606.143.587.604.547 1.598-.013.297-.027.642-.027 1.04q-.001.135-.005.284c-.014.509-.03 1.092.311 1.309.175.11.604.016 1.675-1.77.508-.846.888-1.84.888-1.84s.084-.178.213-.254c.132-.078.31-.054.31-.054l2.406-.014s.723-.086.84.235c.123.336-.27 1.121-1.253 2.407-.932 1.22-1.386 1.67-1.344 2.067.03.29.325.553.89 1.068 1.182 1.077 1.499 1.643 1.575 1.78l.014.024c.53.863-.587.93-.587.93l-2.137.03s-.459.089-1.063-.318c-.317-.213-.626-.561-.92-.893-.45-.506-.866-.974-1.22-.863-.596.186-.578 1.445-.578 1.445s.005.27-.13.412' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.2' fill-rule='evenodd' d='M28.25 26.832c.977-.578 1.75-1.941 1.75-3.098V10.266c0-1.115-.773-2.52-1.75-3.098L16.77.434c-.976-.579-2.564-.579-3.54 0L1.75 7.168C.773 7.746 0 9.109 0 10.266v13.468c0 1.115.773 2.52 1.75 3.098l11.48 6.734c.976.579 2.564.579 3.54 0zM16.22 21.735c-.148.156-.436.188-.436.188h-.957s-2.11.124-3.968-1.775c-2.027-2.072-3.817-6.182-3.817-6.182s-.103-.27.01-.4c.125-.146.469-.155.469-.155l2.285-.015s.216.035.37.146a.7.7 0 0 1 .199.263s.369.918.858 1.747c.956 1.62 1.4 1.974 1.724 1.8.473-.252.331-2.29.331-2.29s.009-.738-.238-1.068c-.19-.255-.55-.33-.71-.35-.129-.017.083-.31.357-.442.411-.197 1.137-.209 1.996-.2.669.007.861.047 1.123.11.606.143.587.604.547 1.598-.013.297-.027.642-.027 1.04q-.001.135-.005.284c-.014.509-.03 1.092.311 1.309.175.11.604.016 1.675-1.77.508-.846.888-1.84.888-1.84s.084-.178.213-.254c.132-.078.31-.054.31-.054l2.406-.014s.723-.086.84.235c.123.336-.27 1.121-1.253 2.407-.932 1.22-1.386 1.67-1.344 2.067.03.29.325.553.89 1.068 1.182 1.077 1.499 1.643 1.575 1.78l.014.024c.53.863-.587.93-.587.93l-2.137.03s-.459.089-1.063-.318c-.317-.213-.626-.561-.92-.893-.45-.506-.866-.974-1.22-.863-.596.186-.578 1.445-.578 1.445s.005.27-.13.412' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.i-instagram {
    height: 34px;
    width: 30px
}

.i-instagram:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='34' fill='none'%3E%3Cpath fill='%23EE4280' fill-rule='evenodd' d='M28.25 26.832c.977-.578 1.75-1.941 1.75-3.098V10.266c0-1.115-.773-2.52-1.75-3.098L16.77.434c-.976-.579-2.564-.579-3.54 0L1.75 7.168C.773 7.746 0 9.109 0 10.266v13.468c0 1.115.773 2.52 1.75 3.098l11.48 6.734c.976.579 2.564.579 3.54 0zM11.702 9.048C12.555 9.009 12.828 9 15 9h-.002c2.173 0 2.445.009 3.298.048.852.039 1.434.174 1.944.372a3.9 3.9 0 0 1 1.416.922c.445.445.719.891.924 1.417.196.509.331 1.09.371 1.942.038.853.049 1.126.049 3.299s-.01 2.444-.049 3.298c-.04.851-.175 1.433-.372 1.941a3.9 3.9 0 0 1-.923 1.417c-.444.445-.89.72-1.416.924-.509.198-1.091.332-1.943.371-.853.04-1.125.049-3.298.049s-2.445-.01-3.298-.049c-.852-.039-1.433-.174-1.942-.371a3.9 3.9 0 0 1-1.417-.924 3.9 3.9 0 0 1-.922-1.417c-.198-.509-.333-1.09-.372-1.942C7.009 19.444 7 19.173 7 17s.01-2.446.048-3.3c.038-.85.173-1.432.371-1.941.205-.526.479-.972.924-1.417A3.9 3.9 0 0 1 9.76 9.42c.508-.198 1.09-.333 1.942-.372m2.581 1.394h.718c2.136 0 2.389.008 3.233.046.78.036 1.203.166 1.485.275.373.145.64.319.92.599s.453.547.598.92c.11.281.24.705.275 1.485.039.843.047 1.097.047 3.232s-.008 2.388-.047 3.231c-.035.78-.166 1.204-.275 1.485-.145.374-.319.64-.599.92s-.546.453-.92.598c-.28.11-.704.24-1.485.275-.843.039-1.096.047-3.232.047s-2.39-.008-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.704-.275-1.484-.038-.844-.046-1.097-.046-3.233s.008-2.389.046-3.232c.036-.78.166-1.203.276-1.485.145-.374.319-.64.599-.92s.546-.454.92-.6c.282-.11.705-.24 1.485-.275.738-.033 1.024-.043 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92M10.892 17a4.109 4.109 0 1 1 8.217 0 4.109 4.109 0 0 1-8.217 0m6.775 0a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.2' fill-rule='evenodd' d='M28.25 26.832c.977-.578 1.75-1.941 1.75-3.098V10.266c0-1.115-.773-2.52-1.75-3.098L16.77.434c-.976-.579-2.564-.579-3.54 0L1.75 7.168C.773 7.746 0 9.109 0 10.266v13.468c0 1.115.773 2.52 1.75 3.098l11.48 6.734c.976.579 2.564.579 3.54 0zM11.702 9.048C12.555 9.009 12.828 9 15 9h-.002c2.173 0 2.445.009 3.298.048.852.039 1.434.174 1.944.372a3.9 3.9 0 0 1 1.416.922c.445.445.719.891.924 1.417.196.509.331 1.09.371 1.942.038.853.049 1.126.049 3.299s-.01 2.444-.049 3.298c-.04.851-.175 1.433-.372 1.941a3.9 3.9 0 0 1-.923 1.417c-.444.445-.89.72-1.416.924-.509.198-1.091.332-1.943.371-.853.04-1.125.049-3.298.049s-2.445-.01-3.298-.049c-.852-.039-1.433-.174-1.942-.371a3.9 3.9 0 0 1-1.417-.924 3.9 3.9 0 0 1-.922-1.417c-.198-.509-.333-1.09-.372-1.942C7.009 19.444 7 19.173 7 17s.01-2.446.048-3.3c.038-.85.173-1.432.371-1.941.205-.526.479-.972.924-1.417A3.9 3.9 0 0 1 9.76 9.42c.508-.198 1.09-.333 1.942-.372m2.581 1.394h.718c2.136 0 2.389.008 3.233.046.78.036 1.203.166 1.485.275.373.145.64.319.92.599s.453.547.598.92c.11.281.24.705.275 1.485.039.843.047 1.097.047 3.232s-.008 2.388-.047 3.231c-.035.78-.166 1.204-.275 1.485-.145.374-.319.64-.599.92s-.546.453-.92.598c-.28.11-.704.24-1.485.275-.843.039-1.096.047-3.232.047s-2.39-.008-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.704-.275-1.484-.038-.844-.046-1.097-.046-3.233s.008-2.389.046-3.232c.036-.78.166-1.203.276-1.485.145-.374.319-.64.599-.92s.546-.454.92-.6c.282-.11.705-.24 1.485-.275.738-.033 1.024-.043 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92M10.892 17a4.109 4.109 0 1 1 8.217 0 4.109 4.109 0 0 1-8.217 0m6.775 0a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.i-wpnew {
    height: 14px;
    width: 78px
}

.i-wpnew:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='14' fill='none'%3E%3Cpath fill='%231FC3B0' d='M3.291 6.896H0l3.499 7.058H6.82zM10.17 5.058H6.88l3.29 8.925h3.203z'/%3E%3Cpath fill='%231FC3B0' d='M6.85 13.983H3.558L6.85 5.057h3.202zM13.403 13.983h-3.261l3.706-10.912-1.275-.445 4.092-2.61 1.513 4.449-1.364-.445z'/%3E%3Cpath fill='%23151515' d='m33.972 5.118-2.048 6.231-2.01-6.23H28.03l-2.073 6.18-1.985-6.18h-2.11l2.889 8.793h2.173l1.998-5.955 1.934 5.955h2.186l2.877-8.794zM40.862 5.118h-3.807v8.794h2.036v-2.424h1.771c2.35 0 3.82-1.219 3.82-3.179 0-1.972-1.47-3.19-3.82-3.19m-.113 4.711H39.09V6.776h1.658c1.244 0 1.872.566 1.872 1.533 0 .955-.628 1.52-1.872 1.52M52.312 5.118v5.34l-4.372-5.34h-1.683v8.794h2.01V8.573l4.384 5.34h1.671V5.117zM58.425 12.279v-2.035h4.083V8.66h-4.083V6.75h4.624V5.118h-6.646v8.794h6.809V12.28zM76.053 5.118l-2.048 6.231-2.01-6.23h-1.884l-2.073 6.18-1.985-6.18h-2.11l2.889 8.793h2.173l1.998-5.955 1.934 5.955h2.186L78 5.118z'/%3E%3C/svg%3E")
}

.swiper-button-disabled {
    display: none
}

.swiper-button-prev:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.5' stroke='%23F3F3F3' stroke-linecap='round' stroke-linejoin='round' d='M23 45c12.15 0 22-9.85 22-22S35.15 1 23 1 1 10.85 1 23s9.85 22 22 22'/%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='m20.625 18.25 4.75 4.75-4.75 4.75'/%3E%3C/svg%3E");
    rotate: 180deg
}

@media (max-width:767px) {
    .swiper-button-prev:after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.5' stroke='%23F3F3F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='M15 29c7.732 0 14-6.268 14-14S22.732 1 15 1 1 7.268 1 15s6.268 14 14 14'/%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='m12.625 10.25 4.75 4.75-4.75 4.75'/%3E%3C/svg%3E")
    }
}

.swiper-button-next:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.5' stroke='%23F3F3F3' stroke-linecap='round' stroke-linejoin='round' d='M23 45c12.15 0 22-9.85 22-22S35.15 1 23 1 1 10.85 1 23s9.85 22 22 22'/%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='m20.625 18.25 4.75 4.75-4.75 4.75'/%3E%3C/svg%3E")
}

@media (max-width:767px) {
    .swiper-button-next:after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.5' stroke='%23F3F3F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='M15 29c7.732 0 14-6.268 14-14S22.732 1 15 1 1 7.268 1 15s6.268 14 14 14'/%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='m12.625 10.25 4.75 4.75-4.75 4.75'/%3E%3C/svg%3E")
    }
}

.tab {
    display: none
}

.tab-button {
    cursor: pointer
}

.tab.active {
    animation: fadeIn 1s ease;
    display: block
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.collapse {
    cursor: pointer;
    padding-left: 34px;
    position: relative;
    transition: opacity .2s ease-in-out
}

.collapse:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 9.5 5 5 5-5'/%3E%3C/svg%3E");
    left: 0;
    position: absolute;
    rotate: 270deg;
    top: calc(50% - 14px);
    transition: .2s ease-in-out
}

.collapse:hover {
    opacity: .7
}

.collapse.active:before,
.collapse:hover:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 9.5 5 5 5-5'/%3E%3C/svg%3E");
    rotate: 180deg
}

.collapse-content {
    max-height: 0;
    overflow: hidden;
    padding-left: 34px;
    transition: .2s ease-in-out
}

.collapse-content.active {
    max-height: 1000px
}

.tooltip {
    align-items: center;
    border: 1.5px solid var(--color-accent-light);
    border-radius: 999px;
    color: var(--color-accent-light);
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    padding: 0 5px;
    width: 24px
}

.tooltip:hover {
    border-color: var(--color-grey-light);
    color: var(--color-grey-light)
}

.tooltip:hover .tooltip__content,
.tooltip .tooltip__content:hover {
    animation: fadeIn .2s ease;
    border: 1px solid #d2d2d2;
    min-width: 178px;
    max-width: 178px;
    overflow: visible;
    padding: 5px 10px;
    width: auto;
    z-index: 1;
}

.tooltip__content {
    background: var(--color-white);
    border: none;
    border-radius: 4px;
    color: var(--color-grey-light);
    cursor: default;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: -188px;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

@media (max-width:468px) {
    .tooltip__content {
        right: 0;
        top: -100%
    }
}

.arrow-right--text {
    position: relative;
    transition: .1s ease-in-out
}

.arrow-right--text:hover:after {
    opacity: .3
}

.arrow-right--text:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' fill='none'%3E%3Cg stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M13 5H1M9.4 1.4 13 5 9.4 8.6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h14v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    margin-left: 10px;
    transition: .2s ease-in-out
}

.arrow-right--text-2 {
    position: relative;
    transition: .1s ease-in-out
}

.arrow-right--text-2:hover:after {
    opacity: .3
}

.arrow-right--text-2-arrow {
    margin-left: 10px;
    transition: .2s ease-in-out
}

.arrow-bottom--text:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m17 9.5-5 5-5-5'/%3E%3C/svg%3E");
    transition: .2s ease-in-out
}

.arrow-bottom--text:hover:after {
    opacity: .3
}

.arrow-bottom--text.active {
    color: var(--color-accent-light)
}

.arrow-bottom--text.active:after {
    color: var(--color-accent-light);
    opacity: .3;
    rotate: 180deg
}

.arrow-right--slider:hover:after {
    color: var(--color-accent-light)
}

.arrow-right--slider:after {
    align-items: center;
    background-color: initial;
    border: 1px solid #f3f3f3;
    border-radius: 9999px;
    bottom: 0;
    color: var(--color-accent);
    content: ">";
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 24px;
    height: 45px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: 0;
    transition: color .2s ease-in-out;
    width: 45px
}

.arrow-left--slider:hover:after {
    color: var(--color-accent-light)
}

.arrow-left--slider:after {
    align-items: center;
    border: 1px solid #f3f3f3;
    border-radius: 9999px;
    bottom: 0;
    color: var(--color-accent);
    content: "<";
    display: flex;
    flex-direction: column;
    font-size: 24px;
    height: 45px;
    justify-content: center;
    position: absolute;
    right: 0;
    transition: color .2s ease-in-out;
    width: 45px
}

.arrow-left--slider:after,
.to-favorite {
    background-color: initial;
    cursor: pointer;
    outline: none
}

.to-favorite {
    border: none;
    padding: 0
}

.to-favorite .icon {
    height: 17px;
    width: 20px
}

.to-comments {
    background-color: initial;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0
}

.to-comments .icon {
    height: 14px;
    width: 14px
}

.slider,
.main_banner_slider {
    max-width: 396px
}

@media (max-width:1230px) {

    .slider,
    .main_banner_slider {
        max-width: 100%
    }
}

.slider .swiper-pagination,
.main_banner_slider .swiper-pagination {
    bottom: 16px
}

.slider .swiper-pagination-bullet,
.main_banner_slider .swiper-pagination-bullet {
    background: #ffffff80;
    opacity: 1;
    transform: scale(1)
}

.slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.main_banner_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 12px;
    min-width: 14px
}

.slider__image {
    border-radius: 10px;
    object-fit: contain;
    width: 100%
}

@media (max-width:1230px) {
    .slider__image {
        height: 220px
    }
}

@media (max-width:767px) {
    .slider__image {
        height: 178px;
        object-fit: cover
    }
}

.slider .swiper-button-next:after,
.slider .swiper-button-prev:after,
.main_banner_slider .swiper-button-next:after,
.main_banner_slider .swiper-button-prev:after {
    align-items: center;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M1 1.25 5.75 6 1 10.75'/%3E%3C/svg%3E");
    display: flex;
    justify-content: center
}

.slider .swiper-button-next,
.slider .swiper-button-prev,
.main_banner_slider .swiper-button-next,
.main_banner_slider .swiper-button-prev {
    background-position: 50px 0;
    height: 100%;
    top: 20px;
    transition: background-position .3s ease-in-out;
    width: 57px
}

@media (max-width:1230px) {

    .slider .swiper-button-next,
    .slider .swiper-button-prev,
    .main_banner_slider .swiper-button-next,
    .main_banner_slider .swiper-button-prev {
        display: none
    }
}

.slider .swiper-button-next,
.main_banner_slider .swiper-button-next {
    right: 0
}

.slider .swiper-button-prev,
.main_banner_slider .swiper-button-prev {
    left: 0
}

.slider .swiper-button-next:hover,
.slider .swiper-button-prev:hover,
.main_banner_slider .swiper-button-next:hover,
.main_banner_slider .swiper-button-prev:hover {
    background: linear-gradient(90deg, #fff0, #fff6 95.83%);
    background-position: 0 0;
    background-repeat: no-repeat
}

.slider .swiper-button-prev:hover,
.main_banner_slider .swiper-button-prev:hover {
    rotate: 180deg
}

.slider .swiper-button-prev:hover:after,
.main_banner_slider .swiper-button-prev:hover:after {
    rotate: 0deg
}

.hero {
    padding-bottom: 46px;
    padding-top: 30px
}

@media (max-width:1230px) {
    .hero {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

@media (max-width:767px) {
    .hero {
        padding-bottom: 20px;
        padding-top: 24px
    }
}

.hero__buttons,
.hero__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px
}

@media screen and (max-width:767px) {
    .hero__buttons {
        row-gap: 8px;
    }

    .hero__buttons .button {
        width: 100%;
    }
}

.hero__container {
    align-items: center;
    justify-content: space-between
}

@media (max-width:767px) {
    .hero__container {
        max-width: 100%
    }
}

.hero__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 50px;
    width: 100%
}

.hero__content+* {
    flex-grow: 2
}

@media (min-width:1230px) {
    .hero__content {
        max-width: 660px
    }
}

@media (max-width:1230px) {
    .hero__content {
        gap: 30px;
        margin-bottom: 15px;
        margin-top: 0
    }
}

@media (max-width:767px) {
    .hero__content {
        gap: 15px
    }
}

.card {
    background: var(--color-grey);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px 20px;
    transition: .3s ease-in-out;
    position: relative;
}

@media screen and (max-width:767px) {
    .card {
        padding: 18px 16px;
        row-gap: 10px;
    }
}

.card:hover {
    box-shadow: 0 8px 16px 0 #9999991f
}

.card .text-secondary {
    margin-bottom: 0;
    line-height: 130%;
}

.card--image .text-secondary {
    color: #333;
    font-weight: 600;
    flex-grow: 1;
}

.card__bottom {
    margin-top: auto
}

.card__bottom,
.card__link {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.card__link {
    position: relative;
    width: 100%
}

.arrow-right--text-2-icon {
    display: flex;
}

@media screen and (max-width:767px) {

    .card__bottom:not(.card__bottom-mobile-absolute) .arrow-right--text-2-icon svg {
        height: 9px;
    }

    .card__link {
        justify-content: flex-start;
        column-gap: 5px;
    }

    .card__bottom-mobile-absolute .card__link {
        justify-content: center;
        width: 30px;
        height: 30px;
    }

    .card__bottom-mobile-absolute .card__link-text {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .card__bottom-mobile-absolute {
        top: 14px;
        right: 12px;
        position: absolute;
    }
}

.cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 0;
    justify-content: space-between
}

.cards>* {
    flex-basis: calc(25% - 8px);
    max-width: calc(25% - 8px)
}

@media (max-width:1230px) {
    .cards>* {
        flex-basis: calc(50% - 8px);
        max-width: calc(50% - 8px)
    }
}

@media (max-width:767px) {
    .cards>* {
        flex-basis: 100%;
        max-width: 100%
    }
}

.related .case__price,
.related .case__title {
    font-size: 16px
}

.cases-slider {
    position: relative;
    width: 100%
}

.cases-slider .swiper-button-prev {
    left: -50px
}

.cases-slider .swiper-button-next {
    right: -50px
}

@media (max-width:1230px) {
    .cases-slider .swiper-button-prev {
        left: 0
    }

    .cases-slider .swiper-button-next {
        right: 0
    }
}

@media (max-width: 768px) {

    .cases-slider .swiper {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.cases-slider__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px
}

.cases-slider .case__hover,
.cases-slider .case__price-max {
    display: none
}

.cases-collection {
    margin-bottom: 30px
}

.cases-collection__title {
    margin-bottom: 20px
}

.cases-collection-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

@media (max-width:767px) {
    .cases-collection-list {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

.cases-collection-list__item {
    align-items: center;
    background: #fff;
    border: 1px solid #e6eef7;
    border-radius: 4px;
    color: var(--color-primary);
    display: flex;
    gap: 10px;
    padding: 6px 12px
}

@media (max-width:767px) {
    .cases-collection-list__item {
        white-space: nowrap;
        padding: 7px 11px;
        gap: 6px;
    }

    .cases-collection-list__item .icon {
        min-width: 18px;
    }
}

.cases__title {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: 9px;
    position: relative
}

.cases-link {
    text-align: right;
    width: 100%
}

.cases-link__link {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    margin-top: 34px
}

.cases-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px
}

@media (max-width:1230px) {
    .cases-actions {
        gap: 20px;
    }

    .cases-actions .sort {
        white-space: nowrap;
    }
}

@media (max-width:767px) {
    .cases-actions {
        margin-bottom: 0;
    }
}

.cases-amount {
    font-size: 14px;
    line-height: 140%
}

@media (max-width:1230px) {
    .cases-amount {
        text-align: right;
        width: 100%
    }
}

.cases-more {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: auto;
    margin-top: 35px;
    width: 100%;
    max-width: 100%;
    column-gap: 70px;
}

.cases-more-button {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

@media (max-width:1230px) {
    .cases-more {
        flex-direction: column;
        gap: 30px;
        margin-right: auto
    }
}

.cases-section {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 20px;
}

.cases-section>.case {
    flex-basis: calc(25% - 15px);
    max-width: calc(25% - 15px)
}

@media (max-width:1230px) {
    .cases-section {
        column-gap: 15px;
    }

    .cases-section>.case {
        flex-basis: calc((100%)/3 - 10px);
        max-width: calc((100%)/3 - 10px);
    }
}

@media (max-width:767px) {
    .cases-section {
        gap: 30px 14px;
    }

    .cases-section>.case {
        flex-basis: calc(50% - 7px);
        max-width: calc(50% - 7px)
    }
}

.case {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.case:hover {
    z-index: 2;
    opacity: 1;
}

.case,
.case:hover {
    color: var(--color-primary)
}

.case__body {
    padding: 12px 16px;
    position: relative;
    background: #fff;
}

/* .case__body-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    display: none;
}

.case:hover .case__body-hover {
    display: block;
} */

@media (max-width:767px) {
    .case__body {
        padding: 5px
    }
}

.case-comments {
    height: 14px;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
    margin-bottom: 14px;
}

.case-comments,
.case-comments__icon {
    align-items: center;
    display: flex
}

.case-comments__amount {
    font-size: 12px;
    font-weight: 500;
    line-height: 100%
}

@media (max-width:767px) {
    .case-comments {
        margin-bottom: 0;
    }
}

.case__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 14px;
    color: #333;
    display: block;
}

@media (max-width:767px) {
    .case__title {
        margin-top: 10px
    }
}

.case__announce {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .case__announce {
        font-size: 13px;
        margin-bottom: 14px;
    }
}

/* .case-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .case-actions {
        display: none
    }
} */

.case-actions .case-comments {
    display: flex;
    margin-bottom: 0
}

.case-actions .case-comments__amount {
    font-size: 14px
}

.case-actions .case-comments__icon {
    height: 16px;
    width: 16px
}

.case__stickers {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    position: absolute;
    top: -2px;
    left: 8px;
    z-index: 1;
    max-width: 100%;
    font-size: 16px;
}

.case__sticker {
    display: flex;
    align-items: center;
    column-gap: 3px;
    background: rgba(255, 251, 252, 0.7);
    border-radius: 54px;
    padding: 6px;
}

@media (max-width: 767px) {
    .case__stickers {
        font-size: 12px;
    }

    .case__sticker {
        padding: 3px;
    }
}

.case__sticker-ad {
    cursor: pointer;
}

.case__sticker.active {
    border-radius: 20px;
}

.case__sticker-icon {
    display: flex;
}

.case__header {
    position: relative;
    z-index: 2;
}

.case__sticker-tooltip,
.case__sticker.active .case__sticker-title,
.case__sticker.active .case__sticker-icon {
    display: none;
}

.case__sticker.active .case__sticker-tooltip {
    display: block;
}

.case__bottom {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 14px
}

@media (max-width:767px) {
    .case__bottom {
        margin-bottom: 0
    }

    .case-actions .case__to-favorite {
        display: none
    }
}

.case__price {
    font-size: 18px;
    font-weight: 600;
    line-height: 130%
}

@media (max-width:520px) {

    .case__price-currency,
    .case__price-max {
        display: none
    }
}

/* .case__price-start {
    display: none
} */

/* @media (max-width:767px) {
    .case__price-start {
        display: inline
    }
} */

.case__image {
    border-radius: 10px;
    overflow: hidden;
    height: 135px;
    position: relative;
}

@media (min-width: 1260px) {
    .cases-mainpage .case__image {
        height: 184px;
    }
}

@media screen and (max-width: 1259px) {
    .case__image {
        height: 225px;
    }
}

@media screen and (max-width: 900px) {
    .case__image {
        height: 180px;
    }
}

@media screen and (max-width: 768px) {
    .case__image {
        height: 225px;
    }
}

@media screen and (max-width: 600px) {
    .case__image {
        height: 180px;
    }
}

@media screen and (max-width: 500px) {
    .case__image {
        height: 110px;
    }
}

.case__image img {
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.case__badge {
    border-radius: 2px;
    width: 70px;
    height: 52px;
    position: absolute;
    bottom: -26px;
    left: 16px;
    z-index: 1;
}

.cases-mainpage .case__badge {
    display: none;
}

@media (max-width:767px) {
    .case__badge {
        bottom: 0;
        height: 38px;
        width: 50px
    }
}

.case__hover {
    background-color: var(--color-white);
    background: #fffbfc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    bottom: -50px;
    box-shadow: 0 8px 16px 0 #9999992e;
    left: 0;
    min-height: 60px;
    opacity: 0;
    padding: 0 16px;
    position: absolute;
    transition: .1s ease-in-out;
    width: 100%;
    z-index: 2
}

@media (max-width:767px) {
    .case__hover {
        display: none
    }
}

.case__button {
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    transition: max-height, padding .1s ease-in-out;
    width: 100%
}

.case:hover .case__button {
    max-height: 1000px;
    padding-bottom: 10px;
    padding-top: 10px
}

.case:hover .case__hover {
    opacity: 1
}

/* .case:hover {
    box-shadow: 0 8px 16px 0 #9999992e
} */

.case:hover .case__body {
    box-shadow: 0 8px 16px 0 #9999992e;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.case-inline {
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    gap: 14px;
    padding: 10px 16px
}

.case-inline__bange {
    border-radius: 2px;
    height: 46px;
    width: 65px
}

.case-inline__body {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.case-inline__bottom {
    color: var(--color-grey-light);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 40px;
    line-height: 130%
}

.case-inline__section {
    color: var(--color-grey-light)
}

.case-inline__section:hover {
    color: var(--color-primary)
}

.case-inline__title {
    color: #111;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.case-inline__title:hover {
    color: var(--color-accent-light)
}

.cases-groups-tabs {
    margin-bottom: 23px
}

.cases-groups-tabs__item {
    background: none;
    border: none;
    border-bottom: 1px solid #0000;
    color: var(--color-grey-light);
    font-size: 18px;
    line-height: 130%;
    padding: 0 0 2px;
    transition: .2s ease-in-out
}

.cases-groups-tabs__item.active,
.cases-groups-tabs__item:hover {
    border-bottom: 1px solid var(--color-primary);
    color: var(--color-primary)
}

.cases-group .swiper {
    padding-bottom: 20px
}

.cases-group .swiper-slide {
    max-width: 214px
}

/* .cases-group .case__price-start {
    display: inline
} */

.cases-group .case__hover,
.cases-group .case__price-max {
    display: none
}

.notification__image {
    border-radius: 4px;
    height: 48px;
    margin-bottom: 14px;
    object-fit: cover
}

.notification__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 16px
}

.notification__buttons {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.notification__buttons .button {
    font-size: 12px;
    padding: 10px 18px
}

.alpha {
    background-color: var(--color-grey);
    border-radius: 20px;
    display: grid;
    padding: 40px 50px;
    width: 100%
}

@media screen and (max-width: 1200px) {
    .alpha {
        padding: 30px 20px;
    }
}

.alpha__show-more {
    align-items: center;
    background-color: initial;
    border: none;
    color: var(--color-primary);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    justify-self: center;
    line-height: 140%;
    padding: 0
}

.alpha-letters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 40px
}

.alpha-letters__item {
    background-color: var(--color-white);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    padding: 9px 12px
}

.alpha-letters__item:hover {
    color: var(--color-accent-light)
}

.alpha__categories {
    max-height: 375px;
    overflow: hidden;
    transition: .2s ease-in-out;
    position: relative;
}

.alpha__categories.active {
    max-height: max-content
}

.alpha-category {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 18px;
    padding-bottom: 30px;
    padding-top: 40px;
    position: relative
}

@media (max-width: 767px) {
    .alpha-category {
        padding-top: 26px;
        padding-bottom: 26px;
        flex-direction: column;
    }
}

.alpha-category:first-child {
    padding-top: 0
}

.alpha-category:first-child:after {
    content: unset
}

.alpha-category:after {
    background: #E6EEF7;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.alpha-category__letter {
    font-size: 20px;
    font-weight: 700;
    line-height: 100%
}

.alpha-category-list {
    display: flex;
    flex-basis: 100%;
    flex-direction: row;
    justify-content: space-between
}

.alpha-category-list__container {
    column-count: 4;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

@media (max-width: 1200px) {
    .alpha-category-list__container {
        column-count: 3;
    }
}

@media (max-width: 767px) {
    .alpha-category-list__container {
        column-count: 2;
    }
}

.alpha-category-list__item {
    list-style: none
}

.alpha-category-list__link {
    color: var(--color-primary);
    display: inline-block;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 12px
}

.showing-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media (max-width:767px) {
    .showing-header {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 20px
    }
}

.showing__subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
    max-width: 816px
}

.showing__subtitle a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

@media (max-width:1230px) {
    .showing__subtitle {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .showing__subtitle {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.showing__link {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500
}

@media (max-width:767px) {
    @media (max-width:767px) {
        .showing-header>.showing__link {
            display: none
        }
    }
}

.showing>.showing__link {
    display: block;
    margin-top: 30px;
    text-align: right
}

@media (min-width:768px) {
    .showing>.showing__link {
        display: none
    }
}

@media (max-width:768px) {
    .showing>.showing__link {
        margin-top: 20px;
        /* padding-inline: 20px; */
    }
}

.showing-tabs {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

@media (max-width:767px) {
    .showing-tabs {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
        max-width: calc(100% + 40px);
    }
}

.showing-tabs__tab {
    background: var(--color-white);
    border: .5px solid #ececec;
    border-radius: 4px;
    font-weight: 500;
    line-height: 130%;
    padding: 6px 24px;
    transition: .1s ease-in-out
}

.showing-tabs__tab.active {
    background: #fffbfc;
    border: .5px solid var(--color-accent);
    color: var(--color-accent)
}

.showing__list {
    display: flex;
    flex-direction: row;
    gap: 20px
}

.showing__list>* {
    flex-basis: calc(25% - 10px);
    max-width: calc(25% - 10px)
}

@media (max-width:1230px) {
    .showing__list>* {
        flex-basis: calc(50% - 8px);
        max-width: calc(50% - 8px)
    }
}

@media (max-width:767px) {
    .showing__list>* {
        flex-basis: 100%;
        max-width: 100%
    }
}

.showing-item--no-image .showing-item-header {
    padding: 17px
}

.showing-item--no-image .showing-item-header:after {
    content: " "
}

.showing-item-header {
    align-items: center;
    background: #fffbfc;
    border-radius: 10px;
    display: flex;
    min-height: 167px;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 767px) {
    .showing-item-header {
        min-height: 87px;
    }
}

.showing-item-header__image {
    max-height: 100%;
    /* object-fit: cover; */
    max-width: 100%
}

.showing-item-header:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='119' height='133' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-width='5' d='m65.272 129.139-.009.005c-1.465.856-3.546 1.356-5.763 1.356s-4.298-.5-5.763-1.356l-.009-.005-45.525-26.336-.003-.002c-1.462-.855-2.914-2.422-4.008-4.347C3.096 96.526 2.5 94.486 2.5 92.841V40.16c0-1.733.601-3.772 1.687-5.665 1.085-1.892 2.535-3.43 4.013-4.294l.004-.003L53.728 3.861l.009-.005C55.202 3 57.283 2.5 59.5 2.5s4.298.5 5.763 1.356l.009.005 45.525 26.336.004.003c1.461.854 2.913 2.42 4.007 4.346 1.096 1.928 1.692 3.968 1.692 5.613V92.84c0 1.734-.601 3.772-1.687 5.665-1.085 1.892-2.535 3.431-4.012 4.294l-.004.003z' opacity='.3'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: none;
    height: 133px;
    left: 50%;
    margin-right: -50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 119px
}

@media (max-width:1230px) {
    .showing-item-header:after {
        height: 101px;
        width: 90px
    }
}

@media (max-width:767px) {
    .showing-item-header:after {
        height: 85px;
        width: 76px
    }
}

.showing-item-header__status {
    border-width: .3px;
    font-size: 14px;
    font-weight: 500;
    line-height: 180%;
    padding: 0 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity .3s ease-in-out
}

@media screen and (max-width: 767px) {
    .showing-item-header__status {
        display: none;
    }
}

/* .showing-item-header__status:hover {
    background-color: initial;
    opacity: .5
} */

.showing-item-header__status.active {
    padding-bottom: 3.5px;
    padding-top: 3.5px
}

.showing-item-header__status .showing-item__date {
    font-size: 14px;
    margin-bottom: 0
}

.showing-item-header__title {
    color: #363636;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    text-align: center;
    width: 92px
}

.showing-item__body {
    padding-inline: 16px
}

@media (max-width:767px) {
    .showing-item__body {

        padding-inline: 0;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.showing-item__name {
    display: block;
    color: #363636;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 20px;
    /* height: 47px; */
}

.showing-item__address {
    flex-grow: 1;
}

.showing-item__address,
.showing-schedule-item__address {
    color: #363636;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 15px
}

.showing-schedule-item__address {
    margin-bottom: 0;
}

@media (max-width:767px) {
    .showing-item__address {
        font-size: 14px
    }
}

.showing-item__address:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='M9.073 13.1a1.334 1.334 0 0 1-2.147 0C3.593 8.632 3.879 6.48 3.879 6.48a4.12 4.12 0 0 1 8.24 0s.267 2.186-3.046 6.62'/%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='M8.001 7.807a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666'/%3E%3C/svg%3E");
    margin-right: 6px
}

.showing-item__date {
    align-items: center;
    color: #363636;
    display: flex;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .showing-item__date {
        font-size: 14px
    }
}

.showing-item__date:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='M11.333 3.668H4.667A2.667 2.667 0 0 0 2 6.335V12.5a2.667 2.667 0 0 0 2.667 2.667h6.666A2.667 2.667 0 0 0 14 12.501V6.335a2.667 2.667 0 0 0-2.667-2.667M5.332 2.666v2M11.332 2.666v2M2 7h12M5.332 9.834zM8 9.832v.001M10.668 9.834zM5.332 12.5zM8 12.5zM10.668 12.5z'/%3E%3C/svg%3E");
    margin-right: 6px
}

.showing-item__time {
    color: #363636;
    font-size: 16px;
    line-height: 130%
}

@media (max-width:767px) {
    .showing-item__time {
        font-size: 14px
    }
}

.showing-item__time:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='M8 14.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12'/%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' d='m6 7.501 1.667 1.667 3-3'/%3E%3C/svg%3E");
    margin-right: 6px
}

.showing-item__link {
    display: flex;
    align-items: center;
    column-gap: 9px;
    margin-top: 28px;
}

.showing-item__link:hover {
    color: var(--color-accent);
    opacity: 0.3;
}

.showing-item__link-icon {
    display: flex;
}

.showing-page {
    margin-top: 20px
}

.showing-page__items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
    margin-bottom: 30px
}

@media (max-width:1230px) {
    .showing-page__items {
        /* gap: 30px 16px; */
        gap: 30px 14px
    }
}

.showing-page__items>* {
    flex-basis: calc(25% - 15px);
    max-width: calc(25% - 15px);
    width: 100%
}

@media (max-width:1230px) {
    .showing-page__items>* {
        flex-basis: calc(33% - 17px);
        max-width: calc(33% - 17px)
    }
}

@media (max-width:990px) {
    .showing-page__items>* {
        flex-basis: calc(33% - 19px);
        max-width: calc(33% - 19px)
    }
}

@media (max-width:767px) {
    .showing-page__items>* {
        flex-basis: calc(50% - 7px);
        max-width: calc(50% - 7px);
        display: flex;
        flex-direction: column;
    }
}

.showing-page__header {
    align-items: center;
    display: flex;
    margin-bottom: 24px
}

.showing-page__header .title {
    margin: 0
}

@media (max-width:767px) {
    .showing-page__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px
    }
}

.showing-page-year {
    display: flex;
    gap: 76px;
    margin: 0 auto
}

@media (max-width:1230px) {
    .showing-page-year {
        gap: 50px;
        margin-left: 76px;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .showing-page-year {
        gap: 40px;
        /* margin-left: 76px; */
        /* margin-right: 0; */
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
        max-width: calc(100% + 40px);
    }
}

.showing-page .showing-tabs {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .showing-page .showing-tabs {
        flex-wrap: nowrap;
        overflow: scroll
    }
}

.showing-page .showing-tabs__tab {
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    padding: 2px 20px;
    cursor: pointer;
}

.showing-page-tabs__tab {
    background-color: initial;
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    cursor: pointer;
}

.showing-page-tabs__tab.active {
    border-bottom: 1px solid var(--color-accent);
    color: var(--color-accent)
}

.showing-page-advantages {
    background-color: #e6eef71a;
    background-image: url(/local/templates/wpnew_franch/assets/css/../../images/design/showing-page-advantages.afbba3.jpeg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #e6eef74d;
    border-radius: 10px;
    padding: 40px;
    position: relative
}

@media (max-width:1230px) {
    .showing-page-advantages {
        background-image: url(/local/templates/wpnew_franch/assets/css/../../images/design/showing-page-advantages-phone.f22ea2.jpeg);
        background-position: bottom;
        padding: 18px 18px 337px
    }
}

@media (max-width:767px) {
    .showing-page-advantages {
        padding: 20px 5px 180px
    }
}

.showing-page-advantages__title {
    font-size: 40px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 40px;
    position: relative;
    text-transform: none;
    z-index: 2
}

@media (max-width:767px) {
    .showing-page-advantages__title {
        font-size: 24px
    }
}

.showing-page-advantages__subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 20px;
    max-width: 792px
}

@media (max-width:1230px) {
    .showing-page-advantages__subtitle {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .showing-page-advantages__subtitle {
        font-size: 16px
    }
}

.showing-page-visitors .showing-page-advantages {
    background-image: url(/local/templates/wpnew_franch/assets/css/../../images/design/showing-page-advantages-visitors.299355.jpeg)
}

@media (max-width:1230px) {
    .showing-page-visitors .showing-page-advantages {
        background-image: url(/local/templates/wpnew_franch/assets/css/../../images/design/showing-page-advantages-visitors-phone.8aaf38.jpeg)
    }
}

.showing-page-visitors .showing-page-advantages__title {
    margin-bottom: 20px;
    max-width: 900px
}

@media (max-width:1230px) {
    .showing-page-visitors .showing-page-advantages__title {
        max-width: 100%
    }
}

.showing-page-visitors .showing-page-advantages .advantages--row {
    flex-wrap: wrap;
    max-width: 732px
}

@media (max-width:1230px) {
    .showing-page-visitors .showing-page-advantages .advantages--row {
        max-width: 100%
    }

    .showing-page-visitors .showing-page-advantages .advantages--row .advantages-item {
        flex-direction: row
    }
}

.showing-page-visitors .showing-page-advantages .advantages--row>* {
    max-width: calc(50% - 10px)
}

@media (max-width:767px) {
    .showing-page-visitors .showing-page-advantages .advantages--row>* {
        max-width: 100%
    }
}

.showing-page-visitors .showing-page-advantages .advantages--row .advantages-item__subtitle {
    font-size: 14px
}

.showing-page-visitors .advantages-wrapper .advantages--row {
    flex-wrap: wrap;
    justify-content: flex-start
}

.showing-page-visitors .advantages-wrapper .advantages--row .advantages-item__subtitle {
    font-size: 16px
}

@media (max-width: 767px) {
    .showing-page-visitors .advantages-wrapper .advantages--row .advantages-item__subtitle {
        font-size: 15px;
    }
}

.showing-page-visitors .advantages-wrapper .advantages--row .advantages-item {
    align-items: center
}

@media (max-width:1230px) {
    .showing-page-visitors .advantages-wrapper .advantages--row .advantages-item {
        align-items: flex-start
    }
}

@media (max-width:767px) {
    .showing-page-visitors .advantages-wrapper .advantages--row .advantages-item {
        align-items: center
    }
}

.showing-page-visitors .advantages-wrapper .advantages--row>* {
    max-width: calc(33% - 10px)
}

@media (max-width:1230px) {
    .showing-page-visitors .advantages-wrapper .advantages--row>* {
        max-width: calc(33% - 12px)
    }
}

@media (max-width:767px) {
    .showing-page-visitors .advantages-wrapper .advantages--row>* {
        max-width: 100%
    }
}

.showing-page-element-main-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 36px
}

@media (max-width:1230px) {
    .showing-page-element-main-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 20px
    }
}

.showing-page-element-main-item-1 {
    grid-area: 1/1/2/4
}

@media (max-width:1230px) {
    .showing-page-element-main-item-1 {
        grid-area: 1/1/2/5
    }
}

@media (max-width:767px) {
    .showing-page-element-main-item-1 {
        grid-area: 1/1/2/5
    }
}

.showing-page-element-main-item-2 {
    grid-area: 2/1/3/4
}

@media (max-width:1230px) {
    .showing-page-element-main-item-2 {
        grid-area: 2/3/3/5
    }
}

@media (max-width:767px) {
    .showing-page-element-main-item-2 {
        grid-area: 3/1/4/5
    }
}

.showing-page-element-main-item-3 {
    grid-area: 3/1/4/4
}

@media (max-width:1230px) {
    .showing-page-element-main-item-3 {
        grid-area: 3/1/4/5
    }
}

@media (max-width:767px) {
    .showing-page-element-main-item-3 {
        grid-area: 4/1/5/5
    }
}

.showing-page-element-main-item-4 {
    grid-area: 4/1/5/4
}

@media (max-width:1230px) {
    .showing-page-element-main-item-4 {
        grid-area: 4/1/5/5
    }
}

@media (max-width: 767px) {
    .showing-page-element-main-item-4 {
        display: none;
    }
}

.showing-page-element-main-item-5 {
    grid-area: 1/4/5/6
}

@media (max-width:1230px) {
    .showing-page-element-main-item-5 {
        grid-area: 2/1/3/3
    }
}

@media (max-width:767px) {
    .showing-page-element-main-item-5 {
        grid-area: 2/1/3/5
    }
}

.showing-page-element {
    position: relative
}

.showing-page-element__title {
    font-size: 40px;
    font-weight: 600;
    max-width: 385px;
    text-transform: none
}

@media (max-width:1230px) {
    .showing-page-element__title {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .showing-page-element__title {
        font-size: 24px
    }
}

.showing-page-element__subtitle {
    font-size: 22px
}

@media (max-width:1230px) {
    .showing-page-element__subtitle {
        font-size: 22px;
        max-width: 523px;
    }
}

@media (max-width:767px) {
    .showing-page-element__subtitle {
        font-size: 18px
    }
}

.showing-page-element__info {
    align-items: flex-start;
    display: flex;
    gap: 40px
}

@media (max-width:1230px) {
    .showing-page-element__info {
        flex-direction: column;
        gap: 21px
    }
}

.showing-page-element__info .showing-item__address {
    max-width: 40%;
}

@media screen and (max-width: 1230px) {
    .showing-page-element__info .showing-item__address {
        max-width: 100%;
    }
}

.showing-page-element__info .showing-item__address,
.showing-page-element__info .showing-item__date {
    margin-bottom: 0
}

.showing-page-element__main {
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    padding: 40px 0 20px 40px
}

@media (max-width:1230px) {
    .showing-page-element__main {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .showing-page-element__main {
        padding: 0;
        background: none;
        border: none;
    }
}

.showing-page-element__image {
    /* height: 100%; */
    /* position: absolute; */
    /* right: 0; */
    position: relative;
    top: -40px;
}

.showing-page-element__image>img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

@media (max-width:1230px) {
    .showing-page-element__image {
        position: static;
    }

    .showing-page-element__image>img {
        border-radius: 10px;
        width: 100%
    }
}

.showing-page-element .element-anchors {
    margin-bottom: 0
}

.showing-gallery__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (max-width:767px) {
    .showing-gallery__link {
        padding: 0 5px;
    }

    .showing-gallery__header>.showing-gallery__link {
        display: none
    }
}

.showing-gallery__header .title {
    margin-bottom: 0
}

.showing-schedule__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.showing-schedule__container>* {
    width: calc(50% - 25px)
}

@media (max-width:1230px) {
    .showing-schedule__container>* {
        width: 100%
    }
}

.showing-schedule__items {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (max-width:1230px) {
    .showing-schedule__items {
        gap: 0
    }

    .showing-schedule__items:first-child .showing-schedule-item:first-child {
        border-top: 1px solid #0000
    }
}

.showing-schedule-item {
    align-items: center;
    display: flex;
    column-gap: 24px;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width:1230px) {
    .showing-schedule-item {
        border-top: 1px solid #f3f3f3;
        padding: 20px 0
    }
}

@media (max-width:767px) {
    .showing-schedule-item {
        padding: 16px 0
    }
}

.showing-schedule-item__city {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    width: 100%;
    max-width: 240px;
}

@media screen (max-width: 1260) {
    .showing-schedule-item__city {
        max-width: 33%;
    }
}

@media (max-width:767px) {
    .showing-schedule-item__city {
        display: block;
        font-size: 18px;
        margin-bottom: 14px;
        width: 100%
    }
}

.showing-schedule-item__date {
    width: 100%;
    max-width: 186px;
}

@media (max-width: 1260px) {
    .showing-schedule-item__date {
        /* max-width: 33%; */
        max-width: calc(100% - 120px);
    }
}

.showing-schedule-item__date .showing-item__date {
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    margin: 0
}

.showing-schedule-item__link .link {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

.advantages {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 30px;
    max-width: 790px;
    position: relative;
    z-index: 2
}

@media (max-width:1230px) {
    .advantages {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .advantages {
        flex-direction: column
    }
}

.advantages>* {
    max-width: 250px;
    width: 100%
}

@media (max-width:767px) {
    .advantages>* {
        max-width: 100%
    }
}

.advantages-item {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.advantages-item__icon img {
    min-width: 63px;
}

@media (max-width:767px) {
    .advantages-item {
        flex-direction: row;
        gap: 14px
    }

    .advantages-item__icon img {
        min-width: 57px
    }
}

.advantages-item__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .advantages-item__title {
        font-size: 18px
    }
}

.advantages-item__subtitle {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.advantages--row {
    margin: 0;
    max-width: 100%
}

.advantages--row .advantages-item {
    display: flex;
    flex-direction: row;
    gap: 14px
}

.advantages--row .advantages-item__subtitle {
    font-size: 18px
}



@media (max-width:1230px) {
    .advantages--row .advantages-item__subtitle {
        font-size: 15px;
    }

    .advantages--row .advantages-item {
        flex-direction: column
    }
}

.advantages-wrapper {
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    padding: 30px
}

@media (max-width:767px) {
    .advantages-wrapper {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 24px;
        padding-bottom: 30px;
    }

    .advantages--row .advantages-item {
        align-items: flex-start;
        flex-direction: row
    }
}

.advantages--row>* {
    max-width: 100%;
    width: 100%
}



.advantages-wrapper .title {
    margin-bottom: 40px;
    max-width: 706px
}

@media (max-width:1230px) {
    .advantages-wrapper .title {
        margin-bottom: 30px
    }
}

.advantages-enum {
    display: flex;
    gap: 14px;
    justify-content: space-between
}

@media (max-width:1230px) {
    .advantages-enum {
        flex-wrap: wrap
    }
}

.advantages-enum>* {
    flex-basis: calc(25% - 12px)
}

@media (max-width:1230px) {
    .advantages-enum>* {
        flex-basis: calc(50% - 12px)
    }
}

.advantages-enum-item {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.advantages-enum-item__title {
    color: var(--color-accent);
    font-size: 60px;
    font-weight: 700;
    line-height: 100%
}

@media (max-width:769px) {
    .advantages-enum-item__title {
        font-size: 50px
    }
}

.advantages-enum-item__subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%
}

@media (max-width:769px) {
    .advantages-enum-item__subtitle {
        font-size: 16px
    }
}

.about-hero {
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 40px
}

.about-hero__content {
    grid-column-end: 4;
    grid-column-start: 1;
    grid-row-end: 1;
    grid-row-start: 1
}

@media (max-width:1230px) {
    .about-hero__content {
        grid-column-end: 5;
        grid-column-start: 1
    }
}

.about-hero__logo {
    align-self: center;
    grid-column-end: 4;
    grid-column-start: 4;
    grid-row-end: 1;
    grid-row-start: 1;
    margin-left: auto
}

@media (max-width:1230px) {
    .about-hero__logo {
        grid-column-end: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-row-start: 2
    }
}

@media (max-width:767px) {
    .about-hero__logo {
        display: none
    }
}

.about-hero .advantages-enum {
    grid-column-end: 5;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 2
}

@media (max-width:1230px) {
    .about-hero .advantages-enum {
        grid-column-end: 5;
        grid-column-start: 2
    }
}

@media (max-width:767px) {
    .about-hero .advantages-enum {
        grid-column-end: 5;
        grid-column-start: 1
    }
}

.contacts {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 60px
}

@media (max-width:1230px) {
    .contacts {
        flex-direction: column;
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .contacts {
        margin-bottom: 30px
    }
}

.contacts>* {
    width: 100%
}

.contacts-item {
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    padding-top: 28px
}

@media (max-width:1230px) {
    .contacts-item {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 0 auto;
        max-width: 350px;
        padding: 24px 20px
    }
}

@media (max-width:767px) {
    .contacts-item {
        justify-content: center
    }
}

.contacts-item__icon {
    margin-bottom: 20px;
    text-align: center
}

@media (max-width:1230px) {
    .contacts-item__icon {
        margin-bottom: 0;
        text-align: left
    }
}

@media (max-width:767px) {
    .contacts-item__icon svg {
        width: 60px
    }

    .contacts-item__group {
        width: calc(100% - 80px)
    }
}

.contacts-item__title {
    color: #333;
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 10px;
    text-align: center
}

@media (max-width:1230px) {
    .contacts-item__title {
        text-align: left
    }
}

@media (max-width:767px) {
    .contacts-item__title {
        font-size: 18px
    }
}

.contacts-item__subtitle {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 130%;
    margin-bottom: 24px;
    text-align: center
}

@media (max-width:1230px) {
    .contacts-item__subtitle {
        margin-bottom: 0;
        text-align: left
    }
}

@media (max-width:767px) {
    .contacts-item__subtitle {
        font-size: 14px
    }
}

.contacts-item__value {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    padding: 20px;
    width: 100%
}

@media (max-width:1230px) {
    .contacts-item__value {
        margin-left: auto;
        max-width: 300px
    }
}

@media (max-width:767px) {
    .contacts-item__value {
        margin-left: 0;
        padding: 11.5px
    }
}

.contacts-list {
    display: grid;
    gap: 50px 20px;
    grid-template-columns: repeat(4, 1fr);
    padding: 50px 0
}

@media (max-width:1230px) {
    .contacts-list {
        grid-template-columns: repeat(3, 1fr);
        padding: 60px 0
    }
}

@media (max-width:767px) {
    .contacts-list {
        gap: 34px 14px;
        /* grid-template-columns: repeat(2, 1fr); */
        padding: 30px 0;
        display: flex;
        flex-direction: column;
    }
}

.contacts-list-item__title {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%
}

.contacts-list-item__subtitle {
    color: #111;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
}

.contacts-list-item__subtitle,
.contacts-list-item__social {
    display: block;
    margin-top: 10px;
}

.contacts-requisites {
    margin-top: 60px
}

@media (max-width:1230px) {
    .contacts-requisites {
        margin-top: 40px
    }
}

@media (max-width:767px) {
    .contacts-requisites {
        margin-top: 30px
    }
}

.contacts-requisites .title--2 {
    display: block
}

.contacts-requisites .title--4 {
    margin-bottom: 20px
}

.contacts-requisites p {
    margin-bottom: 0
}

.academy-page-element__main {
    background-image: url(/local/templates/wpnew_franch/assets/css/../../images/design/academy-element.89cff0.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    gap: 35px
}

@media (max-width:767px) {
    .academy-page-element__main {
        gap: 30px;
        padding-bottom: 185px;
        background-position: -150% 100%;
    }
}

.academy-page-element__elementtext {
    display: flex;
    gap: 20px
}

@media (max-width:1230px) {
    .academy-page-element__elementtext {
        flex-direction: column
    }
}

.academy-page-element__elementtext p {
    font-size: 18px
}

.academy-page-element__elementtext .review-videos>* {
    flex-basis: 100%;
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width:1230px) {
    .academy-page-element__elementtext .review-videos>* {
        height: 415px
    }
}

@media (max-width:767px) {
    .academy-page-element__elementtext .review-videos>* {
        height: 220px
    }
}

.academy-page-element__elementtext--50>* {
    flex-basis: calc(50% - 10px)
}

@media (max-width:1230px) {
    .academy-page-element__elementtext--50>* {
        flex-basis: 100%
    }
}

.academy-page-element__elementtext--70 p {
    font-size: 16px
}

.academy-page-element__elementtext--70>:first-child {
    flex-basis: calc(70% - 10px)
}

@media (max-width:1230px) {
    .academy-page-element__elementtext--70>:first-child {
        flex-basis: 100%
    }
}

.academy-page-element__elementtext--70>:nth-child(2) {
    flex-basis: calc(30% - 10px)
}

@media (max-width:1230px) {
    .academy-page-element__elementtext--70>:nth-child(2) {
        flex-basis: 100%
    }
}

.academy-page-element__title {
    max-width: 500px
}

.academy-page-element__buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 55px
}

@media (max-width:767px) {
    .academy-page-element__buttons {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px
    }
}

.academy-page-element__support {
    align-items: center;
    display: flex;
    gap: 20px
}

.steps {
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    display: flex;
    gap: 70px;
    padding: 30px
}

@media (max-width:1230px) {
    .steps {
        flex-direction: column;
        gap: 30px
    }
}

.steps__button {
    display: block
}

@media (min-width:1230px) {
    .steps__button {
        display: none
    }
}

.steps__title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 210px
}

.steps__title .button {
    display: none
}

@media (min-width:1230px) {
    .steps__title .button {
        display: block
    }
}

.steps__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width:1230px) {
    .steps__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .steps__grid {
        display: flex;
        flex-direction: column
    }
}

.steps-item {
    align-items: center;
    display: flex;
    gap: 14px
}

.steps-item__num {
    display: flex;
    min-width: 63px;
    align-items: center;
    justify-content: center;
}

.steps-item__num text {
    font-family: Inter, sans-serif;
    font-size: 45px;
    font-weight: 700;
    fill: #fff
}

.steps-item__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.intensive {
    background-image: url(/local/templates/wpnew_franch/assets/css/../../images/design/intensive-bg.60dcb7.png);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-bottom: 40px
}

@media (max-width:767px) {
    .intensive {
        background-size: contain
    }
}

@media (max-width:1230px) {
    .intensive {
        background-position: 100% 100%;
        padding-bottom: 320px
    }
}

.intensive__container {
    max-width: 58%
}

@media (max-width:1230px) {
    .intensive__container {
        max-width: 100%
    }
}

.intensive-dates {
    margin-bottom: 60px
}

@media screen and (max-width: 1200px) {
    .intensive-dates {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .intensive-dates {
        margin-bottom: 20px;
    }
}

.intensive-dates__title {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 16px
}

@media (max-width:767px) {
    .intensive-dates__title {
        font-size: 16px
    }
}

.intensive-dates__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media (max-width:767px) {
    .intensive-dates__items {
        align-items: flex-start;
        flex-direction: column
    }
}

.intensive-dates__items>* {
    flex-grow: 1
}

@media (max-width:767px) {
    .intensive-dates__items>* {
        flex-grow: 0
    }
}

.intensive-dates-item {
    background: var(--color-grey);
    border: 1px solid #e6eef7;
    border-left: 1px solid var(--color-accent);
    border-radius: 0 2px 2px 0;
    padding: 13px 18px
}

@media (max-width:767px) {
    .intensive-dates-item {
        min-width: 222px
    }
}

.intensive-dates-item__date {
    color: var(--color-accent);
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 4px
}

.intensive-dates-item__city {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.program__container {
    display: flex;
    gap: 20px;
    width: 100%
}

@media (max-width:1230px) {
    .program__container {
        flex-direction: column
    }
}

.program__heading {
    flex-basis: 400px
}

@media (max-width:1230px) {
    .program__heading {
        flex-basis: auto
    }
}

.program__heading p {
    margin-bottom: 40px
}

@media (max-width:1230px) {
    .program__heading p {
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .program__heading p {
        margin-bottom: 0
    }
}

.program__heading .button {
    display: none
}

@media (min-width:1230px) {
    .program__heading .button {
        display: block
    }
}

.program__items {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px
}

.program-item {
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    padding: 16px 20px
}

@media (max-width:767px) {
    .program-item {
        flex-direction: column;
        gap: 6px
    }
}

.program-item__heading {
    flex-basis: 290px;
    min-width: 290px;
}

@media (max-width:767px) {
    .program-item__heading {
        flex-basis: auto;
        min-width: unset;
    }
}

.program-item__module {
    color: var(--color-accent);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-transform: lowercase
}

.program-item__name {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%
}

.program-item__list ul {
    margin: 0
}

.program-item__list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.program>.button {
    display: block;
    margin: 30px auto 0
}

@media (min-width:1230px) {
    .program>.button {
        display: none
    }
}

.teaching {
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    padding: 30px
}

.teaching .title {
    max-width: 700px
}

.teaching__items {
    display: flex;
    gap: 20px
}

@media (max-width:767px) {
    .teaching__items {
        flex-direction: column
    }
}

.teaching-item {
    display: flex;
    gap: 14px
}

.teaching-item__icon img {
    min-width: 63px;
}

.teaching-item p {
    margin: 0
}

.experts__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media (max-width:1230px) {
    .experts__items {
        gap: 0
    }
}

.experts__items>* {
    flex-basis: calc(50% - 10px)
}

@media (max-width:1230px) {
    .experts__items>* {
        flex-basis: 100%
    }
}

.experts-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    padding: 24px 24px 24px 14px;
}

@media (max-width:1230px) {
    .experts-item {
        border-top: 1px solid #f3f3f3;
        flex-direction: column;
        padding: 20px 0
    }

    .experts-item:first-child {
        border-top: 1px solid #0000
    }
}

.experts-item__desc {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.experts-item__name {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .experts-item__name {
        display: none
    }
}

.experts-item .experts-item_preview,
.experts-item p {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 10px
}

.experts-item p:last-child {
    margin-bottom: 0;
}

.experts-item .experts-item_preview {
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}

.experts-item ul {
    margin: 0
}

.experts-item li {
    font-size: 13px;
    font-weight: 400;
    line-height: 140%
}

.experts-item__image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 115px;
}

.experts-item__image-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.experts-item__image span {
    display: none
}

.experts-item__image img {
    max-width: 115px;
    width: auto;
    height: auto;
    padding: 1px;
}

@media (max-width:1230px) {
    .experts-item__image svg {
        height: 110px;
        width: 110px
    }
}

@media (max-width:767px) {
    .experts-item__image {
        justify-content: flex-start;
        align-items: center;
        display: flex;
        gap: 10px
    }

    .experts-item__image span {
        display: block
    }
}

.sponsors__row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px
}

.sponsors__row-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 22px
}

@media (max-width:767px) {
    .sponsors__row-title {
        font-size: 18px
    }
}

.sponsors-item__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .sponsors-item__title {
        font-size: 18px
    }
}

.sponsors-item__image {
    margin-bottom: 8px;
    max-width: 194px
}

@media screen and (max-width: 767px) {
    .sponsors-item__image {
        max-width: 100%;
    }
}

.sponsors-item__desc {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    max-width: 292px
}

.speakers {
    position: relative;
}

.speakers .button {
    display: inline-block
}

.speakers__items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px
}

.speakers__items>* {
    flex-basis: calc(50% - 10px)
}

@media (max-width:1230px) {
    .speakers__items>* {
        flex-basis: 100%
    }
}

.brands-connection {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr)
}

@media (max-width:1230px) {
    .brands-connection {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:767px) {
    .brands-connection {
        grid-template-columns: repeat(2, 1fr)
    }
}

.brands-connection--no-text .brands-item__desc,
.brands-connection--no-text .brands-item__title {
    display: none
}

.brands-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.brands-item__title {
    color: #111;
    font-weight: 500
}

.brands-item__desc,
.brands-item__title {
    font-size: 14px;
    line-height: 130%;
    text-align: center
}

.brands-item__desc {
    color: #999;
    font-weight: 400
}

.banner-message {
    background: var(--color-grey);
    border: 1px solid #e6eef7;
    border-radius: 20px;
    padding: 20px 30px 35px 30px;
    position: relative;
}

@media (max-width:1230px) {
    .banner-message {
        padding: 30px 20px;
    }
}

@media (max-width:767px) {
    .banner-message {
        flex-direction: column;
        gap: 20px;
        height: 100%;
        /* margin-left: -20px; */
        /* margin-right: -20px; */
        padding: 30px 20px 0 20px;
    }
}

.banner-message-person {
    position: absolute;
    right: 30px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:1230px) {

    .banner-message-person__image {
        height: 100%;
        object-fit: cover
    }
}

.banner-message-person__text {
    margin-left: auto;
    max-width: 207px;
    text-align: right
}

@media (max-width:1230px) {
    .banner-message__text-value {
        max-width: 480px;
    }

    .banner-message-person {
        right: 0;
        bottom: 0;
    }

    .banner-message-person__text {
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .banner-message-person {
        margin-top: 10px;
        position: static;
        width: 100%;
        justify-content: flex-end;
        padding-right: 24px;
    }

    .banner-message-person__text {
        margin-bottom: 10px;
        position: static
    }
}

.banner-message-person__name {
    font-size: 14px;
    font-weight: 600;
    line-height: 140%
}

@media (max-width:1230px) {
    .banner-message-person__name {
        white-space: nowrap
    }
}

@media (max-width:767px) {
    .banner-message-person__name {
        white-space: wrap
    }
}

.banner-message-person__desc {
    color: var(--color-grey-light);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%
}

/* @media (max-width:1230px) {
    .banner-message-person__desc {
        white-space: nowrap;
    }
} */

@media (max-width:767px) {
    .banner-message-person__desc {
        white-space: wrap;
        max-width: 276px;
        margin-left: auto;
    }
}

.banner-message__text {
    max-width: 782px;
}

@media (max-width:1262px) {
    .banner-message__text {
        align-self: flex-start
    }
}

.banner-image {
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.banner-image img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

/* @media (max-width:767px) {
    .banner-image {
        height: 170px;
    }
} */

.news-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width:767px) {
    @media (max-width:767px) {
        .news-header>.news__link {
            display: none
        }
    }
}

.news__link {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 160%
}

.news>.news__link {
    display: inline-block;
    margin-top: 28px;
    text-align: right;
    width: 100%
}

@media (min-width:768px) {
    .news>.news__link {
        display: none
    }
}

.news-item__date {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 16px
}

.news-item__image {
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    display: flex;
    aspect-ratio: 3/2;
}

@media (max-width:1230px) {
    .news-item__image {
        margin-bottom: 10px;
    }
}

@media (max-width:1230px) {
    .news-item__date {
        margin-bottom: 12px;
    }
}

.news-item__image img {
    object-fit: cover;
    transition: transform .5s ease;
    width: 100%
}

.news-item__name {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 130%
}

.news-item:hover .news-item__image img {
    transform: scale(1.2)
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.faq-item {
    background-color: var(--color-grey);
    border-radius: 10px;
    padding: 20px
}

.faq-item__content.active {
    padding-top: 20px
}

.faq-item__content p {
    margin: 0
}

.catalog {
    display: grid;
    gap: 0 30px;
    grid-template-columns: 282px auto;
    padding-top: 20px;
    position: relative
}

.blog {
    display: grid;
    gap: 0 30px;
    grid-template-columns: 282px auto;
    position: relative
}

.catalog.element {
    display: block
}

.catalog__add .icon {
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 12px
}

@media (max-width:1230px) {
    .catalog__add .icon {
        margin-right: 5px
    }
}

.catalog__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px
}

.catalog__header .title {
    margin-bottom: 0
}

@media (max-width:767px) {
    .catalog__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px
    }
}

.catalog__announce {
    margin-bottom: 30px
}

@media (max-width:1230px) {
    .catalog__announce {
        display: none
    }
}

.catalog__announce p {
    margin-bottom: 0
}

.blog__content .catalog__filter {
    margin-top: 80px;
}

@media screen and (max-width:767px) {
    .blog__content .catalog__filter {
        margin-top: 60px;
    }
}

.catalog__filter {
    background: var(--color-grey);
    border: 1px solid #e6eef7;
    border-radius: 10px;
    margin-bottom: 50px;
    padding: 30px 20px
}

@media (max-width: 767px) {
    .catalog__filter {
        padding-inline: 5px;
        margin-bottom: 30px;
    }
}

.catalog__sections {
    margin-bottom: 30px
}

@media (max-width:1262px) {
    .catalog__sidebar {
        display: none
    }

    .catalog,
    .blog {
        display: block
    }
}

.element__container {
    display: flex;
    justify-content: space-between
}

@media (max-width:1328px) {
    .element__container {
        width: 100%
    }
}

.element__container>:first-child {
    max-width: 916px;
    width: 100%
}

@media (max-width:1328px) {
    .element__container>:first-child {
        max-width: 100%
    }
}

.element__container>:nth-child(2) {
    max-width: 293px;
    width: 100%
}

@media (max-width:1328px) {
    .element__container>:nth-child(2) {
        display: none
    }
}

.element__price-props {
    display: none;
}

@media screen and (max-width: 1328px) {

    .element__price-props .element__price-props__list,
    .element__price-props .title--2,
    .element__price-props .title--5 {
        margin-bottom: 20px;
    }

    .element__price-props {
        display: block;
    }
}

.element__about {
    margin-bottom: 30px
}

.element__about .title {
    display: block
}

.element__about .title--2 {
    margin-bottom: 30px
}

.element__about .title--5 {
    margin-bottom: 20px
}

.element__about-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px
}

.element__about-list-item {
    display: flex;
    flex-basis: calc(33% - 20px);
    flex-direction: column;
    gap: 6px;
    max-width: calc(33% - 20px)
}

@media (max-width:767px) {
    .element__about-list-item {
        flex-basis: calc(50% - 20px);
        max-width: calc(50% - 20px)
    }
}

@media (max-width:1328px) {
    .element__heading {
        width: 50%
    }
}

@media (max-width:767px) {
    .element__heading {
        width: calc(100% - 120px)
    }
}

@media (min-width:1328px) {
    .element__heading>.element-special-header {
        display: none
    }
}

.element__heading p {
    margin: 0
}

.element-special-header {
    align-items: center;
    display: flex;
    gap: 20px;
    width: 100%
}

.element-special-header__tooltip .subtitle-2 {
    display: inline
}

@media (max-width:767px) {
    .element-special-header__badge {
        display: none
    }
}

.element-special-header__row {
    display: flex;
    justify-content: space-between
}

.element-special-header__price,
.sidebar__info-price {
    display: flex;
    flex-direction: column;
    max-width: 350px;
    width: 100%
}

.element-special-header__price-value {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.element-special-header__price-item {
    display: block;
}

@media (max-width:767px) {
    .element-special-header__price {
        display: none
    }
}

.element-header-special__actions {
    margin-right: auto
}

.element-header-special__actions .element-special-header__price-value {
    font-size: 18px;
    margin-bottom: 6px
}

@media (min-width:768px) {
    .element-header-special__actions {
        display: none
    }
}

.element__badge {
    border-radius: 2px;
    overflow: hidden;
    max-width: 128px;
    max-height: 90px;
}

.element__badge img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.element-title-wrapper {
    align-items: center;
    display: inline-flex;
    position: relative;
}

.element-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 0;
}

.element-title-wrapper .tooltip {
    border-color: var(--color-accent);
    border-width: 1px;
    color: var(--color-accent);
    font-size: 12px;
    font-weight: 800;
    height: 20px;
    margin-left: 10px;
    width: 20px
}

@media (max-width:767px) {
    .element-title-wrapper {
        align-items: flex-start;
    }

    .element-title {
        font-size: 18px
    }
}

.element-anchors {
    display: flex;
    gap: 20px;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .element-anchors {
        display: none
    }
}

.element-anchors a {
    color: var(--color-primary);
    font-size: 14px;
    line-height: 130%
}

.element-anchors a:hover {
    color: var(--color-accent-light)
}

.element__gallery {
    margin-bottom: 40px
}

.element__header {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    width: 100%
}

@media (max-width:1328px) {
    .element__header {
        align-items: center
    }

    .element__header p,
    .element__header>.element__badge {
        display: none
    }
}

@media (max-width:767px) {
    .element__header>.element__badge {
        display: block;
        max-width: 100px
    }

    .element__header {
        flex-wrap: wrap
    }
}

.element__actions {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-left: auto
}

@media (max-width:767px) {
    .element__actions {
        gap: 12px;
        margin-left: 0;
        width: 100%
    }

    .element__actions .button {
        font-size: 13px;
        padding: 8px 18px;
    }
}

.element__section {
    margin-bottom: 80px
}

@media (max-width:767px) {
    .element__section {
        margin-bottom: 50px
    }
}

.element__send-callback {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 10px
}

@media (max-width:1230px) {
    .element__send-callback {
        flex-direction: column
    }
}

.element__send-callback-text {
    max-width: 366px
}

@media (max-width:1230px) {
    .element__send-callback-text {
        margin-bottom: 30px;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .element__send-callback-text {
        margin-bottom: 10px
    }
}

.element__send-callback .send-callback {
    max-width: 550px;
    width: 100%
}

@media (max-width:1230px) {
    .element__send-callback .send-callback {
        max-width: 100%
    }

    .element__send-callback .button {
        flex-basis: calc(33% - 5px);
        max-width: calc(33% - 5px)
    }
}

@media (max-width:767px) {
    .element__send-callback .button {
        flex-basis: 100%;
        max-width: 100%
    }
}

.element__send-callback .input {
    flex-basis: calc(50% - 5px);
    max-width: calc(50% - 5px);
}

@media (max-width:1230px) {
    .element__send-callback .input {
        flex-basis: calc(33% - 5px);
        max-width: calc(33% - 5px)
    }
}

@media (max-width:767px) {
    .element__send-callback .input {
        flex-basis: 100%;
        max-width: 100%
    }
}

.element__send-callback .form {
    flex-wrap: wrap;
    max-width: 470px
}

@media (max-width:1230px) {
    .element__send-callback .form {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .element__send-callback .form {
        flex-direction: column
    }
}

.element__send-callback .title {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .element__send-callback .title {
        margin-bottom: 20px
    }
}

.element__presentation-container {
    display: block;
    position: relative;
}

.element__presentation-button {
    align-items: center;
    background: #fffc;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 11px;
    left: 50%;
    line-height: 160%;
    margin-right: -50%;
    outline: none;
    padding: 5px 8px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s ease-in-out;
    z-index: 2
}

.element__presentation-button:hover {
    opacity: .8
}

.element__map-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

.element__map-header .title {
    margin-bottom: 0
}

@media (max-width:767px) {
    .element__map-header>.element__map-link {
        display: none
    }
}

@media (min-width:768px) {
    .element__map>.element__map-link {
        display: none
    }
}

.element__map-link {
    text-align: right
}

.element__map-link a {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%
}

@media (max-width:1328px) {
    .element__sidebar {
        display: none
    }
}

.element__sidebar .sidebar {
    top: 150px
}

.element__sidebar .sidebar__list li {
    font-weight: 400
}

.send {
    background-color: var(--color-grey);
    border-radius: 10px;
    padding: 26px
}

.send .member-card__name {
    margin-bottom: 4px
}

.elementtext h2:first-child {
    margin-top: 0
}

.elementtext img {
    border-radius: 10px
}

.elementtext .border-l h5 {
    margin: 0 0 14px
}

.elementtext .border-l p {
    margin: 0
}

.elementtext h2 {
    margin-bottom: 30px
}

.member-card {
    align-items: center;
    display: flex;
    gap: 10px
}

.member-card__image {
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    background: #fff;
    overflow: hidden;
    display: flex;

    >img {
        width: 100%;
        object-fit: cover;
    }
}

.hexagon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
}

.hexagon img {
    width: 100%;
    object-fit: cover;
    padding: 0;
}

/* .member-card__image--hexagon {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)
} */

.member-card__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

.member-card__second-name {
    color: var(--color-grey-light);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%
}

.thumbs-gallery {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    height: 520px;
}

.thumbs-gallery .thumbs {
    height: 520px;
}

.thumbs-gallery .thumbs .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:1328px) {
    .thumbs-gallery .thumbs {
        margin-top: 20px;
        height: auto;
    }

    .thumbs-gallery {
        align-items: unset;
        flex-direction: column;
        height: auto;
    }
}

.gallery {
    max-width: 812px
}

@media (max-width:1328px) {
    .gallery {
        max-width: 100%
    }
}

.swiper-button-prev,
.swiper-button-next {
    width: 46px;
    height: 46px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    width: 100%;
    height: 100%;
    font-size: unset;
}

@media (max-width: 767px) {

    .swiper-button-prev,
    .swiper-button-next {
        width: 30px;
        height: 30px;
    }
}

.thumbs-gallery .gallery .swiper-slide {
    max-height: 520px;
    display: flex;
    /* align-items: center;*/
}

.gallery__image {
    border-radius: 10px;
    object-fit: contain;
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.thumbs .swiper {
    height: 100%
}

.thumbs__image {
    border-radius: 4px;
    height: 51px;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

@media (max-width:1230px) {
    .thumbs__image {
        height: 102px
    }
}

@media screen and (max-width: 767px) {
    .thumbs__image {
        height: 51px;
    }
}

.filter__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px
}

.filter-button .icon,
.filter__title .icon {
    height: 14px;
    margin-right: 10px;
    pointer-events: none;
    width: 14px
}

.filter-button {
    align-items: center;
    color: var(--color-primary);
    display: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

@media (max-width:1230px) {
    .filter-button {
        display: flex
    }
}

.filter__clear {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

.filter__clear,
.filter__clear:hover {
    color: var(--color-grey-light)
}

.filter__clear .icon {
    margin-right: 8px
}

.filter__clear .icon,
.filter__clear .icon:after {
    height: 10px;
    width: 10px
}

.smart-filter {
    margin-bottom: 30px
}

.smart-filter__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 0;
    justify-content: space-between;
    align-items: flex-start;
}

.smart-filter__row>* {
    flex-basis: calc(25% - 5px);
    max-width: calc(25% - 5px)
}

@media (max-width:1230px) {
    .smart-filter__row>* {
        flex-basis: calc(33% - 5px);
        max-width: calc(33% - 5px)
    }

    .smart-filter__row>:last-child {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (max-width:767px) {
    .smart-filter__row {
        flex-direction: column
    }

    .smart-filter__row>* {
        flex-basis: 100%;
        max-width: 100%
    }
}

.smart-filter-submit {
    padding-inline: 10px;
    text-wrap: nowrap;
}

.smart-filter-submit:disabled {
    background-color: gray;
    border-color: gray;
    color: #fff;
}

.smart-filter-dropdown-block-wrapper {
    align-items: center;
    background: var(--color-white);
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    padding: 11px 16px;
    position: relative;
}

@media (max-width: 767px) {

    .smart-filter-dropdown-block-wrapper,
    .smart-filter-submit {
        width: 100%;
    }
}

.smart-filter-dropdown-block {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.smart-filter-dropdown-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
}

.smart-filter-dropdown-arrow {
    transition: transform .2s ease-in-out;
    display: flex;
    align-items: center;
}

.smart-filter-dropdown-arrow .icon {
    height: 10px;
    width: 4px;
}

.sections-collection+.sections-collection {
    margin-top: 30px;
}

.sections-collection .catalog-section-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

@media (max-width:767px) {
    .sections-collection .catalog-section-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.sections-collection__title {
    margin-bottom: 20px
}

.sections-collection .catalog-section-list__show-more,
.fastlinks-show-more {
    background: #fffbfc;
    border: 1px solid var(--color-accent-light);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 6px 12px
}

@media (max-width:767px) {
    .sections-collection .catalog-section-list__show-more {
        display: none
    }
}

.catalog-section-list__show-more .active-val,
.catalog-section-list__show-more.active .default-val,
.fastlinks-show-more .active-val,
.fastlinks-show-more.active .default-val {
    display: none;
}

.catalog-section-list__show-more.active .active-val,
.fastlinks-show-more.active .active-val {
    display: inline;
}

.sections-collection .catalog-section-list__item {
    background: #fff;
    border: 1px solid #e6eef7;
    border-radius: 4px;
    display: inline-flex;
    font-weight: 400;
    margin: 0;
    padding: 6px 12px;
    position: relative
}

.sections-collection .catalog-section-list__item.active,
.cases-collection .cases-collection-list__item.active {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

@media (max-width:767px) {
    .sections-collection .catalog-section-list__item {
        white-space: nowrap
    }
}

.sections-collection .catalog-section-list__item span {
    color: var(--color-grey-light);
    display: block;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: -7px;
    margin-left: 6px
}

.catalog-section-list {
    column-count: 4;
    display: block
}

@media (max-width:1230px) {
    .catalog-section-list {
        column-count: 2
    }
}

.catalog-section-list__item {
    color: var(--color-primary);
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 17px
}

.catalog-section-list__item span {
    color: var(--color-grey-light);
    font-size: 15px;
    font-weight: 500;
    line-height: 130%
}

.catalog-section-list__show-more {
    align-items: center;
    display: flex;
    margin-bottom: 17px
}

.breadcrumbs {
    margin-top: 20px;
    margin-bottom: 20px
}

.breadcrumbs ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.breadcrumbs li {
    list-style: none
}

.breadcrumbs li a,
.breadcrumbs li>span {
    font-size: 12px;
    font-weight: 400
}

.breadcrumbs li a {
    color: var(--color-secondary)
}

.breadcrumbs li a:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath stroke='%23EE4280' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='m1 1 3 3-3 3'/%3E%3C/svg%3E");
    margin-inline: 8px
}

.breadcrumbs li a:hover {
    color: var(--color-accent-light)
}

.breadcrumbs li>span {
    color: var(--color-accent)
}

.sidebar {
    left: 0;
    position: sticky;
    top: 0;
    transition: .3s ease-in-out
}

@media (max-width:1328px) {
    .sidebar {
        display: none
    }
}

.sidebar__showing {
    margin-bottom: 30px
}

.sidebar__showing .showing-item>.showing-item__address,
.sidebar__showing .showing-item>.showing-item__date,
.sidebar__showing .showing-item>.showing-item__link,
.sidebar__showing .showing-item>.showing-item__name,
.sidebar__showing .showing-item>.showing-item__time {
    display: none
}

.sidebar__showing .showing-item-header__title {
    max-width: 175px;
    width: 100%
}

.sidebar__menu {
    display: inline-flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 40px
}

.sidebar__menu .icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.sidebar__menu-link {
    align-items: center;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 15px;
    gap: 16px;
    line-height: 130%
}

.sidebar__menu-link--special {
    font-weight: 500;
    margin-bottom: 14px
}

.sidebar__header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.sidebar__header .sidebar__header__title {
    margin-bottom: 0
}

.sidebar__title {
    color: var(--color-grey-light);
    margin-bottom: 4px;
    position: relative
}

.sidebar__title .tooltip {
    border: 2px solid var(--color-grey-light);
    color: var(--color-grey-light);
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 15px;
    position: absolute;
    right: -15px;
    top: -10px;
    width: 15px
}

.sidebar__title .tooltip__content {
    left: 30px;
    top: -150%
}

.sidebar .sidebar__list,
.sidebar .title--2,
.sidebar .title--5 {
    margin-bottom: 20px
}

.sidebar__link {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.sidebar__list {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.sidebar__list ol {
    margin: 0;
    padding: 0 0 0 1em
}

.sidebar__list li {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.sidebar__awards {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.sidebar__awards-item {
    align-items: center;
    display: inline-flex;
    gap: 6px
}

.sort {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.sort__full {
    display: flex;
    gap: 5px
}

@media (max-width:767px) {
    .sort__full {
        display: none
    }
}

.sort__min {
    color: inherit;
    display: none
}

@media (max-width:767px) {
    .sort__min {
        align-items: center;
        display: flex;
        gap: 5px
    }
}

.sort__min .icon {
    height: 14px;
    width: 16px
}

.sort__value {
    align-items: center;
    color: var(--color-accent);
    display: flex;
    font-size: 16px;
    gap: 5px
}

.sort__value .icon {
    height: 3px;
    width: 12px
}

.pagination .icon {
    height: 16px;
    width: 16px
}

.pagination ul {
    display: flex;
    gap: 5px;
    margin: 0;
    padding: 0
}

.pagination li {
    list-style: none
}

.pagination li:first-child a,
.pagination li:last-child a {
    border-color: #0000
}

.pagination li:first-child a:hover,
.pagination li:last-child a:hover {
    background-color: var(--color-white);
    border: 1px solid var(--color-accent)
}

.pagination a,
.pagination li>span {
    align-items: center;
    background-color: var(--color-white);
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    color: var(--color-primary);
    display: flex;
    font-size: 13px;
    font-weight: 600;
    height: 31px;
    justify-content: center;
    transition: .2s ease-in-out;
    width: 31px
}

.pagination a:hover {
    opacity: .5
}

.pagination a.active,
.pagination a:hover,
.pagination li.active>span,
.pagination li.bx-active>span {
    background-color: var(--color-accent);
    border: 1px solid var(--color-accent);
    color: var(--color-white)
}

.show-more.active .icon,
.fastlinks-show-more.active .icon {
    rotate: 180deg
}

.show-more .icon,
.show-more.active .icon,
.fastlinks-show-more .icon {
    height: 10px;
    margin-left: 10px;
    width: 4px
}

.review-videos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px
}

.review-videos>* {
    flex-basis: calc(50% - 10px);
    height: 340px
}

@media (max-width:1230px) {
    .review-videos>* {
        height: 220px
    }
}

@media (max-width:767px) {
    .review-videos>* {
        flex-basis: 100%
    }
}

.reviews-slider__title {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.reviews-slider__link {
    display: block;
    text-align: right
}

.reviews-slider__link a {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%
}

@media (max-width:767px) {
    .reviews-slider__link {
        margin-top: 20px
    }
}

.reviews-text-slider {
    width: 100%;
    position: relative;
}

@media (min-width:768px) {
    .reviews-slider>.reviews-slider__link {
        display: none
    }
}

@media (max-width:767px) {
    .reviews-slider__title>.reviews-slider__link {
        display: none
    }
}

.review-card {
    background: var(--color-grey);
    border-radius: 10px;
    padding: 20px;
    border: 1px solid var(--color-fon);
}

.review-card p,
.review-content {
    margin-bottom: 0;
    margin-top: 16px
}

.fastlinks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px
}

.fastlinks a {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    color: var(--color-primary);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    padding: 6px 12px;
    text-align: center
}

.fastlinks a:hover {
    color: var(--color-accent-light)
}

.section-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px
}

.section-header .title {
    margin-bottom: 0
}

@media (max-width:767px) {
    .section-header {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 20px
    }
}

.section-header__link,
.section-footer__link {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 160%;
    transition: .2s ease-in-out
}

.section-header__link:hover,
.section-footer__link:hover {
    color: var(--color-accent-light)
}

.callback {
    background-color: var(--color-grey);
    border: 1px solid #e6eef7;
    border-radius: 10px;
    display: flex;
    gap: 20px;
    padding: 30px
}

@media (max-width:990px) {
    .callback {
        flex-direction: column;
        padding: 24px 20px
    }
}

.callback-text {
    max-width: 470px
}

@media (max-width:990px) {
    .callback-text {
        max-width: 100%
    }
}

.callback-text__title {
    margin-bottom: 20px
}

.callback-text__subtitle {
    line-height: 130%;
    margin-bottom: 0
}

.callback-text__heading {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.callback-text__heading .title {
    color: var(--color-accent);
    font-size: 40px;
    font-weight: 600;
    text-transform: none
}

@media (max-width:767px) {
    .callback-text__heading .title {
        font-size: 24px
    }
}

.callback-text__heading .text-small {
    width: 100%;
    display: block;
}

.callback .form-text,
.callback .form-text a {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%
}

.callback-form {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin: 0;
}

/* .callback-form .input {
    flex-grow: 1;
} */

.callback-form__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.callback-form__contacts>* {
    width: calc(50% - 5px);
}

@media (max-width:767px) {
    .callback-form__contacts {
        flex-direction: column;
    }

    .callback-form__contacts>* {
        width: 100%;
    }
}

.callback-form__accept,
.form__accept {
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width:990px) {

    .callback-form__accept,
    .form__accept {
        flex-direction: column;
        align-items: unset;
    }
}

.callback-form__accept .button,
.send-message .form .button,
.element__send-callback .button,
.form__accept .button {
    max-width: 240px;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

@media (max-width:990px) {

    .callback-form__accept .button,
    .send-message .form .button,
    .element__send-callback .button,
    .form__accept .button {
        max-width: 100%
    }
}

.errors-form {
    color: red;
    padding: 5px;
    display: block;
}

.callback-form__accept .form-text,
.form__accept .form-text {
    max-width: 320px
}

@media (max-width:990px) {

    .callback-form__accept .form-text,
    .form__accept .form-text {
        max-width: 100%
    }
}

.portfolio-gallery {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr)
}

@media (max-width:1230px) {
    .portfolio-gallery {
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 240px)
    }
}

@media (max-width:767px) {
    .portfolio-gallery {
        display: flex;
        flex-direction: column
    }
}

.portfolio-gallery-item {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.portfolio-gallery-item:after {
    background: linear-gradient(180deg, #0000 52.604%, #0009);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.portfolio-gallery-item__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.portfolio-gallery-item__date {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #ffffffb3;
    border-radius: 4px;
    color: #111;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    padding: 5px 6px;
    position: absolute;
    right: 20px;
    top: 22px
}

.portfolio-gallery-item__name {
    bottom: 44px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    left: 20px;
    line-height: 22px;
    position: absolute;
    z-index: 1
}

.portfolio-gallery-item__link {
    bottom: 22px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    left: 20px;
    line-height: 17px;
    position: absolute;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    z-index: 1
}

.portfolio-gallery-item__play {
    bottom: 22px;
    position: absolute;
    right: 20px;
    z-index: 1
}

.portfolio-gallery :first-child {
    grid-area: 1/1/3/2
}

@media (max-width:1230px) {
    .portfolio-gallery :first-child {
        grid-area: 1/1/3/2
    }
}

.portfolio-gallery :nth-child(2) {
    grid-area: 1/2/2/3
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(2) {
        grid-area: 1/2/2/3
    }
}

.portfolio-gallery :nth-child(3) {
    grid-area: 1/3/2/4
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(3) {
        grid-area: 2/2/3/3
    }
}

.portfolio-gallery :nth-child(4) {
    grid-area: 2/2/3/3
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(4) {
        grid-area: 3/1/4/2
    }
}

.portfolio-gallery :nth-child(5) {
    grid-area: 2/3/4/4
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(5) {
        grid-area: 3/2/4/3
    }
}

.portfolio-gallery :nth-child(6) {
    grid-area: 3/1/4/2
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(6) {
        grid-area: 4/1/5/2
    }
}

.portfolio-gallery :nth-child(7) {
    grid-area: 3/2/4/3
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(7) {
        grid-area: 4/2/6/3
    }
}

.portfolio-gallery :nth-child(8) {
    grid-area: 4/1/5/3
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(8) {
        grid-area: 5/1/6/2
    }
}

.portfolio-gallery :nth-child(9) {
    grid-area: 4/3/5/4
}

@media (max-width:1230px) {
    .portfolio-gallery :nth-child(9) {
        display: none
    }
}

.portfolio-gallery-full {
    width: 100%;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 264px)
}

@media (max-width:1230px) {
    .portfolio-gallery-full {
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 240px);
        padding-inline: 16px
    }
}

@media (max-width:767px) {
    .portfolio-gallery-full {
        display: flex
    }
}

.portfolio-gallery-full>:first-child {
    grid-area: 1/1/2/2
}

.portfolio-gallery-full>:nth-child(2) {
    grid-area: 1/2/3/3
}

.portfolio-gallery-full>:nth-child(3) {
    grid-area: 1/3/2/4
}

.portfolio-gallery-full>:nth-child(4) {
    grid-area: 1/4/2/5
}

.portfolio-gallery-full>:nth-child(5) {
    grid-area: 1/5/3/6
}

.portfolio-gallery-full>:nth-child(6) {
    grid-area: 2/1/3/2
}

.portfolio-gallery-full>:nth-child(7) {
    grid-area: 2/3/3/4
}

.portfolio-gallery-full>:nth-child(8) {
    grid-area: 2/4/4/5
}

.portfolio-gallery-full>:nth-child(9) {
    grid-area: 3/1/4/2
}

.portfolio-gallery-full>:nth-child(10) {
    grid-area: 3/2/4/4
}

.portfolio-gallery-full>:nth-child(11) {
    grid-area: 3/5/4/6
}

@media (max-width:1230px) {
    .portfolio-gallery-full :first-child {
        grid-area: 1/1/3/2
    }

    .portfolio-gallery-full :nth-child(2) {
        grid-area: 1/2/2/3
    }

    .portfolio-gallery-full :nth-child(3) {
        grid-area: 2/2/3/3
    }

    .portfolio-gallery-full :nth-child(4) {
        grid-area: 3/1/4/2
    }

    .portfolio-gallery-full :nth-child(5) {
        grid-area: 3/2/4/3
    }

    .portfolio-gallery-full :nth-child(6) {
        grid-area: 4/1/5/2
    }

    .portfolio-gallery-full :nth-child(7) {
        grid-area: 4/2/6/3
    }

    .portfolio-gallery-full :nth-child(8) {
        grid-area: 5/1/6/2
    }

    .portfolio-gallery-full :nth-child(10),
    .portfolio-gallery-full :nth-child(11),
    .portfolio-gallery-full :nth-child(9) {
        display: none
    }
}

@media (max-width:767px) {
    .portfolio-gallery-full :first-child {
        height: 322px;
        width: 100%
    }

    .portfolio-gallery-full :nth-child(10),
    .portfolio-gallery-full :nth-child(11),
    .portfolio-gallery-full :nth-child(2),
    .portfolio-gallery-full :nth-child(3),
    .portfolio-gallery-full :nth-child(4),
    .portfolio-gallery-full :nth-child(5),
    .portfolio-gallery-full :nth-child(6),
    .portfolio-gallery-full :nth-child(7),
    .portfolio-gallery-full :nth-child(8),
    .portfolio-gallery-full :nth-child(9) {
        display: none
    }
}

.load_more {
    display: block;
    margin: 33px auto 0
}

.rating-hero {
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    /* display: flex; */
    /* justify-content: space-between; */
    padding: 50px 40px 0 40px;
}

.rating-hero__subtitle {
    font-size: 22px;
    line-height: 27px;
    color: #333333;
}

.rating-hero__content {
    display: flex;
    justify-content: space-between;
}

.rating-hero__tabs {
    display: flex;
    column-gap: 39px;
}

.rating-hero__tab {
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: border-color .3s ease-in-out, color .3s ease-in-out;
}

.rating-hero__tab.active {
    border-bottom: 1px solid #ee4280;
    ;
    color: #ee4280;
}

.rating-hero .title--1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 40px;
    text-transform: none
}

.rating-hero .subtitle {
    color: #333;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px
}

.reviews-text-slider .swiper,
.reviews-video-slider .swiper {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

.news-slider .swiper {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 767px) {

    .news-slider .swiper,
    .reviews-text-slider .swiper,
    .reviews-video-slider .swiper {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.news-slider .swiper-button-next {
    right: 5px;
}

.news-slider .swiper-button-left {
    left: 5px;
}

.tab-content {
    display: none;
    opacity: 0;
}

.tab-content.active {
    display: block;
    opacity: 1;
}

.blog__items-filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
}

.blog__items-filter-active-item {
    display: none;
}

.blog__items-filter-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
}

.blog__items-filter-item {
    cursor: pointer;
    padding: 5px 13px;
    border: 1px solid #e6eef7;
    border-radius: 4px;
}

.blog__items-filter-item.active {
    cursor: default;
    border: 0.5px solid #ee4280;
}

.blog__items-filter-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #222222;
}

.blog__items-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    column-gap: 20px;
    margin-top: 20px;
}

.blog__item {
    width: calc(33.33% - 13.3px);
}

.blog__item-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog__item-category {
    display: block;
    margin-top: 10px;
    line-height: 1.3;
}

.blog__item-title {
    margin-top: 6px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #333333;
}

.blog__item-desc {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #333;
}

.blog__item-date {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #777777;
}

.rating-top {
    margin-bottom: 80px;
}

.rating-top__tabs {
    display: flex;
    column-gap: 22px;
}

.rating-top__tab {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3;
    color: #333333;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    transition: border-color .3s ease-in-out, color .3s ease-in-out;
}

.rating-top__tab.active {
    cursor: default;
    color: #ee4280;
    border-bottom: 1px solid #ee4280;
}

.rating-top__tab-content {
    display: none;
    opacity: 0;
}

.rating-top__tab-content.active {
    display: block;
    opacity: 1;
}

.rating_items-table {
    width: 100%;
    margin-top: 52px;
    color: #333333;
    line-height: 1.3;
}

.rating_items-head,
.rating_item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.rating_items-head {
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #333333;
}

.rating_items-head::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #f3f3f3;
    border-radius: 10px;
}

.rating_item {
    align-items: center;
    padding-top: 19px;
    /* padding-bottom: 20px; */
}

.rating_item:not(:last-child)::after {
    margin-top: 20px;
    content: '';
    min-width: 100%;
    height: 1px;
    background: #f3f3f3;
    /* background-color: #6c4747; */
    border-radius: 10px;
}

.rating_items-head>*,
.rating_item>* {
    flex: 1;
    padding: 0 10px;
}

.rating_items-head-place,
.rating_item-place {
    max-width: 68px;
    display: flex;
    justify-content: center;
}

.rating_items-head-favorites,
.rating_item-favorites {
    max-width: 40px;
}

.rating_item-favorites {
    display: flex;
}

.rating_item-company {
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
    position: relative;
}

.rating_items-head-count,
.rating_item-count {
    max-width: 173px;
}

.rating_item-count {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
}

.rating_items-head-investments,
.rating_item-investments {
    max-width: 296px;
}

.rating_item-investments {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
}

.rating_item-title {
    color: #333333;
    font-weight: 600;
    font-size: 18px;
}

.rating_item-desc {
    margin-top: 10px;
}

.rating_item-image {
    min-width: 120px;
    max-width: 120px;
    width: 100%;
    height: 90px;
}

@media (max-width: 767px) {
    .rating_item-image .case__stickers {
        top: 0;
        left: 0;
    }
}

.rating_item-image picture,
.rating_item-image img {
    max-width: 100%;
    max-height: 100%;
}

.rating_item-text {
    padding-right: 20px;
}

.rating_items-head-info,
.rating_item-info {
    display: none;
}

.rating_item-desc {
    line-height: 1.4;
}

.rating-top__filter-selector {
    display: none;
}

.rating-top__tab-content-filter-items {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rating-top__tab-content-filter-item {
    border: 1px solid #e6eef7;
    border-radius: 6px;
    padding: 5px 11px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3;
    transition: border-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
}

.rating-top__tab-content-filter-item.active {
    cursor: default;
    color: #ee4280;
    border: 0.5px solid #ee4280;
}

.rating-top__tab-content-filter {
    margin-top: 20px;
}

.cards-swiper {
    position: relative;
    margin-left: -55px;
    margin-right: -55px;
    padding-left: 55px;
    padding-right: 55px;
}

.cards-swiper .swiper-slide {
    height: auto;
}

.cards-swiper .swiper-slide .card {
    height: 100%;
    box-sizing: border-box;
}

.element__price-info {
    display: none;
}

.section-footer__link-mobile {
    display: none;
}

.page-title {
    margin-top: 0;
    margin-bottom: 20px;
}

.sidebar__slider {
    margin-bottom: 20px;
}

.show-more-active-text,
.show-more.active .show-more-text {
    display: none;
}

.show-more.active .show-more-active-text {
    display: inline;
}

.smart-filter-dropdown-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out, padding .3s ease-in-out;
    position: absolute;
    top: 100%;
    z-index: 1;
    left: -1px;
    width: calc(100% + 2px);
    background: var(--color-white);
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #e9e9e9;
    border-top: unset;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 14px;
}

.smart-filter-dropdown-block-wrapper.opened {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.smart-filter-dropdown-block-wrapper.opened .smart-filter-dropdown-text {
    color: var(--color-accent);
}

.smart-filter-dropdown-block-wrapper.opened .smart-filter-dropdown-arrow {
    transform: rotate(180deg);
}

.smart-filter-dropdown-block-wrapper.opened .smart-filter-dropdown-arrow .icon:after {
    filter: unset;
}

.smart-filter-dropdown-block-wrapper.opened .smart-filter-dropdown-content {
    padding-bottom: 16px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 2;
}

.smart-filter-select {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.smart-filter-select-item {
    cursor: pointer;
    transition: color .2s ease-in-out;
}

.smart-filter-select-item:hover {
    color: var(--color-accent);
}

.smart-filter-range {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.smart-filter-range-input {
    padding: 7px 9px;
    outline: none;
    font-size: 12px;
    line-height: 16px;
}

.city-input_wrapper {
    /* width: 100%; */
    /* flex-grow: 1; */
    position: relative;
}

.city-input_wrapper .input {
    width: 100%;
    max-width: 100%;
    outline: none;
}

.city-input_results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1;
    background: #ffffff;
    border: 1px solid #e9e9e9;
    color: var(--color-primary);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 240px;
    overflow-y: auto;
}

.city-input_result {
    width: 100%;
    padding: 10px;
    cursor: pointer;
}

.city-input_result:hover {
    background-color: #e7e7e7;
}

.bx-context-toolbar-empty-area {
    min-width: 12px;
}

.element__video iframe,
.element__video lite-youtube {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 100%;
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.form-consent {
    display: flex;
    align-items: flex-start;
    column-gap: 5px;
}

.form-consent input[type="checkbox"] {
    height: 16px;
    width: 16px;
}

.form__phone {
    position: relative;
    /* flex-grow: 1; */
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 9px 15px 8px 15px;
    background: #fff;
    column-gap: 5px;
    border: 1px solid #e9e9e9;
}

.form__phone input[name="tel"],
.form__phone input[name="USER_PHONE_NUMBER"] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
}

.form__phone-country-select {
    position: relative;
    background: var(--color-white);
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    padding: 5px;
    min-width: 90px;
}

.form__phone-country-select.opened {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form__phone-country-select img {
    width: 30px;
    height: 20px;

}

.form__phone-country-select-active {
    justify-content: space-between;
}

.form__phone-country-select-active,
.form__phone-country-select-option {
    display: flex;
    align-items: center;
    column-gap: 5px;
    cursor: pointer;
}

.form__phone-country-select-option {
    padding: 0 5px;
}

.form__phone-country-select-option:hover {
    background: #f8f9fb
}

.form__phone-country-select-options {
    display: none;
    padding: 5px 0;
    background: var(--color-white);
    border: 1px solid #e9e9e9;
    border-top: unset;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form__phone-country-select.opened>.form__phone-country-select-options {
    position: absolute;
    width: calc(100% + 2px);
    top: 100%;
    left: -1px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.form__phone-code {
    border: none;
    padding: 0;
}

.element__presenetation-no-image {
    width: 100%;
    min-height: 516px;
    background: #F8F9FB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.element__presentation-name {
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    color: #333;
    text-align: center;
}

.showing-page__month {
    display: none;
}

.showing-page__month.active {
    display: block;
}

.element__advertise-title {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.element__advertise-title-text {
    color: #242731;
    font-size: 18px;
    font-weight: 700;
}

.element__advertise-text {
    margin-top: 15px;
}

.element__advertise-date {
    margin-top: 20px;
}

.sort_list_wrapper {
    position: relative;
}

.sort_list_values {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    /* display: flex; */
    flex-direction: column;
    row-gap: 5px;
    background: #ffffff;
    border: 1px solid #e6eef7;
    border-radius: 4px;
    min-width: 100%;
    white-space: nowrap;
    z-index: 2;
}

.sort_list_value {
    padding: 5px 5px;
    cursor: pointer;
}

.sort_list_value:hover {
    background: #e6eef7;
}

.sort_list_values.opened {
    display: flex;
}

.banner_inline-desktop,
.banner_inline-adaptive,
.banner_inline-mobile {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}

.banner_inline-adaptive,
.banner_inline-mobile {
    display: none;
}

.mobile-menu {
    display: none;
}

.banner_sidebar_slide {
    position: relative;
}

.hero__slide,
.banner_header-item {
    position: relative;
}

.hero__advertise,
.banner_inline-advertise,
.banner_sidebar-advertise {
    position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
    align-items: center;
    column-gap: 3px;
    background: rgba(255, 251, 252, 0.7);
    border-radius: 54px;
    padding: 6px;
    color: var(--color-primary);
    cursor: pointer;
}

.hero__advertise-icon,
.banner_inline-advertise-icon,
.banner_sidebar-advertise-icon {
    display: flex;
}

.hero__advertise-tooltip,
.hero__advertise.active .hero__advertise-title,
.hero__advertise.active .hero__advertise-icon,
.banner_inline-advertise-tooltip,
.banner_inline-advertise.active .banner_inline-advertise-title,
.banner_inline-advertise.active .banner_inline-advertise-icon,
.banner_sidebar-advertise-tooltip,
.banner_sidebar-advertise.active .banner_sidebar-advertise-title,
.banner_sidebar-advertise.active .banner_sidebar-advertise-icon {
    display: none;
}

.hero__advertise.active,
.banner_inline-advertise.active,
.banner_sidebar-advertise.active {
    border-radius: 20px;
}

.hero__advertise.active .hero__advertise-tooltip,
.banner_inline-advertise.active .banner_inline-advertise-tooltip,
.banner_sidebar-advertise.active .banner_sidebar-advertise-tooltip {
    display: block;
}

.banner_header-advertise-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.banner_header-advertise {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    column-gap: 3px;
    background: rgba(255, 251, 252, 0.7);
    border-radius: 54px;
    padding: 6px;
    color: var(--color-primary);
    cursor: pointer;
}

.banner_header-advertise-icon {
    display: flex;
}

.banner_header-advertise-tooltip,
.banner_header-advertise.active .banner_header-advertise-title,
.banner_header-advertise.active .banner_header-advertise-icon {
    display: none;
}

.banner_header-advertise.active .banner_header-advertise-tooltip {
    display: block;
}


.reviews-video-slider {
    margin-bottom: 30px;
}

.reviews-video-slider iframe,
.reviews-video-slider lite-youtube {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 6px;
    overflow: hidden;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
}

.modal.active {
    display: block;
}

.modal-blur {
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.modal.active .modal-blur {
    opacity: 1;
}

.modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.modal-wrapper {
    position: relative;
    max-width: 540px;
    width: 100%;
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    padding: 30px 35px 20px;
}

.modal-close {
    display: flex;
    position: absolute;
    top: -28px;
    right: -28px;
}

.modal-blur {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4000000059604645);
    backdrop-filter: blur(7px);
}

.modal-title,
.modal-desc {
    text-align: center;
    line-height: 1.3;
    color: #111111;
}

.modal-title {
    font-weight: 600;
    font-size: 30px;
}

.modal-desc {
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
}

.modal-btns {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.modal-btn {
    padding: 8px 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.header-profile__icon .header-profile__icon-dot {
    display: block;
    width: 6px;
    height: 6px;
    background: #EE4280;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    right: 2px;
    -webkit-animation: pulse 2.5s infinite ease-in-out;
    -moz-animation: pulse 2.5s infinite ease-in-out;
    -ms-animation: pulse 2.5s infinite ease-in-out;
    animation: pulse 2.5s infinite ease-in-out;
}

.header-notifications .notification {
    min-width: 200px;
    padding: 20px 20px 10px 20px;
}

.header-notifications .notification+.notification {
    border-top: 1px solid #F3F3F3;
}

.header-notifications .notification:last-child {
    padding-bottom: 20px;
}

@media screen and (max-width: 1262px) {

    .mobile-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: -100%;
        transition: left .3s ease-in-out;
        max-width: 414px;
        width: 100%;
        background: #ffffff;
        box-shadow: 0px 8px 16px rgba(153, 153, 153, 0.12);
        max-height: calc(100vh - 60px);
        overflow-y: auto;
    }

    .mobile-menu.opened {
        visibility: visible;
        opacity: 1;
        left: 0;
    }

    .mobile-menu-list {
        padding: 30px 16px;
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }

    .mobile-menu-list a {
        font-size: 18px;
        line-height: 22px;
        color: #333333;
    }

    .mobile-menu-links {
        border-top: 1px solid rgba(60, 59, 57, 0.2);
        padding: 30px 16px;
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }

    .mobile-menu-link {
        display: flex;
        column-gap: 10px;
        font-size: 18px;
        line-height: 22px;
        color: #333333;
    }

    .banner_inline-desktop {
        display: none;
    }

    .banner_inline-adaptive {
        display: block;
    }

    .breadcrumbs {
        margin-top: 16px;
        margin-bottom: 17px;
    }

    .academy-page-element__support {
        width: 100%;
    }

    .element__price-info {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        column-gap: 16px;
        row-gap: 24px;
    }

    .element__price-info-item,
    .element__price-info-item-award {
        width: calc(50% - 8px);
    }

    .element__price-info-item-award {
        display: flex;
        align-items: center;
        column-gap: 6px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
    }

    .element__price-info-item-title {
        color: #999999;
        line-height: 1.3;
    }

    .element__price-info-item-value {
        font-weight: 600;
        font-size: 18px;
        line-height: 1.3;
        color: #333333;
    }

    .royal-text {
        font-size: 16px;
        font-weight: 500;
    }

    .element__about {
        margin-top: 40px;
    }

    .cards-swiper {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .cards-swiper .swiper {
        margin-left: -14px;
        margin-right: -14px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .rating-top__tab-content-filter {
        margin-top: 10px;
    }

    .rating_items-table {
        margin-top: 30px;
    }

    .rating-top__tabs {
        text-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 10px;
        overflow-x: auto;
    }

    .rating_items-head-place,
    .rating_item-place {
        max-width: 58px;
    }

    .rating_item-place img {
        max-width: 24px;
        width: 100%;
        height: auto;
    }

    .rating_item-text {
        padding-right: 0;
    }

    .rating_item-image {
        min-width: 70px;
        max-width: 70px;
        height: 54px;
    }

    .rating_items-head-investments,
    .rating_item-investments,
    .rating_items-head-count,
    .rating_item-count {
        display: none;
    }

    .rating_items-head-info,
    .rating_item-info {
        display: block;
        max-width: 199px;
    }

    .rating_item-info-invest {
        font-weight: 600;
        font-size: 16px;
    }

    .rating_item-info-count {
        font-weight: 500;
        font-size: 14px;
        line-height: 1.4;
    }

    .rating_item-title {
        line-height: 1.4;
    }

    .rating_item-desc {
        margin-top: 8px;
        font-size: 15px;
    }

    .rating-hero {
        padding: 20px 20px 0 20px;
    }

    .rating-hero__subtitle {
        max-width: 465px;
    }
}

@media screen and (max-width:767px) {

    .banner_inline-adaptive {
        display: none;
    }

    .banner_inline-mobile {
        display: block;
    }

    .section-header__link {
        display: none;
    }

    .section-footer__link-mobile {
        display: flex;
        justify-content: flex-end;
    }

    .element__price-info-item,
    .element__price-info-item-award {
        width: 100%;
    }

    .cards-swiper .swiper {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .cards-swiper .swiper-button-prev {
        left: 2px;
    }

    .cards-swiper .swiper-button-next {
        right: 2px;
    }

    .rating_items-table {
        margin-top: 0;
    }

    .rating-top__filter-selector {
        display: flex;
        justify-content: space-between;
        border: 1px solid #e6eef7;
        border-radius: 4px;
        padding: 10px 15px;
    }

    .rating-top__filter-selector.open {
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .rating-top__tabs {
        column-gap: 10px;
    }

    .rating-top__tab {
        padding: 7px 13px;
        border: 1px solid #e6eef7;
        border-radius: 6px;
    }

    .rating-top__tab.active {
        border: 0.5px solid #ee4280;
    }

    .rating_item>* {
        padding: 0;
        flex: unset;
    }

    .rating_item-company,
    .rating_item-info {
        width: 100%;
        max-width: unset;
    }

    .rating_item-company {
        flex-direction: column;
    }

    .rating_item-info {
        margin-top: 16px;
    }

    .rating_item-text {
        margin-top: 10px;
    }

    .rating-top__tabs {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .rating_item {
        position: relative;
        padding-top: 20px;
    }

    .rating_item:not(:last-child)::after {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px);
    }

    .rating_item-place {
        position: absolute;
        top: 35px;
        right: 0;
    }

    .rating_item-favorites {
        position: absolute;
        bottom: 35px;
        right: 0;
    }

    .rating_items-head {
        display: none;
    }

    .rating-top {
        margin-bottom: 60px;
    }

    .rating-hero {
        margin-left: -5px;
        margin-right: -5px;
    }

    .rating-hero__content {
        flex-direction: column;
        align-items: flex-start;
    }

    .rating-hero .title--1 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 19px;
    }

    .rating-hero__logo {
        margin-top: 25px;
    }

    .rating-hero__tabs {
        margin-top: 40px;
        column-gap: 8px;
    }

    .rating-hero__tab {
        margin-left: 0;
        margin-right: 0;
        padding-left: 9px;
        padding-right: 9px;
        padding-bottom: 8px;
        font-size: 16px;
    }

    .blog__items-filter-active-item {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        width: 100%;
        border: 1px solid #e6eef7;
        border-radius: 4px;
        padding: 10px 15px;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.4;
    }

    .blog__items-filter-items-wrapper {
        visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: opacity .3s ease-in-out;
        border: 1px solid #e6eef7;
        border-top: none;
        border-radius: 0px 0px 4px 4px;
    }

    .blog__items-filter-active-item.open {
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .blog__items-filter-active-item.open+.blog__items-filter-items-wrapper {
        visibility: visible;
        height: auto;
        opacity: 1;
    }

    .blog__items-filter-item,
    .blog__items-filter-item.active {
        border: none;
    }

    .blog__items-filter-item {
        width: 100%;
    }

    .blog__items-filter-item.active {
        color: #ee4280;
    }

    .blog__items-list {
        column-gap: 14px;
        row-gap: 30px;
    }

    .blog__item {
        width: calc(50% - 7px);
    }

    .blog__item-title {
        font-size: 16px;
    }

    .blog__item-desc {
        font-size: 14px;
    }

    .rating-top__tab-content-filter-items {
        border: 1px solid #e6eef7;
        border-top: none;
        border-radius: 0 0 6px 6px;
        display: none;
        opacity: 0;
    }

    .rating-top__filter-selector.open+.rating-top__tab-content-filter-items {
        display: block;
        opacity: 1;
    }

    .rating-top__tab-content-filter-item,
    .rating-top__tab-content-filter-item.active {
        border: none;
    }

    .rating-top__tab-content-filter-item {
        padding: 10px;
        font-size: 14px;
    }

    .academy-page-element__support {
        flex-wrap: wrap;
    }


    .academy-page-element__support span {
        width: 100%
    }

    .program__container+.button {
        margin-left: 0;
    }

    .showing-page-element__buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .showing-page-element__buttons .button {
        padding: 11px 15px;
        font-size: 13px;
    }

    .showing-item__link {
        margin-top: 12px;
    }

    .breadcrumbs {
        margin-top: 14px;
        margin-bottom: 15px;
    }

    .cases-slider .swiper-button-prev,
    .cases-slider .swiper-button-next,
    .news-slider .swiper-button-next,
    .news-slider .swiper-button-prev,
    .showing-slider .swiper-button-next,
    .showing-slider .swiper-button-prev,
    .cards-swiper .swiper-button-next,
    .cards-swiper .swiper-button-prev,
    .news-slider-max-slides-3 .swiper-button-next,
    .news-slider-max-slides-3 .swiper-button-prev {
        display: none;
        display: none;
    }

    .tooltip:hover .tooltip__content {
        top: 100%;
    }

    .reviews-text-slider .swiper,
    .reviews-video-slider .swiper,
    .cases-group .swiper,
    .showing-slider .swiper,
    .news-slider-max-slides-3 .swiper,
    .cases-groups-tabs .swiper {
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .academy-page-element__main {
        padding-inline: 20px;
    }

    .callback-text__subtitle {
        font-size: 15px;
    }
}

.exhibitors__list,
.infopartners__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 30px;
}

.exhibitors__item,
.infopartners__item {
    width: calc((100% - 80px)/5);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    height: 172px;
}

.exhibitors__item img,
.infopartners__item img {
    max-width: 80%;
    width: auto;
    height: auto;
    max-height: 150px;
}

@media screen and (max-width: 1262px) {

    .exhibitors__list,
    .infopartners__list {
        column-gap: 16px;
        row-gap: 30px;
    }

    .exhibitors__item,
    .infopartners__item {
        width: calc((100% - 32px)/3);
    }
}

@media screen and (max-width: 767px) {

    .exhibitors__list,
    .infopartners__list {
        column-gap: 14px;
        row-gap: 30px;
    }

    .exhibitors__item,
    .infopartners__item {
        width: calc((100% - 14px)/2);
    }
}

.swiper-button-next,
.swiper-button-prev {
    width: 46px;
    height: 46px;
}

.news-item__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.city-mail-wr {
    display: flex;
    gap: 10px;
}

.city-mail-wr [name="city"] {
    max-width: 100%;
}

.no-results {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
    background: #f8f9fb;
    border: 1px solid #e6eef7;
    border-radius: 10px;
    row-gap: 10px;
    margin: 30px 0;
}

.no-results__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
}

.no-results__desc {
    font-size: 16px;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .no-results {
        padding: 15px 5px;
    }

    .no-results__title {
        font-size: 16px;
    }

    .no-results__desc {
        font-size: 14px;
    }
}

.news-date-time {
    display: block;
    margin-bottom: 20px;
}


.showing-slider .swiper-slide {
    height: auto;
}

.showing-slider .swiper-slide .showing-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.showing-slider .swiper-slide .showing-item__name {
    min-height: 47px;
}

.input {
    position: relative;
}

.input::after {
    content: '*';
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    color: red;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.input input:not(:placeholder-shown)+.input::after {
    display: none;
}

.send-callback .form>* {
    width: 100%;
    max-width: 100%;
}

.quote {
    background-image: url("/local/templates/wpnew_franch/images/quoute-pin.png");
    background-repeat: no-repeat;
    padding: 20px 20px 20px 57px;
    background-size: 22px 22px;
    background-color: #FFCEE0;
    background-position: 20px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.footer__bottom-nooferta,
.footer__bottom-copyright {
    margin-top: 50px;
    color: #939393;
    font-size: 14px;
    line-height: 1.4;
}

@media (max-width:767px) {

    .footer__bottom-nooferta,
    .footer__bottom-copyright {
        margin-top: 20px;
    }
}

.header-searchbar__result-tabs-selector {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    column-gap: 5px;
    padding: 10px 16px;
}

.header-searchbar__result-tab {
    background: var(--color-white);
    border: .5px solid #ececec;
    border-radius: 4px;
    font-weight: 500;
    line-height: 130%;
    padding: 5px 15px;
    transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
}

.header-searchbar__result-tab:hover {
    color: var(--color-accent);
}

.header-searchbar__result-tab.active {
    background: #fffbfc;
    border: .5px solid var(--color-accent);
    color: var(--color-accent);
}

.header-searchbar__result-tab-content {
    display: none;
}

.header-searchbar__result-tab-content.active {
    display: block;
}

.header-searchbar__sections {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 5px;
    padding: 10px 16px;
}

.header-searchbar__section {
    padding: 5px 15px;
}

.showing-page-cities {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 30px;
}

.showing-page-cities button,
.showing-page-cities a {
    color: #000;
    padding: 6px 18px;
    border: 1px solid #E6EEF7;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    cursor: pointer;
    background: transparent;
    border-radius: 4px;
}

.tab-city.active {
    background: #E6EEF7;
    border: 1px solid transparent;
}

.input.org-input {
    width: 100%;
}

.input.without-alert::after {
    content: '';
}

.form__phone.input.without-alert .input::after {
    content: '';
}

.form__phone-code.new-des {
    color: #888888;
}

.button.new:disabled {
    background: var(--color-accent);
    border-color: transparent;
}

.swiper-button-next.new {
    right: -50px;
}

.swiper-button-prev.new {
    left: -50px;
}

.swiper-button-prev.new.swiper-button-disabled,
.swiper-button-next.new.swiper-button-disabled {
    opacity: 1;
    display: block;
}

.swiper-button-prev.new.swiper-button-disabled {
    transform: rotate(180deg);
}
.wrap-btns {
    position: absolute;
    display: flex;
    top: 48%;
    justify-content: space-between;
    width: 100%;
}

.swiper-pagination.new {
    bottom: -14%;
}

.swiper-pagination.new .swiper-pagination-bullet {
    width: 8x; 
    height: 8px;
    background: var(--color-accent);
    opacity: 0.7; 
    border-radius: 50%; 
    margin: 0 3px; 
    transition: all 0.3s ease; 
}

.swiper-pagination.new .swiper-pagination-bullet-active {
    background: var(--color-accent); 
    opacity: 1; 
}

@media (max-width: 860px) {
    .showing-page-cities {
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
}
/* End */


/* Start:/local/templates/wpnew_franch/components/bitrix/catalog.section.list/header_menu/style.css?17446524471682*/
.header__container {
    position: relative;
}

.header-navigation-catalog {
    /* width: 100%; */
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 951px;
    width: 100%;
    background: #ffffff;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 8px 16px rgba(153, 153, 153, 0.12);
    display: none;
}

.header-navigation-catalog-wrapper {
    display: flex;
    column-gap: 30px;
    max-height: 100%;
}

.header_catalog {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #E6EEF7;
    padding: 30px 15px;
    overflow-y: auto;
    max-height: 100%;
}

.header_catalog-all {
    padding-bottom: 20px;
    border-bottom: 1px solid #E6EEF7;
}

.header_catalog-list,
.header_catalog-static {
    display: flex;
    flex-direction: column;
    /* row-gap: 14px; */
}

.header_catalog-list {
    border-bottom: 1px solid #E6EEF7;
    padding: 20px 0;
}

.header_catalog-static {
    padding-top: 20px;
}

.header_catalog-subsection {
    display: none;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 610px;
    padding-right: 55px;
    column-count: 3;
    column-gap: 20px;
    max-height: 100%;
    overflow-y: auto;
}

.header_catalog a,
.header_catalog-subsection a {
    font-size: 16px;
    line-height: 1.3;
    color: #333333;
    opacity: 1;
    border-radius: 10px;
    display: flex;
    align-items: center;
    column-gap: 16px;
    width: 100%;
    padding: 7px 15px;
}

.header_catalog a:hover,
.header_catalog-subsection a:hover {
    background: #f8f9fb;
}

.header_catalog-all-link {
    font-weight: 500;
}

.header_catalog-link-icon {
    display: flex;
}

.header_catalog-link-title {
    flex-grow: 1;
}
/* End */
/* /local/templates/wpnew_franch/assets/css/swiper.min.css?174465244718433 */
/* /local/templates/wpnew_franch/assets/css/app.css?1744792933189653 */
/* /local/templates/wpnew_franch/components/bitrix/catalog.section.list/header_menu/style.css?17446524471682 */