.low-btn-container {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100;
}


.low-btn {
    width: 56px;
    white-space: nowrap;
    color: #18a5ef;
    height: 56px;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    font-size: 3em;
    box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/images/accessability.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
}

.lowvision-container {
    position: absolute;
    bottom: 0;
    left: auto;
    right: 70px;
    background-color: #fff;
    width: 220px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    display: flex;
    flex-direction: column;
}

.lowvision-container button {
    border: none;
    width: 100%;
    text-align: left;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 8px;
    background-image: none !important;
    box-shadow: none;
    height: auto;
    margin: 0px;
    color: var(--main-black);
    font-size: 1em;
    font-weight: 400;
    line-height: 120%;
}

.lowvision-container button:hover {
    background-color: #f1f1f1;
    color: var(--main-black);
}

.lowvision .orders li .order-status {
    background-color: #000000 !important;
    color: #fff !important;
}

.lowvision-container button:disabled {
    color: #999999;
}

.lowvision .orders li {
    border-left: 8px solid #000000;

}

.lowvision  .edit-event,
.lowvision .main-banner-section .banner-wrap,
.lowvision .back-pano-list.active,
.lowvision .show-pano-text.active,
.lowvision .autoplay-pano.active,
.lowvision .btn-share-pano.active,
.lowvision .close-links-container.active,
.lowvision .main-video-section {
    background-color: #000000 !important;
}

.lowvision .form-check input[type=checkbox]:checked ~ label:before {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.lowvision .artists-header,
.lowvision .artist-header,
.lowvision .prod-header {
    background-image: none !important;
}

.lowvision .search-cols .col,
.lowvision .events-container .event .style,
.lowvision .cat-image span,
.lowvision .artists-header h1,
.lowvision .artist-header h1,
.lowvision .prod-header h1 {
    color: #000000 !important;
}
.lowvision .place-top,
.lowvision .map-view,
.lowvision .site-create:before,
.lowvision .menu-tags-wrap .menu-tag::after,
.lowvision #article_events .close,
.lowvision #article_places .close, .streetview-close,
.lowvision .socials,
.lowvision .photo-gallery,
.lowvision .profile-header-bg,
.lowvision .afisha,
.lowvision .thmb,
.lowvision .image-container,
.lowvision .info .addr:before,
.lowvision .logo-container .navbar-brand, .lowvision .card,
.lowvision .aside-logo,
.lowvision .search-cols .col .ico,
.lowvision .edit-event,
.lowvision .thumbnail,
.lowvision .menu-body,
.lowvision .fav-menu span,
.lowvision h1, .lowvision .partner-statistic,
.lowvision h2, .lowvision h3,
.lowvision .comment-item-wrap, .lowvision .organizer-info,
.lowvision p, .lowvision .login-container,
.lowvision .btn, .lowvision .title-e-page-wrap,
.lowvision button, .lowvision .main-dates-list,
.lowvision .search-cols-main .col-city:before,
.lowvision .search-tabs .tab.tab-active,
.lowvision .show-search, .lowvision .ticket-total,
.lowvision .caption, .lowvision .text-footer,
.lowvision .stars-col, .lowvision .search,
.lowvision .activity-thmb,
.lowvision .artist-tags,
.lowvision .btn-tag, .lowvision .view-tags,
.lowvision .footer,
.lowvision .search-tags, .lowvision .img-promo,
.lowvision .text-main, .lowvision .tabs-x,
.lowvision .partners, .lowvision .site-signup,
.lowvision #modal-popup,
.lowvision .map,
.lowvision .sorting-col,
.lowvision .low-btn,
.lowvision .show-cabinet-search,
.lowvision .info-wrap,
.lowvision .author-thmb,
.lowvision .single-cover,
.lowvision .load,
.lowvision .header .lang-switcher span::after,
.lowvision .profile-avatar,
.lowvision .banner-logo,
.lowvision .my-profile-avatar,
.lowvision .main-banner-section .banner-wrap::after,
.lowvision .useful-items .menu-buttons li a.main-tag::after,
.lowvision .search-cols-main .col-date .title::before,
.lowvision .single-view-header,
.lowvision .profile-header-thmb img,
.lowvision .trip-streetview,
.lowvision .main-useful-info.culture .main-box-title::before,
.lowvision .photos-item,
.lowvision .pagination .prev span,
.lowvision .pagination .prev a,
.lowvision .pagination .next span,
.lowvision .pagination .next a,
.lowvision img,
.lowvision .full-pano {
    filter: grayscale(1) !important;
}

.lowvision .useful-items .menu-buttons li a.main-tag {

    border-left: 14px solid #000000 !important;
}

.lowvision .pagination li a {
    border: 2px solid #000 !important;
    border-radius: 3px;
    color: #000!important;
    margin: 3px;
}

.lowvision .pagination li a:hover {
    color: #fff !important;
    background-color: #000 !important;
    border: 2px solid #000 !important;
}

.lowvision .users-page .menu-body a {
    margin-bottom: 5px;
}

.lowvision .users-page .menu-body a,
.lowvision .artist-item-wrap,
.lowvision .menu-header a,
.lowvision .activity-item {
    background-color: #fff;
    border: 2px solid #000;
}

.lowvision .article-tags span.a-tag {
    background-color: #000;
    border: 2px solid #000;
}

.lowvision .menu-header a:hover,
.lowvision .menu-body a.active {
    background-color: #000 !important;
}

.lowvision .menu-header a {
    border: 2px solid #000 !important;
    padding: 10px 7px;
    margin: 9px 2px;
    border-radius: 5px;
    height: auto;
}

.lowvision .useful-items .useful-item {
    border-color: #000000 !important;
}

.lowvision .col-city .select2 {
    border: 2px solid #000 !important;
    background-color: transparent;
    border-radius: 5px;
}

.lowvision .aside-wrap .header-td.td-lang .lang span,
.lowvision .list-tags a,
.lowvision .main-top-container,
.lowvision .add-image-btn,
.lowvision a:hover,
.lowvision a:hover > span {
    background-color: #000 !important;
    color: #fff !important;

}

.lowvision .main-top-container::after,
.lowvision .main-top-container {
    background-image: none;
}

.lowvision .header .lang-switcher span,
.lowvision button.kv-editable-link,
.lowvision .show-edit-block,
.lowvision .time-status-min,
.lowvision .time-status-hour,
.lowvision .time-status-right-now,
.lowvision .time-status-days,
.lowvision .time-status-finished,
.lowvision .slogan,
.lowvision .main-top-container .h1 span,
.lowvision .main-top-container .h1 {
    color: #000 !important;
}

.lowvision .thumbnail .event-view-buttons .event-button .like-button {
    background-color: #ffffff !important;
}

.lowvision-container {
    display: flex;
}

.lowvision .single-view.body-view .hr span,
.lowvision .place-top .number {
    background-color: #000 !important;
}

.lowvision .menu-header a.active {

    background-color: #000 !important;
    color: #ffffff !important;
}


.lowvision .footer-cols .top-styles li a {
    background-color: #ffffff !important;
    color: #000 !important;

}

.lowvision .menu-tags-wrap .menu-tag {
    color: #000 !important;
    border: 2px solid #000;
}

.lowvision .menu-tags-wrap .menu-tag:hover {
    color: #fff!important;
}

.lowvision .bs-radio input[type=checkbox]:checked ~ label:before {
    background-color: #000000;
    border: 2px solid #000000;
}

.lowvision .panel-group.active .panel-heading > .a:before,
.lowvision .panel-group.active .panel-heading span:before {

    background-color: #000000;

}

.lowvision .menu-toggle span,
.lowvision .menu-toggle span:after,
.lowvision .menu-toggle span:before,
.lowvision .body-view ul li:before {
    background: #000000;
}

.lowvision .edit-event,
.lowvision .static-page .structure li a {
    background-color: #ffffff;
}

.lowvision .main-top-locations .blog-col .blog-item:hover .blog-item-wrap .h3,
.lowvision .main-top-locations .blog-col .blog-item:hover .blog-item-wrap .desc,
.lowvision .tours .blog-col .blog-item:hover .blog-item-wrap .caption p.h3,
.lowvision .trip-locations-wrap li:hover .title-location .title-wrap h3,
.lowvision .trip-locations-wrap li:hover .title-location .title-wrap .addr,
.lowvision .categories-container .categories:hover .caption h2,
.lowvision .event-view-buttons .btn.btn-direction:hover span, 
.lowvision .event-view-buttons .btn.btn-share:hover span,
.lowvision .event-buttons-short .btn.btn-show-on-map:hover span,
.lowvision .event-view-status .event-view-buttons .btn.like-button:hover span,
.lowvision .last-news .article_item_list a:hover .title,
.lowvision .last-news .article_item_list a:hover .article-date,
.lowvision .virtual-list .blog-item:hover .blog-item-wrap .caption p.h3 {
    color: #fff!important;
}

.lowvision .logo-container:hover .navbar-brand {
    background-image: url(/images/logo-white.svg);
}

.lowvision .event-view-buttons .btn.btn-direction, 
.lowvision .event-view-buttons .btn.btn-share,
.lowvision .event-buttons-short .btn.btn-show-on-map,
.lowvision .event-view-status .event-view-buttons .btn.like-button {
    border: 2px solid #000;
}

.lowvision .event-view-buttons .btn.btn-direction:hover, 
.lowvision .event-view-buttons .btn.btn-share:hover,
.lowvision .event-buttons-short .btn.btn-show-on-map:hover,
.lowvision .event-view-status .event-view-buttons .btn.like-button:hover,
.lowvision .span-link {
    background-color: #000!important;
    color: #fff!important;
}

.lowvision .trip-locations-wrap li:hover {
    border: 2px solid #000;
    border-left: 10px solid #000;
    background-color: #000;
}

.lowvision .trip-locations-wrap li:hover .number {
    background-color: #fff;
    color: #000;
}

.lowvision .col-md-3 .structure li a,
.lowvision .col-md-3 .structure li span {
    border: 2px solid #000;
    border-radius: 40px;
}

.lowvision .categories-container .categories .thumbnail .categories-number {
    background-color: transparent!important;
    color: #fff!important;
}

.lowvision .tags-filter .advansed-filters .checkbox label,
.lowvision .search-tags-wrap .clear-all-tags,
.lowvision .search-tags-wrap .search-tag {
    border: 1px solid #000!important;
    color: #000!important;
}

.lowvision .tags-filter .advansed-filters .checkbox:hover label,
.lowvision .tags-filter .advansed-filters .checkbox input[type=checkbox]:checked ~ label, 
.lowvision .tags-filter .advansed-filters .checkbox input[type=radio]:checked ~ label,
.lowvision .search-tags-wrap .clear-all-tags:hover ,
.lowvision .search-tags-wrap .search-tag:hover {
    background-color: #000!important;
    color: #fff!important;
}

.lowvision .tags-filter .advansed-filters .checkbox.main label {
    border: none!important;
}

.lowvision .slider-main .slick-dots li button::before {
    background-color: #cccccc!important;
    border: 1px solid #000!important;
}

.lowvision .slider-main .slick-dots li.slick-active button::before {
    background-color: #ffffff!important;
    border: 1px solid #000!important;
}