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

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



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

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

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

body
{
    margin: 0;

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

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button
{
    margin: 0;

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

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

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

    -webkit-appearance: none;
}

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

:focus
{
    outline: 0;
}

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


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



/*-------------------
    Global styles
-------------------*/
:root
{
    --font_family: "Raleway", sans-serif;
    --font_family2: "Roboto", sans-serif;
    --scroll_width: 17px;
}


.clear
{
    clear: both;
}


.left
{
    float: left;
}


.right
{
    float: right;
}


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


@media (min-width: 1025px)
{
    html.custom_scroll ::-webkit-scrollbar
    {
        width: 10px;
        height: 10px;

        background-color: #F2F2F2;
    }

    html.custom_scroll ::-webkit-scrollbar-thumb
    {
        border: 2px solid #F2F2F2;
        background-color: #1F6885;
    }

    html.custom_scroll,
    html.custom_scroll *
    {
        scrollbar-color: #1F6885 #F2F2F2;
        scrollbar-width: thin;
    }
}


body
{
    color: #1F1F1F;
    font: 16px/1.5 var(--font_family);

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

    background: #FFF;
}


body.lock
{
    overflow: hidden;

    margin-right: var(--scroll_width);
}


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

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


.wrap
{
    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-width: 375px;
    min-height: 100%;
}


.main
{
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;

    margin-top: 120px;
}


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


.lazyload
{
    opacity: 0;

    transition: opacity .5s linear;
}

.lazyload.loaded
{
    opacity: 1;
}


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


._marg
{
    margin-top: 113px;
}

._pad
{
    padding-top: 100px;
    padding-bottom: 100px;
}



.overlay
{
    position: fixed;
    z-index: 120;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    pointer-events: none;

    opacity: 0;
    background: #000;

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


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

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

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

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

    text-align: center;

    background: #FFF;
}

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


.page-content
{
    padding-top: 60px;
}

.content-flex
{
    justify-content: space-between;
}

.content
{
    width: calc(75% - 30px);
    max-width: 1240px;
}

.content_big
{
    width: calc(76.797% - 36px);
    max-width: none;
}



/*--------------
    Fancybox
--------------*/
.compensate-for-scrollbar
{
    padding-right: var(--scroll_width) !important;
}

.fancybox__backdrop
{
    background: rgba(0,0,0,.7);
}

.fancybox__content
{
    color: #1F1F1F;

    padding: 0;

    background: transparent;
}

.fancybox__content :focus:not(.carousel__button.is-close)
{
    outline: none;
}

.fancybox__slide
{
    padding: 18px;
}

.fancybox__content > .carousel__button.is-close
{
    top: 15px;
    right: 15px;

    color: #000;

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

    width: 30px;
    height: 30px;
    padding: 0;

    border: none;
    border-radius: 0;
    background: none;

    transition: color .2s linear;
}

.fancybox__content > .carousel__button.is-close:hover
{
    color: #1F6885;
}

.fancybox__content > .carousel__button.is-close svg
{
    width: 100%;
    height: 100%;

    fill: currentColor;
    filter: none;
    stroke: none;
}

.fancybox__button--thumbs,
.fancybox__button--zoom
{
    display: none;
}

.fancybox__thumbs
{
    display: none;
}



.mini-modal-cont
{
    position: relative;
}

.mini-modal
{
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;

    visibility: hidden;

    pointer-events: none;

    opacity: 0;

    transition: .2s linear;
}

.mini-modal.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}



/*------------
    Header
------------*/
.header
{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;

    width: 100%;
    padding: 20px 0;

    background: #FFF;

    transition: padding-top .2s linear, padding-bottom .2s linear, background .2s linear;
}

.header.fixed
{
    padding-top: 0;
    padding-bottom: 0;

    background: #F2F2F2;
}

.with-fancybox .header {
    padding-right: 10px;
}

/*.with-fancybox .mob-header {
    padding-right: 15px;
}*/

.header__bg
{
    position: relative;

    justify-content: space-between;
    align-content: center;
    align-items: center;

    padding: 14px 20px;

    border-radius: 15px;
    background: #F2F2F2;
}


.header__logo a
{
    display: block;
}

.header__logo img
{
    display: block;

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


.header-menu
{
    margin: 0 auto;
}

.header-menu__item
{
    position: relative;
}

.header-menu__item + .header-menu__item
{
    margin-left: 45px;
}

.header-menu__link
{
    color: #1F1F1F;
    font-size: 18px;
    line-height: 52px;

    display: block;

    text-decoration: none;

    transition: color .2s linear;
}

.header-menu__item:hover .header-menu__link,
.header-menu__link.active
{
    color: #1F6885;
}

.header-menu__link.sub
{
    position: relative;

    padding-right: 13px;
}

.header-menu__link svg
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 8px;
    height: 6px;
    margin-top: -3px;

    fill: currentColor;
}

.sub-menu
{
    position: absolute;
    top: calc(100%  + 15px);
    left: 50%;

    visibility: hidden;

    width: 238px;
    margin-left: -119px;
    padding: 17px 20px;

    pointer-events: none;

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

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

.header-menu__item:hover .sub-menu
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.sub-menu::before
{
    content: "";

    position: absolute;
    top: -15px;
    left: 0;

    display: block;

    width: 100%;
    height: 20px;
}

.sub-menu div + div
{
    margin-top: 10px;
}

.sub-menu a
{
    color: #1F1F1F;
    font-size: 18px;
    line-height: 1.11;

    text-decoration: none;

    transition: color .2s linear;
}

.sub-menu a:hover
{
    color: #1F6885;
}


.header__phone
{
    color: #1F1F1F;
    font-size: 18px;
    line-height: 20px;

    font-feature-settings: "pnum" on, "lnum" on;
}

.header__phone a
{
    position: relative;

    color: #1F1F1F;

    display: inline-block;

    padding-left: 20px;

    vertical-align: top;
    text-decoration: none;
}

.header__phone a::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 15px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/ic_tel.svg) 50% no-repeat;
}

.header__time
{
    color: rgba(31, 31, 31, .6);
    font-size: 16px;
    line-height: 20px;

    padding-left: 20px;

    font-feature-settings: "pnum" on, "lnum" on;
}


.header__mini-modal-cont
{
    position: static;

    margin-left: auto;
}

.mob-header__mini-modal-cont
{
    position: static;

    margin-left: 20px;
}

.btn-search
{
    position: relative;

    color: #1F1F1F;

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

    width: 16px;
    height: 16px;

    transition: color .2s linear;
}

.btn-search2
{
    width: 18px;
    height: 18px;
}

.btn-search:hover,
.btn-search.active
{
    color: #1F6885;
}

.btn-search__icon
{
    display: block;

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

    fill: currentColor;
}

.btn-search__arrow
{
    position: absolute;
    top: 50%;
    right: -13px;

    display: block;

    width: 8px;
    height: 6px;
    margin-top: -3px;

    opacity: 0;

    transition: opacity .2s linear;

    fill: currentColor;
}

.btn-search.active .btn-search__arrow
{
    opacity: 1;
}

.header__mini-modal-cont .mini-modal
{
    top: calc(100% + 1px);
    right: 0;
    left: auto;

    width: 470px;
    padding: 20px;

    border-radius: 15px;
    background: #F2F2F2;
}

.mob-header__mini-modal-cont .mini-modal
{
    top: 0;
    left: 0;

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

    border-radius: 15px;
    background: #F2F2F2;
}

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

.mob-header__mini-modal-cont .search
{
    height: 100%;
}

.search .search__input
{
    color: #1F1F1F;
    font: 14px var(--font_family);

    display: block;

    width: 100%;
    height: 40px;
    padding: 0 39px 0 11px;

    border: 1px solid rgba(31, 31, 31, .2);
    border-radius: 10px;
    background: none;
}

.search .search__input::-webkit-input-placeholder
{
    color: rgba(31, 31, 31, .3);
}

.search .search__input::-moz-placeholder
{
    color: rgba(31, 31, 31, .3);

    opacity: 1;
}

.search .search__input:-moz-placeholder
{
    color: rgba(31, 31, 31, .3);
}

.search .search__input:-ms-input-placeholder
{
    color: rgba(31, 31, 31, .3);
}

.search__submit
{
    color: #1F1F1F;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 32px;
    height: 40px;
    margin-left: -32px;

    transition: color .2s linear;
}

.search__submit:hover
{
    color: #1F6885;
}

.search__submit svg
{
    display: block;

    width: 20px;
    height: 20px;

    fill: currentColor;
}

.mini-modal .close
{
    color: #1F6885;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

    flex-shrink: 0;

    margin-left: 12px;

    text-align: center;

    opacity: .9;

    transition: opacity .2s linear;
}

.mini-modal .close:hover
{
    opacity: 1;
}


.header-language
{
    position: relative;

    color: #1F1F1F;
    font-size: 18px;
    line-height: 20px;

    margin-left: 40px;

    text-decoration: none;
    text-transform: uppercase;
}

.header-language span + span
{
    margin-left: 44px;
}

.header-language::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 34px;
    height: 16px;
    margin: -8px 0 0 -17px;

    border: 1px solid #000;
    border-radius: 30px;
}

.header-language::after
{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 12px;
    height: 12px;
    margin: -6px 0 0 -15px;

    border-radius: 50%;
    background: #000;

    transition: margin .2s linear;
}

.header-language.active::after
{
    margin-left: 3px;
}



.mob-header
{
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    padding: 20px 0;

    background: #FFF;

    transition: padding-top .2s linear, padding-bottom .2s linear, background .2s linear;
}

.mob-header.fixed
{
    padding-top: 0;
    padding-bottom: 0;

    background: #F2F2F2;
}

.mob-header__bg
{
    position: relative;

    align-content: center;
    align-items: center;

    min-height: 80px;
    padding: 14px;

    border-radius: 15px;
    background: #F2F2F2;
}

.mob-header__logo
{
    margin-right: auto;
}

.mob-header__logo a
{
    display: block;
}

.mob-header__logo img
{
    display: block;

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


.mob-header__phone
{
    color: #1F1F1F;
    font-size: 16px;
    line-height: normal;

    font-feature-settings: "pnum" on, "lnum" on;
}

.mob-header__phone a
{
    color: #1F1F1F;

    text-decoration: none;
}


.mob-menu-btn
{
    position: relative;

    color: currentColor;

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

    width: 26px;
    height: 26px;
    margin-left: 18px;
    padding: 5px 0;
}

.mob-menu-btn span
{
    position: relative;

    display: block;

    width: 100%;
    height: 3px;

    border-radius: 3px;
    background: #1F1F1F;

    transition: .2s linear;
}

.mob-menu-btn span + span
{
    margin-top: 3px;
}

.mob-menu-btn span:nth-child(2)
{
    width: calc(100% - 6px);
}

.mob-menu-btn span:nth-child(3)
{
    width: calc(100% - 6px);
}

.mob-menu-btn.active span:nth-child(2)
{
    width: 100%;

    opacity: 0;
}

.mob-menu-btn.active span:nth-child(1)
{
    top: 6px;

    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.mob-menu-btn.active span:nth-child(3)
{
    top: -6px;

    width: 100%;

    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}



/*------------------
    Form elements
------------------*/
::-webkit-input-placeholder
{
    color: rgba(31, 31, 31, .2);
}

::-moz-placeholder
{
    color: rgba(31, 31, 31, .2);

    opacity: 1;
}

:-moz-placeholder
{
    color: rgba(31, 31, 31, .2);
}

:-ms-input-placeholder
{
    color: rgba(31, 31, 31, .2);
}


.form-flex
{
    justify-content: space-between;
}

.form__line
{
    margin-bottom: 20px;
}

.form-flex .form__line
{
    width: calc(100%/2 - 15px);
}

.form__field
{
    position: relative;
}

.form__label
{
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.56;

    margin-bottom: 6px;
}

.form .form__input
{
    color: #1F1F1F;
    font: 300 14px var(--font_family);

    display: block;

    width: 100%;
    height: 40px;
    padding: 0 18px;

    border: 1px solid transparent;
    border-radius: 15px;
    background: #FFF;

    transition: border .2s linear;
}

.form .form__textarea
{
    color: #1F1F1F;
    font: 300 14px var(--font_family);

    display: block;

    width: 100%;
    height: 120px;
    padding: 16px 18px;

    resize: none;

    border: 1px solid transparent;
    border-radius: 15px;
    background: #FFF;

    transition: border .2s linear;
}

.form .error,
.form .error + .nice-select .current
{
    border-color: red;
}


.form .input:disabled,
.form textarea:disabled
{
    color: rgba(31, 31, 31, .2);

    cursor: default;
    pointer-events: none;
}


.form .error-text
{
    color: red;
    font-size: 12px;
    line-height: normal;

    margin-top: 6px;
}

.form-submit
{
    margin-top: 60px;

    text-align: center;
}

.form-flex + .form-submit
{
    margin-top: 40px;
}

.form .form-submit__btn
{
    color: #FCFCFC;
    font-size: 20px;

    display: inline-block;

    min-width: 340px;
    height: 60px;
    padding: 0 40px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border: none;
    border-radius: 15px;
    background: #1F6885;

    transition: background .2s linear;
}

.form .form-submit__btn:hover
{
    background: #1F1F1F;
}


.form-flex + .checkbox,
.form__line + .checkbox
{
    margin: -5px 0 0 6px;
}

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

.checkbox__label
{
    display: table-cell;

    vertical-align: middle;
}

.checkbox__text
{
    position: relative;

    color: #1F1F1F;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;

    display: inline-block;

    padding-left: 20px;

    cursor: pointer;
    vertical-align: top;

    transition: .2s linear;

    font-feature-settings: "pnum" on, "lnum" on;
}


.checkbox__text::before
{
    content: "";

    position: absolute;
    top: 1px;
    left: 0;

    width: 16px;
    height: 16px;

    border: 1px solid #000;
    border-radius: 2px;
    background: rgba(255, 255, 255, .5);
}

.checkbox__text::after
{
    content: "";

    position: absolute;
    top: 1px;
    left: 0;

    width: 16px;
    height: 16px;

    opacity: 0;
    background: url(../images/ic_chek.svg) 50%/10px auto no-repeat;

    transition: opacity .2s linear;
}

input[type=checkbox]:checked + .checkbox__text::after
{
    opacity: 1;
}


.select-wrap
{
    position: relative;
}

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

    display: none;

    width: 100%;
    height: 100%;

    opacity: 0;
}

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

    display: block;
}

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

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

    color: #1F1F1F;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;

    display: block;

    padding: 5px 42px 5px 18px;

    cursor: pointer;

    border: 1px solid transparent;
    border-radius: 15px;
    background: #FFF;
}

.select-wrap_green .nice-select .current
{
    color: #FFF;
    line-height: 48px;

    overflow: hidden;

    padding-right: 50px;
    padding-left: 50px;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    background: #1F6885;
}

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

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

    width: 26px;
    height: 26px;
    margin-top: -13px;

    background: url(../images/arrow_select.svg) 50%/contain no-repeat;
}

.select-wrap_green .nice-select .current:after
{
    background-image: url(../images/arrow_select2.svg);
}

.select-wrap .nice-select.open .current:after
{
    right: 14px;

    transform: rotate(180deg);
}

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

    visibility: hidden;
    overflow: hidden;

    width: 100%;
    padding: 10px 0;

    pointer-events: none;

    opacity: 0;
    border: 1px solid transparent;
    border-radius: 15px;
    background: #F2F2F2;

    transition: .2s linear;
}

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

    pointer-events: all;

    opacity: 1;
}

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

    max-height: 270px;
}

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

    color: #1F1F1F;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.56;

    padding: 6px 18px;

    cursor: pointer;

    transition: color .2s linear;
}

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

.select-wrap .nice-select .list .list_item:hover,
.select-wrap .nice-select .list .list_item.selected
{
    color: #1F6885;
}


.reset-btn
{
    color: #1F1F1F;
    font-size: 18px;

    display: inline-block;

    height: 60px;
    padding: 0 17px;

    vertical-align: top;

    border: 1px solid currentColor;
    border-radius: 15px;

    transition: color .2s linear;
}

.reset-btn:hover
{
    color: #1F6885;
}



/*----------------
    Typography
----------------*/
.page-head__text-block_marg
{
    margin-top: 55px;
}

.page-head__text-block p
{
    max-width: 1030px;
}

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

.text-block h1,
.text-block .h1
{
    color: #1F1F1F;
    font-size: 60px;
    font-weight: 200;
    line-height: 1.17;

    margin-bottom: 20px;
}

.text-block h2
{
    color: #1F1F1F;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.17;

    margin-bottom: 15px;
}

.text-block h3
{
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.17;

    margin-bottom: 15px;
}

.text-block h4
{
    color: #1F6885;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.17;

    margin-bottom: 10px;
}

.text-block h5
{
    color: #1F6885;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.44;

    margin-bottom: 14px;
}

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

.text-block img
{
    display: block;

    max-width: 100%;
    margin-bottom: 30px;
}

.text-block a
{
    color: #1F6885;

    text-decoration: none;

    border-bottom: 1px solid;

    transition: border .2s linear;
}

.text-block a:hover
{
    border-bottom-color: transparent;
}

.text-block ol
{
    counter-reset: li;
}

.text-block h2 + ol
{
    margin-top: 40px;
}

.text-block ol li
{
    position: relative;

    display: block;

    padding-left: 24px;

    list-style-type: none;
}

.text-block ol li + li
{
    margin-top: 16px;
}

.text-block ol li:before
{
    content: counter(li)".";

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

    min-width: 18px;

    counter-increment: li;
    text-align: right;
}

.text-block ul
{
    font-size: 18px;
    font-weight: 200;
    line-height: 1.33;

    margin: 0 0 20px 30px;
}

.text-block ul.green
{
    color: #1F6885;
}

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

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

.text-block ul li::marker
{
    font-size: 12px;
}

.text-block ul li ul
{
    font-size: 16px;
    line-height: 1.5;

    margin: 14px 0 0 22px;

    list-style: none;
}

.text-block ul li b
{
    font-weight: 400;
}

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


.text-block__column
{
    margin-top: -15px;

    column-gap: 20px;
    columns: 2;
}

.text-block .text-block__column > *
{
    margin-bottom: 0;
    padding-top: 15px;

    break-inside: avoid;
    page-break-inside: avoid;
    --webkit-column-break-inside: avoid;
}



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

.tabs__button
{
    position: relative;

    color: #1F1F1F;
    font-size: 20px;
    line-height: 1.5;

    height: 64px;
    padding: 5px 25px;

    text-align: center;

    border-radius: 15px 15px 0 0;

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

.tabs__button + .tabs__button
{
    margin-left: 20px;
}

.tabs__button:hover,
.tabs__button.active
{
    color: #1F6885;

    background: #F2F2F2;
}

.tabs__button::before
{
    content: "";

    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;
    height: 15px;

    pointer-events: none;

    transition: background .5s linear;
}

.tabs__button:hover::before,
.tabs__button.active::before
{
    background: #F2F2F2;
}

.open-tab
{
    position: relative;

    color: #1F1F1F;
    font-size: 18px;
    line-height: 1.33;

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

    min-height: 30px;
    padding-right: 50px;

    transition: color .2s linear;
}

.open-tab.active
{
    color: #1F6885;
}


.open-tab__arrow
{
    position: absolute;
    top: 50%;
    right: 0;

    color: #1F1F1F;

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

    width: 30px;
    height: 30px;
    margin-top: -15px;

    border: 1px solid currentColor;
    border-radius: 50%;

    transition: color .2s linear;
    transform: rotate(180deg);
}

.open-tab.active .open-tab__arrow
{
    color: #1F6885;

    transform: rotate(270deg);
}

.open-tab__arrow svg
{
    display: block;

    width: 16px;
    height: 12px;

    fill: currentColor;
}


.tab-content
{
    position: relative;

    visibility: hidden;
    overflow: hidden;

    height: 0;

    opacity: 0;
}

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

    height: auto;

    opacity: 1;

    transition: opacity .5s linear;
}

.tab-content__bg
{
    padding: 60px 128px;

    border-radius: 15px;
    background: #F2F2F2;
}



/*---------------
    Page head
---------------*/
.main-title
{
    color: #1F1F1F;
    font-size: 60px;
    font-weight: 200;
    line-height: 1.17;
}

.main-subtitle
{
    color: #1F1F1F;
    font-size: 16px;
    line-height: 1.5;

    margin-top: 20px;
}

.small-title
{
    color: #1F1F1F;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.25;
}

.small-title__bord
{
    padding-bottom: 13px;

    border-bottom: 1px solid #1F1F1F;
}

.small-title b
{
    font-weight: 400;
}


.section-head
{
    justify-content: space-between;
    flex-wrap: nowrap;
}

.section-head .green-btn
{
    flex-shrink: 0;

    margin-left: 30px;
}


.page-title
{
    color: #1F1F1F;
    font-size: 60px;
    font-weight: 200;
    line-height: 1.17;
}

.page-title_bord
{
    padding-bottom: 39px;

    border-bottom: 1px solid #1F1F1F;
}

.page-head__flex
{
    justify-content: space-between;
    flex-wrap: nowrap;
}

.page-head__flex .text-block
{
    align-self: center;

    max-width: 1000px;
}

.page-head__img
{
    flex-shrink: 0;

    width: 40%;
    max-width: 680px;
    margin-left: 30px;
}

.page-head__img img
{
    display: block;

    max-width: 100%;

    border-radius: 15px;
}



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

    margin: 0;
}

.swiper_visible
{
    overflow: visible;
}

.swiper-overflow
{
    overflow: hidden;
}

.swiper-wrapper
{
    height: auto;
}

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

    color: #FCFCFC;

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

    width: 60px;
    height: 60px;
    margin-top: -30px;

    cursor: pointer;

    border: 1px solid transparent;
    border-radius: 50%;
    background: #1F6885;

    transition: .2s linear;
}

.slider-button-prev::before,
.slider-button-next::before
{
    content: "";

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

    width: calc(100% + 18px);
    height: calc(100% + 18px);

    border: 8px solid #FFF;
    border-radius: 50%;
}

.slider-button-prev.bord::before,
.slider-button-next.bord::before,
.slider-button-prev.green::before,
.slider-button-next.green::before
{
    display: none;
}

.slider-button-prev.bord,
.slider-button-next.bord
{
    color: #1F1F1F;

    border: 1px solid #1F1F1F;
    background: transparent;
}

.slider-button-prev.green,
.slider-button-next.green
{
    color: #1F6885;

    border: 1px solid #1F6885;
    background: transparent;
}

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

    width: 27px;
    height: 22px;

    fill: currentColor;
}

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

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

.slider-button-next svg
{
    transform: rotate(-180deg);
}

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

    opacity: .5;
}

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


.slider-pagination
{
    position: absolute;
    z-index: 9;
    right: -5px;
    bottom: 35px;
    left: auto;

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

    width: auto;
    height: 25px;

    text-align: center;

    transition: 300ms opacity;
    transition: .5s linear;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction
{
    right: -5px;
    bottom: 35px;
    left: auto;

    width: auto;
}

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

.slider-dot
{
    position: relative;

    display: block;

    width: 13px;
    height: 13px;
    margin: 0;
    margin: 0 5px;
    padding: 0;

    border: 1px solid #1F1F1F;
    border-radius: 50px;
    background: none;
    box-shadow: none;

    transition: .2s linear;

    appearance: none;
}

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

.slider-dot.slider-dot_active
{
    width: 25px;
    height: 25px;
}

.swiper-count {
  align-items: center;
}

.swiper-count .s-pagination {
  display: flex;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 2px;
  margin: 0 20px 0 20px;
  position: relative;
}

.swiper-count .count-sep {
  display: none;
}

.s-pagination .s-bullet {
  height: 2px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.s-pagination .s-bullet-active {
  background: #fff;
}

.s-pagination .s-progressbar-fill {
  background: #fff;
}

@media (min-width: 1025px)
{
    .slider-button-prev:hover,
    .slider-button-next:hover
    {
        z-index: 11;

        color: #FFF;

        background: #1F1F1F;
    }

    .slider-button-prev.green:hover,
    .slider-button-next.green:hover
    {
        background: #1F6885;
    }

    .slider-dot:hover
    {
        border-color: #1F6885;
    }
}


.slider-progressbar::before
{
    content: "";

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    background: #5481FF;
}

.slider-progressbar.swiper-pagination-progressbar
{
    position: relative;
    top: auto;
    bottom: 0;

    height: 6px;
    margin-top: 24px;

    background: transparent;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    background: #FFF;
}


.swiper-count
{
    position: absolute;
    z-index: 12;
    bottom: 30px;
    left: 74%;

    color: #FFF;
    font-size: 18px;
    line-height: 19px;

    text-align: center;
    pointer-events: none;

    transition: .2s linear;

    font-feature-settings: "pnum" on, "lnum" on;
}



/*-----------------
    Btns
-----------------*/
.wrap-btn
{
    margin-top: 40px;
}

.wrap-btn_marg
{
    margin-top: 80px;
}

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

.green-btn
{
    color: #FCFCFC;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;

    display: inline-block;

    padding: 0 39px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border-radius: 15px;
    background: #1F6885;

    transition: background .2s linear;
}

.green-btn_fz
{
    font-size: 24px;
}

.green-btn_big
{
    width: 100%;
    padding: 0;
}

.green-btn span + span
{
    display: none;
}

.green-btn.active span
{
    display: none;
}

.green-btn.active span + span
{
    display: block;
}

.bord-btn
{
    color: #1F6885;
    font-size: 18px;
    line-height: 58px;

    display: inline-block;

    padding: 0 38px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border: 1px solid currentColor;
    border-radius: 15px;

    transition: color .2s linear;
}

@media (min-width: 1025px)
{
    .green-btn:hover
    {
        background: #1F1F1F;
    }

    .bord-btn:hover
    {
        color: #1F1F1F;
    }
}


.more-wrap
{
    margin-top: 25px;
}

.more-link
{
    position: relative;

    color: #1F6885;
    font-size: 18px;
    line-height: 1.67;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;

    transition: color .2s linear;
}

.more-link:hover
{
    color: #1F1F1F;
}

.more-link span
{
    position: relative;

    display: inline-block;

    padding-right: 57px;

    vertical-align: top;
}

.more-link svg
{
    position: absolute;
    top: 50%;
    right: 10px;

    width: 27px;
    height: 22px;
    margin-top: -11px;

    transition: right .2s linear;
    transform: rotate(180deg);

    fill: currentColor;
}

.more-link:hover svg
{
    right: 0;
}


.page-link
{
    color: #1F6885;
    line-height: 1.67;

    text-decoration: none;

    border-bottom: 1px solid;

    transition: border .2s linear;
}

.page-link:hover
{
    border-bottom-color: transparent;
}



/*-----------------
    Breadcrumbs
-----------------*/
.breadcrumbs
{
    color: rgba(31, 31, 31, .9);
    font-size: 16px;
    line-height: 1.88;

    padding: 10px 0 60px;
}

.breadcrumbs a
{
    color: rgba(31, 31, 31, .9);

    text-decoration: none;

    border-bottom: 1px solid transparent;

    transition: border .2s linear;
}

.breadcrumbs a:hover
{
    border-bottom-color: currentColor;
}

/*-----------------
    Hover effect
-----------------*/
.categorie__img,
.stand__img,
.product-accordion__img,
.material__img,
.catalog__img,
.gallery__img img
{
    transition: all .5s ease-in-out;
}


.stand:hover .stand__img,
.categorie:hover .categorie__img,
.product-accordion__accordion-open:hover .product-accordion__img,
.material:hover .material__img,
.catalog:hover .catalog__img,
.gallery__item:hover .gallery__img img
{
    scale: 1.1;
}


/*-----------------
    Pagination
-----------------*/
.pagination
{
    justify-content: center;

    margin: 80px 0 0 -20px;
}

.pagination a
{
    color: rgba(31, 31, 31, .5);
    font-size: 32px;
    font-weight: 200;
    line-height: 60px;

    display: block;

    min-width: 16px;
    margin-left: 20px;

    text-align: center;
    text-decoration: none;

    transition: color .2s linear;

    font-feature-settings: "pnum" on, "lnum" on;
}

.pagination a:hover,
.pagination a.active
{
    color: #1F6885;
}

.pagination__dot
{
    color: rgba(31, 31, 31, .5);
    font-size: 32px;
    font-weight: 200;
    line-height: 60px;

    display: block;

    margin-left: 20px;

    text-align: center;

    font-feature-settings: "pnum" on, "lnum" on;
}

.pagination a.prev,
.pagination a.next
{
    font-size: 18px;
}

.pagination a.prev
{
    margin-right: 20px;
}

.pagination a.next
{
    margin-left: 40px;
}



/*-----------------
    Main section
-----------------*/
.main-slider .swiper-overflow
{
    border-radius: 15px;
}

.main-slider__slide
{
    position: relative;

    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;

    height: auto;
    min-height: 800px;
    padding: 80px 30px 30px;

    border-radius: 15px;
}

.main-slider__slide::after
{
    content: "";

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

    width: 100%;
    height: 100%;

    background: linear-gradient(90deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .28) 13.34%, rgba(0, 0, 0, .259) 30.32%, rgba(0, 0, 0, .105) 45.35%, rgba(0, 0, 0, .035) 56.77%, rgba(0, 0, 0, 0) 71.59%, rgba(0, 0, 0, 0) 100%);
}

.main-slider__img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 100% 100%;
}

.main-slider__name
{
    position: relative;
    z-index: 1;

    color: #FFF;
    font-size: 80px;
    font-weight: 200;
    line-height: 1.12;

    width: 100%;
    padding: 0 28px;
}

.main-slider__bg
{
    position: relative;
    z-index: 1;

    justify-content: space-between;
    align-content: center;
    align-items: flex-end;

    width: 60%;
    min-height: 230px;
    margin-top: 120px;
    padding: 23px 60px 30px;

    border-radius: 15px;
    background: #FFF;
}

.main-slider-info__coll
{
    position: relative;

    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: 44.458%;
}

.main-slider-info__coll::after
{
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 1px;
    height: 100%;

    background: rgba(31, 31, 31, .2);
}

.main-slider-info__thumb
{
    flex-shrink: 0;

    width: 62.74%;
}

.main-slider-info__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 170px;
    padding-bottom: 36.72%;

    border-radius: 15px;
}

.main-slider-info__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.main-slider-info__box
{
    width: 100%;
    max-width: 240px;
    margin-left: 20px;
    padding-right: 20px;
}

.main-slider-info__info
{
    color: rgba(31, 31, 31, .9);
    font-size: 18px;
    line-height: 1.67;
}

.main-slider-info__name
{
    color: #1F1F1F;
    font-size: 24px;
    line-height: 1.25;
}

.main-slider-info__colr
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-end;
}

.main-slider-info__desc
{
    color: rgba(31, 31, 31, .9);
    font-size: 18px;
    line-height: 1.67;
}

.main-slider-info__more
{
    margin-top: 26px;
}

.main-slider-info__more a svg
{
    position: absolute;
    top: 50%;
    right: 0;

    display: none;

    width: 22px;
    height: 18px;
    margin-top: -9px;

    transform: rotate(180deg);

    fill: currentColor;
}


.main-slider .swiper-count
{
    bottom: 47px;

    width: 200px;

    text-align: center;
    display: flex;
}

.main-slider .slider-button-prev
{
    top: auto;
    bottom: 30px;
    right: 100px;

    width: 50px;
    height: 50px;
    left: inherit;

}

.main-slider .slider-button-next
{
    top: auto;
    bottom: 30px;
    right: 20px;

    width: 50px;
    height: 50px;

}

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

    width: 22px;
    height: 18px;

    fill: currentColor;
}



/*-----------------
    Information
-----------------*/
.information__item
{
    justify-content: space-between;

    padding: 30px;

    border-radius: 15px;
    background: #F2F2F2;
}

.information__item + .information__item
{
    margin-top: 20px;
}

.information__coll
{
    align-self: center;

    width: calc(44% - 30px);
    max-width: 672px;
    padding-left: 28px;
}

.information__item:nth-child(2n) .information__coll
{
    order: 2;

    padding-right: 28px;
    padding-left: 0;
}


.information__name
{
    color: #1F1F1F;
    font-size: 60px;
    font-weight: 200;
    line-height: 1.17;
}

.information__name a
{
    color: #1F1F1F;

    text-decoration: none;

    transition: color .2s linear;
}

.information__name a:hover
{
    color: #1F6885;
}

.information__desc
{
    font-size: 24px;
    line-height: 1.67;

    margin-top: 25px;
}

.information__colr
{
    width: 56%;
    max-width: 951px;
}

.information__img
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 50.474%;

    border-radius: 15px;
}

.information__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.information__img::after
{
    content: "";

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

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .03);
}



/*-----------------
    Collection
-----------------*/
.collection__slider
{
    margin-top: 46px;
}

.collection__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 360px;
    padding-bottom: 34.551%;

    border-radius: 15px;
}

.collection__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.collection__img::after
{
    content: "";

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

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .1);
}

.collection__box
{
    width: calc(100% - 20px);
    margin-top: 39px;
    position: relative;
}

.collection__info
{
    color: rgba(31, 31, 31, .9);
    font-size: 18px;
    line-height: 1.67;
}

.collection__name
{
    font-size: 24px;
    line-height: 1.25;

    margin-top: 3px;
}

.collection__name a
{
    color: #1F1F1F;

    text-decoration: none;

    transition: color .2s linear;
}

.collection__name a:hover
{
    color: #1F6885;
}

.collection__slider .slider-pagination
{
    bottom: auto;

    margin-top: 42px;
}



/*-----------------
    Main news
-----------------*/
.main-news__slider .swiper-slide
{
    height: auto;
}

.main-news__flex
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;

    min-height: 100%;
}

.main-news__thumb
{
    order: 2;

    width: 34.888%;
}

.main-news__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 100%;
    padding-bottom: 106.442%;

    border-radius: 15px;
}

.main-news__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.main-news__img::after
{
    content: "";

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

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .1);
}

.main-news__box
{
    display: flex;
    flex-direction: column;

    width: calc(65.112% - 21px);
    padding: 102px 210px 105px 56px;

    border-radius: 15px;
    background: #F2F2F2;
}

.main-news__title
{
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;

    width: 100%;
}

.main-news__name
{
    font-size: 60px;
    font-weight: 200;
    line-height: 1.17;

    width: 100%;
    margin-top: 27px;
}

.main-news__name a
{
    color: #1F1F1F;

    text-decoration: none;

    transition: color .2s linear;
}

.main-news__name a:hover
{
    color: #1F6885;
}

.main-news__desc
{
    color: rgba(31, 31, 31, .9);
    font-size: 18px;
    line-height: 1.67;

    width: 100%;
    margin: 25px 0 auto;
}

.main-news__slider .slider-button-prev
{
    top: auto;
    right: calc(34.888% + 147px);
    bottom: 105px;
    left: auto;

    margin-top: 0;
}

.main-news__slider .slider-button-next
{
    top: auto;
    right: calc(34.888% + 77px);
    bottom: 105px;
    left: auto;

    margin-top: 0;
}

.main-news__slider .swiper-count
{
    top: 102px;
    right: calc(34.888% + 77px);
    bottom: auto;
    left: auto;

    font-size: 24px;
    line-height: 1.25;
}



/*-----------------
    News
-----------------*/
.news__grid
{
    display: grid;

    margin-top: 40px;

    gap: 40px 35px;
    grid-template-columns: repeat(3, 1fr);
}

.news__item
{
    display: flex;
    overflow: hidden;
    flex-direction: column;

    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .16);
}

.news__item:nth-child(4),
.news__item:nth-child(10)
{
    flex-direction: row;

    grid-column: span 2;
}

.news__item:nth-child(4) .news__thumb,
.news__item:nth-child(10) .news__thumb
{
    width: calc(50% - 17.5px);
    margin-right: 35px;
}

.news__item:nth-child(10) .news__thumb
{
    order: 2;

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

.news__img
{
    position: relative;

    display: block;

    min-height: 280px;
    padding-bottom: 49.123%;
}

.news__item:nth-child(4) .news__img,
.news__item:nth-child(10) .news__img
{
    min-height: 100%;
    padding-bottom: 96.5%;
}

.news__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.news__box
{
    display: flex;
    flex-direction: column;
    flex-grow: 1;

    padding: 10px 20px 28px;
}

.news__item:nth-child(4) .news__box,
.news__item:nth-child(10) .news__box
{
    width: calc(50% - 17.5px);
    padding-top: 65px;
    padding-left: 0;
}

.news__item:nth-child(10) .news__box
{
    padding-right: 0;
    padding-left: 20px;
}

.news__date
{
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.56;
}

.news__name
{
    font-size: 24px;
    line-height: 1.25;

    margin-top: 10px;
}

.news__item:nth-child(4) .news__name,
.news__item:nth-child(10) .news__name
{
    margin-top: 40px;
}

.news__name a
{
    color: #1F1F1F;

    text-decoration: none;

    transition: color .2s linear;
}

.news__name a:hover
{
    color: #1F6885;
}

.news__desc
{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.22;

    margin-top: 4px;
    margin-bottom: auto;
}

.news__item:nth-child(4) .news__desc,
.news__item:nth-child(10) .news__desc
{
    margin-top: 10px;
}

.news__link
{
    margin-top: 42px;
}


.page-news
{
    margin-top: 40px;
}

.page-news__banner
{
    display: block;

    width: 100%;
    min-height: 280px;
    max-height: 780px;

    border-radius: 15px;

    object-fit: cover;
}

.page-news__wrap
{
    max-width: 1480px;
    margin: 40px auto 0;
}

.page-news__date
{
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
}

.page-news__flex
{
    justify-content: space-between;

    margin-top: 40px;
}

.page-news__text-block
{
    width: calc(60% - 30px);
    max-width: 762px;
}

.page-news__feature
{
    width: 40%;
    max-width: 520px;
}

.feature__title
{
    font-size: 20px;
    line-height: 1.5;
}

.feature__items
{
    margin-top: 20px;
}

.feature__item
{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;

    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    padding: 5px 28px;

    border-radius: 3px;
    background: #F2F2F2;
}

.feature__item + .feature__item
{
    margin-top: 4px;
}

.feature__item:nth-child(2n)
{
    background: transparent;
}

.feature__name
{
    flex-grow: 1;
}

.feature__name b
{
    font-weight: 400;
}

.feature__val
{
    margin-left: 20px;

    text-align: right;
}

.feature__val b
{
    font-weight: 400;
}



/*-----------------
    Articles
-----------------*/
.articles__slider
{
    cursor: none;
}

* + .articles__slider
{
    margin-top: 46px;
}

.articles__slider .article
{
    cursor: none;
}

.cursor-slider
{
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;

    display: block;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear;
    transform: translate(-50%,-50%);
}

.cursor-slider.loaded
{
    opacity: 0;
}

.cursor-slider.loaded.show
{
    opacity: 1;
}

.articles__slider .swiper-slide
{
    height: auto;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear;
}

.articles__slider .swiper-slide-visible,
.articles__slider .swiper-slide-visible ~ .swiper-slide
{
    pointer-events: auto;

    opacity: 1;
}

.article
{
    color: #1F1F1F;
    font-size: 24px;
    line-height: 1.25;

    display: block;

    min-height: 100%;
    padding: 30px 30px 23px;

    text-decoration: none;

    border-radius: 15px;
    background: #F2F2F2;

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

.article_bord
{
    position: relative;

    background: transparent;
}

.article_bord::before
{
    content: "";

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

    width: 100%;
    height: 100%;

    pointer-events: none;

    border: 1px solid #1F1F1F;
    border-radius: 15px;
}

.article:hover
{
    color: #FCFCFC;

    background: #1F1F1F;
}

.article__img
{
    position: relative;

    display: block;

    padding-bottom: 105%;
}

.article__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 15px;

    object-fit: cover;
}

.article__name
{
    display: block;

    margin-top: 27px;
}



/*-----------------
    Trends
-----------------*/
.trends__bg
{
    margin-top: 40px;
    padding: 60px 65px 40px;

    border-radius: 15px;
    background: #F2F2F2;
}

.trends__bg .trends__wrap
{
    margin-top: 0;
}

.trends__wrap
{
    position: relative;

    justify-content: space-between;

    margin-top: 46px;
}

.trends__slider
{
    position: static;
    z-index: auto;

    width: 64.045%;
}

.trend__img
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 39.474%;

    border-radius: 15px;
}

.trend__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.trend__desc
{
    color: rgba(31, 31, 31, .9);
    font-size: 18px;
    line-height: 1.67;

    max-width: 946px;
    margin-top: 94px;
}

.trend__desc p
{
    padding-top: 20px;
}

.trend__desc.columns
{
    column-gap: 60px;
    columns: 2;
}

.trend__desc.columns p
{
    break-inside: avoid;
    page-break-inside: avoid;
    --webkit-column-break-inside: avoid;
}

.trends-thumbs
{
    width: calc(35.955% - 20px);
}

.trends-thumbs__img
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 72.582%;

    cursor: pointer;

    border-radius: 15px;
}

.trends-thumbs__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.trends__names
{
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;

    width: 25.3%;
    margin-top: 52px;
}

.trends__names .swiper-slide
{
    opacity: 0;

    transition: opacity .4s linear;
}

.trends__names .swiper-slide-active
{
    opacity: 1;
}

.trends__names .swiper-slide-active ~ .swiper-slide
{
    opacity: 1;
}

.trends__names .swiper-slide:not(.swiper-slide-active):hover
{
    cursor: pointer;
}

.trends__name
{
    color: #1F1F1F;
    font-size: 24px;
    line-height: 1.25;
}

.trends__names .swiper-slide:not(.swiper-slide-active) .trends__name
{
    pointer-events: none;
}

.trends__name a
{
    position: relative;

    color: #1F1F1F;

    display: block;

    padding-left: 54px;

    text-decoration: none;

    opacity: .2;

    transition: opacity .2s linear;
}

.swiper-slide-active .trends__name a,
.trends__names .swiper-slide:not(.swiper-slide-active):hover .trends__name a
{
    opacity: 1;
}

.swiper-slide-active .trends__name a:hover
{
    opacity: .8;
}

.trends__name a::before
{
    content: "";

    position: absolute;
    top: 3px;
    left: 0;

    width: 24px;
    height: 24px;

    opacity: 0;
    background: url(../images/arrow1.svg) 50% no-repeat;

    transition: opacity .2s linear;
}

.swiper-slide-active .trends__name a::before
{
    opacity: 1;
}



/*-----------------
    Categories
-----------------*/
.categories__grid
{
    align-content: stretch;
    align-items: stretch;

    margin-left: -50px;
}

.categories__grid .categorie
{
    width: calc(100%/3 - 50px);
    margin: 40px 0 0 50px;
}

.categorie
{
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;

    display: block;

    padding: 36px;

    text-decoration: none;

    border-radius: 15px;
    background: #F2F2F2;

    transition: color .2s linear;
}

.categorie:hover
{
    color: #1F6885;
}

.categorie__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 224px;
    padding-bottom: 61.48%;

    border-radius: 15px;
}

.categorie__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.categorie__name
{
    display: block;

    margin-top: 38px;
    padding-right: 38px;
}

.categorie__name span
{
    position: relative;
}

.categorie__name svg
{
    position: absolute;
    right: -38px;
    bottom: 5px;

    display: block;

    width: 20px;
    height: 20px;

    transform: rotate(180deg);

    fill: #1F6885;
}

.categorie__wrap-btn
{
    display: none;
}



/*-----------------
    Cats info
-----------------*/
.cats-info__bg
{
    padding: 54px 20px;

    border-radius: 15px;
    background: #F2F2F2;
}

.cats-info__wrap
{
    max-width: 1478px;
    margin: 0 auto;
}

.cats-info__slider
{
    margin-top: 40px;
    padding: 0 214px;
}

.cats-info__slider_pad
{
    padding-right: 150px;
    padding-left: 150px;
}

.cats-info__block
{
    flex-wrap: nowrap;
}

.cats-info__thumb
{
    flex-shrink: 0;

    width: 38.456%;
    margin-right: 40px;
}

.cats-info__img
{
    position: relative;

    display: block;

    padding-bottom: 56.08%;
}

.cats-info__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 15px;

    object-fit: cover;
}

.cats-info__block._flex .text-block
{
    align-self: center;
}

.cats-info__slider .slider-button-prev
{
    left: 0;
}

.cats-info__slider .slider-button-next
{
    right: 0;
}

.cats-info__slider .slider-pagination
{
    position: relative;
    right: 0;
    bottom: 0;

    width: 100%;
    margin-top: 60px;
}



/*-----------------
    Inform
-----------------*/
.inform__coll
{
    width: 46.068%;
}

.inform__coll_big
{
    width: 47.6%;
}

.inform__coll img
{
    display: block;

    max-width: 100%;

    border-radius: 15px;
}

.inform__colr
{
    width: calc(53.932% - 40px);
    max-width: 881px;
    margin-left: 40px;
}

.inform__colr_big
{
    width: calc(52.4% - 40px);
    max-width: none;
    padding-top: 35px;
}

.list-number
{
    margin-top: 40px;

    counter-reset: li;
}

.inform__list-number
{
    max-width: 702px;
    margin-left: 113px;
}

.list-number li
{
    position: relative;

    display: block;

    padding: 18px 0 0 43px;

    list-style-type: none;
}

.list-number li + li
{
    margin-top: 20px;
}

.list-number li:before
{
    content: counter(li);

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

    color: #1F6885;
    font-size: 60px;
    font-weight: 200;
    line-height: 24px;

    display: inline-block;

    counter-increment: li;
}

.list-dot
{
    max-width: 714px;
    margin: 40px 0 0 52px;
}

.list-dot li + li
{
    margin-top: 14px;
}



/*-----------------
    Products-big
-----------------*/
.products-big__grid
{
    align-content: stretch;
    align-items: stretch;

    margin-left: -50px;
}

.products-big__grid .product-big
{
    width: calc(100%/3 - 50px);
    margin: 40px 0 0 50px;
}

.product-big
{
    display: flex;
    flex-direction: column;
}

.product-big__img
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    padding-bottom: 78.57%;

    border-radius: 15px;
}

.product-big__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.product-big__name
{
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;

    width: 100%;
    margin: 23px 0 auto;
}

.product-big__name a
{
    color: #1F1F1F;

    text-decoration: none;

    transition: color .2s linear;
}

.product-big__name a:hover
{
    color: #1F6885;
}

.product-big .more-wrap
{
    margin-top: 15px;
}



/*---------------
    Page cats
---------------*/
.page-cats
{
    padding-bottom: 80px;
}

.page-cats__grid
{
    align-content: stretch;
    align-items: stretch;

    margin: 0 0 -20px -20px;
}

.page-cats__link
{
    color: #1F1F1F;
    font-size: 20px;
    line-height: 1.5;

    margin: 0 0 20px 20px;
    padding: 15px;

    text-align: center;
    text-decoration: none;

    border-radius: 15px;
    background: #F2F2F2;

    transition: color .2s linear;
}

.page-cats__link_pad
{
    padding-right: 25px;
    padding-left: 25px;
}

.page-cats__link_small
{
    padding-right: 9px;
    padding-left: 9px;
}

.page-cats__link_middle
{
    min-width: 200px;
    padding-right: 25px;
    padding-left: 25px;
}

.page-cats__link:hover,
.page-cats__link.active
{
    color: #1F6885;
}


/*-----------------
    Materials
-----------------*/
.materials__grid
{
    align-content: stretch;
    align-items: stretch;

    margin-left: -50px;
}

.materials__grid .material
{
    width: calc(100%/3 - 50px);
    margin: 40px 0 0 50px;
}

.material
{
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;

    display: block;

    padding: 45px 57px;

    text-decoration: none;

    border: 1px solid rgba(31, 31, 31, .4);
    border-radius: 15px;

    transition: color .2s linear;
}

.material:hover
{
    color: #1F6885;
}

.material__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 224px;
    padding-bottom: 81.09%;

    border-radius: 15px;
}

.material__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.material__name
{
    display: block;

    margin-top: 38px;
    padding-right: 38px;
}

.material__name span
{
    position: relative;
}

.material__name svg
{
    position: absolute;
    right: -38px;
    bottom: 5px;

    display: block;

    width: 20px;
    height: 20px;

    transform: rotate(180deg);

    fill: #1F6885;
}

.materials__wrap-btn
{
    display: none;
}


/*-----------------
    stands
-----------------*/
.stands__grid
{
    align-content: stretch;
    align-items: stretch;

    margin-left: -50px;
}

.stands__grid .stand
{
    width: calc(100%/3 - 50px);
    margin: 40px 0 0 50px;
}

.stand
{
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;

    display: block;

    padding: 29px 29px 39px;

    text-decoration: none;

    border: 1px solid rgba(31, 31, 31, .4);
    border-radius: 15px;

    transition: color .2s linear;
}

.stand:hover
{
    color: #1F6885;
}

.stand__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 210px;
    padding-bottom: 68%;

    border-radius: 15px;
}

.stand__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.stand__name
{
    display: block;

    margin-top: 38px;
    padding-right: 38px;
}

.stand__name span
{
    position: relative;
}

.stand__name svg
{
    position: absolute;
    right: -38px;
    bottom: 5px;

    display: block;

    width: 20px;
    height: 20px;

    fill: #1F6885;
}


/*-----------------
    stands
-----------------*/
.catalogs__grid
{
    align-content: stretch;
    align-items: stretch;

    margin: 15px 0 0 -25px;
}

.catalogs__grid .catalog
{
    width: calc(100%/4 - 25px);
    margin: 25px 0 0 25px;
}

.catalog
{
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;

    display: flex;
    flex-direction: column;

    padding: 36px 43px;

    text-decoration: none;

    border: 1px solid rgba(31, 31, 31, .4);
    border-radius: 15px;

    transition: color .2s linear;
}

.catalog:hover
{
    color: #1F6885;
}

.catalog__thumb
{
    position: relative;

    display: block;

    width: 100%;
    margin-bottom: auto;
    padding-bottom: 103%;
}

.catalog__img
{
    position: absolute;
    top: 0;
    left: 0;

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

    width: 100%;
    height: 100%;
}

.catalog__img img
{
    display: block;

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

.catalog__name
{
    display: block;

    margin-top: 20px;
    padding-right: 38px;
}

.catalog__name span
{
    position: relative;
}

.catalog__name svg
{
    position: absolute;
    right: -38px;
    bottom: 5px;

    display: block;

    width: 20px;
    height: 20px;

    transform: rotate(180deg);

    fill: #1F6885;
}

.show-catalog
{
    display: none;
}



/*---------------
    Banner
---------------*/
.banner-small__img
{
    position: relative;

    display: block;

    min-height: 200px;
    padding-bottom: 22.76%;
}

.banner-small__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 15px;

    object-fit: cover;
}



/*--------------------
    About institute
---------------------*/
.about-institute__flex
{
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.about-institute__text-block
{
    max-width: 982px;
}

.about-institute__colr
{
    flex-shrink: 0;

    margin-left: 217px;
}

.about-institute .wrap-btn
{
    margin-top: 40px;
}



/*--------------------
    Specialists
---------------------*/
.specialists__title
{
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.27;
}

.specialists__list, .text-block .specialists__list
{
    margin-top: 26px;
    list-style: none;
    margin-left: 0;
}

.specialists__list li
{
    color: #1F1F1F;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;

    display: block;
}

.specialists__list li + li
{
    margin-top: 10px;
}



/*-----------------
    Schedule
-----------------*/
.schedule__slider
{
    margin-top: 40px;

    cursor: none;
}

.schedule__slider .article
{
    cursor: none;
}

.cursor-slider
{
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;

    display: block;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear;
    transform: translate(-50%,-50%);
}

.cursor-slider.loaded
{
    opacity: 0;
}

.cursor-slider.loaded.show
{
    opacity: 1;
}

.schedule__slider .swiper-slide
{
    height: auto;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear;
}

.schedule__slider .swiper-slide-visible,
.schedule__slider .swiper-slide-visible ~ .swiper-slide
{
    pointer-events: auto;

    opacity: 1;
}

.schedule-date
{
    color: #1F1F1F;
    font-size: 24px;
    line-height: 1.25;

    display: block;

    min-height: 100%;
    padding: 30px 30px 28px;

    text-decoration: none;

    border-radius: 15px;
    background: #F2F2F2;

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

.schedule-date:hover
{
    color: #FCFCFC;

    background: #1F1F1F;
}

.schedule-date__date
{
    display: block;

    padding: 39px 5px;

    border-radius: 15px;
    background: #FFF;
}

.schedule-date__number
{
    color: #1F1F1F;
    font-size: 96px;
    font-weight: 400;
    line-height: 70px;

    display: block;

    text-align: center;
    text-transform: uppercase;

    font-feature-settings: "pnum" on, "lnum" on;
}

.schedule-date__month
{
    color: #1F1F1F;
    /*font-size: 60px;*/
    font-size: 45px;
    font-weight: 300;
    line-height: 70px;

    display: block;

    margin-top: 12px;

    text-align: center;
    text-transform: uppercase;
}

.schedule-date__name
{
    display: block;

    margin-top: 27px;
}



/*-----------------
    About catalog
-----------------*/
.about-catalog
{
    margin-top: 40px;
}

.about-catalog__flex
{
    flex-wrap: nowrap;

    padding-left: 50px;
}

.about-catalog__img
{
    flex-shrink: 0;

    width: 280px;
    margin-right: 40px;
}

.about-catalog__img img
{
    display: block;

    max-width: 100%;
}

.about-catalog__box
{
    width: 100%;
    max-width: 990px;
    padding-top: 9px;
}

.about-catalog__name
{
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 200;
    line-height: 1.17;
}

.about-catalog__desc
{
    margin-top: 20px;
}



/*-----------------
    Info catalog
-----------------*/
.info-catalog
{
    margin-top: 60px;
}

.info-catalog__flex
{
    justify-content: space-between;
}

.info-catalog__bg
{
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    align-self: stretch;
    flex-wrap: wrap;

    width: 64.045%;
    padding: 50px 70px;

    border-radius: 15px;
    background: #F2F2F2;
}

.info-catalog__text-block
{
    width: 100%;
    margin: auto 0;
}

.info-catalog__text-block ol
{
    max-width: 842px;
    margin-left: 26px;
}

.info-catalog__slider
{
    width: calc(35.955% - 20px);
}

.info-catalog__slider .swiper-overflow
{
    border-radius: 15px;
}

.info-catalog__img
{
    position: relative;

    display: block;

    padding-bottom: 106.452%;
}

.info-catalog__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 15px;

    object-fit: cover;
}


.info-catalog__bot
{
    justify-content: center;

    margin: 60px 0 0 -60px;
}

.info-catalog__btn
{
    font-size: 24px;

    width: 720px;
    margin: 20px 0 0 60px;
}



/*-----------------
    Products
-----------------*/
.products_marg
{
    margin-top: 80px;
}

.products__big
{
    max-width: 1480px;
    margin: 40px auto 0;
}

.products__slider
{
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 100px;
}

.products__slider .slider-button-prev
{
    left: 0;
}

.products__slider .slider-button-next
{
    right: 0;
}

.products__slider .swiper-slide
{
    height: auto;
}

.products__grid
{
    align-content: stretch;
    align-items: stretch;

    margin: -16px 0 0 -40px;
}

.products__grid.big
{
    margin: -20px 0 0 -20px;
}

.products__grid .product
{
    width: calc(100%/4 - 40px);
    margin: 36px 0 0 40px;
}

.products__grid.big .product
{
    width: calc(100%/5 - 20px);
    margin: 20px 0 0 20px;
}

.product
{
    position: relative;

    color: #1F1F1F;
    font-size: 24px;
    line-height: 1.25;

    display: block;

    min-height: 100%;
    padding: 29px 29px 23px;

    cursor: pointer;
    text-decoration: none;

    border: 1px solid transparent;
    border-radius: 15px;
    background: #FFF;

    transition: background .2s linear;
}

.product.active
{
    background: #F2F2F2;
}

.product::before
{
    content: "";

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

    width: calc(100% + 2px);
    height: calc(100% + 2px);

    pointer-events: none;

    border-radius: 15px;
    box-shadow: inset 0 0 0 1px rgba(31, 31, 31, .4);

    transition: box-shadow .2s linear;
}

@media (min-width: 1025px)
{
    .product:hover
    {
        background: #F2F2F2;
    }

    .product:hover::before
    {
        box-shadow: inset 0 0 0 2px rgba(31, 31, 31, .4);
    }
}

.product.active::before
{
    box-shadow: inset 0 0 0 2px #1F1F1F;
}

.product__img
{
    position: relative;

    display: block;

    padding-bottom: 104.55%;
}

.product__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 15px;

    object-fit: cover;
}

.product__name
{
    display: block;

    margin-top: 27px;
}

.products__grid .product__name
{
    min-height: 60px;
}


.products__wrap-btn
{
    max-width: 1680px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 100px;
}


.materials-view
{
    position: relative;

    width: calc(100% - 40px);
    margin: 36px 0 0 40px;
    padding: 59px 39px 19px;

    border: 1px solid #1F1F1F;
    border-radius: 15px;
}

.materials-view__close
{
    position: absolute;
    top: 17px;
    right: 17px;

    width: 20px;
    height: 20px;

    background: url(../images/ic_close2.svg) 50% no-repeat;

    transition: opacity .2s linear;
}

.materials-view__close:hover
{
    opacity: .5;
}

.materials-view__flex
{
    justify-content: space-between;
}

.materials-view__coll
{
    width: calc(43% - 30px);
    max-width: 464px;
}

.materials-view__img
{
    position: relative;

    padding-bottom: 62.5%;
}

.materials-view__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 15px;

    object-fit: cover;
}

.materials-thumbs
{
    margin-left: -20px;
}

.materials-thumbs__img
{
    width: calc(100%/2 - 20px);
    max-width: 164px;
    margin: 20px 0 0 20px;
}

.materials-thumbs__img a
{
    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 63.42%;

    border-radius: 15px;
}

.materials-thumbs__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.materials-view__colr
{
    width: 57%;
    max-width: 655px;
}

.materials-view__icons
{
    justify-content: center;

    margin: 0 0 20px -20px;
}

.materials-view__icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 40px;
    margin: 0 0 20px 20px;
}

.materials-view__icon img
{
    display: block;

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

.materials-view .feature__items
{
    margin-top: 0;
}

.materials-view__link
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    margin-top: 30px;

    text-align: right;
}

.materials-view__link a
{
    color: #1F6885;

    text-decoration: none;

    border-bottom: 1px solid transparent;

    transition: border .2s linear;
}

.materials-view__link a:hover
{
    border-bottom-color: currentColor;
}



/*-------------------------
    Promotional products
-------------------------*/
.promotional-products__wrap
{
    position: relative;

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

    min-height: 700px;
}

.promotional-products__items
{
    width: 60%;
    max-width: 1030px;
    margin-left: auto;
}

.promotional-products__item
{
    color: #1F1F1F;
    font-size: 36px;
    line-height: 1.17;

    display: block;

    text-decoration: none;

    transition: color .2s linear;
}

.promotional-products__item.hover
{
    color: #1F6885;
}

.promotional-products__item + .promotional-products__item
{
    margin-top: -1px;
}

.promotional-products__bord
{
    position: relative;

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

    padding: 27px 65px;

    border-top: 1px solid #1F1F1F;
    border-bottom: 1px solid #1F1F1F;
    background: #FFF;

    transition: box-shadow .2s linear;
}

.promotional-products__item.hover .promotional-products__bord
{
    z-index: 1;

    box-shadow: 0px 0px 15px rgba(31, 31, 31, .2);
}

.promotional-products__bord::before
{
    content: "";

    position: absolute;
    top: -15px;
    left: -20px;

    width: 20px;
    height: calc(100% + 30px);

    pointer-events: none;

    background: #FFF;
}

.promotional-products__bord::after
{
    content: "";

    position: absolute;
    top: -15px;
    right: -20px;

    width: 20px;
    height: calc(100% + 30px);

    pointer-events: none;

    background: #FFF;
}

.promotional-products__thumb
{
    position: absolute;
    top: 0;
    left: 0;

    width: calc(40% - 30px);
    max-width: 654px;
    height: 700px;

    pointer-events: none;

    opacity: 0;

    transition: opacity .2s linear;
}

.promotional-products__item.hover .promotional-products__thumb
{
    pointer-events: auto;

    opacity: 1;
}

.promotional-products__img
{
    display: flex;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
}

.promotional-products__img img
{
    display: block;

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

    border-radius: 15px;
}

.promotional-products__img img.loaded
{
    align-self: center;
}

.promotional-products__name
{
    display: block;

    width: 100%;
}

.promotional-products__arrow
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 60px;
    height: 60px;
    margin-left: 30px;

    border: 1px solid currentColor;
    border-radius: 50%;

    transform: rotate(180deg);
}

.promotional-products__arrow svg
{
    display: block;

    width: 27px;
    height: 22px;

    fill: currentColor;
}



/*------------------
    Contact us
------------------*/
.contact-us__flex
{
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.contact-us__title
{
    color: #1F1F1F;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.42;

    max-width: 963px;
}

.contact-us__title b
{
    font-weight: 400;

    display: inline-block;
}

.contact-us .wrap-btn
{
    flex-shrink: 0;
    flex-shrink: 0;

    margin: 40px 0 0 100px;
}

.contact-us .green-btn
{
    min-width: 340px;
}



/*------------------
    Links info
------------------*/
.links-info__flex
{
    margin: -40px 0 0 -67px;
}

.links-info__link
{
    color: #1F6885;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;

    display: block;

    width: calc(100%/6 - 67px);
    margin: 40px 0 0 67px;

    text-align: center;
    text-decoration: none;

    transition: color .2s linear;
}

.links-info__link:hover
{
    color: #1F1F1F;
}

.links-info__icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 140px;
    height: 124px;
    margin: 0 auto;
    padding: 10px;

    border-radius: 15px;
    background: #F2F2F2;
}

.links-info__icon img
{
    display: block;

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

.links-info__name
{
    line-height: 58px;

    display: block;
    overflow: hidden;

    margin-top: 40px;
    padding: 0 9px;

    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;

    border: 1px solid currentColor;
    border-radius: 15px;
}



/*------------------
    Page info
------------------*/
.page-links
{
}

.page-links__flex
{
    margin: -20px 0 0 -20px;
}

.page-links__link
{
    font-size: 24px;

    width: calc(100%/2 - 20px);
    margin: 20px 0 0 20px;
    padding: 0;
}



/*------------------
    Dealler head
------------------*/
.dealler-head__flex
{
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.dealler-head__text-block
{
    width: 59%;
    max-width: 1033px;
}

.dealler-links
{
    width: 41%;
    max-width: 720px;
    margin-top: -40px;
}

.dealler-links__link
{
    position: relative;

    color: #1F1F1F;
    font-size: 24px;
    line-height: 1.25;

    width: calc(100%/3 - 60px);
    margin: 40px 0 0 60px;
    padding: 19px 7px 15px;

    text-align: center;
    text-decoration: none;

    transition: color .2s linear;
}

.dealler-links__link:hover
{
    color: #1F6885;
}

.dealler-links__link::before
{
    content: "";

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

    width: 100%;
    height: 100%;

    pointer-events: none;

    border-radius: 15px;
    box-shadow: inset 0 0 0 1px #1F1F1F;

    transition: box-shadow .2s linear;
}

.dealler-links__link:hover::before
{
    box-shadow: inset 0 0 0 3px #1F6885;
}

.dealler-links__icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 74px;
}

.dealler-links__icon svg
{
    display: block;

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

    fill: currentColor;
}

.dealler-links__name
{
    display: block;

    margin-top: 18px;
}



/*------------
    Filter
------------*/
.filter
{
    width: 25%;
    max-width: 413px;
}

.filter_small
{
    width: 23.203%;
}

.filter_marg
{
    margin-top: 42px;
}

.filter__head
{
    display: none;
}

.filter .search .search__input
{
    height: 40px;

    border-color: #1F1F1F;
    border-radius: 15px;
}

.filter__item
{
    margin-top: 20px;
    padding: 20px 41px;

    border: 1px solid #1F1F1F;
    border-radius: 15px;
}

.filter__open
{
    position: relative;

    color: #232323;
    font-size: 24px;
    line-height: 28px;

    padding-right: 26px;

    cursor: pointer;
}

.filter__open svg
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 20px;
    height: 10px;
    margin-top: -5px;

    transition: fill .2s linear;

    fill: #1F1F1F;
}

.filter__open.active svg
{
    transform: rotate(180deg);

    fill: #1F6885;
}

.filter__data
{
    display: none;

    margin-top: 20px;
}

.filter-letter
{
    /*max-width: 194px;*/
    max-width: 100%;
    margin: -10px 0 0 -20px;
}

.filter-letter .checkbox
{
    /*width: calc(50% - 20px);*/
    width: calc(33% - 20px);
    margin: 10px 0 0 20px;
}
.label_new {
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 22;
}
.filter__show
{
    color: #FFF;
    font-size: 16px;
    font-weight: 400;

    display: inline-block;

    min-width: 254px;
    height: 34px;
    margin-top: 28px;

    vertical-align: top;

    border-radius: 10px;
    background: #1F6885;

    transition: background .2s linear;
}

.filter__show:hover
{
    background: #1F1F1F;
}

.filter .checkbox + .checkbox
{
    margin-top: 10px;
}

.filter .checkbox__text
{
    color: #232323;
    font-size: 18px;
    line-height: 22px;

    padding-left: 30px;
}

.filter .checkbox__text::before,
.filter .checkbox__text::after
{
    width: 20px;
    height: 20px;
}

.filter .checkbox__text::after
{
    background-size: 12px auto;
}

.filter-colors
{
    /*max-width: 150px;*/
    max-width: 100%;
    margin: -10px 0 0 -10px;
}


.checkbox_color
{
    display: block;

    width: 20px;
    height: 20px;
    margin: 10px 0 0 10px;
}

.checkbox__label_color
{
    display: block;

    width: 20px;
    height: 20px;
}

.checkbox__color
{
    position: relative;

    display: block;

    width: 20px;
    height: 20px;

    cursor: pointer;
}

.checkbox__color::before
{
    content: "";

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

    display: block;

    width: 20px;
    height: 20px;

    border: 1px solid rgba(31, 31, 31, .2);
    border-radius: 3px;
}

.checkbox__color::after
{
    content: "";

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

    width: 20px;
    height: 20px;

    opacity: 0;
    background: url(../images/ic_chek.svg) 50%/12px auto no-repeat;

    transition: opacity .2s linear;
}

input[type=checkbox]:checked + .checkbox__color::after
{
    opacity: 1;
}

.checkbox__color img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 3px;

    object-fit: cover;
}

.filter__btns
{
    margin-top: 40px;
}

.filter__show.big
{
    font-size: 18px;

    width: 100%;
    height: 40px;
    margin: 0;

    border-radius: 15px;
}

.filter__reset
{
    color: #1F6885;
    font-size: 18px;
    font-weight: 400;

    display: inline-block;

    width: 100%;
    height: 40px;
    margin-top: 16px;

    vertical-align: top;

    border: 1px solid currentColor;
    border-radius: 15px;

    transition: color .2s linear;
}

.filter__reset:hover
{
    color: #1F1F1F;
}


.sorting
{
    justify-content: space-between;

    padding-left: 10px;
}

.sort__name
{
    color: #232323;
    font-size: 18px;
    line-height: 22px;
}

.sort__link
{
    color: rgba(35, 35, 35, .6);
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;

    display: block;

    margin-left: 20px;

    text-decoration: none;
}

.sort__link:hover,
.sort__link.active
{
    color: #1F6885;
}

.sort__modal-btn
{
    position: relative;

    color: #1F1F1F;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;

    display: none;

    padding-left: 24px;
}

.sort__modal-btn::before
{
    content: "";

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

    width: 18px;
    height: 16px;

    background: url(../images/ic_sort.svg) 50% no-repeat;
}

.sort__mini-modal
{
    position: relative;
    top: 0;
    left: 0;

    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.open-filter
{
    position: relative;

    color: #1F1F1F;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;

    display: none;

    padding-left: 22px;

    text-align: center;
}

.open-filter::before
{
    content: "";

    position: absolute;
    top: 3px;
    left: 0;

    width: 16px;
    height: 16px;

    background: url(../images/ic_filter.svg) 50%/14px auto no-repeat;
}



/*------------
    Contacts
------------*/
.contacts
{
    margin-top: 20px;
}

.contacts-info
{
    color: #1F1F1F;
    font-size: 16px;
    line-height: 1.75;
}

.contacts__line a
{
    color: #1F1F1F;

    text-decoration: none;
}

.contacts-info__bot
{
    line-height: 1.5;

    margin: 10px 0 0 -77px;
}

.contacts-info__link
{
    margin: 14px 0 0 77px;
}

.contacts__adres
{
    color: #1F6885;

    text-decoration: none;

    border-bottom: 1px solid currentColor;

    transition: border .2s linear;
}

.contacts__adres:hover
{
    border-bottom-color: transparent;
}

.contacts__print
{
    color: #1F1F1F;

    text-decoration: none;

    border-bottom: 1px solid currentColor;

    transition: border .2s linear;
}

.contacts__print:hover
{
    border-bottom-color: transparent;
}


.map
{
    overflow: hidden;

    height: 614px;
    margin-top: 40px;

    border-radius: 15px;
}


.accordion-item_small
{
    padding: 27px 50px;

    border-top: 1px solid #1F1F1F;
    border-bottom: 1px solid #1F1F1F;
}

.accordion-item_small + .accordion-item_small
{
    margin-top: -1px;
}

.accordion-open
{
    position: relative;

    padding-right: 80px;

    cursor: pointer;
}

.accordion-open_small
{
    color: #1F1F1F;
    font-size: 36px;
    line-height: 1.17;

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

    max-width: 1480px;
    min-height: 60px;
    margin-right: auto;
    margin-left: auto;

    transition: color .2s linear;
}

.accordion-open_small:hover,
.accordion-open_small.active
{
    color: #1F6885;
}

.accordion-open__arrow
{
    position: absolute;
    top: 50%;
    right: 0;

    color: #1F1F1F;

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

    width: 60px;
    height: 60px;
    margin-top: -30px;

    border: 1px solid currentColor;
    border-radius: 50%;

    transition: color .2s linear;
    transform: rotate(180deg);
}

.accordion-open:hover .accordion-open__arrow
{
    color: #1F6885;
}

.accordion-open.active .accordion-open__arrow
{
    color: #1F6885;

    transform: rotate(270deg);
}

.accordion-open__arrow svg
{
    display: block;

    width: 27px;
    height: 22px;

    fill: currentColor;
}

.accordion-data
{
    display: none;
}

.accordion-data_small
{
    max-width: 1480px;
    margin: 28px auto 0;
}

.how-get
{
    justify-content: space-between;
}

.how-get_small
{
    max-width: 1430px;
}

.how-get-list_small
{
    align-self: center;

    width: calc(50% - 30px);
    max-width: 620px;
}

.how-get-list__item
{
    position: relative;

    color: #1F1F1F;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.5;

    padding-left: 20px;
}

.how-get-list__item b
{
    font-weight: 400;
}

.how-get-list__item + .how-get-list__item
{
    margin-top: 20px;
}

.how-get-list__item::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 2px;

    width: 2px;
    height: 100%;

    background: #1F6885;
}

.how-get-list__item:first-child:before
{
    top: 9px;

    height: calc(100% - 9px);
}

.how-get-list__item::after
{
    content: "";

    position: absolute;
    top: 9px;
    left: 0;

    width: 6px;
    height: 6px;

    border-radius: 50%;
    background: #1F6885;
    box-shadow: 0 0 0 6px #FFF;
}

.how-get-list__item + .how-get-list__item::before
{
    top: -20px;

    height: calc(100% + 20px);
}

.img-map
{
    width: 50%;
    max-width: 655px;
}

.img-map img
{
    display: block;

    max-width: 100%;
}



/*----------------
    represemtation
----------------*/
.representation
{
    margin-top: 60px;
}

.representation__select-wrap
{
    width: 420px;
}

.representation__select-wrap .nice-select .current
{
    font-size: 24px;
}

.representation__reset-btn
{
    font-size: 24px;

    margin-left: 10px;
}

.representation__bord-btn
{
    font-size: 24px;

    width: 420px;
    margin-left: 100px;
}

.representation-table
{
    width: 100%;
    margin-top: 80px;

    border-collapse: collapse;
}

.representation-table tr td
{
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;

    padding: 40px 35px;

    border-top: 1px solid #1F1F1F;
    border-bottom: 1px solid #1F1F1F;

    font-feature-settings: "pnum" on, "lnum" on;
}

.representation-table tr td a
{
    color: #1F1F1F;

    display: inline-block;

    text-decoration: none;
}

.representation-table tr td.representation-table__name
{
    padding-left: 83px;
}

.representation-table tr td.representation-table__letter
{
    color: #1F1F1F;
    font-size: 40px;
    line-height: 1.5;

    padding: 80px 54px 20px;

    text-transform: uppercase;
}

.representation-table tr:first-child td
{
    border-top: none;
}

.representation-table tr:first-child td.representation-table__letter
{
    padding-top: 0;
}

.representation__wrap-btn
{
    display: none;

    margin-top: 40px;
}



/*----------------
    Video
----------------*/
.video__wrap
{
    position: relative;

    overflow: hidden;

    min-height: 200px;
    padding-bottom: 42.7%;

    border-radius: 15px;
}

.video video
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    border-radius: 15px;
}



/*----------------
    About
----------------*/
.about_marg
{
    margin-top: 80px;
}

.about__text-block
{
    max-width: 975px;
}

.about-info__wrap
{
    max-width: 1660px;
    margin: 0 auto;
}

.about-info__items
{
    margin: -40px 0 0 -68px;
}

.about-info__item
{
    width: calc(22% - 68px);
    margin: 40px 0 0 68px;
}

.about-info__item:first-child
{
    width: calc(30.5% - 68px);
}

.about-info__item:nth-child(2)
{
    width: calc(23.4% - 68px);
}

.about-info__item:nth-child(3)
{
    width: calc(24.1% - 68px);
}

.about-info__name
{
    color: #1F6885;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;

    font-feature-settings: "pnum" on, "lnum" on;
}

.about-info__name span
{
    font-family: var(--font_family2);
    font-size: 60px;
    font-weight: 400;
}

.about-info__desc
{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.38;

    margin-top: 14px;
}



/*------------
    Gallery
------------*/
.product-info__gallery
{
    margin-top: 40px;
}

.gallery__wrap-btn
{
    margin-top: 80px;
}

.gallery__grid
{
    display: grid;

    gap: 25px;
    grid-template-columns: repeat(3, 1fr);
}

.gallery__item:nth-child(3),
.gallery__item:nth-child(6),
.gallery__item:nth-child(12),
.gallery__item:nth-child(15),
.gallery__item:nth-child(21),
.gallery__item:nth-child(24)
{
    grid-row: span 2;
}

.gallery__item:nth-child(7),
.gallery__item:nth-child(16),
.gallery__item:nth-child(25)
{
    grid-column: span 2;
}

.gallery__item
{
    position: relative;

    color: #FFF;
    font-size: 16px;
    line-height: 1.25;

    display: block;
    overflow: hidden;

    min-height: 298px;

    text-decoration: none;

    border-radius: 15px;
}

.gallery__item::after
{
    content: "";

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 150px;

    background: linear-gradient(358.27deg, rgba(0, 0, 0, .6) 5.83%, rgba(0, 0, 0, 0) 75.49%);
}

.gallery__img
{
    position: relative;

    display: block;

    width: 100%;
    height: 100%;
}

.gallery__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.gallery__box
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    padding: 0 20px 10px;
}

.gallery__name
{
    font-size: 20px;
    line-height: 1.2;

    display: block;
}

.gallery__desc
{
    display: block;

    margin-top: 8px;
}


.gallery__green-btn
{
    min-width: 420px;
}

.gallery__wrap-btn.mob
{
    display: none;
}


.modal-ajax
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    width: 100%;
    max-width: 1235px;
    margin: 0 auto;
    padding-top: 28px;
}

.modal-ajax_vertical
{
    max-width: 846px;
}

.panzoom__viewport
{
    overflow: hidden;

    max-width: 100%;
    max-height: calc(100vh - 180px);

    border-radius: 15px;
}

.modal-ajax_vertical .panzoom__viewport
{
    max-height: calc(100vh - 66px);
}

.panzoom
{
    position: relative;

    width: 100%;
    padding-right: 64px;
}

.panzoom__content
{
    max-width: 100%;
    max-height: 100%;

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

    transition: none;
    transform: translateZ(0) scale(1);
    transform-origin: 0 0;

    object-fit: contain;
    touch-action: none;
}

.panzoom__button--zoomIn
{
    position: absolute;
    top: 50%;
    right: 14px;

    width: 24px;
    height: 24px;
    margin-top: -39px;

    border: 4px solid #FFF;
    border-radius: 50px;
    background: url(../images/ic_zoom_plus.svg) 50% no-repeat;
}

.panzoom__button--zoomOut
{
    position: absolute;
    top: 50%;
    right: 14px;

    width: 24px;
    height: 24px;
    margin-top: 15px;

    border: 4px solid #FFF;
    border-radius: 50px;
    background: url(../images/ic_zoom_minus.svg) 50% no-repeat;
}

.modal-ajax__wrap-btn
{
    order: 2;

    width: 100%;

    text-align: center;
}

.modal-ajax__green-btn
{
    min-width: 420px;
}

.modal-ajax + .carousel__button.is-close
{
    top: 0;
    right: 10px;

    color: #FFF;

    width: 28px;
    height: 28px;
}

.modal-ajax + .carousel__button.is-close:hover
{
    color: rgba(255, 255, 255, .7);
}

.fancybox__nav .carousel__button
{
    width: 100px;
    height: 100px;
}

.fancybox__nav .carousel__button svg
{
    width: 80px;
    height: 80px;

    stroke-width: 1px;
}



.products-accordion
{
    margin-top: 40px;
}

.accordion .accordion-item:first-child {
    border-top: 1px solid #1F1F1F;
}

.product-accordion + .product-accordion
{
    margin-top: -1px;
}

.product-accordion__accordion-open
{
    flex-wrap: nowrap;
    max-width: 1662px;
    margin: 0 auto;
    padding: 39px 0;
    border-bottom: 1px solid #1F1F1F;
}

.product-accordion__thumb
{
    flex-shrink: 0;

    width: 21.43%;
    margin-right: 40px;
}

.product-accordion__img
{
    position: relative;

    display: block;

    padding-bottom: 66.37%;
}

.product-accordion__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 15px;

    object-fit: cover;
}

.product-accordion__box
{
    width: 100%;
    padding-top: 45px;
}

.product-accordion__name
{
    font-size: 36px;
    font-weight: 200;
    line-height: 1.17;

    transition: color .2s linear;
}

.product-accordion__accordion-open:hover .product-accordion__name,
.product-accordion__accordion-open.active .product-accordion__name
{
    color: #1F6885;
}

.product-accordion__name b
{
    font-weight: 400;
}

.product-accordion__desc
{
    font-size: 16px;
    line-height: 1.5;

    max-width: 830px;
    margin-top: 20px;
}

.product-accordion__accordion-data
{
    max-width: 1662px;
    margin: 40px auto 0;
}

.product-accordion__info
{
    justify-content: space-between;

    margin-top: 20px;
}

.product-accordion__flex
{
    justify-content: space-between;

    width: calc(71% - 30px);
    max-width: 1160px;
    margin-top: -40px;
}

.product-accordion__feature
{
    width: calc(50% - 15px);
    max-width: 555px;
    margin-top: 40px;
}

.product-accordion__images
{
    position: relative;

    display: block;

    width: 29%;
    max-width: 447px;
    padding: 5px 18px 0 0;
}

.product-accordion__images::before
{
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 32px;
    height: 32px;

    background: url(../images/ic_zoom.svg) 50%/contain no-repeat;
}

.product-accordion__images img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.product-accordion .feature__items
{
    margin-top: 10px;
}

.product-accordion .feature__title
{
    line-height: 1.4;
}

.product-accordion * + .feature__title
{
    margin-top: 40px;
}

.product-accordion .feature__item
{
    font-size: 16px;

    margin-top: 0;
    padding: 8px 25px;
}



/*------------
    Product info
------------*/
.product-slider
{
    margin-top: 40px;
}

.product-slider .swiper-overflow
{
    border-radius: 15px;
}

.product-slider__img
{
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 360px;
    padding-bottom: 40.45%;

    border-radius: 15px;
}

.product-slider__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.product-slider .slider-pagination
{
    position: relative;
    right: 0;
    bottom: 0;

    width: 100%;
    margin-top: 40px;
}


.product-info .text-block p
{
    font-weight: 300;
}

.product-info .text-block p b
{
    font-weight: 400;
}


.product-info__text-block
{
    margin-top: 40px;
}

.product-info__tabs-container
{
    margin-top: 80px;
}



/*------------
    Product inform
------------*/
.product-inform__cols
{
    justify-content: space-between;
}

.product-inform__small-title
{
    width: 100%;
}

.product-inform__colr
{
    width: 54%;
    max-width: 788px;
    margin-top: 40px;
}

.product-inform__list-number
{
    margin: 0 0 0 38px;
}

.product-inform__list-number li
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 42px;
    padding: 0 0 0 50px;
}

.product-inform__list-number li:before
{
    top: 50%;

    margin-top: -20px;
}

.product-inform__list-number li + li
{
    margin-top: 36px;
}

.product-inform__coll
{
    width: calc(46% - 40px);
    max-width: 618px;
    margin-top: 40px;
}

.product-inform__coll img
{
    display: block;

    max-width: 100%;
}

.product-info__link
{
    margin-top: 80px;
}


.product-info__products
{
    width: calc(100% + 156px);
    margin: 40px -78px 0;
}



.product-info__colors
{
    max-width: 1485px;
    margin-top: 60px;
}

.product-info__items
{
    margin-top: 20px;
    padding-top: 40px;

    border-top: 1px solid #1F1F1F;
}

.product-info__item
{
    max-width: 1431px;
    margin-left: auto;
    padding-bottom: 39px;

    border-bottom: 1px solid #1F1F1F;
}

.product-info__item + .product-info__item
{
    margin-top: 40px;
}


.product-about
{
    justify-content: space-between;
}

.product-about__text-block
{
    width: 64.476%;
}

.product-about__colr
{
    width: calc(35.524% - 25px);
}

.product-about__img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    padding: 10px 20px;

    border-radius: 15px;
    background: #FFF;
}

.product-about__img img
{
    display: block;

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


.models
{
    margin-top: 60px;
}

.models__top
{
    align-content: center;
    align-items: center;

    margin-bottom: 28px;
}

.models__top .tabs-text
{
    margin-left: 5px;
}

.tabs-text
{
    margin: -10px 0 0 -38px;
}

.tabs-text_marg
{
    margin-bottom: 20px;
}

.tabs-text__button
{
    color: rgba(31, 31, 31, .5);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;

    margin: 10px 0 0 38px;

    transition: color .2s linear;
}

.tabs-text__button.big
{
    font-size: 24px;
    font-weight: 200;
}

.tabs-text__button:hover
{
    color: #1F6885;
}

.tabs-text__button.active
{
    color: #1F6885;
}

.tabs-text__button span
{
    border-bottom: 1px solid transparent;

    transition: border .2s linear;
}

.tabs-text__button.active span
{
    border-bottom-color: currentColor;
}


.tabs-list
{
    margin: 28px 0 0 22px;
}

.tabs-list div + div
{
    margin-top: 10px;
}

.tabs-list__button
{
    position: relative;

    color: #1F1F1F;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;

    padding-left: 16px;
}

.tabs-list__button::before
{
    content: "";

    position: absolute;
    top: 11px;
    left: 0;

    width: 3px;
    height: 3px;

    border-radius: 50%;
    background: currentColor;

    transition: background .2s linear;
}

.tabs-list__button:hover
{
    color: #1F6885;
}

.tabs-list__button.active
{
    color: #1F6885;
}

.tabs-list__button span
{
    border-bottom: 1px solid transparent;

    transition: border .2s linear;
}

.tabs-list__button.active span
{
    border-bottom-color: currentColor;
}


.models__flex
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;

    width: calc(100% + 84px);
    margin-right: -42px;
    margin-left: -42px;
}

.models__coll
{
    width: 60.2%;
    padding: 40px 95px 30px;

    border-radius: 15px;
    background: #FFF;
}

.models__title
{
    color: #1F1F1F;
    font-size: 26px;
    font-weight: 200;
    line-height: 1.46;
}

.models__colr
{
    width: calc(39.8% - 20px);
}

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

    min-height: 100%;
    padding: 13px 20px;

    border-radius: 15px;
    background: #FFF;
}

.models__img img
{
    display: block;

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


.conventions
{
    display: inline-block;

    margin-top: 48px;

    vertical-align: top;
}

.conventions__title
{
    color: #1F1F1F;
    font-size: 18px;
    font-weight: 200;
    line-height: 1;

    padding-bottom: 4px;

    border-bottom: 1px solid #1F1F1F;
}

.conventions__cols
{
    flex-wrap: nowrap;

    margin-top: 6px;
}

.conventions__col + .conventions__col
{
    margin-left: 40px;
}

.conventions__item
{
    color: #1F1F1F;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;

    flex-wrap: nowrap;

    margin-top: 8px;
}

.conventions__icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.conventions__icon img
{
    display: block;

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



/*------------
    Footer
------------*/
.footer
{
    padding: 60px 0 55px;

    background: #1F1F1F;
}

.footer__top
{
    justify-content: space-between;
}

.footer__logo img
{
    display: block;
}

.footer__contact
{
    margin-top: 16px;
}

.footer__phone
{
    color: #F2F2F2;
    font-size: 18px;
    line-height: 20px;

    font-feature-settings: "pnum" on, "lnum" on;
}

.footer__phone a
{
    position: relative;

    color: #F2F2F2;

    display: inline-block;

    padding-left: 20px;

    vertical-align: top;
    text-decoration: none;
}

.footer__phone a::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 15px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/ic_tel2.svg) 50% no-repeat;
}

.footer__time
{
    color: rgba(242, 242, 242, .6);
    font-size: 16px;
    line-height: 20px;

    padding-left: 20px;

    font-feature-settings: "pnum" on, "lnum" on;
}

.footer__title
{
    color: #F2F2F2;
    font-size: 24px;
    line-height: normal;
}

.footer__title a
{
    color: #F2F2F2;

    text-decoration: none;

    border-bottom: 1px solid transparent;

    transition: border .2s linear;
}

.footer__title a:hover
{
    border-bottom-color: currentColor;
}

.footer__box
{
    padding-top: 13px;
}

.footer__list
{
    color: rgba(242, 242, 242, .9);
    font-size: 18px;
    line-height: 20px;

    margin-top: 15px;
}

.footer__list div + div
{
    margin-top: 15px;
}

.footer__list a
{
    color: rgba(242, 242, 242, .9);

    text-decoration: none;

    border-bottom: 1px solid transparent;

    transition: border .2s linear;
}

.footer__list a:hover
{
    border-bottom-color: currentColor;
}


.footer__last
{
    padding-top: 13px;
}

.socials
{
    margin-top: 15px;
}

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

    width: 39px;
    height: 39px;

    transition: opacity .2s linear;
}

.socials__link:hover
{
    opacity: .7;
}

.socials__link + .socials__link
{
    margin-left: 16px;
}

.socials__link img
{
    display: block;

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


.footer-creator
{
    margin-top: 20px;
}

.footer-creator__title
{
    color: rgba(242, 242, 242, .9);
    font-size: 18px;
    line-height: 20px;

    font-feature-settings: "pnum" on, "lnum" on;
}

.footer-creator__link
{
    display: inline-block;

    margin-top: 19px;

    vertical-align: top;
}

.footer-creator__link img
{
    display: block;

    max-width: 102px;
}


.footer__bot
{
    margin-top: 50px;
    padding-top: 44px;

    border-top: 1px solid rgba(242, 242, 242, .5);
}

.footer__copy
{
    color: rgba(242, 242, 242, .9);
    font-size: 16px;
    line-height: 20px;

    font-feature-settings: "pnum" on, "lnum" on;
}

.footer__desc
{
    color: rgba(242, 242, 242, .5);
    font-size: 14px;
    line-height: 20px;

    max-width: 815px;
    margin-top: 16px;

    font-feature-settings: "pnum" on, "lnum" on;
}



/*------------
    Modal
------------*/
.modal
{
    position: relative;
    z-index: 3;

    display: none;
    visibility: visible !important;

    width: 816px;
    max-width: 100%;
    padding: 58px;

    border-radius: 15px;
    background: #F2F2F2;
}

.modal_pad
{
    padding-top: 160px;
    padding-bottom: 90px;
}

.modal-title
{
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 200;
    line-height: 1.25;

    text-align: center;
}

.modal-title-big
{
    color: #1F1F1F;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25;

    text-align: center;
}

.modal-subtitle
{
    color: #1F1F1F;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.25;

    margin-top: 8px;

    text-align: center;
}

.modal__form
{
    margin-top: 50px;
}

.modal-link
{
    color: #1F6885;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;

    margin-top: 60px;

    text-align: center;
}

.modal-link a
{
    color: #1F6885;

    text-decoration: none;

    border-bottom: 1px solid;

    transition: border .2s linear;
}

.modal-link a:hover
{
    border-bottom-color: transparent;
}



@media (max-width: 1869px)
{
    .trends__wrap
    {
        width: calc(100% - 60px);
        margin-right: 30px;
        margin-left: 30px;
    }

    .collection  .collection__slider
    {
        width: calc(100% - 60px);
        margin-right: 30px;
        margin-left: 30px;
    }


    .articles__slider
    {
        padding-right: 5%;
    }


    .schedule__slider
    {
        padding-right: 5%;
    }

    .schedule-date__number
    {
        font-size: 76px;
    }

    .schedule-date__month
    {
        font-size: 40px;
    }


    .info-catalog__flex
    {
        padding-right: 30px;
    }


    .product-slider
    {
        width: calc(100% - 60px);
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media (max-width: 1799px)
{
    .main-slider-info__name
    {
        font-size: 20px;
    }


    .article
    {
        font-size: 20px;
    }

    .header-menu__item + .header-menu__item
    {
        margin-left: 40px;
    }


    .material
    {
        padding: 29px;
    }


    .catalog
    {
        padding-right: 19px;
        padding-left: 19px;
    }


    .schedule-date
    {
        font-size: 20px;
    }

    .schedule-date
    {
        padding-right: 20px;
        padding-left: 20px;
    }

    .schedule-date__number
    {
        font-size: 66px;
        line-height: 50px;
    }

    .schedule-date__month
    {
        font-size: 30px;
        line-height: 40px;
    }


    .about-institute__colr
    {
        margin-left: 100px;
    }


    .info-catalog__bg
    {
        padding-right: 40px;
        padding-left: 40px;
    }



    .news__date
    {
        font-size: 16px;
    }

    .news__name
    {
        font-size: 20px;
    }

    .news__desc
    {
        font-size: 16px;
    }


    .product
    {
        font-size: 20px;
    }


    .links-info__flex
    {
        margin-left: -50px;
    }

    .links-info__link
    {
        font-size: 20px;

        width: calc(100%/6 - 50px);
        margin-left: 50px;
    }



    .dealler-links__link
    {
        font-size: 20px;

        width: calc(100%/3 - 40px);
        margin-left: 40px;
    }



    .representation-table tr td
    {
        padding-right: 20px;
        padding-left: 20px;
    }

    .representation-table tr td.representation-table__name
    {
        padding-left: 35px;
    }

    .representation-table tr td.representation-table__letter
    {
        padding-left: 30px;
    }


    .about-info__items
    {
        margin-left: -40px;
    }

    .about-info__item
    {
        width: calc(22% - 40px);
        margin-left: 40px;
    }

    .about-info__item:first-child
    {
        width: calc(30.5% - 40px);
    }

    .about-info__item:nth-child(2)
    {
        width: calc(23.4% - 40px);
    }

    .about-info__item:nth-child(3)
    {
        width: calc(24.1% - 40px);
    }


    .tab-content__bg
    {
        padding-right: 60px;
        padding-left: 60px;
    }

    .product-info__products
    {
        width: calc(100% + 60px);
        margin-right: -30px;
        margin-left: -30px;
    }
}


@media (max-width: 1599px)
{
    .main-title
    {
        font-size: 45px;
    }

    .page-title
    {
        font-size: 45px;
    }


    .text-block h1,
    .text-block .h1
    {
        font-size: 45px;
    }


    .breadcrumbs
    {
        padding-bottom: 40px;
    }


    .header-menu__item + .header-menu__item
    {
        margin-left: 30px;
    }

    .header-menu__link
    {
        font-size: 16px;
    }

    .header__phone
    {
        font-size: 16px;
    }



    .main-slider__slide
    {
        min-height: 700px;
    }

    .main-slider__bg
    {
        min-height: 1px;
        padding: 20px;
    }

    .main-slider__name
    {
        font-size: 60px;

        padding: 0;
    }

    .main-slider-info__desc
    {
        font-size: 16px;
    }

    .main-slider-info__info
    {
        font-size: 16px;
    }

    .main-slider-info__name
    {
        font-size: 18px;
    }

    .main-slider .slider-button-prev
    {
        bottom: 30px;
    }

    .main-slider .slider-button-next
    {
        bottom: 30px;
    }

    .main-slider .swiper-count
    {
        bottom: 47px;
    }


    .information__item
    {
        padding: 20px;
    }

    .information__coll
    {
        padding-left: 0;
    }

    .information__item:nth-child(2n) .information__coll
    {
        padding-right: 0;
    }

    .information__name
    {
        font-size: 45px;
    }

    .information__desc
    {
        font-size: 20px;
    }


    .main-news__slider .slider-button-prev
    {
        right: calc(34.888% + 117px);
        bottom: 50px;
    }

    .main-news__slider .slider-button-next
    {
        right: calc(34.888% + 47px);
        bottom: 50px;
    }

    .main-news__slider .swiper-count
    {
        top: 50px;
        right: calc(34.888% + 47px);

        font-size: 20px;
    }

    .main-news__box
    {
        padding: 50px 180px 50px 20px;
    }

    .main-news__name
    {
        font-size: 45px;
    }

    .main-news__title
    {
        font-size: 20px;
    }


    .article
    {
        padding: 25px 25px 20px;
    }

    .article__name
    {
        margin-top: 20px;
    }

    .cursor-slider
    {
        width: 100px;
    }



    .trends__bg
    {
        padding-right: 30px;
        padding-left: 30px;
    }

    .trend__desc
    {
        font-size: 16px;
    }

    .trend__desc.columns
    {
        column-gap: 30px;
    }

    .trends__name
    {
        font-size: 18px;
    }

    .trends__name a::before
    {
        top: 0;
    }



    .page-head__text-block_marg
    {
        margin-top: 40px;
    }



    .categories__grid
    {
        margin-left: -30px;
    }

    .categories__grid .categorie
    {
        width: calc(100%/3 - 30px);
        margin: 30px 0 0 30px;
    }

    .categorie
    {
        font-size: 20px;

        padding: 30px;
    }

    .categorie__name svg
    {
        bottom: 2px;
    }



    .products-big__grid
    {
        margin-left: -30px;
    }

    .products-big__grid .product-big
    {
        width: calc(100%/3 - 30px);
        margin: 30px 0 0 30px;
    }

    .product-big__name
    {
        font-size: 28px;
    }



    .inform__coll_big
    {
        width: 46.068%;
    }

    .inform__colr
    {
        width: calc(53.932% - 30px);
        margin-left: 30px;
    }

    .inform__colr_big
    {
        padding-top: 0;
    }

    .inform__list-number
    {
        margin-left: 40px;
    }



    .page-cats
    {
        padding-bottom: 40px;
    }



    /*-----------------
	Materials
    -----------------*/
    .materials__grid
    {
        margin-left: -30px;
    }

    .materials__grid .material
    {
        width: calc(100%/3 - 30px);
        margin: 30px 0 0 30px;
    }

    .material
    {
        font-size: 20px;
    }

    .material__name svg
    {
        bottom: 2px;
    }



    /*-----------------
	stands
    -----------------*/
    .stands__grid
    {
        margin-left: -30px;
    }

    .stands__grid .stand
    {
        width: calc(100%/3 - 30px);
        margin: 30px 0 0 30px;
    }

    .stand
    {
        font-size: 20px;
    }

    .stand__name svg
    {
        bottom: 2px;
    }



    /*-----------------
	Catalogs
    -----------------*/
    .catalog
    {
        font-size: 20px;

        padding-top: 29px;
        padding-bottom: 29px;
    }

    .catalog__name svg
    {
        bottom: 2px;
    }



    /*-----------------
	Schedule
    -----------------*/
    .schedule-date
    {
        padding: 20px;
    }

    .schedule-date__name
    {
        margin-top: 20px;
    }

    .schedule-date
    {
        font-size: 18px;
    }

    .schedule-date__date
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .schedule-date__number
    {
        font-size: 56px;
        line-height: 40px;
    }

    .schedule-date__month
    {
        font-size: 20px;
        line-height: 30px;
    }



    .info-catalog__bg
    {
        padding: 40px 30px;
    }

    .text-block h2 + ol
    {
        margin-top: 20px;
    }


    .info-catalog__bot
    {
        margin: 40px 0 0 -40px;
    }

    .info-catalog__btn
    {
        font-size: 20px;

        width: 620px;
        margin-left: 40px;
    }



    .products__slider
    {
        padding: 0 80px;
    }

    .products__grid
    {
        margin-left: -30px;
    }

    .products__grid .product
    {
        width: calc(100%/4 - 30px);
        margin-left: 30px;
    }

    .materials-view
    {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    .product
    {
        padding: 25px 19px 19px;
    }

    .products__wrap-btn
    {
        padding: 0 80px;
    }


    .materials-view
    {
        padding-right: 19px;
        padding-left: 19px;
    }



    .promotional-products__wrap
    {
        min-height: 576px;
    }

    .promotional-products__item
    {
        font-size: 30px;
    }

    .promotional-products__thumb
    {
        height: 576px;
    }

    .promotional-products__bord
    {
        padding-right: 50px;
        padding-left: 50px;
    }



    .cats-info__slider_pad
    {
        padding-right: 100px;
        padding-left: 100px;
    }



    .contact-us .wrap-btn
    {
        margin-left: 60px;
    }



    .links-info__flex
    {
        margin-left: -30px;
    }

    .links-info__link
    {
        width: calc(100%/6 - 30px);
        margin-left: 30px;
    }

    .links-info__name
    {
        margin-top: 30px;
    }



    .dealler-links__link
    {
        font-size: 18px;

        width: calc(100%/3 - 30px);
        margin-left: 30px;
    }



    .filter__item
    {
        padding-right: 20px;
        padding-left: 20px;
    }

    .filter__open
    {
        font-size: 20px;
    }



    .accordion-item_small
    {
        padding-right: 30px;
        padding-left: 30px;
    }



    .representation-table tr td
    {
        font-size: 16px;
    }



    .about-info__name span
    {
        font-size: 50px;
    }

    .about-info__name
    {
        font-size: 20px;
    }



    .modal-ajax
    {
        max-width: 1140px;
    }

    .modal-ajax_vertical
    {
        max-width: 800px;
    }

    .fancybox__nav .carousel__button
    {
        width: 80px;
    }


    .gallery__item
    {
        min-height: 250px;
    }

    .gallery__wrap-btn
    {
        margin-top: 60px;
    }


    .product-accordion__box
    {
        align-self: center;

        padding-top: 0;
    }



    .tab-content__bg
    {
        padding: 40px 30px;
    }

    .product-info__products
    {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }


    .tabs__button
    {
        padding-right: 20px;
        padding-left: 20px;
    }


    .models__flex
    {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }


    .models__coll
    {
        padding: 30px 50px;
    }


    .wrap-btn_marg
    {
        margin-top: 60px;
    }



    /*-----------------
	Footer
    -----------------*/
    .footer__title
    {
        font-size: 20px;
    }

    .footer__list
    {
        font-size: 16px;
    }

    .footer-creator__title
    {
        font-size: 16px;
    }

    .footer-creator__link
    {
        margin-top: 16px;
    }
}