/* Start:/local/templates/box/style/blocks/menu.css?17787432696117*/
.main-header__content{
    position: relative;
}

.menu-head {
    position: absolute;
    top: calc(100% - 30px);
    right: 0;
    width: 230px;
    z-index: 1;
    display: none;
}

.menu-head--open{
    display: block;
}

.menu-head ul {
    background-color: #fff;
    padding: 12px 20px;
    border-radius: 0
}

.menu-head li {
    display: block;
    position: relative
}

.menu-head li a {
    border-bottom: 1px solid #c2d7ff
}

.menu-head li:last-child a {
    border-bottom: 0
}

.menu-head a {
    padding: 12px 25px 12px 0;
    display: block;
    font-size: 16px;
    color: #1a1a1a;
    text-decoration: none
}

.menu-head a:hover {
    text-decoration: underline
}

.menu-head .cur {
    color: #37507e;
    font-weight: 500
}

.menu-head ul {
    padding: 0 20px
}

.menu-head ul li .sub-menu {
    display: none;
    padding: 0;
    margin: 0
}

.menu-head ul li .open-menu {
    width: 20px;
    height: 18px;
    background: url(/upload/wp-content/arrow-icon-menu.svg) no-repeat center center;
    display: block;
    position: absolute;
    right: -5px;
    top: 12px;
    cursor: pointer
}

.menu-head ul li.active>.sub-menu {
    display: block;
    width: calc(100% + 48px);
    margin: 0 0 0 -24px
}

.menu-head .sub-menu li.active>.sub-menu {
    display: block;
    width: calc(100% + 48px);
    margin: 0 0 0 -24px
}

.menu-head ul li .sub-menu li {
    background: #f1f6ff;
    padding: 0 40px
}

.menu-head ul li .sub-menu li>.open-menu {
    right: 40px
}

.menu-head ul li .sub-menu li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #1a1a1a
}

.menu-head ul li .sub-menu li .sub-menu li {
    background: #fff;
    width: calc(100% + 32px);
    margin: 0 0 0 -16px
}

.menu-head ul li .sub-menu li .sub-menu li a {
    color: #18356b
}

.menu-head ul li.active>.open-menu {
    transform: rotate(90deg)
}

.menu-head a {
    text-decoration: none!important
}

.menu-head .menu-no-link {
    padding: 12px 25px 12px 0;
    display: block;
    font-size: 16px;
    color: #1a1a1a;
    border-bottom: 1px solid #c2d7ff;
    cursor: default;
}

.menu-head li:last-child .menu-no-link {
    border-bottom: 0;
}

.menu-head ul li .sub-menu li .menu-no-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #1a1a1a;
}

@media (min-width: 768px) {
    .menu-head ul li .sub-menu li .menu-no-link {
        border-bottom: 1px solid #d8e5ff;
        padding: 13.5px 25px 13.5px 0;
        min-height: 44.2px;
    }

    .menu-head ul li .sub-menu li:last-child .menu-no-link,
    .menu-head ul li .sub-menu li .sub-menu li:last-child .menu-no-link {
        border: 0;
    }

    .menu-head li:hover>.menu-no-link {
        position: relative;
    }
}

@media (min-width: 768px) {
    .menu-head ul li:hover>.open-menu {
        transform:rotate(90deg)
    }

    .menu-head li:hover:before {
        content: '';
        background: #e1ebff;
        width: calc(100% + 40px);
        height: 100%;
        top: 0;
        left: -20px;
        display: block;
        position: absolute;
        z-index: 0
    }

    .menu-head li:hover>a {
        position: relative
    }

    .menu-head ul li:hover>.sub-menu {
        display: block;
        width: 233px;
        margin: 0;
        position: absolute;
        left: calc(-100% + -63px);
        top: 0;
        padding: 0 20px;
        background: #f1f6ff
    }

    .menu-head .sub-menu li:hover>.sub-menu {
        display: block;
        width: 233px;
        margin: 0;
        position: absolute;
        left: calc(-100% + -60px);
        top: 0;
        padding: 0 20px;
        background: #fff;
        z-index: 3
    }

    .menu-head ul li .sub-menu li {
        background: #f1f6ff;
        padding: 0
    }

    .menu-head ul li .sub-menu li>.open-menu {
        right: -5px
    }

    .menu-head ul li .sub-menu li a {
        border-bottom: 1px solid #d8e5ff;
        padding: 13.5px 25px 13.5px 0;
        min-height: 44.2px
    }

    .menu-head ul li .sub-menu li .sub-menu {
        background: #fff;
        left: calc(-100% + -60px)
    }

    .menu-head ul li .sub-menu li .sub-menu li {
        background: #fff;
        width: 100%;
        margin: 0
    }

    .menu-head ul li .sub-menu li .sub-menu li a {
        border-bottom: 1px solid #f3f3f3;
        padding-right: 0
    }

    .menu-head ul li .sub-menu li:last-child a,.menu-head ul li .sub-menu li .sub-menu li:last-child a {
        border: 0
    }
}

@media (max-width: 768px) {
    .menu-head {
        position:fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
        background-color: #fff;
        z-index: 100000
    }

    .menu-head>ul {
        padding: 12px 15px;
        position: relative
    }

    .menu-head .btn,.menu-head .btn-telegram {
        display: flex;
        align-items: center;
        width: 95%;
        margin: 10px auto;
        max-width: 327px
    }

    .menu-head .btn-telegram {
        margin-bottom: 80px
    }

    .menu-head ul {
        margin: 0 0 30px
    }

    .menu-head li .sub-menu {
        background-color: #f1f6ff
    }

    .menu-head li .sub-menu .sub-menu {
        padding-left: 14px;
        box-sizing: border-box;
        width: 100%
    }

    .menu-head ul.menu li .sub-menu li .sub-menu li,
    .menu-head .sub-menu li .sub-menu > li {
        background: #f1f6ff;
        width: auto;
        margin: 0;
        padding: 0 40px
    }

    .menu-head .sub-menu li .sub-menu > li > .open-menu {
        right: 40px
    }

    .menu-head .sub-menu li .sub-menu > li > a {
        border-bottom: 1px solid #d8e5ff;
        color: #1a1a1a
    }

    .menu-head .sub-menu li .sub-menu > li:last-child > a {
        border-bottom: 0
    }
}
/* End */


/* Start:/local/templates/box/components/bitrix/breadcrumb/shop/style.css?1743077068558*/
/* breadcrumbs */

.breadcrumbs--hidden{
    display: none;
}

.breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 20px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs__item {
    display: flex;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
}

.breadcrumbs__item+.breadcrumbs__item::before {
    content: ' — ';
    margin: 0 5px;
}

.breadcrumbs__link {
    text-decoration: none;
}

.breadcrumbs__link:hover {
    text-decoration: underline;
}

/* END breadcrumbs */
/* End */


/* Start:/local/templates/box/fonts/Inter/stylesheet.css?1743077071827*/
@font-face {
    font-family: 'Inter';
    src: url('/local/templates/box/fonts/Inter/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/box/fonts/Inter/Inter-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/box/fonts/Inter/Inter-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/box/fonts/Inter/Inter-ExtraLight.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/local/templates/box/fonts/Inter/Inter-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* End */


/* Start:/local/templates/box/libs/slick/slick.css?17430770711776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/box/style/normalize.css?17430770726039*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* End */


/* Start:/local/templates/box/style/constructor.css?17430770711659*/
:root {
    /* DEFAULT VARS */
    --main-color: #002d75e6;
    --main-color-2: #002D75;
    --main-color-3: linear-gradient(101.67deg, #002D75 0%, #002d75e6 100%);
    --main-color-4: #e8f4fe;
    --main-color-5: #e8f4fe;
    --main-color-6: #231F20;
    --main-color-7: #414042;
    --main-color-8: #777777;
    --main-color-9: #E9E9E9;
    --main-color-10: #E20338;
    --main-color-11: #62C253;
    --main-color-12: #782FEF;

    --main-h1-size: 32px;
    --main-h2-size: 28px;
    --main-h3-size: 22px;
    --main-h4-size: 20px;
    --main-p-size: 16px;

    --tmp-blue: #37507e;


    /* ELEMENT VARS */
    --body-bg-color: #fff;
    --main-bg-color: #002d75e6;
    --main-bg-color-2: #e8f4fe;
    --btn-bg-color: var(--tmp-blue);
    --btn-hover-bg-color: #304160;
    --btn-active-bg-color: var(--main-color-2);
    --text-color: var(--main-color-6);
    --text-color-2: var(--main-color-7);
    --text-color-3: rgba(35, 31, 32, 0.5);
    --text-color-4: var(--main-color-8);
    --link-color: var(--main-color);
    --border-color: var(--main-color-9);
    --red: var(--main-color-10);

    --margin-default: 80px;

    --z-index-tooltip: 10;
    --z-index-mobile-nav: 20;
    --z-index-filter: 30;
    --z-index-menu: 100;

    --font-family-serif: 'Inter', sans-serif;
}



@media (max-width: 767px) {
    :root{
        --main-h1-size: 26px;
        --main-h2-size: 22px;
        --main-h3-size: 19px;
        --main-h4-size: 18px;
        --main-p-size: 14px;

        --margin-default: 40px;

    }
}

.slider-tabs {
    margin: var(--margin-default) auto;
    height: 611px;
}
/* End */


/* Start:/local/templates/box/style/menu.css?17792740766271*/
.main-menu {
    min-height: 66px;
    background: #fff;
}

.main-menu__close {
    display: none;
}

.main-menu__nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-menu__nav {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    align-items: center;
    height: 66px;
    gap: 4px;
    /* overflow: hidden;  */
    /* white-space: nowrap; */
}

.main-menu__item a,
.main-menu__item > .menu-no-link {
    display: flex;
    align-items: center;
    color: #1c1c1c;
    text-decoration: none;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
}

.main-menu__item > .menu-no-link {
    cursor: default;
}

.main-menu__item{
    position: relative;
}

.main-menu__item>a,
.main-menu__item > .menu-no-link {
    padding: 24px 28px;
}

@media (max-width: 1200px) {
    .main-menu__item>a,
    .main-menu__item > .menu-no-link {
        padding: 24px 20px;
    }
}

.main-menu__item--hide{
    display: none;
}

.main-menu__item:hover>a path,
.main-menu__item:hover > .menu-no-link path {
    stroke: var(--main-color);
}

.main-menu__item:hover>a,
.main-menu__item:hover > .menu-no-link {
    color: var(--tmp-blue);
    /* color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 15px; */
}

.main-menu__nav > .main-menu__item.active > a {
    text-decoration: underline;
}

.main-menu__item--first>a {
    width: 100%;
    position: relative;
}

.main-menu__item--first>a::after {
    content: '';
    width: 0px;
    border-right: 1px solid var(--border-color);
    position: absolute;
    top: 17px;
    bottom: 17px;
    right: 0;
}

.main-menu__item--first {
    min-width: 210px;
    margin-right: 5px;
    padding: 0px 0 0px 20px;
    box-sizing: border-box;
}

.main-menu__item--first svg {
    margin-right: 5px;
}

/* @media (min-width: 767px) {
    .main-menu__item--first:hover .main-menu__sub-menu {
        display: none
    }
} */

.main-menu__item--red a::before {
    content: '';
    width: 8px;
    height: 8px;
    left: 0px;
    top: 5px;
    background: var(--red);
    border: 3px solid #fbd9e1;
    border-radius: 50%;
    margin-right: 5px;
}

.main-menu__item--parent>a:after,
.main-menu__item--parent > .menu-no-link:after {
    content: '';
    position: absolute;
    bottom: 31px;
    right: 13px;
    height: 5px;
    width: 5px;
    border-top: 1px solid #1a1a1a;
    border-right: 1px solid #1a1a1a;
    transform: rotate(135deg);
    transition: all .3s ease-in-out;
}

.main-menu__item--parent:hover>a:after,
.main-menu__item--parent:hover > .menu-no-link:after {
    content: '';
    position: absolute;
    bottom: 29px;
    right: 13px;
    height: 5px;
    width: 5px;
    border-top: 1px solid #37507e;
    border-right: 1px solid #37507e;
    transform: rotate(315deg);
}

.main-menu__item:not(:last-child) > a:before,
.main-menu__item:not(:last-child) > .menu-no-link:before {
    content: '';
    position: absolute;
    bottom: 13px;
    right: 0;
    height: calc(100% - 26px);
    width: 1px;
    background: #ececec;
}


.main-menu__sub-menu {
    position: absolute;
    left: -1px;
    z-index: 5;
    width: 276px;
    border-bottom: 1px solid #ecf1f2;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: .3s ease-in-out;
    background: #fff;
}

.main-menu__item:hover .main-menu__sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

.main-menu__item:hover{
    z-index: 99;
}

.sub-menu-ul {
    position: relative;
    margin: 0;
    list-style: none;
    padding: 0;
}

.sub-menu__item,
.sub-menu__item a,
.sub-menu__item > .menu-no-link {
    font-size: 14px;
}

.sub-menu__item.active > a {
    color: #37507E;
}
.sub-menu__item{
    position: relative;
}
.sub-menu__item a,
.sub-menu__item > .menu-no-link {
    position: relative;
    padding: 18px 20px;
    background: #fff;
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.sub-menu__item > .menu-no-link {
    cursor: default;
}

.sub-menu__item::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background: #ECF1F2;
    z-index: 1;
}

.sub-menu__item--parent {
    position: relative;
}

.main-menu__flyout {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: calc(100% - 1px);
    top: 0;
    min-width: 240px;
    background: #fff;
    border: 1px solid #ecf1f2;
    box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.08);
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    transform: translateX(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

.main-menu__flyout .sub-menu__item a {
    white-space: nowrap;
}

.sub-menu-ul > .sub-menu__item--parent:hover > .main-menu__flyout,
.main-menu__flyout .sub-menu__item--parent:hover > .main-menu__flyout {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}

.sub-menu-ul > .sub-menu__item--parent > a::after,
.sub-menu-ul > .sub-menu__item--parent > .menu-no-link::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -3px;
    height: 5px;
    width: 5px;
    border-top: 1px solid #1a1a1a;
    border-right: 1px solid #1a1a1a;
    transform: rotate(45deg);
}

.main-menu__flyout .sub-menu__item--parent > a,
.main-menu__flyout .sub-menu__item--parent > .menu-no-link {
    padding-right: 36px;
}

.main-menu__flyout .sub-menu__item--parent > a::after,
.main-menu__flyout .sub-menu__item--parent > .menu-no-link::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -3px;
    height: 5px;
    width: 5px;
    border-top: 1px solid #1a1a1a;
    border-right: 1px solid #1a1a1a;
    transform: rotate(45deg);
}

.sub-menu__item--red a, .main-menu__item--red a {
    color: var(--red);
}

@media (min-width: 992px) {
    .sub-menu__item>a:hover,
    .sub-menu__item > .menu-no-link:hover {
        color: var(--link-color);
    }
}

@media (max-width: 992px) {
    .main-menu{
        display: none;
    }
}
/* End */


/* Start:/local/templates/box/style/main.css?177883894121334*/
body {
    background: #f6f6f6;
    color: #1a1a1a;
    font-family: var(--font-family-serif);
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-y: scroll;
}

* {
    box-sizing: border-box;
    outline-color: var(--link-color);
}

hr {
    border: 0;
    border-top: 1px solid #DCEAFD;
    margin: 20px 0;
}

button {
    cursor: pointer;
}

/* Hide focus styles if they're not needed, for example, 
when an element receives focus via the mouse. */

:focus:not(:focus-visible), :focus:not(:-moz-focusring) {
    outline: 0;
}

/* Show focus styles on keyboard focus. */

:-moz-focusring, :focus-visible {
    outline: var(--link-color) auto 1px;
}

.slick-slide:focus {
    outline: none;
}

a {
    color: var(--link-color)
}

img {
    max-width: 100%;
    line-height: 0;
}

main {
    min-height: 85vh;
}

b {
    font-weight: 500;
    color: var(--text-color);
}


.soc-ico-wrap {
    display: flex;
}

.soc-ico-wrap .telega-link {
    margin-right: 10px
}

.whatsapp-link + .whatsapp-link {
    margin-left: 10px
}

@media (max-width: 760px) {
    .soc-ico-wrap .telega-link {
        margin-right: 10px
    }

    .soc-ico-wrap .whatsapp-link {
        margin-right: 0 !important
    }
    .whatsapp-link + .whatsapp-link {
        margin-left: 0
    }
}

.soc-ico-wrap .telega-link img, .soc-ico-wrap .whatsapp-link img {
    width: 27px;
    height: 27px
}

/* h1 {
    font-size: var(--main-h1-size);
    font-weight: 500;
    margin: 10px 0 20px 0;
    color: var(--text-color);
    line-height: 140%;
} */


.main-container {
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: content-box;
}

.full-container {
    max-width: 1920px;
    margin: 0 auto;
}

.main-title {
    font-size: 36px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 60px;
    text-align: center;
}

.btn-small {
    background: #FFFFFF;
    border-radius: 4px;
    color: var(--btn-bg-color);
    border: 0;
    font-size: 12px;
    min-width: 101px;
    height: 26px;
    cursor: pointer;
}

.btn-small:hover {
    background: var(--btn-bg-color);
    color: #fff;
}

.btn-link {
    background: var(--btn-bg-color);
    border-radius: 0;
    padding: 15px 30px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid var(--btn-bg-color);
    line-height: initial;
    cursor: pointer;
    min-height: 52px;
    text-align: center;
}

.btn-green {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #23c81f;
    color: #fff;
    padding: 22px 24px;
    text-decoration: none;
    cursor: pointer;
    border-width: 0;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
}


.btn-link:hover {
    background: var(--btn-hover-bg-color);
    color: #fff;
}


.btn-clear {
    width: auto;
    height: auto;
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
}

.btn-link--ic {
    padding: 11px 14px;
    display: flex;
}

.btn-link--2 {
    background: var(--main-bg-color-2);
    color: var(--text-color-2);
    border: 1px solid var(--main-bg-color);
}


.btn-link--2:hover {
    background: var(--main-bg-color-2);
    color: var(--link-color);
    border: 1px solid var(--btn-bg-color);
}

.btn-clear--small, .btn-link--small {
    padding: 8px 20px 8px 20px;
    line-height: 1.45;
}


.btn-link--white {
    background: #fff;
    color: var(--text-color);
    border-color: var(--main-bg-color-2);
}

.btn-link--white:hover {
    background: #fff;
    color: var(--btn-bg-color);
    border: 1px solid var(--btn-bg-color);
}

.btn-link--tr {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .1);
}

.slick-disabled {
    display: none !important;
}

.slick-track {
    margin-left: 0;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-arrow {
    position: absolute;
    z-index: 10;
    width: 46px;
    height: 46px;
    background: var(--main-bg-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    top: 50%;
    cursor: pointer;
}

.slick-arrow svg {
    fill: #fff;
}

.slick-arrow:hover {
    background: var(--btn-bg-color);
}

.slick-arrow:hover svg {
    fill: #fff;
}

.slick-arrow[style="display: block;"] {
    display: flex !important;
}

.slick-arrow[style="display: block;"].slick-disabled {
    display: none !important;
}

.slick-arrow svg {
    width: 9px;
    height: 14px;
}

.slick-dots {
    position: absolute;
    bottom: 24px;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
    z-index: 10;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: var(--main-bg-color-2);
    border: 0;
    outline: none;
    background: var(--main-bg-color-2);
    border-radius: 50%;
    margin: 0 0;
}

.slick-dots li.slick-active button {
    background: var(--main-bg-color);
}

.slick-track:before, .slick-track:after {
    opacity: 0;
    position: absolute;
}

/* ToolTip */

.link-tooltip {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    position: relative;
}

.link-dashed {
    text-decoration: none;
    position: relative;
}

.link-dashed::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    border-bottom: 1px dashed;
}

.link-dashed.link-tooltip::before {
    right: 25px;
}

.link-tooltip::after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #fff;
    background-image: var(--i-arrowDown);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--main-bg-color-2);
    line-height: 0;
}

.link-tooltip--active::after {
    background-color: var(--main-color);
    background-image: var(--i-arrowUp--active);

}

.tooltip {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 23px 15px 15px;
    z-index: var(--z-index-tooltip);
    margin-top: 10px;
    display: none;
}

.tooltip--open {
    display: block;
}

.tooltip::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 19%;
    width: 20px;
    height: 7px;
    background: #fff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.tooltip__title {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--text-color-4);
}

.tooltip__title b {
    color: var(--text-color);
    font-weight: 500;
}

.tooltip__btns {
    margin: 15px -4px 0;
    display: flex;
}

.tooltip__btns>* {
    margin: 0 4px;
}

.tooltip__link {
    display: inline-block;
}

.tooltip__btns+.tooltip__link {
    margin-top: 20px;
}

.tooltip__link+.tooltip__link {
    margin-top: 8px;
}

.tooltip__tags {
    display: flex;
    margin: 10px -2.5px 0;
}

.tooltip__tag {
    padding: 5px 10px 5px 10px;
    margin: 0 2.5px;
    background: var(--main-bg-color-2);
    text-decoration: none;
}

/* ToolTip */

.header {
    font-size: 16px;
    font-weight: 500;
}

.header-sticky {
    position: sticky;
    top: 0;
    z-index: var(--z-index-mobile-nav);
}

.header-scroll{
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.header-scroll.header-sticky{
    opacity: 1;
}

.top-header {
    background: var(--main-bg-color);
    color: #fff;
}

.top-header .link-tooltip {
    color: #fff;

}

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

.top-header-city>span {
    color: #fff;
    font-size: 14px;
    margin-right: 3px;
}

.top-header-city a::before {
    display: none;
}

.top-header-city {
    font-size: 14px;
    color: #000;
}

.top-header-phone {
    font-size: 14px;
    margin-left: 30px;
}

.top-header-phone a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    color: #FFF;

}

.top-header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
}

.main-header {
    background: var(--tmp-blue);
}

.main-header__content {
    display: flex;
    align-items: center;
    min-height: 100px;
    justify-content: space-between;
}

.header-search, .header-widget {
    width: 33%;
}

.header-mobile {
    display: none;
}

.header-widget {
    display: flex;
    justify-content: flex-end;
}

.header-widget__item {
    text-decoration: none;
    line-height: 0;
    display: flex;
    align-items: center;
}

.header-widget>.header-widget__item {
    margin-left: 20px;

}

.header-widget__item[data-count]::after {
    content: attr(data-count);
    position: relative;
    min-width: 20px;
    height: 20px;
    background: var(--main-bg-color);
    color: #fff;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-left: 2px;
    padding: 0 4px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-info a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    color: #fff;
    text-decoration: none;
}

.header-info__image {
    display: flex;
    gap: 9px;
}

.header-info__image svg {
    max-width: 15px;
    height: auto;
    display: block;
    flex-shrink: 0;
    stroke: #fff;
}

.header-info__name {
    font-size: 12px;
    line-height: 13px;
    color: #8d9ec3;
    padding-left: 22px;
    padding-top: 5px
}

.header-logo {
    line-height: 0;
}

.header-logo img {
    max-height: 36px;
    width: 250px;
    object-fit: contain;
}

.header-menu-btn svg {
    display: block;
    flex-shrink: 0;
    stroke: #fff;
}

.header-logo svg {
    max-width: 100%;
}

/* Верхние меню */

.sub-menu-back {
    display: none;
}

.top-header-menu ul {
    display: flex;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;

}

.top-header-menu li+li {
    margin-left: 24px;
}

.top-header-menu li a {
    color: #fff;
    text-decoration: none;
}

.top-header-menu li a:hover {
    color: #39B54A;
}

/* END Верхние меню */

/* Search */

.header-search form {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 315px;
}

.header-search__input {
    background: #fff;
    border: 1px solid var(--main-bg-color);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    width: 100%;
    padding: 10px 40px 10px 15px;
    color: var(--text-color-2);
}

.header-search__input::placeholder {
    color: var(--text-color-3);
}

.header-search__submit {
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px;
    padding: 0;
    width: 24px;
    height: 24px;
    background: transparent;
    border: 0;
}

/* END Search */

/* Отзывы */
.main-reviews__container {
    padding: 0 60px;
}

.main-reviews {
    margin: 0 auto var(--margin-default) auto;
    position: relative;
    padding-bottom: 35px;
}

.main-reviews-slick {
    position: static;
}

.main-section__container {
    padding: 0 60px;
}

.main-section {
    margin: var(--margin-default) auto;
    position: relative;
    padding-bottom: 35px;
}

.main-section-slick {
    position: static;
}

/*  */

/* Инстагарам */

.instagram-slider__container {
    padding: 0 60px;
    position: relative;
}

.instagram-slider {
    padding-bottom: 35px;
}

.instagram-slider-slick {
    position: static;
}

.instagram-slider .slick-dots {
    margin-top: 20px;
    bottom: -30px;
    left: 0;
    right: 0;
}

.instagram__item {
    position: relative;
    border-radius: 4px;
    margin: 0 10px;
}

.instagram-slider .slick-list {
    margin: 0 -10px;
}

.instagram__item-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    transform: translateY(calc(100% - 34px));
    transition: all 0.7s;
    padding: 0 20px 20px;
    color: #fff;
}

.instagram__item-content--open {
    transform: translateY(0);
    background: rgba(35, 31, 32, 0.6);
}

.instagram__item-content svg {
    fill: #414042;
    transition: all 0.5s;
}

.instagram__item-content--open svg {
    fill: #fff;
}

.instagram__item-content--open .instagram__item-content-btn {
    background: transparent;
}

.instagram__item-content--open .instagram__item-content-btn svg {
    transform: rotate(-180deg);
}

.instagram__item-content-btn {
    width: calc(100% + 40px);
    margin: 0 -20px;
    background: #E9E9E9;
    border-radius: 4px;
    height: 34px;
    cursor: pointer;
    outline: 0;
}

.instagram__item-picture img {
    width: 100%;
}

.instagram__item-tag {
    margin-top: 6px;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}

.instagram__item-text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.instagram__item-btn {
    width: 118px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 37px;
}

/* Инстагарам */


/* Mobile nav */

.navbar-mobile {
    position: sticky;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: var(--z-index-mobile-nav);

}

.navbar-mobile__list {
    display: flex;
    list-style: none;
    background: #fff;
    border-top: 1px solid #DCEAFD;
    padding: 0 20px;
    margin: 0;
}

.navbar-mobile__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
}

.navbar-mobile__link {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 10px;
    line-height: 14px;
    position: relative;
    padding: 4px;
    color: #414042;
    text-decoration: none;
}

.navbar-mobile__link[data-count]::after {
    position: absolute;
    top: 4px;
    right: 0;
}

.header-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.header-lk-btn::before{
    content: url('/upload/wp-content/card.svg');
    width: 15px;
    height: 15px;
    line-height: 1;
}

.header-ok-btn::before{
    content: url('/upload/wp-content/calculator.svg');
    width: 15px;
    height: 15px;
    line-height: 1;
}

@media (max-width: 1250px) {
    .main-container{
        padding: 0 15px;
        width: auto;
        max-width: 100%;
        min-width: calc(100% - 30px);
    }
}

@media (min-width: 993px) {
    .desktop-hide {
        display: none;
    }
}

@media (max-width: 1400px) {
    .instagram__item-text {
        -webkit-line-clamp: 5;
    }

    .instagram__item-btn {
        margin-top: 15px;
    }
}

@media (max-width: 1200px) {
    .instagram__item-text {
        -webkit-line-clamp: 6;
    }

    .instagram__item-btn {
        margin-top: 15px;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 14px;
    }
    header .main-container {
        padding: 0 15px;
    }

    .header-info{
        display: none;
    }

    .header-info.phone{
        display: flex;
        margin: 0;
    }



    .header-info.phone span span{
        display: none;
    }
    .header-info.phone .header-info__name{
        display: none;
    }

    .header-buttons {
        gap: 10px;
    }

    .header-lk-btn::before{
        content: url('/upload/wp-content/user.svg');
        width: 30px;
        height: 30px;
        font-size: 0;
        line-height: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-ok-btn::before{
        content: url('/upload/wp-content/calculator.svg');
        width: 30px;
        height: 30px;
        font-size: 0;
        line-height: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-lk-btn, .header-ok-btn{
        font-size: 0;
        padding: 0;
        gap: 0;
        border: 0;
    }
    .header-menu-btn {
        width: 24px;
    }

    .header-search, .header-widget {
        flex: 33.333%;
    }

    .header-search-btn {
        flex: calc(33.333% - 24px);
    }

    .header-search-btn button {
        margin-left: 24px;
    }

    .header-mobile {
        display: block;
    }

    .header-search {
        display: none;
    }

    .header-search--open {
        display: block;
        position: absolute;
        width: 100%;
        top: 104px;
        left: 0;
        right: 0;
        z-index: var(--z-index-tooltip);
        background: #fff;
        padding: 10px 20px;
        box-sizing: border-box;
        border-bottom: 1px solid var(--border-color);
        border-top: 1px solid var(--border-color);
    }

    .header-search form {
        max-width: 100%;
    }

    .top-header {
        display: none;
    }

    .main-title{
        margin-bottom: 40px;
        font-size: 26px;
    }

}

@media (max-width: 768px) {
    .main-title{
        margin-bottom: 20px;
        font-size: 26px;
    }



    .main-reviews__container {
        padding: 0 15px;
    }

    .instagram-slider__container {
        padding: 0 15px;
    }

    .main-header__content {
        min-height: 84px;
        gap: 15px;
    }

    .header-logo {
        max-width: 153px;
        margin-right: auto;
    }

    .advantages__item-text {
        font-size: 14px;
    }

    .header-search--open {
        top: 60px;
    }
    .soc-ico-wrap .telega-link img, .soc-ico-wrap .whatsapp-link img{
        width: 20px;
        height: 20px;
    }
    .soc-ico-wrap{
        align-items: center;
    }

    .soc-ico-wrap a{
        display: flex;
    }
}

@media (max-width: 576px) {
    .header-widget {
        display: none;
    }

    .header-search-btn {
        order: 1;
        flex: none;
    }

    .header-search-btn button {
        margin-left: 0;
    }

    .header-search--open {
        top: 50px;
    }
    .header-logo img{
        width: 142px;
    }
    body .soc-ico-wrap .whatsapp-link{
        margin-right: 5px !important;
    }
}

/* ALL */

.main-container--cancel {
    max-width: 100%;
    padding: 0;
}

/** Сообщение о Cookie */
.pop_up_cookie {
    display: flex;
    justify-content: center;
    align-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #FFFFFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    right: 0;
    z-index: 99999;
}

.pop_up_cookie__text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #333;
    margin: 0 15px;
    align-self: center;
}

@media (max-width: 768px) {
    .pop_up_cookie__text {
        font-size: 14px;
        text-align: right;
    }
}

@media (max-width: 554px) {
    .pop_up_cookie__text {
        font-size: 12px;
        text-align: right;
    }
}

.pop_up_cookie__btn {
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    display: inline-flex;
    background: #37507E;
    color: #fff;
    padding: 16px 35px;
    transition: all .3s ease-in-out;
}

@media (max-width: 768px) {
    .pop_up_cookie__btn {
        text-align: left;
        font-size: 14px;
        width: 230px;
    }
}

@media (max-width: 554px) {
    .pop_up_cookie__btn {
        text-align: left;
        font-size: 12px;
        padding: 32px 18px;
        width: 300px;
    }
}

.pop_up_cookie__btn:hover {
    opacity: .95;
}

/* End */


/* Start:/local/templates/box/style/footer.css?177981592611003*/
/* TODO: нужно прибраться, был перенесен с основного сайта */
footer {
    background-color: #37507e;
    color: #fff;
    padding: 80px 0 70px
}

footer .name {
    font-weight: 400;
    margin-bottom: 18px
}

footer .top {
    margin-bottom: 80px
}

footer .bottom {
    line-height: 1.5;
    position: relative;
    padding-bottom: 100px
}

footer .bottom p:before {
    content: "";
    background-image: url(/upload/wp-content/images/copyright.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: cover;
    margin-right: 4px;
    position: relative;
    top: 1px
}

footer .bottom p:last-child:before {
    content: "";
    display: none
}

footer .sle {
    position: absolute;
    bottom: 0;
    right: 0
}

footer .payment-metod {
    margin-right: 160px
}

footer .payment-metod img {
    display: block
}

footer p {
    color: rgba(255,255,255,.5);
    margin-bottom: 20px;
    font-weight: 300
}

footer p:last-child {
    margin-bottom: 0
}

footer a[href^="tel:"] {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: text
}

footer a[href^="tel:"] svg {
    width: 15px;
    height: 15px;
    margin-right: 12px
}

footer a[href^="mailto:"] {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    text-decoration: none
}

footer a[href^="mailto:"]:hover {
    text-decoration: underline
}

footer a[href^="mailto:"] svg {
    width: 15px;
    height: 15px;
    margin-right: 12px
}

.footer-top {
    padding-bottom: 52px
}

.footer-column__info {
    width: 25%
}

.footer-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 47%
}

.footer-menu__item {
    width: 33.333%;
    padding: 0 16px 0 10px
}

.footer-column__title {
    padding-bottom: 23px
}

.footer-column__title a {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 12px;
    text-decoration: none
}

.footer-link {
    display: block;
    font-weight: 100;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
    text-decoration: none;
    color: #fff;

}

.footer-payment {
    width: 18%
}

.footer-payment__image {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 9px
}

.footer-payment__image-item {
    width: 48%;
    max-width: 105px;
    border-radius: 3px;
    background-color: #2c4065;
    height: 55px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center
}

.footer-tel,.footer-mail,.footer-address {
    display: block;
    font-weight: 100;
    font-size: 16px;
    line-height: 1.3
}

.footer-mail,.footer-address {
    margin-top: 13px
}

.footer-address {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start
}

.footer-address svg {
    flex-shrink: 0
}

.footer-address span {
    padding-left: 14px;
    line-height: 1.4
}

.footer-column__title .arrow {
    display: none
}

.footer-address span span {
    padding: 0
}

.logo-footer {
    margin-right: 70px
}

.logo-footer a {
    display: block
}

.logo-footer img {
    display: block
}

.link-list ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.link-list li {
    display: block;
    margin-right: 28px
}

.link-list a {
    font-weight: 300;
    color: #fff
}

.footer-col {
    flex-shrink: 0;
    margin-left: 95px
}

.footer-col li {
    display: block;
    margin-bottom: 12px
}

.footer-col li:last-child {
    margin-bottom: 0
}

.footer-col li a {
    color: #fff;
    font-weight: 300;
    text-decoration: none
}

.footer-col li a:hover {
    text-decoration: underline
}

.footer {
    position: relative;
    padding-bottom: 0
}

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

@media (max-width: 900px) {
    .footer-top {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 30px
    }
}

@media (max-width: 650px) {
    .footer-top {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 30px
    }
}

@media (max-width: 650px) {
    .footer-column {
        align-items: center
    }
}

.footer-logo {
    display: inline-flex;
    margin-bottom: 24px
}

.footer-logo img {
    max-width: 250px
}

@media (max-width: 900px) {
    .footer-logo img {
        max-width: 200px
    }
}

.footer-tel, .footer-mail {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    transition: .2s
}

.footer-mail {
    margin-top: 8px
}



.footer-payment__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 16px
}

.footer-payment__image {
    display: flex
}

.footer-about {
    margin: 48px 0
}

@media (max-width: 650px) {
    .footer-about {
        text-align: center
    }
}

.footer-about p {
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 12px
}

.footer-about b {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 4px
}

.footer-bottom {
    padding: 20px 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #37507e
}

.footer-bottom__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 650px) {
    .footer-bottom__wrap {
        text-align: center;
        flex-direction: column
    }
}

.footer-bottom__copy {
    display: inline-flex;
    font-size: 13px;
    line-height: 18px;
    color: #fff
}

.footer-bottom__links {
    font-size: 10px;
    line-height: 1.2
}

.footer-bottom__links .menu-futer {
    list-style: none;
    display: flex;
    align-items: center
}

.footer-bottom__links .menu-item {
    display: inline-flex;
    margin-right: 24px
}

@media (max-width: 650px) {
    .footer-bottom__links .menu-item {
        margin-right: 0
    }
}

.footer-bottom__links .menu-item:last-child {
    margin: 0
}

.footer-bottom__links .menu-item a {
    display: flex;
    font-size: 10px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    transition: .2s
}

@media (max-width: 650px) {
    .footer-bottom__links .menu {
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
}

.footer #up {
    position: absolute;
    right: 8%;
    bottom: 10%
}


@media (max-width: 900px) {
    footer {
        padding: 25px 0;
    }
    .footer-top {
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .footer-payment {
        width: 100%
    }

    .footer-menu {
        width: 70%
    }

    .footer-payment__image {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start
    }

    .footer-payment__image-item {
        margin-right: 10px
    }
}

@media (max-width: 768px) {
    .footer-logo{
        width: 100%;
    }
    .footer-logo img {
        margin: 0 auto;
        max-width: 200px;
    }
    .footer-top {
        display:flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start
    }

    .footer-column__info {
        width: 100%
    }

    .footer-logo img {
        margin: 0 auto
    }

    .footer-menu {
        width: 100%
    }
}

@media (max-width: 650px) {
    .footer-column {
        align-items:normal
    }
}

@media (max-width: 575px) {
    .footer-menu__item {
        width:100%;
        padding: 0
    }

    .footer-link__list {
        display: none;
        padding: 0 20px 30px
    }

    .footer-menu {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap
    }

    .footer-column__title {
        padding: 15px 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .footer-menu__item:first-child {
        border-top: 1px solid #2c4065
    }

    .footer-menu__item {
        border-bottom: 1px solid #2c4065
    }

    .footer-payment {
        text-align: center
    }

    .footer-payment__image {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center
    }

    .footer-column__title .arrow {
        background-image: url(/upload/wp-content/images/arrow.png);
        display: block;
        width: 40px;
        min-height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer
    }

    .footer-column__title a {
        margin-bottom: 0
    }

    .active .arrow {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .footer-link br {
        display: none
    }

    .adres,.whatsapp-link,.link {
        margin-right: 15px
    }

    .phone {
        margin-right: 10px
    }
    .whatsapp-link + .whatsapp-link {
        margin-left: 0;
    }
    .soc-ico-wrap .whatsapp-link {
        margin-right: 15px !important;
    }
}


body {
    position: relative;
}
#scroll-to-top {
    display: none;
    position: fixed;
    bottom: 70px;
    left: 40px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border: none;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #13255F, 0 0 0 6px #A9BBF5, 0 0 0 9px #7F9DFA;
    transition: box-shadow 0.25s ease-in-out;
}
#scroll-to-top:hover {
    box-shadow: 0 0 0 3px #13255F, 0 0 0 6px #A9BBF5, 0 0 0 9px #7F9DFA;
}
#scroll-to-top a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#scroll-to-top a img {
    width: 26px;
    height: 14px;
}
@media (max-width: 768px) {
    #scroll-to-top {
        display: flex;
    }
}
/* End */


/* Start:/local/templates/box/style/ui-forms.css?17798646969906*/
.form-container {
    font-size: 14px;
}

.form-container--auth {
    max-width: 538px;
}

.ui-input--text input {
    /* background: var(--main-bg-color-2); */
    border: 1px solid rgba(155,155,171,.3);
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 24px;
    line-height: 1;
    height: 60px;
    width: 100%;
    padding: 15px 40px 15px 17px;
    color: #474747;
    overflow: hidden;
}

.ui-input--text input::placeholder{
    color: transparent;
}

.ui-input--text input:focus::placeholder{
    color: inherit;
}

.ui-input--text textarea {
    background: var(--main-bg-color-2);
    border: 1px solid var(--main-bg-color-2);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    min-height: 100px;
    width: 100%;
    padding: 12px 40px 12px 15px;
    color: var(--text-color-2);
    max-width: 100%;
    min-width: 100%;
}

.ui-input--stars input, .ui-input--radio input, .ui-input--checkbox input, .ui-input--checkbox-2 input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.ui-input--checkbox input+span::before {
    content: '*';
    color: transparent;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid var(--main-bg-color-2);
    box-sizing: border-box;
    border-radius: 2px;
    display: inline-flex;
    cursor: pointer;
    line-height: 20px;
    margin-right: 7px;
}

.ui-input--radio .ui-input__placeholder, .ui-input--checkbox .ui-input__placeholder {
    display: block;
    line-height: 20px;
}

.ui-input--checkbox input:focus+span::before {
    background: var(--main-color);
    border-color: var(--main-color);
}

.ui-input--checkbox input:checked+span::before {
    background: var(--main-color);
    background-image: var(--i-ok);
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    border-color: var(--main-color);
}

.ui-input--checkbox input+span::before {
    content: '*';
    color: transparent;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid var(--main-bg-color-2);
    box-sizing: border-box;
    border-radius: 2px;
    display: inline-flex;
    cursor: pointer;
    line-height: 20px;
    margin-right: 7px;
}

.ui-input--checkbox-2 input+span {
    display: inline-flex;
    color: #231F20;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 11px;
    border: 1px solid var(--main-bg-color-2);
    border-radius: 4px;
    background: #fff;
    text-align: center;
    font-weight: 500;
}

.ui-input--checkbox-2 input:checked+span {
    background: var(--main-bg-color-2);
    border: 1px solid var(--main-color);
    color: var(--main-color);
    font-weight: 500;
}

.ui-input--radio input+span::before {
    content: '*';
    color: transparent;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid var(--main-bg-color-2);
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-flex;
    cursor: pointer;
    line-height: 20px;
    margin-right: 7px;
}

.radio--border .ui-input__placeholder {
    border: 1px solid var(--main-bg-color-2);
    padding: 18px 5px;
    border-radius: 4px;
}

.ui-input__label {
    cursor: pointer;
}

.ui-input--radio input:focus+span::before {
    background: var(--main-color);
    border-color: var(--main-color);
}

.ui-input--radio input:checked+span::before {
    background: var(--main-color);
    /* box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 4px var(--main-color); */
    padding: 3px;
    border-color: var(--main-color);
    background-clip: content-box;
    line-height: 14px;
}

.ui-input--radio.radio--border input:checked+span {
    background: var(--main-bg-color-2);
    border: 1px solid var(--main-color);
}


.ui-input+.ui-input {
    margin-top: 20px;
}

.ui-input__wraper {
    position: relative;
    display: block;
}

.ui-input__placeholder {
    font-size: 14px;
    line-height: 143%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.ui-input--text .ui-input__placeholder {
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 15px;
    color: var(--text-color-4);
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
}

.tx-red{
    color: var(--red);
}

.ui-input__placeholder>.tx-red {
    color: var(--red);
    margin-left: 2px;
}

.ui-input textarea.input--not-empty, 
.ui-input--text textarea:focus, 
.ui-input input.input--not-empty, 
.ui-input--text input:focus, 
.ui-input--text input:not([value=""]), 
.ui-input--text textarea:not(:placeholder-shown) {
    outline: 0;
    background: #fff;
    /* border-color: var(--main-color); */
}

.ui-input input[disabled] {
    background: #E9E9E9;
    border-color: #E9E9E9;
}

.ui-input--text input:not([value=""])+.ui-input__placeholder, 
.ui-input--text textarea:not(:placeholder-shown)+.ui-input__placeholder, 
.ui-input--text textarea.input--not-empty+.ui-input__placeholder, 
.ui-input--text textarea:focus+.ui-input__placeholder, 
.ui-input--text input.input--not-empty+.ui-input__placeholder, 
.ui-input--text input:focus+.ui-input__placeholder {
    top: -10px;
    background: #fff;
    color: var(--main-color);
}

.ui-input textarea::placeholder{
    color: transparent;
}

.ui-input input.input--not-empty+.ui-input__placeholder>.tx-red, .ui-input input:focus+.ui-input__placeholder>.tx-red {
    color: var(--main-color);
}

.ui-input .input--error+.ui-input__placeholder::after {
    content: attr(data-validation-message);
    margin-left: 5px;
    width: 100%;
    color: var(--red) !important;
}

.ui-input .input--ok+.ui-input__placeholder::after {
    /* content: 'ok';
    position: absolute;
    right: 15px;
    top: 15px; */
}

.ui-input input.input--error {
    border-color: var(--red);
}

.ui-select select {
    box-sizing: content-box;
    --select-arrow: 25px;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 15px 30px 10px 17px;
    margin: 0;
    width: 100%;
    font-size: 24px;
    line-height: 1;
    background: #FFFFFF;
    border: 1px solid rgba(155,155,171,.3);
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    color: #474747;
    background-image: var(--i-arrowDown);
    background-size: calc(var(--select-arrow) / 2);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    height: 60px;
}

.ui-select select:disabled {
    cursor: no-drop;
    background-color: #f5f5f5;
    color: #777777;
    border-color: #777777;
    ;
}

.ui-select select option {
    font-size: 16px;
}

.ui-select select::-ms-expand {
    display: none;
}

.ui-select {
    position: relative;
}

.ui-select select:focus-within {
    background-image: var(--i-arrowUp);
}

.ui-options-overlay {
    /* background: rgba(0, 0, 0, 0.5); */
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: calc(var(--z-index-tooltip) + 1);
}

.ui-options {
    background: #FFFFFF;
    /* Blue/blue 15 */
    border: 1px solid var(--main-bg-color-2);
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    top: 60px;
    z-index: calc(var(--z-index-tooltip) + 2);
    width: 100%;
    max-height: 208px;
    overflow: auto;
}

.ui-options__item:hover {
    background: var(--main-bg-color-2);
}

.ui-options__item--select {
    background: var(--main-bg-color-2);
}

.ui-options__item {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 15px;
    color: #414042;
    cursor: pointer;
}

.form-group {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ui-input--stars .ui-input__wraper {
    display: flex;
    flex-direction: row-reverse;
    width: min-content;
    text-align: center;

}

.ui-input__star {
    line-height: 0;
}

.ui-input__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.ui-input__star svg {
    width: 24px;
    height: auto;
}

.ui-input__star+.ui-input__star {
    margin-left: 2px;
}

.ui-input__label:hover .ui-input__star svg,
.ui-input__label:hover~.ui-input__label .ui-input__star svg,
.ui-input__label.cheked~.ui-input__label .ui-input__star svg {
    fill: #FFAA06;
}

/* .ui-input--stars::before {
    content: attr(data-input-val);
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    white-space: nowrap;
    margin-left: 5px;
} */

.ui-input--stars[data-input-val=""] .ui-input__wraper::before {
    content: '— Без оценки';
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    white-space: nowrap;
    margin-left: 5px;
}

.ui-input__star input:checked+svg {
    fill: #FFAA06;
}

/* CUSTOM bx-sls  */

.bx-sls .dropdown-block{
    background: #fff;
    border: 1px solid var(--main-bg-color-2);
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    height: 50px;
    width: 100%;
    padding: 12px 40px 12px 15px;
    color: var(--text-color-2);
    /* overflow: hidden; */
}
.bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route{
    height: 25px;
}

.bx-sls .bx-ui-sls-pane{
    top: 50px;
}

.bx-sls .bx-ui-sls-clear{
    top: 8px;
}

/* CUSTOM bx-sls  */

@media (max-width: 556px) {
    /* .ui-input+.ui-input {
        margin-top: 10px;
    } */
}
/* End */


/* Start:/local/templates/box/style/popups.css?17430770711442*/
.ui-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: var(--z-index-menu);
}

.ui-popup--show {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-popup__container {
    background: #fff;
    border-radius: 4px;
    position: relative;
    padding: 50px;
    width: 100%;
    max-width: 650px;
    max-height: 80vh;
    overflow: auto;
    margin: 10px;
}

.ui-popup__title{
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.ui-popup__container::-webkit-scrollbar {
    width: 12px;
}

.ui-popup__container::-webkit-scrollbar-track {
    background: rgba(155, 155, 171, 0.3);
}

.ui-popup__container::-webkit-scrollbar-thumb {
    background-color: #37609E;
    border-radius: 0px;
}

.ui-popup__close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.ui-popup h3 {
    margin-top: 0;
}

.ui-form__error {
    color: red;
    display: none;
    padding-left: 10px;
    padding-top: 20px;
}

.ui-popup__buttons {
    margin-top: 25px;
}

@media (max-width: 550px) {
    .ui-popup--show {
        align-items: flex-start;
    }

    .ui-popup__container {
        max-height: calc(100vh - 30px);
        padding: 30px 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .ui-popup__close {
        top: 10px;
        right: 10px;
    }
}
/* End */


/* Start:/local/templates/box/style/footer-v2.min.css?177883867716940*/
.footer {
    background: #37507f;
    padding: 76px 0 50px 0
}

@media (max-width:991px) {
    .footer {
        padding: 36px 0 50px 0
    }
}

.footer img {
    max-width: 100%;
    height: auto
}

.footer .footer__grid {
    display: grid;
    grid-template-columns: 200px 2fr 300px;
    gap: 32px;
    grid-template-areas: "left center right"
}

@media (max-width:1100px) {
    .footer .footer__grid {
        gap: 10px
    }
}

@media (max-width:991px) {
    .footer .footer__grid {
        grid-template-columns: 240px 1fr;
        grid-template-areas: "right right" "left center"
    }
}

@media (max-width:767px) {
    .footer .footer__grid {
        grid-template-columns: 1fr;
        grid-template-areas: "right" "left" "center"
    }
}

.footer .footer__grid .area-left {
    grid-area: left
}

.footer .footer__grid .area-center {
    grid-area: center
}

.footer .footer__grid .area-right {
    grid-area: right
}

@media (max-width:991px) {
    .footer .footer__grid .area-right {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "logo logo" "contacts payment";
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .footer .footer__grid .area-right {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: "logo" "contacts" "payment";
        margin-bottom: 40px
    }
}

.footer .footer__grid .area-right .area-logo {
    grid-area: logo;
    margin-bottom: 32px
}

.footer .footer__grid .area-right .area-contacts {
    grid-area: contacts
}

.footer .footer__grid .area-right .area-payment {
    grid-area: payment;
    margin-top: 20px
}

@media (max-width:991px) {
    .footer .footer__grid .area-right .area-payment {
        margin-right: 35%;
        margin-top: 0
    }
}

@media (max-width:767px) {
    .footer .footer__grid .area-right .area-payment {
        margin-top: 30px;
        margin-right: 0
    }
}

.footer .footer__grid .footer__menu .footer__menu_list {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu .footer__menu_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: start;
        justify-content: space-evenly;
        align-items: start;
        gap: 24px 6px;
        margin-bottom: 30px
    }
}

.footer .footer__grid .footer__menu .footer__menu_list--bold a {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu .footer__menu_list--bold a {
        font-size: 16px
    }
}

.footer .footer__grid .footer__menu .footer__menu_list--bold a:hover {
    text-decoration: underline
}

.footer .footer__grid .footer__menu .footer__menu_list li a {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu .footer__menu_list li a {
        margin-bottom: 0
    }
}

.footer .footer__grid .footer__menu .footer__menu_list li a:hover {
    text-decoration: underline
}

.footer .footer__grid .footer__maps {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

@media (max-width:768px) {
    .footer .footer__grid .footer__maps {
        display: none
    }
}

.footer .footer__grid .footer__menu-cluster {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

@media (max-width:1100px) {
    .footer .footer__grid .footer__menu-cluster {
        gap: 10px
    }
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu-cluster {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0
    }
}

.footer .footer__grid .footer__menu-cluster_item--wrap {
    margin-bottom: 20px
}

.footer .footer__grid .footer__menu-cluster_item--wrap:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu-cluster_item--wrap {
        margin-bottom: 0
    }
}

@media (max-width:991px) {
    .footer .footer__grid .footer__menu-cluster_item--wrap.payment-box {
        display: none
    }
}

.footer .footer__grid .footer__menu-cluster_item--wrap.payment-box .footer__menu-cluster_item--title {
    border: 0
}

.footer .footer__grid .footer__menu-cluster_item--title {
    margin-bottom: 20px
}

.footer .footer__grid .footer__menu-cluster_item--title a {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu-cluster_item--title a {
        padding: 20px 0
    }
}

.footer .footer__grid .footer__menu-cluster_item--title a:hover {
    text-decoration: underline
}

.footer .footer__grid .footer__menu-cluster_item--title_span {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu-cluster_item--title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #2c4064;
        margin-bottom: 0
    }
}

.footer .footer__grid .footer__menu-cluster_item--title.active .footer__accordion-arrow::before {
    transform: rotate(315deg)
}

.footer .footer__grid .footer__menu-cluster_item--title.active~.footer__menu-cluster_list {
    margin-top: 10px;
    display: block
}

.footer .footer__grid .footer__menu-cluster_list {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu-cluster_list {
        display: none
    }
}

.footer .footer__grid .footer__menu-cluster_list li a {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    margin-bottom: 14px;
    text-decoration: none
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu-cluster_list li a {
        margin-bottom: 20px
    }
}

.footer .footer__grid .footer__menu-cluster_list li a:hover {
    text-decoration: underline
}

.footer .footer__grid .footer__menu-cluster_list-flex {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

@media (max-width:767px) {
    .footer .footer__grid .footer__menu-cluster_list-flex {
        width: 100%;
        justify-content: space-around
    }
}

@media (max-width:991px) {
    .footer .footer__grid .footer__logo {
        display: flex;
        justify-content: center;
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .footer .footer__grid .footer__logo {
        margin-bottom: 32px
    }
}

@media (max-width:991px) {
    .footer .footer__grid .footer__logo img {
        max-width: 240px;
        height: 54px
    }
}

.footer .footer__grid .footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 36px
}

@media (max-width:991px) {
    .footer .footer__grid .footer__contacts {
        margin-right: 15%;
        gap: 24px
    }
}

@media (max-width:768px) {
    .footer .footer__grid .footer__contacts {
        margin-right: 0
    }
}

.footer .footer__grid .footer__contacts .footer__phone {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 10px;
    padding-left: 40px
}

.footer .footer__grid .footer__contacts .footer__phone a {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

.footer .footer__grid .footer__contacts .footer__phone a:hover {
    text-decoration: underline
}

.footer .footer__grid .footer__contacts .footer__phone .ico-telegram img,
.footer .footer__grid .footer__contacts .footer__phone .ico-whatsapp img {
    width: 24px;
    height: 24px
}

.footer .footer__grid .footer__contacts .footer__phone .link-phone {
    position: relative
}

.footer .footer__grid .footer__contacts .footer__phone .link-phone::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -40px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.18 8.27L11.684 14.73C12.381 13.923 16.794 9.192 19 15.654C19 15.654 18.768 19 14.006 19C10.639 19 7.155 14.962 4.716 12.654C2.626 10.692 1 8.154 1 5.846C1 1.116 4.252 1 4.252 1C11.684 3.538 5.181 8.27 5.181 8.27H5.18Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media (max-width:768px) {
    .footer .footer__grid .footer__contacts .footer__phone .link-phone::before {
        top: 0
    }
}

.footer .footer__grid .footer__contacts .footer__email {
    padding-left: 40px
}

.footer .footer__grid .footer__contacts .footer__email a {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

.footer .footer__grid .footer__contacts .footer__email a:hover {
    text-decoration: underline
}

.footer .footer__grid .footer__contacts .footer__email .link-email {
    position: relative
}

.footer .footer__grid .footer__contacts .footer__email .link-email::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -40px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M19.03 6.28965L10 0.639648L0.97 6.28965C0.39 6.63965 0 7.26965 0 7.99965V17.9996C0 19.0996 0.9 19.9996 2 19.9996H18C19.1 19.9996 20 19.0996 20 17.9996V7.99965C20 7.26965 19.61 6.63965 19.03 6.28965ZM18 17.9996H2V9.99965L10 14.9996L18 9.99965V17.9996ZM10 12.9996L2 7.99965L10 2.99965L18 7.99965L10 12.9996Z' fill='white'/%3E%3C/svg%3E")
}

.footer .footer__grid .footer__contacts .footer__address {
    padding-left: 40px
}

.footer .footer__grid .footer__contacts .footer__address span {
    position: relative;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #fff
}

.footer .footer__grid .footer__contacts .footer__address span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M9 12C10.6569 12 12 10.6569 12 9C12 7.34315 10.6569 6 9 6C7.34315 6 6 7.34315 6 9C6 10.6569 7.34315 12 9 12Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 1C6.87827 1 4.84344 1.84285 3.34315 3.34315C1.84285 4.84344 1 6.87827 1 9C1 10.892 1.402 12.13 2.5 13.5L9 21L15.5 13.5C16.598 12.13 17 10.892 17 9C17 6.87827 16.1571 4.84344 14.6569 3.34315C13.1566 1.84285 11.1217 1 9 1Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.footer .footer__grid .footer__contacts .footer__visually-impaired {
    padding-left: 40px
}

.footer .footer__grid .footer__contacts .footer__visually-impaired a {
    position: relative;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

.footer .footer__grid .footer__contacts .footer__visually-impaired a:hover {
    text-decoration: underline
}

.footer .footer__grid .footer__contacts .footer__visually-impaired a::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -40px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6211 9C15.6211 10.0609 15.1997 11.0783 14.4495 11.8284C13.6994 12.5786 12.682 13 11.6211 13C10.5602 13 9.54281 12.5786 8.79267 11.8284C8.04252 11.0783 7.62109 10.0609 7.62109 9C7.62109 7.93913 8.04252 6.92172 8.79267 6.17157C9.54281 5.42143 10.5602 5 11.6211 5C12.682 5 13.6994 5.42143 14.4495 6.17157C15.1997 6.92172 15.6211 7.93913 15.6211 9ZM13.6211 9C13.6211 9.53043 13.4104 10.0391 13.0353 10.4142C12.6602 10.7893 12.1515 11 11.6211 11C11.0907 11 10.582 10.7893 10.2069 10.4142C9.83181 10.0391 9.62109 9.53043 9.62109 9C9.62109 8.46957 9.83181 7.96086 10.2069 7.58579C10.582 7.21071 11.0907 7 11.6211 7C12.1515 7 12.6602 7.21071 13.0353 7.58579C13.4104 7.96086 13.6211 8.46957 13.6211 9Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.622 0C17.214 0 21.912 3.824 23.244 9C21.912 14.176 17.214 18 11.622 18C6.03 18 1.332 14.176 0 9C1.332 3.824 6.03 0 11.622 0ZM11.622 16C7.146 16 3.353 13.058 2.079 9C3.353 4.942 7.146 2 11.622 2C16.098 2 19.891 4.942 21.165 9C19.891 13.058 16.098 16 11.622 16Z' fill='white'/%3E%3C/svg%3E")
}

.footer .footer__grid .footer__contacts .footer__soc-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px
}

@media (max-width:767px) {
    .footer__payment {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }
}

.footer__payment--title {
    margin-bottom: 20px
}

.footer__payment--title a {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

@media (max-width:767px) {
    .footer__payment--title a {
        padding: 15px 0
    }
}

.footer__payment--title a:hover {
    text-decoration: underline
}

.footer__payment--title_span {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none
}

.footer__payment_list-flex {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.footer__payment.payment-box {
    display: none
}

@media (max-width:991px) {
    .footer__payment.payment-box {
        display: block
    }
}

.footer__accordion-arrow {
    display: none
}

@media (max-width:767px) {
    .footer__accordion-arrow {
        position: relative;
        background: 0 0;
        width: 63px;
        height: 63px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .3s ease
    }
}

.footer__accordion-arrow::before {
    content: "";
    display: inline-flex;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    transition: all .3s ease
}

.footer .footer__maps-mob .footer__maps {
    display: none
}

@media (max-width:768px) {
    .footer .footer__maps-mob .footer__maps {
        display: flex;
        justify-content: center;
        margin: 40px 0
    }
}

@media (max-width:576px) {
    .footer .footer__maps-mob .footer__maps {
        display: flex;
        justify-content: center;
        margin: 40px 0 0 0
    }
}

.footer .footer__maps-mob .footer__maps_item img {
    height: 53px
}

.footer__bottom {
    background: #2c4065;
    padding: 22px 0
}

.footer__bottom_layer {
    display: grid;
    grid-template-columns: minmax(200px, 160px) 1fr;
    grid-gap: 7px
}

@media (max-width:767px) {
    .footer__bottom_layer {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center
    }
}

.footer__company_name {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #fff
}

.footer__company_civil-code {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    color: #fff
}
/* End */


/* Start:/local/templates/box/fonts/icons/fonts.css?17430770713810*/
:root{
    /* Icons */
    --i-arrowLeft: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L8.46967 11.4697L7.93934 12L8.46967 12.5303L9 12ZM14.4697 5.46967L8.46967 11.4697L9.53033 12.5303L15.5303 6.53033L14.4697 5.46967ZM8.46967 12.5303L14.4697 18.5303L15.5303 17.4697L9.53033 11.4697L8.46967 12.5303Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    --i-arrowRight: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 12L15.5303 11.4697L16.0607 12L15.5303 12.5303L15 12ZM9.53033 5.46967L15.5303 11.4697L14.4697 12.5303L8.46967 6.53033L9.53033 5.46967ZM15.5303 12.5303L9.53033 18.5303L8.46967 17.4697L14.4697 11.4697L15.5303 12.5303Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    --i-arrowUp: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2L5.53033 1.46967L5 0.93934L4.46967 1.46967L5 2ZM9.53033 5.46967L5.53033 1.46967L4.46967 2.53033L8.46967 6.53033L9.53033 5.46967ZM4.46967 1.46967L0.46967 5.46967L1.53033 6.53033L5.53033 2.53033L4.46967 1.46967Z' fill='%23414042'/%3E%3C/svg%3E%0A");
    --i-arrowDown: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L5.53033 5.53033L5 6.06066L4.46967 5.53033L5 5ZM9.53033 1.53033L5.53033 5.53033L4.46967 4.46967L8.46967 0.469669L9.53033 1.53033ZM4.46967 5.53033L0.46967 1.53033L1.53033 0.46967L5.53033 4.46967L4.46967 5.53033Z' fill='%23414042'/%3E%3C/svg%3E%0A");
    --i-ok: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.52495 11.657L0.574951 6.707L1.98895 5.293L5.52645 8.8265L5.52495 8.828L14.01 0.343002L15.424 1.757L6.93895 10.243L5.52595 11.656L5.52495 11.657Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    --i-arrowUpRight: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.86944 1.46447L7.86944 0.714474L8.61944 0.714474L8.61944 1.46447L7.86944 1.46447ZM1.32871 9.06587C1.03581 9.35877 0.560938 9.35877 0.268045 9.06587C-0.0248483 8.77298 -0.024848 8.2981 0.268045 8.00521L1.32871 9.06587ZM2.21259 0.714474H7.86944L7.86944 2.21447H2.21259L2.21259 0.714474ZM8.61944 1.46447L8.61944 7.12133L7.11944 7.12133L7.11944 1.46447L8.61944 1.46447ZM8.39977 1.9948L1.32871 9.06587L0.268045 8.00521L7.33911 0.934144L8.39977 1.9948Z' fill='%23414042'/%3E%3C/svg%3E%0A");
    /* Icons active */
    --i-arrowUp--active: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2L5.53033 1.46967L5 0.93934L4.46967 1.46967L5 2ZM9.53033 5.46967L5.53033 1.46967L4.46967 2.53033L8.46967 6.53033L9.53033 5.46967ZM4.46967 1.46967L0.46967 5.46967L1.53033 6.53033L5.53033 2.53033L4.46967 1.46967Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    --i-arrowDown--active: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L5.53033 5.53033L5 6.06066L4.46967 5.53033L5 5ZM9.53033 1.53033L5.53033 5.53033L4.46967 4.46967L8.46967 0.469669L9.53033 1.53033ZM4.46967 5.53033L0.46967 1.53033L1.53033 0.46967L5.53033 4.46967L4.46967 5.53033Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    --i-ok--active: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.52495 11.657L0.574951 6.707L1.98895 5.293L5.52645 8.8265L5.52495 8.828L14.01 0.343002L15.424 1.757L6.93895 10.243L5.52595 11.656L5.52495 11.657Z' fill='%231771F1'/%3E%3C/svg%3E%0A");

}
/* End */


/* Start:/local/templates/box/template_styles.css?177874700214517*/
/* Typography */


h1, h2, h3 {
    color: var(--text-color);
    line-height: 140%;
    font-weight: 500;
}

h1 {
    font-size: var(--main-h1-size);
    margin: 10px 0 20px 0;
}

h2 {
    font-size: var(--main-h2-size);
    margin: 10px 0 20px 0;
}

h3 {
    font-size: var(--main-h3-size);
    margin: 10px 0 20px 0;
}

p {
    line-height: 150%;
}

b {
    font-weight: 600;
}

ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

svg.hidden{
    display: none !important;
}

blockquote {
    color: var(--text-color-2);
    font-weight: 500;
    font-size: var(--main-p-size);
    line-height: 150%;
    margin: 10px 0 20px 0;
    padding-left: 20px;
    border-left: 2px solid var(--main-color);
}

.block-white {
    background: #fff;
    padding: 70px 0;
}

.footer-chat-content {
    font-size: 14px !important;
    font-weight: normal;
    color: #fff;
    padding: 10px 20px;
    text-align: left;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-decoration: none;
    border-width: 0;
    cursor: pointer;
    line-height: 100% !important;
    max-width: 275px;
}

.footer-chat-content.whatsapp {
    background-color: #23C920;
}

.footer-chat-content.whatsapp:hover {
    background-color: #1fb31c;
}

.footer-chat-content.telegram {
    background-color: #55A8E3;
}

.footer-chat-content.telegram:hover {
    background-color: #459CDA;
}

.footer-chat-content svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 20px;
}

.footer-chat-content .chat__info__cont {
    display: block;
}

.footer-chat-content:hover .chat__info__cont {
    color: #fff !important;
}

.chat__info__wrap1 {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.chat__info__wrap2 {
    font-size: 12px;
}

.gray {
    color: #9e9e9e;
    font-size: 16px;
}

.b0 {
    margin-bottom: 0
}

.b5 {
    margin-bottom: 5px
}

.b6 {
    margin-bottom: 6px
}

.b7 {
    margin-bottom: 7px
}

.b8 {
    margin-bottom: 8px
}

.b9 {
    margin-bottom: 9px
}

.b10 {
    margin-bottom: 10px
}

.b15 {
    margin-bottom: 15px
}

.b20 {
    margin-bottom: 20px
}

.b25 {
    margin-bottom: 25px
}

.b30 {
    margin-bottom: 30px
}

.b35 {
    margin-bottom: 35px
}

.b40 {
    margin-bottom: 40px
}

.b45 {
    margin-bottom: 45px
}

.b50 {
    margin-bottom: 50px
}

.b60 {
    margin-bottom: 60px
}

.b65 {
    margin-bottom: 65px
}

.b70 {
    margin-bottom: 70px
}

.b100 {
    margin-bottom: 100px
}

.b130 {
    margin-bottom: 130px
}

.b150 {
    margin-bottom: 150px
}

.text {
    line-height: 1.5;
}

.f300 {
    font-weight: 300;
}

.b40 {
    margin-bottom: 40px;
}

.f36 {
    font-size: 36px;
    font-weight: 600;
    color: #1A1A1A;
}

.post {
    font-size: 18px;
    padding: 0 0 90px;

}

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

.text ul {
    margin-bottom: 20px;
    list-style-type: square;
    list-style-position: inside;
}

.text table {
    margin-bottom: 20px;
    background-color: #fff;
    border-collapse: collapse;
    width: 100%;
}

.text table td {
    padding: 10px;
    border: 1px solid #fff;
}

.text img {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 1250px) {
    .f36 {
        font-size: 30px;
    }
}

@media (max-width: 992px) {
    .f36 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .name.f36 {
        margin-bottom: 20px;
    }
}

.actionsPage {
    margin-top: 30px;
    margin-bottom: 80px;
}
.actionsPage__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    margin-top: 40px;
}
.actionsPage__list__item {
    width: calc(50% - 10px);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.10);
}
.actionsPage__list__item__img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.actionsPage__list__item__img img{
    width: 100%;
}
@media (max-width: 499px) {
    .actionsPage__list__item {
        width: 100%;
    }
}

main.mainNoHeight {
    min-height: unset;
}
.reviewsGrade__list {
    display: flex;
    gap: 34px;
    flex-wrap: wrap;
    margin: 50px 0;
}
.reviewsGrade__list__item {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    cursor: pointer;
}
.reviewsGrade__list__item__logo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviewsGrade__list__item__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.reviewsGrade__list__item__block__title {
    color: #231F20;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}
.reviewsGrade__list__item__block__rating {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}
.reviewsGrade__list__item__block__rating__value {
    color: #9E9E9E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.reviews__star-rating {
    display: inline-flex;
    position: relative;
    font-size: 24px;
    line-height: 1;
}
.reviews__stars-background {
    color: #ccc;
    display: flex;
}
.reviews__stars-foreground {
    color: #FFD311;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
}

.reviewsGradeForm {
    padding: 30px 0;
    background: url(/local/templates/box/images/reviews_form_bg_01.jpg) no-repeat center center /cover;
}
.reviewsGradeForm__form {
    padding: 30px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    gap: 24px;    
    width: 658px;
    max-width: 100%;
    margin: 0 auto;
}
.reviewsGradeForm__form__title {
    color: #231F20;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8;
}
.reviewsGradeForm__form__input {
    display: flex;
    height: 48px;
    padding: 0 24px;
    align-items: center;
    color: #231F20;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #F7F9FC;
    outline: none;
    border: none;
    border-radius: 5px;
}
.reviewsGradeForm__form__textarea {
    height: 240px;
    padding: 24px;
    color: #231F20;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #F7F9FC;
    outline: none;
    border: none;
    border-radius: 5px;
}
.reviewsGradeForm__form__submit {
    display: flex;
    width: 196px;
    height: 48px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
    background: #37507F;
    transition: .2s;
    outline: none;
    border: none;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.reviewsGradeForm__form__submit:hover {
    background: #304160;
}
.reviewsGradeForm__form__submit:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}
.reviewsGradeForm__form__policy {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.reviewsGradeForm__form__policy__checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 19px;
    height: 19px;
    border-radius: 3px;
    border: 1px solid #37507F;
    outline: none;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}
.reviewsGradeForm__form__policy__checkbox:checked {
    background-color: #fff;
    border-color: #37507F;
}
.reviewsGradeForm__form__policy__checkbox:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #37507F;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.reviewsGradeForm__form__policy__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.reviewsGradeForm__form__input__second {
    display: none;
}
.reviewsGradeForm__rating-stars {
    font-size: 24px;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}
.reviewsGradeForm__star {
    color: #ccc;
    transition: .2s;
}
.reviewsGradeForm__star:hover,
.reviewsGradeForm__star.hover {
    color: #FFD311;;
}
.reviewsGradeForm__star.active {
    color: #FFD311;;
}
.reviewsGradeForm__rating {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.reviewsGradeForm__rating__text {
    color: #7A7A7A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.reviewsGrade__achor {
    display: flex;
    width: 196px;
    height: 48px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
    background: #37507F;
    transition: .2s;
    outline: none;
    border: none;
    cursor: pointer;
    margin-bottom: 50px;
}
.reviewsGrade__achor:hover {
    background: #304160;
}

.reviewsItems__list {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 16px;
}
.reviewsItems__list__item {
    width: calc(100%/3 - (16px * 2/3));
    padding: 26px 38px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.reviewsItems__list__item__top {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
}
.reviewsItems__list__item__top__icon {
    min-width: 54px;
}
.reviewsItems__list__item__top__icon svg {
    width: 100%;
}
.reviewsItems__list__item__top__block__name {
    color: #231F20;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
}
.reviewsItems__list__item__top__block__rating .reviews__stars-foreground {
    color: #37507D;
}
.reviewsItems__list__item__text {
    color: #231F20;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.reviewsItems__list__item__date {
    color: #969696;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: auto;
}
.reviewsItems__list__pagination {
    margin: 10px 0;
}
.reviewsItems__list__more {
    display: flex;
    width: 196px;
    height: 48px;
    justify-content: center;
    align-items: center;
    color: #37507D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 5px;
    border: 1px solid #37507D;
    background: transparent;
    transition: .2s;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.reviewsItems__list__more:hover {
    background: #304160;
    color: #fff;
}
@media(min-width: 992px) {
    [aria-label="mobile-menu"] {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .reviewsItems__list__item {
        width: calc(50% - 8px);
    }
}
@media (max-width: 767px) {
    .reviewsGrade__list {
        margin: 28px 0;
    }
    .reviewsGrade__list__item {
        gap: 6px;
    }
    .reviewsGrade__list {
        gap: 20px;
        justify-content: space-between;
    }
    .reviewsGrade__list__item__block {
        position: relative;
    }
    .reviewsGrade__list__item__block__rating__value {
        position: absolute;
        top: 0;
        right: 0;
    }
    .reviews__star-rating {
        font-size: 18px;
    }

    .reviewsItems__list__item {
        width: 100%;
    }
}
@media (max-width: 499px) {
    .reviewsGrade__achor, 
    .reviewsItems__list__more,
    .reviewsGradeForm__form__submit {
        width: 100%;
        height: 45px;
    }
    .reviewsGrade__achor {
        margin-bottom: 28px;
    }
    .reviewsItems__list__item {
        padding: 16px 28px;
    }
    .reviewsItems__list__item__top__block__name {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .reviewsItems__list__item__text {
        font-size: 14px;
        line-height: normal;
    }
    .reviewsItems__list__item__date {
        font-size: 14px;
    }
}
@media (max-width: 500px) {
    .advantages-items button.slick-arrow {
        background: url(/local/templates/box/images/ls_arrow.png);
        border: navajowhite;
        color: transparent;
        transform: translateY(0%);
    }
    .advantages-items button.slick-prev.slick-arrow {
        transform: rotate(180deg);
        left: -10px;
    }
    .advantages-items button.slick-next.slick-arrow {
        right: -10px;
    }
    .advantages-items .item {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .advantages-items .item p {
        max-width: 90%;
    }
    .advantages-items ul.slick-dots {
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 21px;
    }
    .advantages-items .slick-dots li button {
        width: 11px;
        background: #37507E;
        height: 11px;
        padding: 0;
        border: 2px solid #ffffff;
    }
    .advantages-items .slick-dots li.slick-active button {
        background: #ffffff;
        border-color: #23C81F;
    }
}

@media (max-width: 991px) {

    .advantages_wrapper .advantages-slider .slick-arrow {
        display: none !important;
    }
    .advantages_wrapper .advantages-slider li.slick-active button {
        background: #002d75e6;
    }
    .advantages_wrapper .advantages-slider li button {
        background: #c2c2c2;
    }
    .advantages_wrapper .advantages-slider .slick-dots {
        gap: 12px;
    }

    .slick-initialized .item.slick-slide {
        display: flex;
    }
}
/* End */
/* /local/templates/box/style/blocks/menu.css?17787432696117 */
/* /local/templates/box/components/bitrix/breadcrumb/shop/style.css?1743077068558 */
/* /local/templates/box/fonts/Inter/stylesheet.css?1743077071827 */
/* /local/templates/box/libs/slick/slick.css?17430770711776 */
/* /local/templates/box/style/normalize.css?17430770726039 */
/* /local/templates/box/style/constructor.css?17430770711659 */
/* /local/templates/box/style/menu.css?17792740766271 */
/* /local/templates/box/style/main.css?177883894121334 */
/* /local/templates/box/style/footer.css?177981592611003 */
/* /local/templates/box/style/ui-forms.css?17798646969906 */
/* /local/templates/box/style/popups.css?17430770711442 */
/* /local/templates/box/style/footer-v2.min.css?177883867716940 */
/* /local/templates/box/fonts/icons/fonts.css?17430770713810 */
/* /local/templates/box/template_styles.css?177874700214517 */