/* Start:/local/templates/leadbro/assets/css/reset.css?17789410173475*/
* {
    padding: 0;
    margin: 0;
    font-family: 'OpenSansLight';
    color: #27292D;
    letter-spacing: -2%;
}

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

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: #FFFFFF;
}

input,
button,
textarea {
    font-family: inherit;
}

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

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

/* start fonts */
@font-face {
    font-family: 'OpenSansBold';
    src: local('OpenSansBold'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansBold.woff2') format('woff2'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: local('OpenSansExtraBold'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansExtraBold.woff2') format('woff2'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansLight';
    src: local('OpenSansLight'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansLight.woff2') format('woff2'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansMedium';
    src: local('OpenSansMedium'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansMedium.woff2') format('woff2'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: local('OpenSansRegular'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansRegular.woff2') format('woff2'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: local('OpenSansSemiBold'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansSemiBold.woff2') format('woff2'),
    url('/local/templates/leadbro/assets/css/../fonts/OpenSans/OpenSansSemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* end fonts */

/* base */

.osb{
    font-family: OpenSansBold;
}

.oseb{
    font-family: OpenSansExtraBold;
}

.osm{
    font-family: OpenSansMedium;
}

.osr{
    font-family: OpenSansRegular;
}

.ossb{
    font-family: OpenSansSemiBold;
}

.container{
    max-width: 1366px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

@media(max-width: 1400px) {
    .container{

    }
}

@media(max-width: 991px) {

}

@media(max-width: 600px) {
    .container{
        padding: 0 15px !important;
    }
}
/* End */


/* Start:/local/templates/leadbro/assets/css/swiper.css?177883922618471*/
/**
 * Swiper 11.1.14
 * 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: September 12, 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.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/leadbro/assets/css/style.css?1782313886128398*/
/* header start */
.header__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__top-left{
    display: flex;
    align-items: center;
}

.header__logo{
    display: flex;
    align-items: center;
    gap: 20px;
}

.header__logo img:last-child{
    display: none;
}

.header__logo p{
    max-width: 165px;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 1.3;
    padding-right: 18px;
    border-right: 1px solid #DCDCDC;
}

.cart-quantity{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    color: #FFF;
    line-height: 1.3;
    font-size: 15px;
    font-family: OpenSansSemiBold;
    position: absolute;
    right: -8px;
    top: -8px;
    background: #5C80DD;
}

.header__actions-icon._cart{
    position: relative;
}

.header__actions-icon svg path{
    transition: all 0.2s ease 0s;
}

.header__actions-icon:hover svg path{
    stroke: #7B96E1;
}

.header__city{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    position: relative;
}

.header__city-title{
    display: flex;
    align-items: center;
    gap: 5px;
}

.header__city span{
    line-height: 1.3;
    font-size: 14px;
    font-family: OpenSansRegular;
}

.main-category__sublist._cities-modal{
    left: 0;
}

._cities-modal._active{
    opacity: 1;
    visibility: visible;
}

.header__actions{
    display: flex;
    align-items: center;
}

.header__actions-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    padding: 7px 16px;
    background: #7B96E1;
}

.header__actions-btn:hover{
    background: #E6EBF8;
}

.header__actions-btn:hover span{
    color: #6B85C9;
}

.header__actions-btn svg{
    display: none;
}

.header__actions-btn span{
    font-size: 14px;
    font-family: OpenSansSemiBold;
    line-height: 1.2;
    color: #FFFFFF;
    transition: all 0.2s ease 0s;
}

.header__actions-icons{
    display: flex;
    margin-left: 25px;
    gap: 30px
}

.header__contacts{
    display: flex;
    align-items: center;
    gap: 25px
}

.header__mail{
    font-size: 16px;
    line-height: 1.3;
    font-family: OpenSansRegular;
    transition: all 0.2s ease 0s;
}

.header__mail:hover{
    color: #7B96E1;
}

.header__phone{
    font-family: OpenSansSemiBold;
    font-size: 20px;
    line-height: 1.3;
    transition: all 0.2s ease 0s;
}

.header__phone:hover{
    color: #7B96E1;
}

.header__bottom-list{
    display: flex;
    position: relative;
    justify-content: space-between;
    background: #F8F9FA;
}

.main-category-li{
    flex: 1 1 auto;
    list-style-type: none;
}

.main-category-li:not(:first-child){
    position: relative;
}

.main-category-li a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #F8F9FA;
    min-height: 37px;
    padding: 0 10px;
}

.main-category-li a span{
    font-family: OpenSansMedium;
    font-size: 16px;
    transition: all 0.2s ease 0s;
}

.main-category-li a:hover{
}

.main-category-li._catalog > a{
    color: #FFF;
    background: #7B96E1;
    transition: all 0.2s ease 0s;
}

.main-category-li._catalog > a:hover{
    background: #E6EBF8;
}

.main-category-li._catalog > a span{
    color: #FFF;
    transition: all 0.2s ease 0s;
}

.main-category-li._catalog > a:hover span{
    color: #6B85C9
}

.main-category-li._catalog > a:hover svg path{
    stroke: #6B85C9
}

body._catalog .main-category-li._catalog > a span{
    color: #6B85C9 !important;
}

body._catalog .main-category-li._catalog> a{
    background: #D1DAF3 !important;
}

body._catalog .main-category-li._catalog > a svg path{
    stroke: #6B85C9 !important;
}


.catalog-cross-icon{
    display: none;
}

.header__bottom-submenu{
    position: absolute;
    top: 37px;
    z-index: 10;
    width: 100%;
    transition: all 0.2s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.header-submenu__wrapper{
    background: #FFF;
    display: flex;
    box-shadow: 0px 5px 12px rgba(67, 82, 123, 0.2);
}

.header-submenu__content{
    background: #FFF;
    flex: 1 1 auto;
    padding: 20px 40px;
    display: none;
}

.header-submenu__content._active{
    display: block;
}

.header-submenu__categories{
    flex: 0 0 338px;
    display: flex;
    flex-direction: column;
    background: #F8F9FA;
    padding-top: 15px;
}

.main-category-li .submenu-li a{
    justify-content: flex-start;
    padding: 12px 20px;
    font-size: 16px;
    font-family: OpenSansMedium;
    transition: all 0.2s ease 0s;
}

.submenu-li{
    position: relative;
}

.submenu-li svg{
    display: none;
    position: absolute;
}

.submenu-li._active svg{
    display: block;
}

.header-submenu__title{
    font-size: 22px;
    font-family: OpenSansMedium;
    margin-bottom: 25px;
}

.main-category-li .submenu-column__list a{
    justify-content: flex-start;
    background: #FFF;
    font-size: 16px;
    padding: 0;
    min-height: 0;
}

.header-submenu__columns{
    display: flex;
    gap: 60px
}

.submenu-column{
    flex: 1 1 31%;
}

.submenu-column__title{
    font-size: 18px;
    font-family: OpenSansRegular;
}

.submenu-column__list{
    margin-top: 20px;
    row-gap: 15px;
    display: flex;
    flex-direction: column;
}

.main-category__sublist{
    position: absolute;
}

/* Header - Каталог */

.submenu-li:hover a{
    color: #6B85C9;
    background: #FFF;
}

.submenu-li:hover svg{
    display: block;
}

.header__bottom{
    margin-top: 10px;
}

body._catalog .catalog-cross-icon{
    display: block;
}

body._catalog .catalog-burger-icon{
    display: none;
}

.main-category-li._catalog > a{
    transition: all 0.2s ease 0s;
}

body._catalog .main-category-li._catalog > a{
    background: #6B85C9;
}

body._catalog .header__bottom-submenu{
    opacity: 1;
    visibility: visible;
}

.main-category__sublist{
    position: absolute;
    top: 37px;
    left: 30px;
    z-index: 10;
    width: 305px;
    transition: all 0.2s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.main-category-li:not(:first-child):hover .main-category__sublist{
    opacity: 1;
    visibility: visible;
}

.main-category-li:not(:first-child):hover a span{
    color:#7B96E1
}

.main-category-li:not(:first-child) svg{
    transition: all 0.2s ease 0s;
}

.main-category-li:not(:first-child):hover svg{
    transform: scaleY(-1);
}

.main-category-li:not(:first-child):hover svg path{
    stroke: #7B96E1;
}

.main-category__sublist-wrapper{
    padding: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    background: #FFFFFF;
    box-shadow: 0 4px 5px -2px rgba(67, 82, 123, 0.2);
}

.main-category__sublist .main-category__sublist-item{
    padding: 0;
    justify-content: flex-start;
    min-height: 0;
    background: #FFF;
    transition: all 0.2s ease 0s;
    font-family: OpenSansRegular;
}

.main-category__sublist .main-category__sublist-item:hover{
    color: #7B96E1;
}

.header__burger-cross{
    display: none;
}

.header__burger{
    display: none;
}


.header__menu-catalog{
    display: none;
}


.header__max span{
    display: none;
}

@media(max-width: 1370px) {
    .main-category-li a{
        padding: 0 10px;
    }
}

@media(max-width: 1260px) {
    .header__phone{
        display: none;
    }
}

@media(max-width: 1100px) {
    .header__contacts{
        display: none;
    }
}

@media(max-width: 991px) {
    .header__actions-btn{
        padding: 7px 40px;
    }

    .header__max{
        display: flex;
        align-items: center;
        gap: 20px;
        order: 1;
        margin-top: 48px;
        margin-left: 15px;
    }

    .header__contacts{
        align-items: flex-start;
    }

    .header__phone{
        order: 2;
        display: block;
        justify-content: flex-start;
        margin-top: 30px;
        margin-left: 15px;
    }

    .header__actions-btn span{
        display: none;
    }

    .header__actions-btn svg{
        display: block;
    }

    .header__actions-btn{
        background: none;
        width: 40px;
        height: 40px;
        padding: 0;
    }

    .header__mail{
        order: 3;
        font-size: 22px;
        font-family: OpenSansRegular;
        margin-top: 20px;
        margin-left: 15px;
    }

    .header__max span{
        display: block;
        font-size: 14px;
        line-height: 1.3;
        padding-right: 15px;
    }

    .header__contacts{
        row-gap: 0;
    }

    .header__menu-catalog{
        display: flex;
        align-items: center;
        width: calc(100% - 30px);
        margin-left: 15px;
        padding: 14px 20px;
        gap: 10px;
        background: #7B96E1;
        height: 50px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .header__menu-catalog span{
        color: #ffffff;
        font-family: OpenSansRegular;
        font-size: 20px;
    }

    .main-category-li{
        border-bottom: 1px solid #DCDCDC;
    }

    .main-category-li a{
        min-height: 60px;
        justify-content: flex-start;
        padding: 0 35px;
        background: #FFF;
    }

    .main-category__sublist-wrapper{
        padding: 0 35px;
        padding-bottom: 20px;
    }

    .main-category-li svg{
        transform: scaleY(1) !important;
    }

    .main-category-li._opened svg{
        transform: scaleY(-1) !important;
    }

    .header__actions-icons{
        margin-left: 0;
        gap: 60px;
        padding: 0 50px;
        bottom: 0;
        right: 20px;
        z-index: 10;
        background: #FFF;
        /*height: 49px;*/
        display: flex;
        align-items: center;
    }

    .main-category-li:not(:first-child){
    }

    .header__bottom-list .main-category-li > a{
        justify-content: center;
    }

    body._menu .header__burger-lines{
        display: none;
    }

    body._menu .header__burger-cross{
        display: block;
    }

    .header__info{
        border-top: 1px solid #E6EBF8;
        padding: 15px 0;
    }

    .header__wrapper{
        border-bottom: 1px solid #E6EBF8;
    }

    .header__city{
        margin-left: 15px;
    }

    .header__city span{
        font-size: 16px;
        font-family: OpenSansLight;
    }

    .main-category__sublist{
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
    }

    .main-category__sublist{
        transition: all 0.2s ease 0s;
        max-height: 0;
        overflow: hidden;
    }


    .header__logo img:last-child{
        display: block;
    }

    .header__logo img:first-child{
        display: none;
    }

    .header__wrapper{
        position: relative;
    }

    .main-category-li._catalog > a{
        height: 49px;
    }

    .header__wrapper{
        padding: 15px 0;
    }

    .header__logo p{
        display: none;
    }

    .header__bottom{
        padding: 0 !important;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }

    .header__burger{
        display: flex;
    }

    .header__actions{
        margin-left: auto;
        margin-right: 25px;
    }

    .header__info{
        position: fixed;
        left: 0;
        top: 70px;
        width: 100%;
        display: flex;
        background: #FFF;
        height: calc(100vh - 70px);
        transition: all 0.2s ease 0s;
        opacity: 0;
        visibility: visible;
        z-index: -1;
        max-height: 0;
        overflow: hidden;
        padding: 0;
    }

    body._menu .header__info{
        opacity: 1;
        visibility: visible;
        z-index: 9999999;
        max-height: calc(100vh - 70px);
        overflow: auto;
    }

    body._menu{
        overflow: hidden;
    }

    .header__contacts{
        display: flex;
        flex-direction: column;
    }

    .header__info{
        display: flex;
        flex-direction: column;
    }
}

@media(max-width: 600px) {
    .header__actions-icons{
        padding: 0 18px;
        gap: 30px
    }
}


/* header end */

/* main page start */
.banner{
    margin-top: 30px;
}

.banner__item{
    position: relative;
}

.banner__item-info{
    top: 90px;
    left: 80px;
    position: absolute;
}

.banner__item-title{
    max-width: 480px;
    font-size: 62px;
    line-height: 1;
}

.banner__item-subtitle{
    margin-top: 30px;
    font-size: 28px;
    line-height: 1;
    max-width: 630px;
}

.banner__item-btn{
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    background: #7B96E1;
    width: 100%;
    max-width: 485px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.2;
    height: 49px;
}

.banner__item-btn:hover{
     background: #5C80DD;
    color: #FFF;
}

.swpr-pagination{
    position: absolute;
    bottom: 10px !important;
    left: 50% !important;
    transform: translate(-50%, 0);
    width: max-content;
    max-width: max-content;
    z-index: 2;
}

.banner__image-mobile{
    display: none;
}

.banner__swiper{
    position: relative;
}

.banner__swiper{
    overflow: hidden;
}

.banner .swpr-arrow__left{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    left: 15px;
    top: 50%;
    margin-top: -20px;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    z-index: 2;
}

.banner .swpr-arrow__left:hover{
    background: #5C80DD;
}

.banner .swpr-arrow__left:hover svg path{
    stroke: #FFF;
}


.banner .swpr-arrow__right{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    right: 15px;
    top: 50%;
    margin-top: -20px;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    z-index: 2;
}

.banner .swpr-arrow__right:hover{
    background: #5C80DD;
}

.banner .swpr-arrow__right:hover svg path{
    stroke: #FFF;
}

.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #DCDCDC;
    opacity: 1;
    position: relative;
}

.swiper-pagination-bullet-active::after{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7B96E1;
    top: 2px;
    left: 2px;
    display: block;
    position: absolute;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 5px;
}

@media(max-width: 991px) {
    .banner__image-pc{
        display: none;
    }

    .banner__image-mobile{
        display: block;
    }

    .banner__item-title{
        font-size: 38px;
        max-width: calc(100%);
    }

    .banner__item-subtitle{
        font-size: 18px;
        margin-top: 25px;
        max-width: calc(100%);
    }

    .banner__item-btn{
        font-size: 16px;
        max-width: calc(100%);
        margin-top: auto;
    }

    .banner__item-info{
        top: 30px;
        left: 15px;
        width: calc(100% - 30px);
        height: calc(100% - 80px);
        display: flex;
        flex-direction: column;
    }

    .banner__arrows{
        display: none;
    }

    .banner__item-image{
        max-height: 500px;
    }

    .banner__item-image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.catalog{
    margin-top: 100px;
}

.catalog__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px
}

.catalog__category{
    position: relative;
    min-height: 300px;
    flex: 1 1 31%;
    max-width: 33%;
}

.absolute-link{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.catalog__category-wrapper{
    background: #F8F9FA;
    padding: 30px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.2s ease 0s;
}

.catalog__category:hover .catalog__category-wrapper{
    box-shadow: 0px 0px 20px rgba(65, 86, 143, 0.15);
}

.catalog__category-image{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 230px;
}

.catalog__category-image img{
    width: 100%;
}

.catalog__category-title{
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -2%;
    max-width: 215px;
    transition: all 0.2s ease 0s;
}

.catalog__category:hover .catalog__category-title{
    color: #6B85C9
}

.catalog__category-subtitle{
    font-size: 16px;
    line-height: 1.3;
    max-width: 190px;
}

.catalog__category h2{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

@media(max-width: 1280px) {
    .catalog__category{
        flex: 1 1 45%;
        max-width: 50%;
    }
}

@media(max-width: 991px) {
    .catalog{
        margin-top: 50px;
    }

    section h2{
        font-size: 30px;
    }

    section h2 br{
        display: none;
    }

    .catalog__category h2{
        font-size: 30px;
    }

    .catalog__body{
        flex-direction: column;
        gap: 10px
    }

    .catalog__block{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .catalog._page{
        margin-top: 20px;
    }


    .catalog__category{
        max-width: 100%;
        flex: none;
        min-height: 0;
    }

    .catalog__category._title{
        min-height: 0;
        flex: none;
        margin-bottom: 20px;
    }

    .catalog__category-wrapper{
        padding: 20px 15px;
        height: 170px;
    }

    .catalog__category-image{
        max-height: 100%;
    }

    .catalog__category-image img{
        max-height: 170px;
    }

    .catalog__category-title{
        font-size: 22px;
    }
}

@media(max-width: 600px) {
    .catalog__category-image img{
        max-width: 125px;
    }
}



.products-slider{
    margin-top: 120px;
}

.products-slider__top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.products-slider__arrows{
    display: flex;
    gap: 10px;
}

.products-slider__arrows-prev{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #DCDCDC;
    transition: all 0.2s ease 0s;
}

.products-slider__arrows-prev:hover{
    background: #5C80DD;
}

.products-slider__arrows-prev:hover svg path{
    stroke: #fff;
}

.products-slider__arrows-prev:hover{
    border-color: #5C80DD;
}

.products-slider__arrows-next{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #DCDCDC;
    transition: all 0.2s ease 0s;
}

.products-slider__arrows-next svg path{
    transition: all 0.2s ease 0s;
}

.products-slider__arrows-next:hover{
    background: #5C80DD;
}

.products-slider__arrows-next:hover svg path{
    stroke: #fff;
}

.products-slider__arrows-next:hover{
    border-color: #5C80DD;
}

.products-slider__top h2{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.products-slider__item{
    position: relative;
    transition: all 0.2s ease 0s;
    height: initial;
}

.slider-product__image{
    height: 400px;
    background: #F8F9FA;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 55px;
}

.slider-product__wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.slider-product__bottom{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
}

.slider-product__image img{
    width: 100%;
    max-height: 100%;
}


.slider-product__info{
    padding: 20px 20px 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.slider-product__price{
    margin: 15px 20px 0 20px;
    font-size: 28px;
    line-height: 1.1;
}

.slider-product__link{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    width: 100%;
    height: 40px;
    font-size: 16px;
    gap: 10px;
    border: 1px solid #DCDCDC;
    margin-top: 20px;
}

.slider-product__link span{
    color: #8A8A8A;
    line-height: 1.2;
    transition: all 0.2s ease 0s;
}

.slider-product__name{
    font-size: 22px;
    line-height: 1;
}

.slider-product__desc{
    font-size: 14px;
    line-height: 1.3;
}

.products-slider__item:hover{
    box-shadow: 0px 0px 20px rgba(65, 86, 143, 0.15);
}

.products-slider__item:hover .slider-product__link{
    background: #6B85C9;
}

.products-slider__item:hover .slider-product__link span{
    color: #FFF;
}

.products-slider__item:hover .slider-product__link svg path{
    stroke: white;
}

.products-slider__swiper{
    padding: 10px;
    margin-top: 50px;
    overflow: hidden;
}

.products-slider__arrows-prev.swiper-button-disabled{
    opacity: 0.3;
    cursor: default;
}

.products-slider__arrows-next.swiper-button-disabled{
    opacity: 0.3;
    cursor: default;
}

.products-slider__all{
    width: calc(100% - 20px);
    margin-top: 30px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DCDCDC;
    height: 49px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.2;
    transition: all 0.2s ease 0s;
    color: #6B85C9;
}

.products-slider__all:hover{
    background: #5C80DD;
    border-color: #5C80DD;
    color: #FFF
}

@media(max-width: 1200px) {
    .slider-product__image{
        height: 300px;
    }

    .slider-product__image img{
        width: initial;
    }
}

@media(max-width: 991px) {
    .products-slider{
        margin-top: 80px;
    }

    .products-slider__top h2{
        font-size: 30px;
    }

    .products-slider__arrows-prev{
        width: 45px;
        height: 45px;
    }

    .products-slider__arrows-next{
        width: 45px;
        height: 45px;
    }

    .products-slider__swiper{
        margin-top: 30px;
        padding: 0;
    }

    .slider-product__name{
        font-size: 20px;
    }

    .slider-product__price{
        font-size: 22px;
        margin: 10px 15px 0 15px;
    }

    .slider-product__info{
        padding: 15px 15px 0 15px;
    }

    .products-slider__all{
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
}

@media(max-width: 768px) {
    .products-slider__swiper{
        position: relative;
        width: calc(100% + 40px);
        left: -20px;
    }
}



.memorial {
    margin-top: 120px;
    padding-bottom: 26px;
}

.memorial__container {
}

.memorial__title {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.memorial-card__title{
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
}

.memorial__desktop {
    display: block;
    margin-top: 50px;
}

.memorial__mobile {
    display: none;
}

.memorial__scheme {
    position: relative;
    height: 645px;
}

.memorial__image {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 720px;
    height: auto;
    transform: translateX(-50%);
    z-index: 1;
}

.memorial__lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    overflow: visible;
}

.memorial__lines polyline {
    fill: none;
    stroke: #7495e6;
    stroke-width: 1.3;
}

.memorial__lines circle {
    fill: #7495e6;
}

.memorial__lines circle:nth-child(3) {
    stroke: #fff;
    stroke-width: 1.5;
}

.memorial__lines circle:nth-child(6) {
    stroke: #fff;
    stroke-width: 1.5;
}

.memorial__lines circle:nth-child(9) {
    stroke: #fff;
    stroke-width: 1.5;
}

.memorial__lines circle:nth-child(12) {
    stroke: #fff;
    stroke-width: 1.5;
}

.memorial__lines circle:nth-child(15) {
    stroke: #fff;
    stroke-width: 1.5;
}

.memorial__lines circle:nth-child(18) {
    stroke: #fff;
    stroke-width: 1.5;
}

.memorial-card {
    position: absolute;
    z-index: 3;
    width: 250px;
}

.memorial-card h3 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.05;
    font-weight: 400;
    color: #353941;
}

.memorial-card p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -1%;
}

.memorial-card--decor {
    top: 45px;
    left: 0;
}

.memorial-card--plate {
    top: 292px;
    left: 0;
}

.memorial-card--fence {
    top: 517px;
    left: 0;
}

.memorial-card--stela {
    top: 88px;
    right: 0;
}

.memorial-card--flower {
    top: 313px;
    right: 0;
}

.memorial-card--service {
    top: 538px;
    right: 0;
}

.memorial-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border: 1px solid #DCDCDC;
    color: #8A8A8A;
    font-size: 16px;
    transition: 0.2s ease;
    margin-top: 20px;
    font-family: OpenSansRegular;
    gap: 10px;
    padding: 10px 24px;
    width: 100%
}

.memorial-btn span {
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
}

.memorial-btn:hover {
    opacity: 0.85;
}

.memorial-btn--light {
    border-color: #e0e0e0;
    background: #fff;
    color: #96989c;
    transition: all 0.2s ease 0s;
}

.memorial-btn--light:hover{
    background: #5C80DD;
    color: #FFF;
}

.memorial-btn--light:hover svg path{
    stroke: #FFF;
}

/* =========================
   Mobile
========================= */

.memorial-mobile-image {
    position: relative;
    margin: 0 0 50px;
}

.memorial-mobile-image__pic {
    display: block;
    width: 100%;
    height: auto;
}

.memorial-point {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #7696e3;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    z-index: 2;
}

.memorial-point--1 {
    top: 27%;
    left: 40%;
}

.memorial-point--2 {
    top: 25px;
    left: 60%;
}

.memorial-point--3 {
    top: 47%;
    left: 39%;
}

.memorial-point--4 {
    top: 64%;
    left: 53%;
}

.memorial-point--5 {
    top: 72%;
    left: 4%;
}

.memorial-point--6 {
    right: 22%;
    bottom: 10%;
}

.memorial-accordion {
    border-bottom: 1px solid #e6e9f0;
}

.memorial-accordion__item {
    border-top: 1px solid #e6e9f0;
}

.memorial-accordion__item:first-child {
    border-top: 0;
}

.memorial-accordion__head {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 70px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    color: #363941;
}

.memorial-accordion__num {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 12px;
    border-radius: 50%;
    background: #7B96E1;
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

.memorial-accordion__title {
    flex: 1 1 auto;
    font-size: 20px;
    line-height: 1.2;
}

.memorial-accordion__arrow {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: 12px;
}

.memorial-accordion__arrow::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #8e9298;
    border-bottom: 1px solid #8e9298;
    transform: rotate(45deg);
    transition: transform 0.25s ease, top 0.25s ease;
}

.memorial-accordion__body {
    padding-left: 40px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
            max-height 0.35s ease,
            opacity 0.25s ease,
            padding-bottom 0.35s ease;
}

.memorial-accordion__body p {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.3;
}

.memorial-accordion__item.is-open .memorial-accordion__body {
    max-height: 180px;
    opacity: 1;
    padding-bottom: 13px;
}

.memorial-accordion__item.is-open .memorial-accordion__arrow::before {
    top: 6px;
    transform: rotate(225deg);
}

.memorial-btn--mobile {
    width: 220px;
    height: 32px;
}


@media (max-width: 1350px) {
    .memorial-card{
        width: 220px;
    }

    .memorial-btn{
        width: max-content;
    }
}

@media (max-width: 1230px) {
    .memorial__image{
        position: static;
        width: 100%;
        transform: translate(0, 0);
    }

    .memorial-card{
        position: static;
        width: 100%;
    }

    .memorial-card__title br{
        display: none;
    }

    .memorial__desktop{
        display: none;
    }

    .memorial__mobile{
        display: block;
    }

    .memorial-btn{
        margin-top: 15px;
        width: 100%;
        font-size: 16px;
        height: 40px;
    }
}

@media(max-width: 991px) {
    .memorial{
        margin-top: 80px;
    }

    .memorial__title{
        font-size: 30px;
    }

    .memorial__mobile{
        margin-top: 45px;
    }
}

@media(max-width: 600px) {
    .memorial-point--1{
        left: 38%;
    }

    .memorial-point--2{
        top: 10px;
        left: 57%;
    }

    .memorial-point--4{
        top: 60%;
        left: 53%;
    }

    .memorial-point--5{
        left: 3%;
    }

    .memorial-point--6{
        right: 19%;
    }
}

.feedback{
    margin-top: 120px;
}

.feedback__body{
    display: flex;
    gap: 90px
}

.feedback__image{
    flex: 0 0 580px
}

.feedback__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feedback__title{
    font-size: 48px;
    line-height: 1;
}

.feedback__subtitle{
    margin-top: 30px;
    line-height: 1.3;
    font-size: 18px;
}

.feedback__form{
    margin-top: 30px;
}

.feedback__field input::placeholder{
    color: #8A8A8A;
}

.feedback__field input{
    height: 53px;
    padding: 0 10px;
    font-family: OpenSansLight;
    font-size: 18px;
    line-height: 1.3;
    border: none;
    border-bottom: 1px solid #8A8A8A;
    outline: none;
    width: 100%;
    margin-top: 20px;
    transition: all 0.2s ease 0s;
}

.feedback__field._error input::placeholder{
    color: #D01F1F
}

.feedback__politic{
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px
}

.feedback__politic._error .checkbox-label{
    color: #D01F1F
}

.feedback__politic._error .checkbox-label a{
    color: #D01F1F
}

.feedback__politic._error input{
    border-color: #D01F1F
}

.feedback__politic label a{
    color: #6b85c9
}

.feedback__politic input{
    width: 18px;
    height: 18px;
    border: 1px solid #8A8A8A ;
}

.feedback__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer;
    height: 49px;
    color: #ffffff;
    background: #7B96E1;
    transition: all 0.2s ease 0s;
}

.feedback__btn:hover{
    background: #5C80DD;
    color: #FFF;
}

@media(max-width: 1200px) {
    .feedback__image{
        flex: 0 0 400px
    }
}

@media(max-width: 991px) {
    .feedback__image{
        flex: 0 0 400px
    }

    .feedback{
        margin-top: 80px;
    }

    .feedback__body{
        flex-direction: column;
        gap: 30px
    }

    .feedback__title{
        font-size: 30px;
    }

    .feedback__subtitle{
        margin-top: 20px;
    }

    .feedback__form{
        margin-top: 10px;
    }

    .feedback__field input{
        margin-top: 20px;
    }

    .feedback__politic{
        margin-top: 20px;
    }

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

.map{
    margin-top: 120px;
}

.map__contacts{
    display: flex;
    margin-top: 50px;
}

.map__contacts-address{
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.map__contacts-field{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.map__contacts-field span{
    font-size: 14px;
    line-height: 1.3;
}

.map__contacts-field a{
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -2%;
}

.map__contacts-field p{
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -2%;
}

.map__contacts-phone{
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.map__contacts-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.2;
    color: #8A8A8A;
    border: 1px solid #DCDCDC;
    width: 100%;
    max-width: 410px;
    height: 49px;
}

.map__contacts-btn:hover{
    background: #5C80DD;
    border-color: #5C80DD;
    color: #FFF;
}

.map__contacts-btn._blue{
    border: none;
    color: #ffffff;
    background: #7B96E1;
    height: 51px;
}

.map__contacts-btn._blue:hover{
    background: #5C80DD;
}

.map__contacts-phone .map__contacts-btn{
    margin-top: 29px;
}

.map__body{
    height: 400px;
    width: 100%;
    margin-top: 50px;
}

@media(max-width: 991px) {
    .map__contacts{
        flex-direction: column;
        row-gap: 30px;
    }

    .map__contacts-btn{
        max-width: 100%;
    }
}

@media(max-width: 768px) {
    .map__contacts{
        flex-direction: column;
        row-gap: 30px;
    }

    .map{
        margin-top: 80px;
    }

    .map__contacts{
        margin-top: 30px;
    }

    .map__contacts-field p{
        font-size: 22px;
    }

    .map__contacts-field{
        row-gap: 10px;
    }

    .map__contacts-field a{
        font-size: 22px;
    }

    .map__contacts-phone .map__contacts-btn{
        margin-top: 0;
    }

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

h2{
    font-size: 48px;
    line-height: 100%;
    font-family: OpenSansMedium;
}

.reviews{
    margin-top: 120px;
}

.reviews__swiper{
    margin-top: 50px;
    overflow: hidden;
}

.reviews__swiper .swiper-wrapper .reviews__item{
    max-width: none;
    flex: none;
}

.reviews__item-wrapper{
    background: #F8F9FA;
    padding: 30px 20px;
}

.reviews__item-name{
    font-size: 18px;
    line-height: 1.3;
}

.reviews__item-rating{
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
}

.reviews__item-description{
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.3;
}

.reviews__item-date{
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.3;
}

@media(max-width: 768px) {
    .reviews__swiper{
        margin-top: 30px;
    }

    .reviews__swiper{
        width: calc(100% + 20px);
    }

    .reviews{
        margin-top: 80px;
    }
}

.podbor{
    margin-top: 120px;
}

.podbor__body{
    display: flex;
    gap: 125px;
}

.podbor__body-title{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.podbor__body-subtitle{
    margin-top: 30px;
    font-size: 18px;
    letter-spacing: -1%;
    line-height: 1.3;
}

.podbor__body-btn{
    font-size: 16px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 485px;
    margin-top: 50px;
    cursor: pointer;
    background: #7B96E1;
    height: 49px;
    color: #FFF;
    transition: all 0.2s ease 0s;
}

.podbor__body-btn:hover{
    background: #5C80DD;
    color: #FFF;
}

.podbor__body-left{
    max-width: 485px;
}

.podbor__wrapper{
    background: url("/local/templates/leadbro/assets/css/../img/podbor-bf-1.png") no-repeat;
    background-color: #F8F9FA;
    background-position: right center;
    padding: 100px 0;
    min-height: 542px;
}

.podbor__steps{
    position: relative;
}

.podbor__steps-wrapper{
    display: flex;
    column-gap: 185px;
}

.podbor__steps-left{
    flex: 0 0 486px
}

.podbor__steps-right{
    flex: 1 1 auto;
}

.podbor__steps-title{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.podbor__steps-subtitle{
    font-size: 14px;
    line-height: 1.3;
    margin-top: 30px;
}

.podbor__steps-progress{
    margin-top: 30px;
    line-height: 1;
    font-size: 28px;
}

.steps-progress__number span{
    color: #7B96E1;
    font-size: 48px;
    line-height: 1;
}

.steps-progress__line{
    margin-top: 20px;
    width: 100%;
    height: 5px;
    background: #DCDCDC;
}

.podbor__steps-progress{
}

.podbor__steps-btns{
    margin-top: 50px;
    display: flex;
    gap: 18px
}

.podbor__steps-back{
    transition: all 0.2s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 148px;
    height: 48px;
    border: 1px solid #DCDCDC;
    cursor: pointer;
}

.podbor__steps-back:hover{
    background: #5C80DD;
    border-color: #5C80DD;
}

.podbor__steps-back:hover svg path{
    stroke: #FFF;
}

.podbor__steps-next{
    flex: 1 1 auto;
    transition: all 0.2s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 148px;
    height: 48px;
    border: 1px solid #7B96E1;
    cursor: pointer;
    background: #7B96E1;
    gap: 10px
}

.podbor__steps-next span{
    color: #FFF;
    line-height: 1.2;
    font-size: 16px;
    transition: all 0.2s ease 0s;
}

.podbor__steps-next:hover{
    background: #5C80DD;
}

._step1 .podbor__steps-options{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 100px;
}

._step1 .podbor__steps-option{
    font-size: 18px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 45%;
    max-width: calc(50% - 9px);
    border: 1px solid #DCDCDC;
    height: 51px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

._step1 .podbor__steps-option:hover{
background: #5C80DD;
    border-color: #5C80DD;
    color: #FFF;
}


._step4 .podbor__steps-option:hover{
    background: #5C80DD;
    border-color: #5C80DD;
    color: #FFF;
}

._step2 .podbor__steps-options{
    display: flex;
    justify-content: space-between;
    margin-top: 96px;
}

._step2 .podbor__steps-option{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}

._step2 .podbor__steps-option:hover span{
    color: #7B96E1;
}

._step2 .podbor__steps-option span{
    font-size: 18px;
    line-height: 1.3;
    transition: all 0.2s ease 0s;
}


._step3 .podbor__steps-options{
    display: flex;
    margin-top: 96px;
    justify-content: space-between;
}

.podbor__steps-politic .checkbox-label a{
    color: #7b96e1;
}

._step3 .podbor__steps-option{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}

._step3 .podbor__steps-option:hover span{
    color: #7B96E1
}

._step3 .podbor__steps-option span{
    font-size: 18px;
    line-height: 1.3;
    transition: all 0.2s ease 0s;
}

._step4 .podbor__steps-options{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 100px;
}

._step4 .podbor__steps-option{
    font-size: 18px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 45%;
    max-width: calc(50% - 9px);
    border: 1px solid #DCDCDC;
    height: 51px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.podbor__steps-wrapper._complete .podbor__steps-subtitle{
    font-size: 18px;
}

.podbor__steps-field input::placeholder{
    color: #8A8A8A;
}

.podbor__steps-field input{
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #8A8A8A;
    padding: 0 10px;
    font-size: 22px;
    line-height: 1;
    background: #F8F9FA;
    font-family: OpenSansLight;
}

.podbor__steps-form{
    display: flex;
    flex-direction: column;
    gap: 20px
}

.checkbox-input {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #E6EBF8;
    background-color: #FFF;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0;
}

.checkbox-input:checked{
    background-color: #7B96E1;
    border-color: #7B96E1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.checkbox-item{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.checkbox-item label{
    font-family: OpenSansLight;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.2s ease 0s;
}

.checkbox-item label a{
    transition: all 0.2s ease 0s;
}

.checkbox-item:hover .checkbox-input{
    border-color: #6B85C9;
}

.checkbox-item input{
    transition: all 0.2s ease 0s;
}

.podbor__steps-confirm{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 1.2;
    background: #7B96E1;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    height: 50px;
    width: 100%;
    margin-top: 40px;
}

.podbor__steps-confirm:hover{
    background: #5C80DD;
}

.podbor__steps-wrapper{
    top: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    position: absolute;
    width: 100%;
}

.podbor__steps-wrapper._hidden{
    display: none;
}

.podbor__steps-wrapper._active{
    position: static;
    visibility: visible;
    opacity: 1;
}

.podbor._podbor-started .podbor__body{
    display: none;
}

.podbor._podbor-started .podbor__wrapper{
    background-image: none;
}

.podbor__body-img{
    display: none;
}

@media(max-width: 1350px) {
    .podbor__wrapper{
        background-size: 500px;
    }
}

@media(max-width: 991px) {
    .podbor__wrapper{
        padding-top: 80px;
        padding-bottom: 80px;
        background-image: none;
        min-height: 0;
    }

    .podbor__body-left{
        max-width: 100%;
    }

    .podbor__body-btn{
        max-width: 100%;
    }

    .podbor__body{
        flex-direction: column;
        gap: 50px
    }

    .podbor__body-img{
        display: flex;
        justify-content: center;
    }

    .podbor__steps-wrapper{
        flex-direction: column;
    }

    .podbor__steps-title br{
        display: none;
    }
}

@media(max-width: 768px) {
    .podbor__body-img img{
        width: 100%;
    }

    .podbor__wrapper{
        padding-top: 80px;
        padding-bottom: 80px;
        background-image: none;
        min-height: 0;
    }

    .podbor__body-title{
        font-size: 30px;
    }

    .podbor__body-subtitle{
        margin-top: 20px;
    }

    .podbor__body-btn{
        margin-top: 30px;
    }

    .podbor__steps-title{
        font-size: 30px;
    }

    .podbor__steps-subtitle{
        margin-top: 15px;
        font-size: 14px;
    }

    ._step1 .podbor__steps-options{
        margin-top: 30px;
        flex-direction: column;
        gap: 15px
    }

    ._step1 .podbor__steps-option{
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .podbor__steps-progress{
        margin-top: 45px;
    }

    .steps-progress__number{
        font-size: 22px;
        text-align: center;
    }

    .steps-progress__number span{
        font-size: 30px;
    }

    .podbor__steps-btns{
        margin-top: 20px;
        gap: 15px
    }

    .podbor__steps-back{
        width: 78px;
    }

    .podbor{
        margin-top: 80px;
    }

    ._step2 .podbor__steps-options{
        padding: 0 30px;
        flex-wrap: wrap;
        column-gap: 40px;
        row-gap: 30px;
        margin-top: 30px;
    }

    ._step2 .podbor__steps-option img{
        width: 50px;
        height: 50px;
    }

    ._step2 .podbor__steps-option{
        gap: 10px
    }

    ._step3 .podbor__steps-option img{
        height: 50px;
    }

    ._step3 .podbor__steps-option{
        gap: 10px
    }

    ._step3 .podbor__steps-options{
        margin-top: 30px;
        flex-wrap: wrap;
        padding: 0 30px;
        column-gap: 40px;
        row-gap: 30px;
        justify-content: center;
    }

    ._step4 .podbor__steps-options{
        margin-top: 30px;
        flex-direction: column;
        gap: 15px
    }

    ._step4 .podbor__steps-option{
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .podbor__steps-wrapper._complete .podbor__steps-subtitle{
        font-size: 14px;
        margin-bottom: 20px;
    }

    .podbor__steps-field input{
        font-size: 18px;
    }

    .checkbox-item{
        margin-top: 20px;
    }

    .checkbox-input{
        min-width: 18px;
    }

    .podbor__steps-confirm{
        margin-top: 30px;
    }

    ._complete .podbor__steps-back{
        width: 100%;
    }

    ._complete .podbor__steps-btns{
        margin-top: 15px;
    }
}

.advantages{
    margin-top: 120px;
}

.advantages__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 50px;
}

.advantages__item{
    display: flex;
    gap: 25px;
    background: #F8F9FA;
    flex: 1 1 31%;
    padding: 50px 20px;
}

.advantages__item-name{
    font-size: 22px;
    letter-spacing: -2%;
    line-height: 1;
}

@media(max-width: 1100px) {
    .advantages__item{
        flex: 1 1 45%;
        max-width: calc(50% - 9px);
    }
}

@media(max-width: 768px) {
    .advantages{
        margin-top: 80px;
    }

    .advantages__body{
        gap: 10px;
        margin-top: 30px;
    }

    .advantages__item{
        flex: 1 1 100%;
        max-width: 100%;
        padding: 20px 15px;
    }

    .advantages__item-name{
        font-size: 20px;
    }
}

.portfolio{
    margin-top: 120px;
}

.portfolio__swiper{
    overflow: hidden;
    margin-top: 50px;
}

.portfolio .products-slider__all{
    width: 100%;
    margin-left: 0;
}

.portfolio__item img{
    width: 100%;
}

@media(max-width: 768px) {
    .portfolio__swiper{
        width: calc(100% + 20px);
        margin-top: 30px;
    }

    .products-slider__top h2{
        max-width: 210px;
    }
}

.about{
    margin-top: 120px;
}

.about__body{
    display: flex;
    column-gap: 90px;
    margin-top: 50px;
}

.about__name{
    font-size: 28px;
    line-height: 1.1;
}

.about__description{
    margin-top: 30px;
    line-height: 1.3;
    font-size: 16px;
}

section h2{
}

.about__btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    line-height: 1.2;
    color: #6B85C9;
    margin-top: 50px;
    border: 1px solid #DCDCDC;
    height: 48px;
    cursor: pointer;
}

.about__btn:hover{
    background: #5C80DD;
}

@media(max-width: 991px) {
    .about__body{
        flex-direction: column;
    }

    .about__body{
        margin-top: 30px;
    }

    .about__body{
        position: relative;
        padding-bottom: 70px;
    }

    .about__right{
        width: 100%;
        margin-top: 30px;
    }

    .about__right img{
        width: 100%;
    }

    .about__btn{
        position: absolute;
        bottom: 0;
    }
}

@media(max-width: 768px) {
    .about{
        margin-top: 80px;
    }

    .about__name{
        font-size: 22px;
    }

    .about__description{
        margin-top: 20px;
        font-size: 16px;
    }
}

.faq{
    margin-top: 120px;
}

.faq__body{
    display: flex;
    margin-top: 50px;
    column-gap: 74px;
}

.faq__feedback{
    flex: 0 0 439px
}

.faq__feedback-title{
    font-size: 22px;
    line-height: 1;
}

.faq__feedback-subtitle{
    font-size: 18px;
    line-height: 1.3;
    margin-top: 20px;
}

.faq__feedback-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    line-height: 1.2;
    color: #FFFFFF;
    background: #7B96E1;
    border: 1px solid #DCDCDC;
    height: 48px;
    cursor: pointer;
    margin-top: 30px;
}

.faq__feedback-btn:hover{
    color: #FFF;
    background:  #5C80DD;
}

.faq__content{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.faq__item{
    background: #F8F9FA;
    transition: all 0.2s ease 0s;
}

.faq__item:hover{
    background: #E6EBF8;
}

.faq__item._opened{
    background: #E6EBF8;
}

.faq__item-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 20px;
    cursor: pointer;
}

.faq__item-body{
    overflow: hidden;
    transition: all 0.2s ease 0s;
    max-height: 0;
}

.faq__feedback-wrapper{
    position: sticky;
    top: 10px;
}

.faq__item-wrapper{
    padding: 5px 20px 15px 20px;
}

.faq__item-wrapper p{
    max-width: 650px;
    font-size: 16px;
    line-height: 1.3;
    font-family: OpenSansLight;
}

.faq__item-head span{
    font-size: 22px;
    line-height: 1;
}

.faq__item-head svg{
    transition: all 0.2s ease 0s;
}

.faq__item._opened .faq__item-head svg{
    transform: scaleY(-1);
}

@media(max-width: 991px) {
    .faq__body{
        flex-direction: column;
        row-gap: 50px;
    }

    .faq__feedback{
        flex: none
    }
}

@media(max-width: 768px) {
    .faq{
        margin-top: 80px;
    }

    .faq__body{
        margin-top: 30px;
    }

    .faq__item-head{
        padding: 20px 15px;
    }

    .faq__item-head span{
        font-size: 20px;
    }

    .faq__item-wrapper{
        padding: 0 15px 15px 15px;
    }

    .faq__item-head svg{
        width: 15px;
        height: 8px;
    }

    .faq__feedback-title{
        font-size: 20px;
    }

    .faq__feedback-subtitle{
        margin-top: 15px;
    }
}

/* main page end */


/* footer start */

.footer__top{
    display: flex;
    gap: 85px
}

.footer-right__mail{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.footer-right__mail span{
    color: #f8f9fa;
    line-height: 1.3;
    font-size: 14px;
}

.footer-right__mail a{
    font-size: 22px;
    line-height: 1;
    font-family: OpenSansRegular;
    color: #F8F9FA;
}

.footer-right__social{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 30px;
}

.footer-right__social span{
    color: #f8f9fa;
    line-height: 1.3;
    font-size: 14px;
}

.footer-right__social div{
    display: flex;
    align-items: center;
    gap: 20px
}


.footer-right__payments{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 30px;
}

.footer-right__payments span{
    color: #f8f9fa;
    line-height: 1.3;
    font-size: 14px;
}

.footer-right__payments div{
    display: flex;
    align-items: center;
    gap: 20px
}

.footer-right__oferta{
    margin-top: 30px;
    color: #f8f9fa;
    line-height: 1.3;
    font-size: 14px;
}

.footer__logo{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    justify-content: center;
}

.footer__logo span{
    font-size: 14px;
    line-height: 1.3;
    color: #f8f9fa;
}

.footer__address{
    margin-top: 22px;
}

.footer__address p{
    font-size: 22px;
    line-height: 1;
    color: #F8F9FA;
    margin: 5px 0 15px 0;
}

.footer__address span{
    color: #f8f9fa;
    line-height: 1.3;
    font-size: 14px;
}

.footer-left__top{
    display: flex;
    justify-content: space-between;
}

.footer__top-left{
    flex: 1 1 auto;
}

.footer__top-right{
    flex: 0 0 310px;
    margin-top: 22px;
}

.footer__wrapper{
    background: #41568F;
    padding: 50px 20px 30px 20px;
}

.footer__callback{
    display: flex;
    flex-direction: column;
    margin-top: 22px;
}

.footer__callback span{
    color: #f8f9fa;
    line-height: 1.3;
    font-size: 14px;
}

.footer__callback a{
    font-size: 22px;
    line-height: 1;
    color: #F8F9FA;
    margin: 5px 0 28px 0;
}

.footer__callback-btn{
    transition: all 0.2s ease 0s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 49px;
    background: #7B96E1;
    color: #ffffff;
    line-height: 1.2;
    font-size: 16px;
}

.footer__callback-btn:hover{
    background: #E6EBF8;
    color: #6B85C9;
}

.footer{
    margin-top: 120px;
}

.footer-left__bottom{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.footer-left__column{
}

.footer-left__column span{
    font-size: 14px;
    line-height: 1.3;
    color: #f8f9fa;
}

.footer-left__column:first-child{
    margin-right: 75px;
}

.footer-left__menu{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    margin-top: 10px;
}

.footer-left__menu a{
    font-size: 15px;
    line-height: 1.3;
    color: #f8f9fa;
}

.footer__bottom{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__bottom-left{
    display: flex;
    align-items: center;
    gap: 52px
}

.footer__bottom-copyright{
    color: #f8f9fa;
    font-size: 14px;
    line-height: 1.3;
}

.footer__bottom-left a{
    color: #f8f9fa;
    font-size: 14px;
    line-height: 1.3;
}

.footer__bottom-right{
    display: flex;
    align-items: center;
}

.footer__bottom-right span{
    color: #f8f9fa;
    font-size: 14px;
    line-height: 1.3;
}

.footer__bottom-dev{
    display: flex;
    gap: 10px
}

.footer__bottom-dev span{
    width: 140px;
    display: block;
}

.footer__bottom-up{
    transition: all 0.2s ease 0s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #7b96e1;
    background: #7B96E1;
    margin-left: 30px;
}

.footer__bottom-up:hover{
    background: #E6EBF8;
}

.footer__bottom-up:hover svg path{
    stroke: #6B85C9;
}

.acc-title svg{
    display: none;
}

@media(max-width: 1250px) {
    .footer-left__bottom{
        flex-wrap: wrap;
        gap: 20px
    }

    .footer-left__column:first-child{
        margin-right: 0;
    }

    .footer-left__column{
        flex: 1 1 45%;
    }

    .footer-left__top{
        flex-wrap: wrap;
        gap: 20px
    }
}

@media(max-width: 991px) {
    .footer-left__top{
        flex-direction: column;
        gap: 0;
    }

    .footer__top{
        flex-direction: column;
    }

    .footer__logo{
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 25px
    }

    .footer__logo img{
        height: 90px;
    }

    .footer__address{
        margin-top: 30px;
        width: 100%;
    }

    .footer__address br{
        display: none;
    }

    .footer__address p{
        font-size: 19px;
    }

    .footer__callback{
        margin-top: 30px;
    }

    .footer__callback a{
        font-size: 19px;
        margin-bottom: 15px;
    }

    .footer__callback-btn{
        width: 100%;
    }

    .acc-title svg{
        display: block;
    }

    .footer-left__column:first-child{
        border-top: 1px solid #DCDCDC;
    }

    .footer-left__column svg{
        transition: all 0.2s ease 0s;
    }

    .footer-left__column._opened svg{
        transform: scaleY(-1);
    }

    .footer-left__column{
        border-bottom: 1px solid #DCDCDC;
        position: relative;
        width: calc(100% + 30px);
        left: -15px;
        padding: 0 15px;
    }

    .footer-left__menu a:last-child{
        padding-bottom: 20px;
    }

    .footer__container{
        padding: 0 !important;
    }

    .footer-left__column .acc-title{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 70px;
    }

    .footer-left__menu{
        max-height: 0;
        overflow: hidden;
        transition: all 0.2s ease 0s;
        margin-top: 0;
    }

    .footer-left__bottom{
        flex-direction: column;
        gap: 0;
    }

    .footer__wrapper{
        padding: 20px 15px 75px 15px;
    }

    .footer-right__mail{
        margin-top: 30px;
    }

    .footer-right__mail a{
        font-size: 19px;
    }

    .footer-right__social div{
        justify-content: space-between;
        margin-top: 10px;
    }

    .footer-right__social div a svg{
        height: 40px;
        width: 40px;
    }

    .footer-left__column span{
        font-size: 20px;
    }

    .footer-left__menu{
        row-gap: 15px;
    }

    .footer-left__menu a{
        font-size: 18px;
    }

    .footer__top{
        gap: 0
    }

    .footer__top-right{
        flex: 1 1 100%;
        margin-top: 0;
    }

    .footer-right__payments div{
        margin-top: 10px;
        justify-content: space-between;
    }

    .footer__bottom{
        flex-direction: column;
        align-items: flex-start;
        gap: 30px
    }

    .footer__bottom-left{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
    }

    .footer__bottom-right{
        justify-content: space-between;
        width: 100%;
    }
}

/* footer end */

/* catalog page start */

.catalog._page{
    margin-top: 30px;
}

.catalog._page .catalog__title{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
    font-family: OpenSansMedium;
}

.breadcrumbs{
    margin-top: 30px;
}

.breadcrumbs__item{
    width: max-content;
}

.breadcrumbs__item a{
    color: #8A8A8A;
}

.catalog._page .catalog__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 50px;
}

.catalog__block{
    flex: 1 1 31%;
    max-width: 33%;
}

.catalog__block-wrapper{
    background: #F8F9FA;
    padding: 30px 0 20px 0;
    height: 100%;
}

.catalog__block-title{
    font-family: OpenSansMedium;
    font-size: 28px;
    letter-spacing: -2%;
    padding: 0 20px;
}

.catalog__block-items{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.catalog__block-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease 0s;
    padding: 10px 20px;
    height: initial;
}

.catalog__block-item:hover{
    background: #E6EBF8;
}

.catalog__block-item:not(:last-child){
    border-bottom: 1px solid #E6EBF8;
}

.catalog__block-item:not(:first-child){
}

.catalog__block-item:first-child{
}

.catalog__block-item span{
    font-size: 22px;
    font-family: OpenSansRegular;
    letter-spacing: -2%;
}

.catalog__block-content{
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.catalog__block._big{
    min-width: 100%;
}

.catalog__block._big .catalog__block-items{
    flex: 1 1 31%;
}

.seo-text{
    margin-top: 120px;
}

.seo-text__body{
    max-width: 820px;
    max-height: 120px;
    overflow: hidden;
    transition: all 0.2s ease 0s;
}

.seo-text__body h2{
    font-size: 28px;
    font-family: OpenSansMedium;
    font-size: 28px;
    letter-spacing: -2%;
}

.seo-text__body p{
    margin-top: 30px;
    font-size: 16px;
    letter-spacing: -1%;
    line-height: 1.3;
}

.seo-text__show{
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
    cursor: pointer;
}

.seo-text__show svg{
    transition: all 0.2s ease 0s;
}

.seo-text__show span{
    font-family: OpenSansMedium;
    font-size: 16px;
    line-height: 1.3;
    color: #0B0D0D;
}

.seo-text__show._opened svg{
    transform: scaleY(-1);
}

/* catalog page end */

/* product page start */


.product__body{
    display: flex;
    margin-top: 30px;
    gap: 100px
}

.product__image{
    flex: 0 0 570px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F9FA;
    padding: 0 110px;
}

.product__image img{
    height: max-content;
    max-width: 100%;
}

.product__right{
    flex: 1 1 auto
}

.product__right-name{
    font-family: OpenSansMedium;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -2%;
}

.product__right-info{
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}

.product__right-sold{
    position: relative;
    color: #6B85C9;
    font-size: 15px;
    line-height: 1.3;
    width: max-content;
    margin-right: 32px;
}

.product__right-sold::after{
    content: '';
    width: 100%;
    height: 1px;
    background: #6B85C9;
    position: absolute;
    left: 0;
    bottom: 0;
}

.product__right-favorite{
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.product__right-favorite span{
    transition: all 0.2s ease 0s;
    font-size: 14px;
    line-height: 1.3;
}

.product__right-favorite svg path{
    transition: all 0.2s ease 0s;
}

.product__right-favorite:hover svg path{
    stroke: #6B85C9;
}

.product__right-favorite:hover span{
    color: #6B85C9;
}

.product__right-info__left{
    display: flex;
}

.product__prices{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.product__prices-main{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
    font-family: OpenSansSemiBold;
}

.product__prices-parts{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    background: linear-gradient(271.73deg, #D4E0FF 0%, #F2F5FF 61.06%);
}

.product__prices-parts-left{
    display: flex;
    flex-direction: column;
    margin-right: 15px;
}

.product__prices-parts-left p{
    color: #41568F;
    font-family: OpenSansSemiBold;
    font-size: 28px;
    line-height: 1.1;
}

.product__prices-parts-left span{
    color: #41568F;
    font-family: OpenSansMedium;
    line-height: 1.3;
    font-size: 16px;
}

.product__prices-parts-right{
    color: #41568F;
    font-size: 14px;
    line-height: 1.3;
    font-family: OpenSansRegular;
    padding-left: 15px;
}

.product__prices-parts-right{
    border-left: 1px solid #7B96E1;
}

.product__options{
    margin-top: 23px;
}

.product__options-item{
    display: flex;
    padding: 13px 0;
    gap: 20px;
    border-top: 1px solid #E6EBF8;
}

.options-item__name{
    flex: 0 0 200px;
    font-family: OpenSansMedium;
    font-size: 16px;
    line-height: 1.3;
}

.options-item__name span{
    font-family: OpenSansLight;
    font-size: 14px;
    line-height: 1.3;
}

.options-item__select{
    position: relative;
    width: 100%;
    max-width: 340px;
}

.options-item__select-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
    border: 1px solid #E6EBF8;
    cursor: pointer;
    background: #FFF;
}

.options-item__select-head span{
    font-size: 18px;
    line-height: 1.3;
    font-family: OpenSansRegular;
}

.options-item__select-body{
    max-height: 0;
    transition: all 0.2s ease 0s;
    overflow: auto;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 34px;
    background: #FFFFFF;
    border: 1px solid #E6EBF8;
    z-index: -1 ;
}

.options-item__select._big .options-item__select-body{
    top: 50px;
}

.options-item__select-variant{
    cursor: pointer;
    transition: all 0.2s ease 0s;
    font-family: OpenSansRegular;
    font-size: 18px;
    line-height: 1.3;
    padding: 5px 15px;
}

.options-item__select-variant:hover{
    background: #E6EBF8;
}

.options-item__select-head svg{
    transition: all 0.2s ease 0s;
}

._select._opened .options-item__select-head svg{
    transform: scaleY(-1);
}

._select._opened .options-item__select-body{
    z-index: 10 ;
}

.options-item__values{
    flex: 1 1 auto;
}

.options-item__help{
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease 0s;
}

.options-item__help:hover span{
    color: #6B85C9;
}

.options-item__help:hover svg path{
    stroke : #6B85C9;
}

.options-item__help span{
    color: #8A8A8A;
    font-size: 13px;
    line-height: 1.3;
}

.options-item__tags{
    display: flex;
    gap: 5px
}

.options-item__tag{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1.3;
    font-family: OpenSansRegular;
    padding: 5px 15px;
    border: 1px solid #E6EBF8;
    transition: all 0.2s ease 0s;
}

.options-item__tag:hover{
    background: #6B85C9;
    color: #FFF
}

.options-item__tag._active{
    background: #6B85C9;
    color: #FFF
}

.custom-radio {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.custom-radio input {
    display: none;
}

.custom-radio span {
    width: 20px;
    height: 20px;
    border: 1px solid #dce6f5;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.custom-radio input:checked + span {
    background: #7f9bd8;
    box-shadow: inset 0 0 0 2px #fff;
}

.custom-radio b {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
}

.custom-radio em {
    line-height: 1.2;
    font-size: 13px;
    font-family: OpenSansLight;
    font-style: initial;
}

.options-item__radio{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.options-item__checkboxes{
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.options-item__values .checkbox-item{
    margin: 0;
    gap: 7px;
    cursor: pointer;
}

.options-item__values .checkbox-item label{
    font-size: 14px;
    line-height: 1.3;
    font-family: OpenSansRegular;
    cursor: pointer;
}

.select-head__image{
    display: flex;
    gap: 15px;
    align-items: center;
}

.select-head._matherial{
    padding: 5px 15px 5px 5px;
}

.select-head._matherial span{
    font-size: 14px;
}

.product__btns{
    display: flex;
    gap: 18px;
    margin-top: 25px;
}

.product__btns div {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    flex: 1 1 46%;
    height: 48px;
    line-height: 1.2;
    font-family: OpenSansSemiBold;
    font-size: 16px;
}

.product__btns-cart{
    background: #7B96E1;
    border: 1px solid #7B96E1;
    color: #FFFFFF;
}

.product__btns-cart:hover{
    background: #5C80DD;
}

.product__btns-oneclick{
    border: 1px solid #DCDCDC;
    color: #6B85C9;
}

.product__btns-oneclick:hover{
    background: #5C80DD;
    border-color: #5C80DD;
    color: #FFF;
}

.options-item__select._big .options-item__select-variant{
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.options-item__select-variant span{
    font-size: 15px;
    line-height: 1.3;
    font-family: OpenSansRegular;
}

.product__tabs{
    margin-top: 100px;
}

.product__tabs-titles{
    display: flex;
    gap: 50px;
}

.product__tabs-title{
    font-size: 22px;
    font-family: OpenSansRegular;
    letter-spacing: -2%;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    position: relative;
    padding: 15px;
}

.product__tabs-title:hover{
    color:#6B85C9
}

.product__tabs-title::after{
    content: '';
    width: 100%;
    height: 2px;
    background: #6B85C9;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s ease 0s;
    transform: scale(0);
}

.product__tabs-title._active::after{
    content: '';
    width: 100%;
    height: 2px;
    background: #6B85C9;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.2s ease 0s;
    transform: scale(1);
}

.product__tabs-description{
    margin-top: 40px;
    max-width: 880px;
}

.description-tab__title{
    font-size: 28px;
    font-family: OpenSansMedium;
    line-height: 1.1;
    letter-spacing: -2%;
}

.description-tab__wrapper p{
    line-height: 1.3;
    font-size: 16px;
    margin-top: 20px;
}

.description-tab__show{
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-top: 30px;
}

.description-tab__show span{
    font-family: OpenSansMedium;
    font-size: 16px;
    line-height: 1.3;
}

.product__tabs-content{
    position: relative;
}

.product__tabs-body{
    transition: opacity 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.product__tabs-body._active{
    opacity: 1;
    position: sticky;
    visibility: visible;
}

.delivery-tab__wrapper{
    display: flex;
    row-gap: 20px;
    flex-direction: column;
    max-width: 655px;
}

.delivery-tab__item{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    background: #F8F9FA;
    padding: 20px;
}

.delivery-tab__item-title{
    color: #6B85C9;
    font-size: 22px;
    letter-spacing: -2%;
    font-family: OpenSansRegular;
}

.delivery-tab__item-subtitle{
    font-size: 16px;
    letter-spacing: -1%;
    line-height: 1.3;
}

.description-tab__wrapper img{
    margin-top: 30px;
}

.product__tabs-name{
    display: none;
}

.tags{
    margin-top: 120px;
}

.tags__body{
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.tags__item{
    display: flex;
    align-items: center;
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 1.2;
    transition: all 0.2s ease 0s;
    color: #41568F;
    border: 1px solid #41568F;
    padding: 10px 15px;
    cursor: pointer;
}

.tags__item:hover{
    color: #ffffff;
    background: #5C80DD;
    border-color: #5C80DD;
}

@media(max-width: 1350px) {
    .product__image{
        flex: 0 0 250px;
        max-width: 250px;
        padding: 0 30px;
    }

    .product__body{
        gap: 30px
    }

    .options-item__tags{
        flex-wrap: wrap;
    }
}

@media(max-width: 991px) {
    .product__body{
        flex-direction: column;
        gap: 0px;
        margin-top: 20px;
    }

    .product__right-name{
        font-size: 24px;
    }

    .product__right-info{
        flex-wrap: wrap;
        row-gap: 15px;
        position: relative;
        padding-top: 40px;
    }

    .product__right-sold{
        position: absolute;
        top: 0;
        left: 0;
    }

    .product__image{
        width: 100%;
        margin-top: 20px;
        flex: none;
        min-width: 100%;
        max-width: 100%;
        padding: 45px 0;
    }

    .product__right{
        display: flex;
        flex-direction: column;
    }

    .product__options{
        order: 1;
    }

    .product__prices{
        order: 2;
    }

    .product__btns{
        order: 3;
    }

    .product__options-item{
        flex-direction: column;
        gap: 12px
    }

    .options-item__name{
        flex: none;
    }

    .options-item__select{
        max-width: 100%;
    }

    .options-item__help{
        margin-top: 8px;
    }

    .product__options-item{
        padding: 15px 0;
    }

    .custom-radio{
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        padding-left: 30px;
    }

    .custom-radio span{
        position: absolute;
        left: 0;
        top: 0;
    }

    .options-item__tags{
        gap: 10px;
        flex-wrap: wrap;
    }

    .product__options-item:last-child{
        border-bottom: 1px solid #E6EBF8;
    }

    .product__prices{
        margin-top: 30px;
        flex-direction: column;
        row-gap: 30px;
    }

    .product__prices-main{
        font-size: 36px;
    }

    .product__prices-parts-left p{
        font-size: 22px;
    }

    .product__btns{
        flex-direction: column;
        row-gap: 15px;
        margin-top: 15px;
    }

    .product__btns div{
        flex: none
    }

    .product__tabs-name{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 24px 0;
    }

    .product__tabs-name span{
        font-size: 20px;
        font-family: OpenSansRegular;
        line-height: 1.1;
    }

    .product__tabs-titles{
        display: none;
    }

    .product__tabs-body{
        position: static;
        opacity: 1;
        visibility: visible;
    }

    .product__tabs-name svg{
        transition: all 0.2s ease 0s;
    }

    .product__tabs-content .acc-body{
        max-height: 0;
        transition: all 0.2s ease 0s;
        overflow: hidden;
    }

    .product__tabs{
        margin-top: 30px;
    }

    .product__tabs-body:not(:last-child){
        border-bottom: 1px solid #E6EBF8;
    }

    .product__tabs-description{
        margin-top: 0;
    }

    .description-tab__title{
        font-size: 22px;
    }

    .description-tab__show{
        display: none;
    }

    .description-tab__wrapper{
        padding-bottom: 30px;
    }

    .description-tab__wrapper img{
        width: 100%;
    }

    .product__tabs-body._opened .acc-btn svg{
        transform: scaleY(-1);
    }

    .delivery-tab__wrapper{
        padding-bottom: 30px;
    }

    .delivery-tab__item-title{
        font-size: 20px;
    }
}

@media(max-width: 768px) {
    .tags{
        margin-top: 80px;
    }
}

@media(max-width: 600px) {
    .product__image{
    }

    .product__image img{
        max-height: 400px;
    }
}

/* product page end */


/* category page start */

.category{
    margin-top: 30px;
}

.category__title{
    font-size: 48px;
    letter-spacing: -2%;
    font-family: OpenSansMedium;
}

.category__body{
    display: flex;
    margin-top: 50px;
    gap: 20px
}

.category__filter{
    flex: 0 0 320px;
}

.category__filter-wrapper{
    padding: 20px;
    background: #F8F9FA;
}

.category__filter-head{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.category__filter-head svg{
    display: none;
}

.category__filter-name {
    font-family: OpenSansMedium;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -2%;
}

.category__filter-reset{
    font-family: OpenSansRegular;
    font-size: 13px;
    line-height: 1.3;
    color: #8A8A8A;
    cursor: pointer;
}

.category__filter-form{
    margin-top: 30px;
}

.category__filter-prices{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.category__filter-prices-title{
    font-family: OpenSansMedium;
    font-size: 16px;
    line-height: 1.3;
}

.category__filter-prices-fields{
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.category__filter-prices-input{
    flex: 1 1 45%;
    position: relative;
}

.category__filter-prices-input input{
    width: 100%;
    height: 40px;
    border: 1px solid #E6EBF8;
    font-size: 18px;
    line-height: 1.3;
    font-family: OpenSansRegular;
    padding-left: 30px;
}

.category__filter-prices-input input::placeholder{
    color: #8A8A8A;
}

.category__filter-prices-input:first-child::after{
    content: 'от';
    position: absolute;
    left: 10px;
    top: 11px;
    font-size: 14px;
    line-height: 1.3;
    color: #8A8A8A;
}

.category__filter-prices-input:last-child::after{
    content: 'до';
    position: absolute;
    left: 10px;
    top: 11px;
    font-size: 14px;
    line-height: 1.3;
    color: #8A8A8A;
}

.filter-property__values .checkbox-item{
    margin-top: 0;
}

.filter-property__values .checkbox-item label{
    font-size: 14px;
    line-height: 1.3;
    font-family: OpenSansRegular;
}

.category__filter-form > div:not(:first-child) {
    margin-top: 20px;
}

.filter-property__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.filter-property__title svg{
    transition: all 0.2s ease 0s;
}

.filter-property__title span{
    font-size: 16px;
    line-height: 1.3;
    font-family: OpenSansMedium;
}

.filter-property__values{
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.checkbox-item label{
    cursor: pointer;
}

.filter-property__body{
    transition: all 0.2s ease 0s;
    max-height: 0;
    overflow: hidden;
}

.category__filter-submit{
    margin-top: 30px;
}

.category__filter-submit button{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    background: #7B96E1;
    color: #FFF;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 1.2;
    outline: none;
    width: 100%;
    border: none;
    transition: all 0.2s ease 0s;
}

.category__filter-submit p{
    text-align: center;
    margin-top: 10px;
    color: #6B85C9;
    font-size: 14px;
    line-height: 1.3;
}

.category__content{
    flex: 1 1 auto;
}

.category__tags{
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.category__tags-item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    color: #41568F;
    font-size: 16px;
    line-height: 1.2;
    font-family: OpenSansRegular;
    border: 1px solid #E6EBF8;
    cursor: pointer;
    width: max-content;
    transition: all 0.2s ease 0s;
}

.category__tags-item:hover{
    background: #5C80DD;
    border-color: #5C80DD;
    color: #FFF;
}

.category__tags .swiper-wrapper{
    gap: 10px;
    flex-wrap: wrap;
}

.category__sort{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.category__sort-right{
    display: flex;
    align-items: center;
    gap: 10px
}

.category__sort-right > span{
    color: #8A8A8A;
    font-size: 14px;
    line-height: 1.3;
}

.options-item__select-head{
    gap: 5px
}

.category__sort-right .options-item__select-head span{
    font-size: 14px;
}

.category__sort-right .options-item__select-variant{
    font-size: 14px;
}

.category__products{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 10px;
}

.category__products .products-slider__item{
    flex: 1 1 31%;
    max-width: 33%;
}

.pagination{
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: center;
}

.pagination__wrapper{
    display: flex;
    gap: 20px
}

.pagination__wrapper a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1.3;
    color: #8A8A8A;
    transition: all 0.2s ease 0s;
}

.pagination__item._active{
    color: #6B85C9;
}

.pagination__item:hover{
    color: #6B85C9;
}

.show-more{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    color: #6B85C9;
    transition: all 0.2s ease 0s;
    font-size: 16px;
    line-height: 1.2;
    border: 1px solid #DCDCDC;
    height: 47px;
    width: 100%;
    font-family: OpenSansSemiBold;
    cursor: pointer;
}

.show-more:hover{
    background: #5C80DD;
    border-color: #5C80DD;
    color: #FFF;
}

.pagination__item:hoevr{
    color: #5C80DD
}

.category__filter-property{
    transition: all 0.2s ease 0s;
}

.category__filter-property .filter-property__title > span{
    transition: all 0.2s ease 0s;
}

.category__filter-property:hover .filter-property__title > span{
    color: #6B85C9;
}

.category__filter-property._opened svg{
    transform: scaleY(-1);
}

@media(max-width: 991px) {
    .category__tags .swiper-wrapper{
        gap: 0;
        flex-wrap: nowrap;
    }

    .category__tags{
        overflow: hidden;
    }

    .category__content{
        max-width: 100%;
    }

    .category__body{
        flex-direction: column;
        margin-top: 30px;
    }

    .category__title{
        font-size: 30px;
    }

    .category{
        margin-top: 20px;
    }

    .category__filter-head{
        justify-content: flex-start;
        gap: 10px
    }

    .category__filter-head svg{
        display: block;
    }

    .category__filter-wrapper{
        position: relative;
    }

    .category__filter-reset{
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translate(-50%);
        display: none;
    }

    .category__filter-body{
        transition: all 0.2s ease 0s;
        max-height: 0;
        overflow: hidden;
    }

    .category__filter{
        flex: none
    }

    .category__filter-wrapper._opened .category__filter-reset{
        display: block;
    }

    .category__filter-wrapper._opened{
        padding-bottom: 50px;
    }

    .category__filter-name{
        font-size: 22px;
    }

    .seo-text{
        margin-top: 80px;
    }
}

@media(max-width: 800px) {
    .category__products{
        gap: 14px
    }

    .category__products .products-slider__item{
        flex: 1 1 45%;
        max-width: calc(50% - 7px);
    }
}

/* category page end */

/* about page start */
/* page__about */

.page__about {
}
.about {
    margin-top: 30px;
}
.about__container {
}
.about__header {
    margin-bottom: 50px;
}
.header {
}
.header__title {
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -2%;
    font-family: OpenSansMedium;
}
.about__body {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.about__content{
    max-width: 654px;
}
.about__text {
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -1%;
    font-family: OpenSansLight;
}
.about__btn {
    margin: 30px 0px 50px 0px;
    display: inline-block;
    font-size: inherit;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0%;
    width: 318px;
    height: 49px;
    padding: 15px 10px;
    background-color: #7B96E1;
}
.about__img {
}

@media (max-width: 1100px) {
    .about__body {
        flex-direction: column;
    }
    .about__content{
        min-width: 100%;
    }
    .about__img img {
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    .about__header {
        margin: 20px 0px 30px 0px;
    }
    .header__title {
        font-size: 30px;
        line-height: 100%;
    }
    .about__btn {
        margin: 30px 0;
        min-width: 100%;
        width: 0;
    }
    .about__img img {
        width: 50%;
        height: auto;
    }
    ._container {
        padding: 0 15px;
    }
}

/* page__price */

.page__price {
}
.price {
    margin-top: 80px;
}
.price__container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.price__content {
}
.price__title {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 34px;
    line-height: 120%;
    letter-spacing: -2%;
}
.price__text {
    max-width: 654px;
    line-height: 130%;
    letter-spacing: -1%;
    font-size: 16px;
    font-family: OpenSansLight;
}
.price__form {
    padding: 30px;
    max-width: 580px;
    max-height: 324px;
    background-color: #E6EBF8;
}
.form__title {
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -2%;
    font-family: OpenSansMedium;
}
.form__text {
    margin: 20px 0 30px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -1%;
}
.form__btn {
    display: inline-block;
    font-size: inherit;
    color: #FFFFFF;
    text-align: center;
    line-height: 120%;
    letter-spacing: 0%;
    width: 318px;
    height: 49px;
    padding: 15px 10px 15px 10px;
    background-color: #7B96E1;
    cursor: pointer;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    transition: all 0.2s ease 0s;
}

.form__btn:hover{
    background: #5C80DD;
}

@media (max-width: 1100px) {
    .price__container {
        flex-direction: column;
    }
    .price__text {
        min-width: 100%;
    }
    .price__form {
        min-width: 100%;
    }
    .form__title {
        font-size: 20px;
        line-height: 110%;
    }
}

@media (max-width: 768px) {
    .price {
        margin-top: 50px;
    }
    .price__title {
        font-size: 25px;
        max-width: 330px;
    }
    .form__btn {
        min-width: 100%;
        width: 0;
    }
}

/* page__principles */

.page__principles {
}
.principles {
    margin-top: 80px;
}
.principles__container {
}
.principles__header {
    margin-bottom: 30px;
    max-width: 654px;
}
.header {
}
.header__principles-title {
    font-weight: 500;
    font-size: 34px;
    line-height: 120%;
    letter-spacing: -2%;
}
.principles__body {
    display: flex;
    gap: 18px;
}
.principles__column {
}
.principles__item {
    height: 100%;
    background-color: #F8F9FA;
    padding: 20px;
    max-width: 430px;
}
.principles__title {
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -2%;
    max-width: 240px;
    font-family: OpenSansMedium;
}
.principles__text {
    margin-top: 20px;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -1%;
    font-size: 16px;
}

@media (max-width: 1100px) {
    .principles__body {
        flex-direction: column;
    }
    .principles__item{
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    .principles {
        margin-top: 50px;
    }
    .header__principles-title {
        font-size: 25px;
    }
    .principles__title {
        font-size: 20px;
        line-height: 110%;
    }
    .principles__body {
        gap: 15px;
    }
    .principles__text {
        margin-top: 15px;
    }
}

/* page__whoweare */

.page__whoweare {
}
.whoweare {
    position: relative;
    margin-top: 80px;
}
.whoweare::before {
    content: "";
    position: absolute;
    background: #E6EBF8;
    width: 100%;
    height: 100%;
    left: 0;
}
.whoweare__container {
}
.whoweare__body {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
    align-items: center;
    gap: 30px;
}
.whoweare__title {
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -2%;
    max-width: 440px;
    font-family: OpenSansMedium;
}
.whoweare__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -1%;
    max-width: 540px;
}

@media (max-width: 1100px) {
    .whoweare__body  {
        flex-direction: column;
        padding: 50px 0;
    }
    .whoweare__title  {
        font-size: 30px;
        min-width: 100%;
    }
    .whoweare__text  {
        font-size: 18px;
        min-width: 100%;
    }
}

@media(max-width: 991px) {
    .about__btn{
        position: static !important;
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }

    .about__img{
        margin-bottom: 30px;
    }

    .about__body{
        padding-bottom: 0;
    }
}
/* about page end */

/* reviews page start */

.reviews-grid{
    margin-top: 30px;
}

.reviews-grid__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 50px;
}

.reviews__item{
    flex: 1 1 31%;
    max-width: 33%;
}

.reviews__title{
    font-family: OpenSansMedium;
    font-size: 48px;
    letter-spacing: -2%;
    line-height: 1;
}

@media(max-width: 768px) {
    .reviews-grid__body{
        margin-top: 30px;
    }

    .reviews__item{
        flex: 1 1 45%;
        max-width: calc(50% - 7px);
    }

    .reviews__title{
        font-size: 30px;
    }
}

@media(max-width: 600px) {
    .reviews-grid__body{
        flex-direction: column;
    }

    .reviews__item{
        max-width: 100%;
    }
}

/* reviews page end */

/* garanty page start */

.garanty__title{
    font-family: OpenSansMedium;
    font-size: 48px;
    letter-spacing: -2%;
    line-height: 1;
}

.garanty__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 50px;
}

.garanty__item{
    flex: 1 1 23%;
    max-width: 22%;
    padding: 35px 45px;
}

.garanty__item img{
    max-width: 100%;
}

.garanty{
    margin-top: 30px;
}

@media(max-width: 991px) {
    .garanty__item{
        flex: 1 1 45%;
        max-width: calc(50% - 7px);
        padding: 0;
    }

    .garanty__item img{
        width: 100%;
    }

    .garanty__title{
        font-size: 30px;
    }

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

/* garanty page end */

/* vacancy page start */

.vacancy{
    margin-top: 30px;
}

.vacancy__container > .vacancy__title{
    font-size: 48px;
    line-height: 1;
    font-family: OpenSansMedium;
}

.vacancy__body{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 18px
}

.vacancy__item{
    padding: 20px;
    background: #F8F9FA;
    flex: 1 1 31%;
    max-width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vacancy__title{
    font-family: OpenSansMedium;
    font-size: 22px;
    line-height: 1;
}

.vacancy__subtitle{
    font-size: 16px;
    line-height: 1;
    margin-top: 20px;
    line-height: 1.3;
}

.vacancy__values{
    display: flex;
    gap: 20px;
    margin-top: 15px;
    margin-bottom: 32px;
}

.vacancy__value{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.vacancy__value span{
    font-family: OpenSansMedium;
    font-size: 16px;
    line-height: 1.3;
}

.vacancy__value p{
    font-size: 16px;
    line-height: 1.3;
}

.vacancy__value a{
    font-size: 16px;
    line-height: 1.3;
}

.vacancy__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 38px;
    border: 1px solid #DCDCDC;
    transition: all 0.2s ease 0s;
}

.vacancy__btn span{
    color: #8A8A8A;
    font-size: 16px;
    font-family: OpenSansRegular;
    transition: all 0.2s ease 0s;
}

.vacancy__btn:hover{
    background: #5C80DD;
    border-color: #5C80DD;
}

.vacancy__btn:hover span{
    color: #FFF;
}

.vacancy__btn:hover svg path{
    stroke: #FFF;
}

@media(max-width: 1150px) {
    .vacancy__item{
        flex: 1 1 45%;
        max-width: calc(50% - 9px);
    }
}

@media(max-width: 991px) {
    .vacancy__container > .vacancy__title{
        font-size: 30px;
    }

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

@media(max-width: 768px) {
    .vacancy__item{
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* vacancy page end */


/* detail vacancy page start */

.vacancy-page__body{
    display: flex;
    gap: 20px;
    margin-top: 50px;
}

.vacancy-page__body-right{
    flex: 0 0 430px
}

.vacancy-page__body-contacts{
    position: sticky;
    top: 10px;
    background: #E6EBF8;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.vacancy-page__body-contacts div{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.vacancy-page__body-contacts div span{
    line-height: 1.3;
    font-size: 16px;
}

.vacancy-page__body-contacts div a{
    font-family: OpenSansMedium;
    line-height: 1;
    font-size: 22px;
}

.vacancy-page__body-contacts div p{
    font-family: OpenSansMedium;
    line-height: 1;
    font-size: 22px;
}

.vacancy-page__body-left{
    flex: 1 1 auto;
}

.vacancy-page__body-left > p{
    font-family: OpenSansRegular;
    font-size: 18px;
    line-height: 1.3;
}

.vacancy-page__callback{
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    background: #7B96E1;
    width: 100%;
    max-width: 430px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.2;
    height: 49px;
    font-family: OpenSansSemiBold;
}

.vacancy-page__callback:hover{
    background: #5C80DD;
}

.vacancy-page__body-title{
    font-family: OpenSansMedium;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -2%;
    margin-top: 30px;
}

.vacancy-page__body-text p{
    font-size: 16px;
    line-height: 1.3;
    margin-top: 20px;
}

.map._page{
    margin-top: 30px;
}

@media(max-width: 991px) {
    .vacancy-page__body{
        flex-direction: column;
    }

    .vacancy{
        margin-top: 20px;
    }

    .vacancy-page__body{
        margin-top: 30px;
    }

    .vacancy-page__body-right{
        margin-top: 30px;
    }

    .vacancy-page__body-contacts div p{
        margin: 0;
    }

    .vacancy-page__body-contacts{
        padding: 20px 15px;
    }

    .vacancy-page__body-contacts div p{
        font-size: 22px;
    }

    .vacancy-page__body-contacts div a{
        font-size: 22px;
    }

    .map._page{
        margin-top: 20px;
    }
}

/* detail vacancy page end */

/* articles page start */

.articles__title{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
    font-family: OpenSansMedium;
}

.articles{
    margin-top: 30px;
}

.articles__subtitle{
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.3;
    max-width: 655px;
}

.articles__body{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 50px;
}

.articles__item{
    display: flex;
    flex-direction: column;
    flex: 1 1 31%;
    max-width: 32%;
}

.articles__item-image{
    height: 250px;
}

.articles__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.articles__item-info{
    margin-bottom: 20px;
}

.articles__item-date{
    font-size: 14px;
    line-height: 1.3;
    margin-top: 20px;
}

.articles__item-name{
    margin-top: 20px;
    font-family: OpenSansMedium;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -2%;
}

.articles__item-desc{
    margin-top: 15px;
    line-height: 1.3;
    font-size: 16px;
}

.articles__item-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: auto;
    border: 1px solid #DCDCDC;
    height: 38px;
    width: 100%;
    transition: all 0.2s ease 0s;
    cursor: pointer;
}

.articles__item-btn:hover{
    background: #5C80DD;
}

.articles__item-btn:hover span{
    color: #FFF
}

.articles__item-btn:hover svg path{
    stroke: #FFF
}

.articles__item-btn span{
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 1.2;
    transition: all 0.2s ease 0s;
    color: #8A8A8A;
}

@media(max-width: 991px) {
    .articles__item{
        flex: 1 1 45%;
        max-width: calc(50% - 15px);
    }

    .articles{
        margin-top: 20px;
    }

    .articles__title{
        font-size: 30px;
    }

    .articles__subtitle{
        margin-top: 30px;
        font-size: 16px;
    }

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

@media(max-width: 600px) {
    .articles__body{
        flex-direction: column;
        gap: 20px
    }

    .articles__item{
        max-width: 100%;
        flex: 1 1 100%
    }

    .articles__item-image{
        height: 190px;
    }
}

/* articles page end */

/* article page start */

.article__body{
    display: flex;
    gap: 18px
}

.article__right{
    flex: 0 0 430px;
}

.article__right-wrapper{
    position: sticky;
    top: 10px;
    padding: 40px;
    background: #E6EBF8;
}

.article__right-title{
    font-family: OpenSansMedium;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 30px;
}

.article__right-list{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.article__right-item{
    font-family: OpenSansRegular;
    font-size: 18px;
    line-height: 1.3;
    cursor: pointer;
}

.article__left{
    flex: 1 1 auto;
}

.article__body{
    margin-top: 30px;
}

.article__title{
    font-size: 48px;
    font-family: OpenSansMedium;
    line-height: 1;
}

.article__head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.article__head-left{
    display: flex;
    align-items: center;
    gap: 40px
}

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

.article__author-preview{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.article__author-name span{
    font-family: OpenSansRegular;
}

.article__image{
    margin-top: 30px;
    width: 100%;
}

.article__image img{
    width: 100%;
}

.article__preview{
    margin-top: 30px;
    font-family: OpenSansRegular;
    line-height: 1.3;
    font-size: 18px;
}

.article__detail-title{
    font-family: OpenSansMedium;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -2%;
    margin-top: 30px;
}

.article__detail p{
    font-size: 16px;
    line-height: 1.3;
    margin-top: 20px;
}

.articles._block{
    margin-top: 120px;
}

@media(max-width: 991px) {
    .article__body{
        margin-top: 20px;
    }

    .article__title{
        font-size: 30px;
    }

    .article__head{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 15px;
        row-gap: 15px;
    }

    .article__head-left{
        width: 100%;
        justify-content: space-between;
    }

    .article__right{
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .article__right-wrapper{
        padding: 20px 15px;
    }
}

/* article page end */


/* action page start */

.action__name{
    margin-top: 50px;
    line-height: 1.3;
    font-size: 18px;
    font-family: OpenSansRegular;
    max-width: 880px;
}

.action__body ul{
    padding-left: 5px;
    margin-top: 30px;
}

.action__body ul li{
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    padding-left: 20px;
}

.action__body ul li:not(:first-child){
    margin-top: 10px;
}

.action__body ul li::before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #0B0D0D;
    position: absolute;
    left: 0;
    top: 7px;
}

.action__body p{
    font-size: 16px;
    line-height: 1.3;
    margin-top: 20px;
}

@media(max-width: 991px){
    .articles__title br{
        display: none;
    }

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

/* action page end */


/* cart page start */

.cart{
    margin-top: 30px;
}

.cart__title{
    font-family: OpenSansMedium;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.cart__body{
    margin-top: 50px;
    display: flex;
    gap: 185px
}

.cart__left{
    flex: 1 1 auto;
}

.cart__block-title{
    font-family: OpenSansMedium;
    font-size: 22px;
    line-height: 1;
    letter-spacing: -2%;
}

.cart__form{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    width: 100%;
    gap: 18px
}

.cart__form-field{
    flex: 1 1 45%;
    max-width: 50%;
}

.cart__form-field input{
    padding: 0 10px;
    border: none;
    outline: none;
    border-bottom: 1px solid #8A8A8A;
    font-size: 18px;
    line-height: 1.3;
    width: 100%;
    height: 52px;
}

.cart__form-field input::placeholder{
    color: #8A8A8A;
}

.cart__form-field:nth-child(3){
    min-width: 100%;
    max-width: 100%;
}

.cart__form-field:nth-child(3) input{
    max-width: 318px;
}

._delivery{
    margin-top: 80px;
}

.cart__block-radio{
    display: flex;
    flex-direction: column;
}

.options-item__radio{
    padding-bottom: 60px;
    border-bottom: 1px solid #E6EBF8;
    position: relative;
    margin-top: 30px;
}

.options-item__radio-item b{
    line-height: 1.3;
    font-family: OpenSansRegular;
    font-weight: normal;
    font-size: 16px;
}

.options-item__radio-desc{
    margin-left: 30px;
    line-height: 1.3;
    font-size: 14px;
    position: absolute;
    left: 0px;
    top: 30px;
}

.radio-item__detail{
    display: none;
}


.radio-item__detail-text{
    line-height: 1.3;
    font-size: 14px;
    margin-top: 35px;
}

.options-item__radio._selected .radio-item__detail{
    display: block;
}

.options-item__radio._selected{
    padding-bottom: 30px;
}

.radio-item__detail .options-item__select{
    margin-top: 10px;
}

.custom-radio{
    gap: 10px
}

.custom-radio span{
    transition: all 0.2s ease 0s;
}

.custom-radio:hover span{
    border-color: #5C80DD;
}

.cart-help{
    margin-top: 20px;
}

.cart-help__wrapper{
    display: flex;
    background: #F8F9FA;
    padding: 20px;
    gap: 10px
}

.cart-help__icon{
}

.cart-help__text p{
    font-size: 14px;
    line-height: 1.3;
}

._payment{
    margin-top: 30px;
}

._payment .options-item__radio{
    padding-bottom: 20px;
    margin-top: 20px;
}

._payment .options-item__radio:first-child{
    margin-top: 30px;
}

.cart-help__text ul li{
    position: relative;
    font-size: 14px;
    line-height: 1.3;
    padding-left: 20px;
}

.cart-help__text ul li::before{
    content: '';
    height: 1px;
    width: 13px;
    background: #27292D;
    position: absolute;
    left: 0;
    top: 9px;
}

.cart__confirm{
    margin-top: 50px;
}

.cart__confirm-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    line-height: 1.2;
    font-size: 16px;
    font-family: OpenSansSemiBold;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    background: #7B96E1;
    height: 50px;
    width: 100%;
}

.cart__confirm-btn:hover{
    background: #5C80DD;
}

.cart__confirm-politic{
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.3;
}

.cart__confirm-politic a{
    color: #7B96E1;
}


.cart__right{
    flex: 0 0 485px
}

.cart__right-title{
    font-size: 22px;
    font-family: OpenSansMedium;
    line-height: 1;
}

.cart__right-order{
    display: flex;
    flex-direction: column;
}

.cart-order__product{
    display: flex;
    gap: 20px;
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.cart-product__image{
    width: 80px;
    height: 100px;
    background: #F8F9FA;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
}

.cart-product__image img{
    max-width: 100%;
    max-height: 100%;
}

.cart-product__name {
    font-size: 22px;
    font-family: OpenSansRegular;
    letter-spacing: -2%;
}

.cart-product__matherial{
    line-height: 1.3;
    margin-top: 10px;
}

.cart-product__price{
    margin-top: 20px;
    font-size: 22px;
    line-height: 1;
    font-family: OpenSansMedium;
}

.cart-product__delete{
    position: absolute;
    right: 0;
    top: 3px;
    line-height: 1.2;
    font-size: 13px;
    color: #8A8A8A;
    transition: all 0.2s ease 0s;
    cursor: pointer;
}

.cart-product__delete:hover{
    color: #7B96E1;
}

.cart-order__options{
    margin-top: 20px;
}

.cart-order__options-title{
    font-size: 14px;
    line-height: 1.3;
}

.cart-order__options-body{
    display: flex;
    flex-direction: column;
}

.cart-order__options-element{
    display: flex;
    padding: 10px 0;
}

.cart-order__options-element:not(:last-child){
    border-bottom: 1px solid #E6EBF8;
}

.cart-order__options-element:first-child{
    margin-top: 5px;
}

.cart-order__options-element div:first-child{
    font-size: 14px;
    line-height: 1.3;
    width: 130px;
    min-width: 130px;
}

.cart-order__options-element div:last-child{
    font-size: 14px;
    line-height: 1.3;
    font-family: OpenSansRegular;
}

.cart-order__options-element div:last-child span{
    font-size: 13px;
    font-family: OpenSansLight;
    line-height: 1.2;
}

.cart-order__edit{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8A8A8A;
    line-height: 1.2;
    font-size: 16px;
    font-family: OpenSansSemiBold;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    border: 1px solid #DCDCDC;
    height: 50px;
    width: 100%;
    margin-top: 30px;
}

.cart-order__item{
    padding-bottom: 30px;
    border-bottom: 1px solid #E6EBF8;
}

.cart__right-price{
    margin-top: 30px;
    font-family: OpenSansMedium;
    font-size: 22px;
    line-height: 1;
}

.cart__right-price span{
    font-size: 28px;
    font-family: OpenSansSemiBold;
    margin-left: 15px;
}

@media(max-width: 1300px) {
    .cart__body{
        gap: 30px
    }
}

@media(max-width: 991px) {
    .cart__body{
        flex-direction: column;
        gap: 50px;
        margin-top: 30px;
    }

    .cart__form{
        flex-direction: column;
    }

    .cart__form-field{
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .cart__form-field input{
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .cart{
        margin-top: 20px;
    }

    .cart__title{
        font-size: 30px;
    }

    .cart__block-title{
        font-size: 20px;
    }

    .cart__form{
        margin-top: 20px;
    }

    ._delivery{
        margin-top: 50px;
    }

    ._payment{
        margin-top: 50px;
    }

    .cart-product__delete{
        bottom: 10px;
        top: initial;
    }
}

/* cart page end */

/* service page start */

.service-banner{
    margin-top: 30px;
}

.service-banner__wrapper{
    background: #F8F9FA;
    padding-top: 20px;
}

.service-banner__body{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service-banner__image{
    margin-right: 105px;
}

.service-banner__text{
    max-width: 655px;
}

.service-banner__title{
    font-size: 48px;
    font-family: OpenSansMedium;
    line-height: 1;
    letter-spacing: -2%;
}

.service-banner__subtitle{
    font-size: 18px;
    font-family: OpenSansRegular;
    margin-top: 30px;
    line-height: 1.3;
}

.service-banner__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    font-size: 16px;
    color: #FFF;
    font-family: OpenSansSemiBold;
    width: 100%;
    max-width: 485px;
    background: #7B96E1;
    height: 50px;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    margin-top: 50px;
    margin-bottom: 40px;
}

.service-banner__btn:hover{
    background: #5C80DD;
}

.whatinclude{
    margin-top: 120px;
}

.whatinclude__title{
    font-family: OpenSansMedium;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.whatinclude__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 50px;
}

.whatinclude__item{
    flex: 1 1 31%;
    max-width: 32%;
}

.whatinclude__item-wrapper{
    padding: 30px;
    background: #F8F9FA;
    height: 100%;
}

.whatinclude__item-image{
    height: 250px;
}

.whatinclude__item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.whatinclude__item-text{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.whatinclude__item-name{
    font-size: 22px;
    line-height: 1;
    font-family: OpenSansMedium;
}

.whatinclude__item-desc{
    font-size: 16px;
    line-height: 1.3;
}

.steps{
    margin-top: 80px;
}

.steps__title{
    font-family: OpenSansMedium;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.steps__body{
    display: flex;
    flex-wrap: wrap;
    column-gap: 57px;
    row-gap: 150px;
    margin-top: 50px;
    position: relative;
}

.arrow-big{
    position: absolute;
    width: 100%;
    top: 17px;
    right: -13px;
}

.steps__item{
    display: flex;
    flex-direction: column;
    flex: 1 1 21%;
    max-width: 22%;
}

.steps__item-head{
    display: flex;
    align-items: center;
    gap: 20px
}

.steps__item-name{
    margin-top: 20px;
    font-size: 22px;
    font-family: OpenSansMedium;
}

.steps__item-desc{
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.3;
}

@media(max-width: 1350px) {
    .steps__item{
        flex: 1 1 19%;
    }
}

@media(max-width: 1200px) {
    .steps__body{
        flex-direction: column;
        row-gap: 50px;
    }

    .steps__item{
        flex: 1 1 100%;
        min-width: 100%;
        max-width: 100%;
        position: relative;
        padding-left: 20px;
    }

    .steps__item::before{
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        top: 67px;
        left: 0;
        background: #DCDCDC;
        border-radius: 50%;
    }

    .steps__item::after{
        content: '';
        width: 2px;
        height: calc(100% + 50px);
        position: absolute;
        top: 74px;
        left: 3px;
        background: #DCDCDC;
    }

    .steps__item:last-child::after{
        display: none;
    }

    .steps__item-arrow{
        display: none;
    }

    .steps__item-name{
        margin-top: 15px;
    }

    .steps__item-name{
        font-size: 20px;
    }

    .arrow-big{
        display: none;
    }
}

@media(max-width: 991px) {
    .service-banner__wrapper{
        padding: 50px 0;
    }

    .service-banner__title{
        font-size: 30px;
    }

    .service-banner__subtitle{
        margin-top: 20px;
    }

    .service-banner__btn{
        margin-top: 30px;
        max-width: 100%;
        margin-bottom: 0;
    }

    .service-banner__text{
        max-width: 100%;
    }

    .service-banner__image{
        display: none;
    }

    .whatinclude__body{
        margin-top: 30px;
    }

    .whatinclude__item{
        flex: 1 1 45%;
        max-width: calc(50% - 9px);
    }

    .whatinclude{
        margin-top: 80px;
    }

    .whatinclude__title{
        font-size: 30px;
    }

    .whatinclude__title br{
        display: none;
    }

    .steps{
        margin-top: 50px;
    }

    .steps__title{
        font-size: 30px;
    }
}

@media(max-width: 768px) {
    .whatinclude__item{
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .whatinclude__item-image{
        height: 205px;
    }

    .whatinclude__item-wrapper{
        padding: 20px 15px;
    }

    .whatinclude__body{
        gap: 10px
    }
}

/* service page end */


/* delivery page start */

.work{
    margin-top: 30px;
}

.work h1{
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
    font-family: OpenSansMedium;
}

.work__title{
    margin-top: 50px;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -2%;
    font-family: OpenSansMedium;
}

.work__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 30px;
}

.work__item{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    flex: 1 1 45%;
    max-width: calc(50% - 9px);
    padding: 20px;
    background: #F8F9FA;
}

.work__item-number{
    color: #6B85C9;
    font-size: 22px;
    line-height: 1;
    font-family: OpenSansRegular;
}

.work__item-text{
    line-height: 1.3;
    font-size: 16px;
}

.delivery{
    margin-top: 80px;
}

.delivery__title{
    font-size: 34px;
    line-height: 1.2;
    font-family: OpenSansMedium;
}

.delivery__body{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 30px;
}

.delivery__item{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    flex: 1 1 45%;
    max-width: calc(50% - 9px);
    padding: 20px;
    background: #F8F9FA;
}

.delivery__item-name{
    color: #6B85C9;
    font-size: 22px;
    line-height: 1;
    font-family: OpenSansRegular;
}

.delivery__item-desc{
    line-height: 1.3;
    font-size: 16px;
}

.payment{
    margin-top: 80px;
}

.payment__title{
    font-size: 34px;
    line-height: 1.2;
    font-family: OpenSansMedium;
}

.payment__body{
    display: flex;
    margin-top: 30px;
    gap: 18px
}

.payment__item{
    flex: 1 1 23%;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 30px 20px;
    background: #F8F9FA;
}

.payment__item-name{
    font-size: 22px;
    font-family: OpenSansRegular;
}

.payment__text{
    margin-top: 30px;
}

.payment__text p{
    font-size: 16px;
    line-height: 1.3;
}

@media(max-width: 991px) {
    .work{
        margin-top: 20px;
    }

    .work h1{
        font-size: 30px;
    }

    .work__title{
        font-size: 25px;
        margin-top: 50px;
    }

    .work__item{
        flex: none;
        max-width: 100%;
        width: 100%;
        padding: 20px 15px;
    }

    .delivery{
        margin-top: 50px;
    }

    .delivery__title{
        font-size: 25px;
    }

    .delivery__item{
        min-width: 100%;
        max-width: 100%;
        padding: 20px 15px;
    }

    .delivery__item-name{
        font-size: 20px;
    }

    .payment{
        margin-top: 50px;
    }

    .payment__title{
        font-size: 25px;
    }

    .payment__body{
        flex-direction: column;
        gap: 10px
    }

    .payment__item{
        padding: 20px 15px;
    }

    .payment__item-name{
        font-size: 20px;
    }
}

/* delivery page end */


/* favorites page start */

.favorites{
    margin-top: 30px;
}

.favorites__title{
    font-family: OpenSansMedium;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -2%;
}

.favorites .category__products{
    margin-top: 50px;
}

.favorites .category__products .products-slider__item{
    flex: 1 1 21%;
    max-width: 24%;
}

@media(max-width: 1150px) {
    .favorites .category__products .products-slider__item{
        max-width: 23%;
    }
}

@media(max-width: 991px) {
    .favorites{
        margin-top: 20px;
    }

    .favorites__title{
        font-size: 30px;
    }

    .favorites .category__products{
        margin-top: 30px;
    }

    .favorites .category__products .products-slider__item{
        flex: 1 1 46%;
        max-width: calc(50% - 9px);
    }
}

/* favorites page end */

/* search */

.header__search{
    position: absolute;
    left: 130px;
    top: 17px;
    transition: all 0.2s ease 0s;
    width: 0;
    overflow: hidden;
}

body._search .header__search{
    width: calc(100% - 260px);
    z-index: 99999;
}

.header__actions-icon{
    cursor: pointer;
}

body._search{
    overflow: hidden;
}

.search-overlay{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(12, 27, 67, 0.4);
    transition: all 0.2s ease 0s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

body._search .search-overlay{
    z-index: 999;
    opacity: 1;
    visibility: visible;
}

.header__search-wrapper{
    position: relative;
}

.header__search-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: #7B96E1;
    position: absolute;
    right: 5px;
    top: 5px;
}

.header__top{
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
}

.header__search input{
    background: #F8F9FA;
    padding: 0 20px;
    line-height: 1.3;
    font-size: 16px;
    height: 45px;
    width: 100%;
    border: none;
}

.header__search input::placeholder{
    color: #8A8A8A
}

.catalog__block-title svg{
    display: none;
    transition: all 0.2s ease 0s;
}

@media(max-width: 991px) {
    .header__search{
        left: 15px;
        top: 0;
    }

    body._search .header__search{
        width: calc(100vw - 30px)
    }

    .catalog-burger-icon{
        width: 30px;
        height: 30px;
    }

    .catalog._page .catalog__title{
        font-size: 30px;
    }

    .catalog._page .catalog__body{
        margin-top: 30px;
        gap: 10px
    }

    .catalog__block-title{
        font-size: 22px;
        padding: 20px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .catalog__block-wrapper{
        padding: 0;
    }

    .catalog__block-items{
        margin-top: 0;
        max-height: 0;
        transition: all 0.2s ease 0s;
        overflow: hidden;
    }

    .catalog__block-item span{
        font-size: 20px;
    }

    .catalog__block-item{
        padding: 10px 15px;
    }

    .catalog__block-title svg{
        display: block;
    }

    .catalog__block-wrapper._opened .catalog__block-title svg{
        transform: scaleY(-1);
    }

    .catalog__block._big .catalog__block-items{
        max-height: max-content;
    }

    .catalog__block._big .catalog__block-content{
        max-height: 0;
        transition: all 0.2s ease 0s;
        overflow: hidden;
        flex-direction: column;
        gap: 0
    }

    .catalog__block._big .catalog__block-wrapper._opened .acc-body{
        max-height: 1500px !important;
    }

    .breadcrumbs__swiper{
        overflow: hidden;
        position: relative;
        width: calc(100% + 15px);
    }
}

@media(max-width: 600px) {
    .slider-product__image img{
        max-height: 150px;
    }

    .slider-product__image{
        height: 200px;
    }

    .products-slider__swiper{
        width: calc(100% + 30px);
        left: -15px;
    }
}

/* end search */

.feedback__politic .checkbox-item{
    margin-top: 0;
}

.breadcrumbs__item a:hover{
    color: #5C80DD
}


/* modal start */

.modal{
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease 0s;
    opacity: 0;
    visibility: hidden;
}

body._modal .modal{
    opacity: 1;
    visibility: visible;
    z-index: 99999;
}

body._modal{
    overflow: hidden;
}

.modal__wrapper{
    background: rgba(12, 27, 67, 0.4);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__body{
    width: 990px;
    background: url('/local/templates/leadbro/assets/css/../img/modal-bg.png') no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    position: relative;
    background-size: cover;
    background-position: center;
}

.modal__title{
    font-family: OpenSansMedium;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -2%;
    text-align: center;
}

.modal__subtitle{
    font-family: OpenSansRegular;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -1%;
    margin-top: 30px;
    text-align: center;
}

.modal__form{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.modal__form-field{
    width: 654px;
}

.modal__form-field input{
    padding: 0 10px;
    border: none;
    border-bottom: 1px solid #8A8A8A;
    line-height: 1.3;
    font-size: 18px;
    height: 52px;
    width: 100%;
}

.modal__form-field input::placeholder{
    color: #8A8A8A
}

.modal__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease 0s;
    width: 655px;
    height: 50px;
    color: #FFF;
    font-size: 16px;
    line-height: 1.2;
    font-family: OpenSansSemiBold;
    cursor: pointer;
    background: #7B96E1;
    margin-top: 40px;
}

.modal__btn:hover{
    background: #5C80DD;
}

.modal__cross{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.modal__cross:hover svg path{
    stroke: #5C80DD;
}

@media(max-width: 991px) {
    .modal__body{
        width: 100%;
    }
}

@media(max-width: 768px) {
    .modal__form-field{
        width: 100%;
    }

    .modal__btn{
        width: 100%;
    }

    .modal__body{
        height: 100vh;
        background: url("/local/templates/leadbro/assets/css/../img/modal-bg-mobile.png") no-repeat;
        background-size: cover;
        background-position: top;
    }

    .modal__content{
        width: 100%;
        padding: 0 15px;
    }

    .modal__cross{
        right: 15px;
        top: 15px;
    }
}

/* modal end */

/* portfolio page start */

.works{
    margin-top: 30px;
}

.works__body{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    gap: 18px
}

.works__item{
    flex: 1 1 23%;
    max-width: 24%;
}

.works__item img{
    width: 100%;
}

.header__top{
    /*position: fixed;*/
    /*left: 50%;*/
    /*transform: translate(-50%, 0px);*/
    /*top: 0;*/
    /*z-index: 10;*/
    /*background: #FFF;*/
}

.header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #FFF;
    z-index: 99;
}

.header._fixed{
    background: #FFF;
}

.header__bottom{
    transition: all 0.2s ease 0s;
}

.header._hidden-bottom .header__bottom{
    z-index: -1;
    position: relative;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    margin-top: 0px;
}

.header._show-bottom .header__bottom{
    z-index: 1;
    max-height: 100px;
    overflow: hidden;
    margin-top: 10px;
}

main{
    margin-top: 145px;
}

.header._fixed .header__bottom{
    /*position: fixed;*/
    /*top: 0px;*/
    /*left: 50%;*/
    /*transform: translate(-50%, 0px);*/
    /*z-index: 10;*/
    /*background: #FFF;*/
}

.header__bottom._fixed{
    /*position: fixed;*/
    /*top: 0px;*/
    /*left: 50%;*/
    /*transform: translate(-50%, 0px);*/
    /*z-index: 10;*/
    /*background: #FFF;*/
}

.map__contacts-field .options-item__select{
    max-width: 410px;
}

.map__contacts-field .options-item__select-head{
    padding: 10px 15px;
}

.map__contacts-field .options-item__select-body{
    top: 43px;
}

.map._not-main .map__contacts-phone{
    padding-top: 87px;
}

@media(max-width: 991px) {
    .works__body{
        margin-top: 30px;
    }

    .map__contacts-field .options-item__select{
        max-width: 100%;
    }

    .map._not-main .map__contacts-phone{
        padding-top: 0px;
    }

    .works{
        margin-top: 20px;
    }

    .works__item{
        flex: 1 1 31%;
        max-width: 32%;
    }

    .header__city{
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
    }

    .header__city-title{
        padding: 0 35px;
    }

    .header__city .main-category__sublist-wrapper{
        padding-top: 15px;
        padding-bottom: 0;
    }

    .header__city._opened .header__city-title svg{
        transform: scaleY(-1);
    }

    .header__city .header__city-title svg{
        transition: all 0.2s ease 0s;
    }

    ._catalog .header__bottom-submenu{
        display: none !important;
    }

    .catalog-cross-icon{
        display: none !important;
    }

    .catalog-burger-icon{
        display: block !important;
    }

    body._catalog .main-category-li._catalog> a{
        background: #7B96E1 !important;
    }

    body._catalog .main-category-li._catalog> a span{
        color: #FFF !important;
    }

    body._catalog .main-category-li._catalog> a svg path{
        stroke: #FFF !important;

    }

    .main-category-li._catalog > a:hover{
        background: #7B96E1 !important;
    }

    .main-category-li._catalog > a:hover span{
        color: #FFF !important;
    }

    .main-category-li._catalog > a:hover svg path{
        stroke: #FFF !important;
    }

    main{
        margin-top: 110px;
    }
}

@media(max-width: 600px) {
    .works__body{
        gap: 14px
    }

    .works__item{
        flex: 1 1 45%;
        max-width: calc(50% - 7px);
    }

    .feedback__image{
        flex: none;
        max-height: 275px;
    }

    .feedback__image img{
        max-height: 275px;
    }

    main{
        margin-top: 90px;
    }
}

/* portfolio page end */

.feedback__error{
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2;
    color: #D01F1F;
    display: none;
    position: absolute;
}

.feedback__form._error .feedback__error{
    display: block;
}
/* End */
/* /local/templates/leadbro/assets/css/reset.css?17789410173475 */
/* /local/templates/leadbro/assets/css/swiper.css?177883922618471 */
/* /local/templates/leadbro/assets/css/style.css?1782313886128398 */