/* Панель настроек */
    .vis-panel {
        display: none;
        letter-spacing: normal;
        border-bottom: 5px solid #000;
        padding-bottom: 10px;
    }

    .vis-panel label {
        font-size: 16px;
        margin-right: 8px;
        font-weight: bold;
    }

    .vis-panel button {
        font-size: 16px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .vis-panel .form-group{
        margin: 8px;
    }

    .vis-panel-btn {
        color: #000;
        background-color: #fff;
        border: 1px solid #000 !important;
    }

    .vis-panel-btn.active {
        border: 5px solid #000 !important;
    }

    .vis-panel-btn-color-0 {
        color: #000;
        background-color: #fff;
        border: 1px solid #000 !important;
    }

    .vis-panel-btn-color-0.active {
        border: 5px solid #000 !important;
    }

    .vis-panel-btn-color-1 {
        color: #000;
        background-color: #fff;
        border: 1px solid #000 !important;
    }

    .vis-panel-btn-color-1.active {
        border: 5px solid #000 !important;
    }

    .vis-panel-btn-color-2 {
        color: #fff;
        background-color: #000;
        border: 1px solid #000;
        border: 1px solid #000 !important;
    }

    .vis-panel-btn-color-2.active {
        border: 5px solid #fff !important;
    }

    .vis-panel-btn-color-3 {
        color: #000;
        background-color: #9cd5ff;
        border: 1px solid #000;
        border: 1px solid #000 !important;
    }

    .vis-panel-btn-color-3.active {
        border: 5px solid #000 !important;
    }

    .skip-to-content-link {
        margin-top: 16px;
        margin-bottom: 8px;
        margin-left: 8px;
        font-size: 16px;
    }
    

/* Общее */
    .vis-enabled *:focus {
        outline: 2px solid red !important;
        outline-offset: -2px !important;
        position: relative !important;
        z-index: 99999 !important;
    }

    .vis-enabled .notice-c .notice-t {
        text-align: left;
    }

    .vis-enabled li[role=presentation].slick-active button::before {
        font-size: 12px !important;
        margin-top: 1px;
    }


    .vis-enabled *:not(i):not(.vis-keep-font) {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    .vis-enabled p,
    .vis-enabled li
    {
        text-align: left;
        word-wrap: break-word;
        word-break: break-word;
        max-width: 80ch;
        margin-bottom: 2.25rem;
    }

    .vis-enabled .notifyjs-corner {
        display: none !important;
    }

/* Моды изображений */
    .vis-mod-img-grayscale img{
        filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%);
        filter: gray;
    }

    .vis-mod-img-off img, .vis-mod-img-off .homepage-searchbar-form::before{
        visibility: hidden !important;
    }

/* Моды размера шрифта */
    .vis-mod-fontsize-1 {
        font-size: 24px;
    }

    .vis-mod-fontsize-2 {
        font-size: 32px;
    }

/* Моды кернинга */
    .vis-mod-kerning-1 {
        letter-spacing: 0.2rem;
    }

    .vis-mod-kerning-2 {
        letter-spacing: 0.4rem;
    }

/* Моды цветовой схемы */
    /* Без цветовой схемы */
        .vis-enabled.vis-mod-color-0 .parent:after, .vis-enabled.vis-mod-color-0 .root-item:after
        {
            color: #fff !important;
        }

        .vis-enabled.vis-mod-color-0 *.root-item,
        .vis-enabled.vis-mod-color-0 *.parent
        {
            background-image: none !important;
        }

        .vis-enabled.vis-mod-color-0 .root-item::after {
            border-top-color: #324a6d !important;
        }

    /* Цветовая схема #1 */
        .vis-mod-color-1,
        .vis-mod-color-1 *:not(.vis-keep-bg):not(.banner):not(img):not(.vis-panel-btn-color):not(.fa):not(.far):not(.fas):not(.fab):not(.navbar-toggler-icon):not(.dropdown-item):not(.page-link):not(.vis-notification-badge):not(.notification-title):not(.notification-text),
        .vis-mod-color-1 .navbar-toggler,
        .vis-mod-color-1 .title:before, .vis-mod-color-1 .title:after,
        .vis-enabled.vis-mod-color-1 .parent:after, .vis-enabled.vis-mod-color-1 .root-item:after,
        .vis-mod-color-1 a.dropdown-item:hover > .vis-notification-badge,
        .vis-mod-color-1 a.dropdown-item:hover > .vis-notification-badge,
        .vis-mod-color-1 .vis-primary
        {
            background-color: #fff !important;
            background-image: none !important;
        }

        .vis-mod-color-1,
        .vis-mod-color-1 *:not(.vis-semitransparent):not(img):not(.vis-panel-btn-color):not(.page-link):not(.nav-link):not(.dropdown-item):not(.vis-notification-badge),
        .vis-mod-color-1 .title-left::before, .vis-mod-color-1 .title-left::after, .vis-mod-color-1 .title-right::before, .vis-mod-color-1 .title-right::after,
        .vis-enabled.vis-mod-color-1 .vis-navbar .nav-link,
        .vis-mod-color-1 .page-item:not(.active) .page-link,
        .vis-mod-color-1 .dropdown-item:not(.active),
        .vis-mod-color-1 .vis-primary,
        .vis-mod-color-1 ul.list li:before
        {
            color: #000 !important;
            box-shadow: none !important;
            text-shadow: none !important;
            border-top-color: #000 !important;
            border-right-color: #000 !important;
            border-bottom-color: #000 !important;
            border-left-color: #000 !important;
        }

        .vis-enabled.vis-mod-color-1 .dropdown-item.active, .vis-enabled.vis-mod-color-1 .dropdown-item:active,
        .vis-enabled.vis-mod-color-1 .dropdown-item:hover, .vis-enabled.vis-mod-color-1 .dropdown-item:focus,
        .vis-enabled.vis-mod-color-1 .vis-navbar > li li a:hover, .vis-enabled.vis-mod-color-1 .vis-navbar > li li a:focus,
        .vis-enabled.vis-mod-color-1 .page-item.active .page-link,
        .vis-enabled.vis-mod-color-1 .vis-notification-badge,
        .vis-enabled.vis-mod-color-1 .vis-inverted
        {
            color: #fff !important;
            background-color: #000 !important;
        }

        .vis-enabled.vis-mod-color-1 .slick-arrow::before, .vis-enabled.vis-mod-color-1 .slick-arrow::after
        {
            color: #000 !important;
            opacity: 1 !important;
            background-color: #fff !important;
        }

        .vis-enabled.vis-mod-color-1 li[role=presentation] button::before {
            color: #000 !important;
            opacity: 1 !important;
        }

        .vis-mod-color-1 .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
        }

        .vis-mod-color-1 .notifyjs-container {
            border: 1px solid #000 !important;
        }

    /* Цветовая схема #2 */
        .vis-mod-color-2,
        .vis-mod-color-2 *:not(.vis-keep-bg):not(.banner):not(img):not(.vis-panel-btn-color):not(.fa):not(.far):not(.fas):not(.fab):not(.navbar-toggler-icon):not(.dropdown-item):not(.page-link):not(.vis-notification-badge):not(.notification-title):not(.notification-text),
        .vis-mod-color-2 .navbar-toggler,
        .vis-mod-color-2 .title:before, .vis-mod-color-2 .title:after,
        .vis-enabled.vis-mod-color-2 .parent:after, .vis-enabled.vis-mod-color-2 .root-item:after,
        .vis-mod-color-2 .page-item:not(.active) .page-link,
        .vis-mod-color-2 a.dropdown-item:hover > .vis-notification-badge,
        .vis-mod-color-2 .vis-primary
        {
            background-color: #000 !important;
            background-image: none !important;
        }

        .vis-mod-color-2,
        .vis-mod-color-2 *:not(.vis-semitransparent):not(img):not(.vis-panel-btn-color):not(.page-link):not(.nav-link):not(.dropdown-item):not(.vis-notification-badge),
        .vis-mod-color-2 .title-left::before, .vis-mod-color-2 .title-left::after, .vis-mod-color-2 .title-right::before, .vis-mod-color-2 .title-right::after,
        .vis-enabled.vis-mod-color-2 .vis-navbar .nav-link,
        .vis-mod-color-2 .page-item:not(.active) .page-link,
        .vis-mod-color-2 .dropdown-item:not(.active),
        .vis-mod-color-2 a.dropdown-item:hover > .vis-notification-badge,
        .vis-mod-color-2 .vis-primary,
        .vis-mod-color-1 ul.list li:before
        {
            color: #fff !important;
            box-shadow: none !important;
            text-shadow: none !important;
            border-top-color: #fff !important;
            border-right-color: #fff !important;
            border-bottom-color: #fff !important;
            border-left-color: #fff !important;
        }

        .vis-enabled.vis-mod-color-2 .dropdown-item.active, .vis-enabled.vis-mod-color-2 .dropdown-item:active,
        .vis-enabled.vis-mod-color-2 .dropdown-item:hover, .vis-enabled.vis-mod-color-2 .dropdown-item:focus,
        .vis-enabled.vis-mod-color-2 .vis-navbar > li li a:hover, .vis-enabled.vis-mod-color-2 .vis-navbar > li li a:focus,
        .vis-enabled.vis-mod-color-2 .page-item.active .page-link,
        .vis-enabled.vis-mod-color-2 .vis-notification-badge,
        .vis-enabled.vis-mod-color-2 .vis-inverted
        {
            color: #000 !important;
            background-color: #fff !important;
        }

        .vis-enabled.vis-mod-color-2 .slick-arrow::before, .vis-enabled.vis-mod-color-2 .slick-arrow::after
        {
            color: #fff !important;
            opacity: 1 !important;
            background-color: #000 !important;
        }

        .vis-enabled.vis-mod-color-2 li[role=presentation] button::before {
            color: #fff !important;
            opacity: 1 !important;
        }

        .vis-mod-color-2 .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
        }

        .vis-mod-color-2 .notifyjs-container {
            border: 1px solid #fff !important;
        }

    /* Цветовая схема #3 */
        .vis-mod-color-3,
        .vis-mod-color-3 *:not(.vis-keep-bg):not(.banner):not(img):not(.vis-panel-btn-color):not(.fa):not(.far):not(.fas):not(.fab):not(.navbar-toggler-icon):not(.dropdown-item):not(.page-link):not(.vis-notification-badge):not(.notification-title):not(.notification-text),
        .vis-mod-color-3 .navbar-toggler,
        .vis-mod-color-3 .title:before, .vis-mod-color-3 .title:after,
        .vis-enabled.vis-mod-color-3 .parent:after, .vis-enabled.vis-mod-color-3 .root-item:after,
        .vis-mod-color-3 .page-item:not(.active) .page-link,
        .vis-mod-color-3 a.dropdown-item:hover > .vis-notification-badge,
        .vis-mod-color-3 .vis-primary
        {
            background-color: #9cd5ff !important;
            background-image: none !important;
        }

        .vis-mod-color-3,
        .vis-mod-color-3 *:not(.vis-semitransparent):not(img):not(.vis-panel-btn-color):not(.page-link):not(.nav-link):not(.dropdown-item):not(.vis-notification-badge),
        .vis-mod-color-3 .title-left::before, .vis-mod-color-3 .title-left::after, .vis-mod-color-3 .title-right::before, .vis-mod-color-3 .title-right::after,
        .vis-enabled.vis-mod-color-3 .vis-navbar .nav-link,
        .vis-mod-color-3 .page-item:not(.active) .page-link,
        .vis-mod-color-3 .dropdown-item:not(.active),
        .vis-mod-color-3 a.dropdown-item:hover > .vis-notification-badge,
        .vis-mod-color-3 .vis-primary,
        .vis-mod-color-1 ul.list li:before
        {
            color: #000 !important;
            box-shadow: none !important;
            text-shadow: none !important;
            border-top-color: #000 !important;
            border-right-color: #000 !important;
            border-bottom-color: #000 !important;
            border-left-color: #000 !important;
        }

        .vis-enabled.vis-mod-color-3 .dropdown-item.active, .vis-enabled.vis-mod-color-3 .dropdown-item:active,
        .vis-enabled.vis-mod-color-3 .dropdown-item:hover, .vis-enabled.vis-mod-color-3 .dropdown-item:focus,
        .vis-enabled.vis-mod-color-3 .vis-navbar > li li a:hover, .vis-enabled.vis-mod-color-3 .vis-navbar > li li a:focus,
        .vis-enabled.vis-mod-color-3 .page-item.active .page-link,
        .vis-enabled.vis-mod-color-3 .vis-notification-badge,
        .vis-enabled.vis-mod-color-3 .vis-inverted
        {
            color: #9cd5ff !important;
            background-color: #000 !important;
        }

        .vis-enabled.vis-mod-color-3 .slick-arrow::before, .vis-enabled.vis-mod-color-3 .slick-arrow::after
        {
            color: #000 !important;
            opacity: 1 !important;
            background-color: #9cd5ff !important;
        }

        .vis-enabled.vis-mod-color-3 li[role=presentation] button::before {
            color: #000 !important;
            opacity: 1 !important;
        }

        .vis-mod-color-3 .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
        }

        .vis-mod-color-3 .notifyjs-container {
            border: 1px solid #000 !important;
        }

/* Полноразмерный навбар */
    .vis-enabled .root-item a {
        display: inline-block !important;
    }

    .vis-enabled .root-item:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        /*vertical-align: middle;*/
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    .vis-enabled .parent:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .255em;
        /*vertical-align: middle;*/
        content: "";
        border-left: .3em solid; 
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        float: right;
    }

    .vis-enabled .vis-navbar-ul {
        display: inline-block;
        width: 420px !important;
        min-width: 420px !important;
        max-width: 420px !important;
    }

    .vis-enabled a.parent + .vis-navbar-ul {
        margin-left: 420px !important;
    }


/* Слайдеры */
    .vis-enabled .recommendations-body .slick-slide a {
        display: flex !important;
        justify-content: center !important;
    }

    .vis-enabled .recommendations-body figure img {
        width: auto !important;
        height: 280px !important;
    }

    .vis-enabled .recommendations-slide-title {
        overflow: visible !important;
        white-space: pre-wrap !important;
    }
    .vis-enabled .novelties-body .slick-slide {
        height: 100%;
    }

    .vis-enabled .collections-body .slick-slide {
        height: 100%;
    }

    .vis-enabled .recommendations-body .slick-slide {
        width: 510px !important;
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .vis-enabled .recommendations-body .slick-slide {
            width: 420px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .vis-enabled .recommendations-body .slick-slide {
            width: 315px !important; /* 2 слайда */
        }
    }

    @media (min-width: 576px) and (max-width: 767px) {
        .vis-enabled .recommendations-body .slick-slide {
            width: 480px !important;
        }
    }

    @media (max-width: 575px) {
        .vis-enabled .recommendations-body .slick-slide {
            width: 250px !important;
        }
    }

/* Отраслевые подборки */
    .vis-enabled .ocol-icon {
        visibility: hidden;
    }

/* Сегменты */
    .vis-enabled .segments .segment {
        border-width: 1px;
        border-style: solid;
    }


/* Служебное */
    .vis-only-block {
        display: none !important;
    }

    .vis-enabled .vis-only-block {
        display: block !important;
    }

    .vis-only-inline {
        display: none !important;
    }

    .vis-enabled .vis-only-inline {
        display: inline !important;
    }

    .vis-only-inline-block {
        display: none !important;
    }

    .vis-enabled .vis-only-inline-block {
        display: inline-block !important;
    }

    .vis-enabled .vis-none {
        display: none !important;
    }

    .vis-enabled .vis-hidden {
        visibility: hidden !important;
    }

    .vis-enabled .dropdown-menu {
        /*right: 0;
        left: auto;*/
    }