#pano {
    position: relative;

    width: 100%;
    height: 100%;
    font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#pano:before {
    content: '';

    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;

    height: 100px;

    background-image: linear-gradient(to top, rgba(0, 0, 0, .0), rgba(0, 0, 0, .3));
}

.react-mobile #pano:before {
    height: 68px;
}

#pano:after {
    content: '';

    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    height: 54px;

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0), rgba(0, 0, 0, .3));
}

#pano.mobile:after,
#pano.react-mobile:after {
    width: 108px;
    height: 60px;
}

.pano-caption {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 2;

    line-height: normal;

    color: #fff;
}
.pano-caption header {
    font-weight: bold;
    font-size: 20px;

    text-align: left;

    color: #fff;
}
.pano-caption footer {
    display: none;

    font-weight: 600;
    font-size: 14pt;
}

.mobile .pano-caption {
    top: 20px;
    left: 20px;

    font-size: 8pt;
}
.react-mobile .pano-caption {
    max-width: 50%;

    font-size: 7pt !important;
}

.mobile .pano-caption header,
.react-mobile .pano-caption header {
    font-size: 15pt;
}

.mobile .pano-caption footer,
.react-mobile .pano-caption footer {
    font-size: 10pt;
}

#krpanoSWFObject {
    z-index: 1;
}

.toolbar-bottom {
    position: absolute;
    bottom: 0;
    left: 148px;
    z-index: 4;

    width: calc( 100% - 148px );
    height: 35px;
    box-sizing: content-box;

    line-height: 50px;

    text-align: right;
}
.toolbar-bottom > div {
    display: inline-block;

    padding: 0;

    line-height: 16px;

    vertical-align: top;
}
@media screen and (min-width: 960px) {
    .toolbar-bottom > div {
        padding: 0 48px;
    }
}
@media screen and (min-width: 1400px) {
    .toolbar-bottom > div {
        padding: 0 100px;
    }
}

.toolbar-bottom .map-link {
    display: none;
}

#map-container {
    position: absolute;
    z-index: 3;

    transition: width .3s, height .3s, bottom .3s, left .3s, background .3s;
}
#map-container #panorama_map {
    position: absolute;

    width: 640px;
    height: 480px;

    border-style: solid;
    transition: width .3s, height .2s, top .3s, left .3s, border-width .3s, border-color .3s;
    border-radius: 10px;
}
#map-container button {
    position: absolute;

    width: 32px;
    height: 32px;
    padding: 0;

    font-weight: bold;
    font-size: 16px;

    border: none;
    outline: none;
    background: none;
}
#map-container.shrunk,
.react-mobile #map-container.shrunk {
    bottom: 100px !important;
    left: 30px;

    width: 110px !important;
    height: 110px !important;

    background: transparent;
}

.react-mobile #map-container.shrunk {
    left: 20px !important;
}

#map-container.shrunk_edit {
    bottom: 100px;
    left: 30px;

    width: 220px;
    height: 220px;

    background: transparent;
}

#map-container.shrunk #panorama_map,
#map-container.shrunk_edit #panorama_map {
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin-top: 80px;

    border: 0;
}
#map-container.expanded {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(10, 8, 0, .698);
}
#map-container.expanded #panorama_map {
    top: 30px;
    width: calc(100% - 24px);
    height: calc(100% - 46px);
    bottom: 24px;
}
#map-container.shrunk button {
    display: none;
}
.map-close-btn{
    display: none;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 4; 
    font-size: 20px;
}

#map-container.expanded .panorama-map-wrapper {
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    width: calc(70% - 12px);
    height: 70%;
    justify-content: center;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
    padding: 32px 12px 12px 12px !important;
}

#map-container.expanded .map-close-btn{
   display: block;
}

.toolbar-bottom > .seasons {
    float: left;
}
.toolbar-bottom > .seasons > * {
    vertical-align: top;
}
.toolbar-bottom a {
    text-decoration: none;
}
.mobile #map-container.shrunk {
    bottom: 100px;
    left: 20px;

    width: 80px !important;
    height: 80px !important;
}
.mobile #map-container.expanded,
.react-mobile #map-container.expanded {
    bottom: 0px;
    height: 100%;
}
.mobile .toolbar-bottom {
    bottom: 8px;
    left: 108px;
    z-index: 4;

    width: calc( 100% - 108px );
    height: 60px;
}

.react-mobile .toolbar-bottom {
    left: 140px !important;

    width: calc( 100% - 140px ) !important;
}

.mobile .toolbar-bottom .seasons {
    position: absolute;
    bottom: 6px;
    left: 0;

    width: auto;
    margin: 0;

    transform: none !important;
}

.react-mobile .toolbar-bottom .seasons {
    right: 10px;
    bottom: 17px !important;
    left: unset;
}

.mobile .toolbar-bottom .seasons .season-slider > ul > li {
    width: 54px;

    font-size: 8pt;
    line-height: 1.0;
}

.react-mobile .toolbar-bottom .seasons .season-slider > ul > li {
    width: auto !important;

    font-size: 10pt !important;
}

.mobile .toolbar-bottom .controls {
    position: absolute;
    right: 20px;
    bottom: 32px;

    width: 100px !important;
    height: 44px;
}

.react-mobile .toolbar-bottom .controls {
    display: none !important;
}

@media screen and (max-aspect-ratio: 1/1) {
    .toolbar-bottom .controls > a:not(.btn-objects) {
        display: none !important;
    }
    .toolbar-bottom .controls .btn-objects{
        left: -44px !important;
        bottom: 20px !important;
    }
    .pano_settings {
        right: 21px !important;
        bottom: 90px !important;
    }
}

.season-slider > .btn-left,
.season-slider > .btn-right {
    width: 12px;
    height: 20px;
    margin: auto;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 20px;
}
.season-slider > .btn-left {
    left: 0;

    background-image: url('/img/arrow_left.svg');
}
.season-slider > .btn-right {
    right: 0;

    background-image: url('/img/arrow_right.svg');
}
.season-slider > * {
    vertical-align: top;
}
.discontinued {
    position: relative;

    display: inline-block;

    line-height: 11pt;
}
.season-slider > .discontinued {
    margin-right: 16px;
    margin-left: -24px;

    line-height: 28px;
}
.discontinued::before {
    content: '';

    display: inline-block;

    width: 14px;
    height: 13px;
    margin-right: 4px;
    margin-bottom: -1px;

    background: url('/img/warn-dark.png');
}
.season-slider {
    position: relative;
    /*
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;*/

    padding: 0 30px;
}

.react-mobile .season-slider {
    padding: 0 17px;
}

.season-slider > .discontinued::before {
    margin: 0;

    opacity: .75;
    background: url('/img/warn.png');
}
.season-slider > .discontinued:hover::before {
    opacity: 1;
}
.season-slider > .discontinued:hover::after {
    content: attr(data-title);

    position: absolute;
    bottom: 32px;
    left: 50%;
    z-index: 10;

    display: block;

    width: 300px;
    padding: 4px;

    font-size: 9.5pt;

    text-align: center;

    color: #fff;
    border-radius: 4px;
    background: rgba(10, 8, 0, .698);
    transform: translateX(-50%);
}

.toolbar-bottom > .seasons {
    width: 420px;
    padding: 0;

    font-size: 13px;

    text-align: left;
}

.mobile .toolbar-bottom > .seasons {
    width: 100%;
}

.toolbar-bottom > .seasons .seasonslider_edit {
    position: absolute;

    margin: 0 0 0 70px;
}
.toolbar-bottom > .seasons .season-slider > ul {
    margin: 0;
    padding: 0 0 3px 0;

    white-space: nowrap;
}

.mobile .toolbar-bottom > .seasons .season-slider > ul {
    padding: 2px 0 8px 0;
}

.toolbar-bottom > .seasons .season-slider > ul > li {
    display: inline-block;

    margin: 0 8px;

    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}

.season-slider-item {
    text-align: center;
}

.season-slider-item a {
    padding: 0 8px;

    color: #fff;
}

.season-slider-item.selected > a {
    /*color: #00defc;*/
    -webkit-filter: invert(50%) sepia(100%) hue-rotate(188deg) saturate(1000%) brightness(110%);
            filter: invert(50%) sepia(100%) hue-rotate(188deg) saturate(1000%) brightness(110%);
}

.toolbar-bottom > .seasons .month-group {
    z-index: 4;

    display: none;

    margin-top: 0;

    text-align: left;
}
.toolbar-bottom > .seasons .month-group::before {
    content: '';

    position: absolute;
    top: 100%;
    left: calc( 50% - 50px );

    display: block;

    width: 100px;
    height: 40px;

    background: transparent;
}
.toolbar-bottom > .seasons .month-group::after {
    content: '';

    position: absolute;
    bottom: -16px;
    left: calc( 50% - 10px );

    display: block;

    border-width: 16px 10px 0;
    border-style: solid;
    border-color: rgba(10, 8, 0, .698) transparent;
}
.toolbar-bottom > .seasons .month-group li {
    display: list-item;

    width: auto;
    margin: 0 0 0 20px;
    padding-bottom: 2px;

    list-style: disc;

    line-height: 1.5;

    white-space: nowrap;
}
.toolbar-bottom > .controls {
    position: absolute;
    right: 20px;
    bottom: 20px;

    padding: 0;
}
.toolbar-bottom .mdi {
    font-size: 32px;
}
.toolbar-bottom > .controls a {
    display: block;

    width: 44px;
    height: 44px;
    margin-top: 10px;

    border-radius: 22px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .11);
}
.toolbar-bottom > .controls a:hover {
    background-color: #ededed;
}
.toolbar-bottom > .controls > .btn-zoom-out {
    background-image: url('/img/zoom_out.svg');
}
.toolbar-bottom > .controls > .btn-zoom-in {
    background-image: url('/img/zoom_in.svg');
}
.toolbar-bottom > .controls > .btn-fullscreen {
    background-image: url('/img/fullscreen.svg');
}
.toolbar-bottom > .controls > .btn-fullscreen-exit {
    background-image: url('/img/fullscreen_exit.svg');
}
.toolbar-bottom > .controls > .btn-rotate {
    background-image: url('/img/play.svg');
}
.toolbar-bottom > .controls > .btn-rotate-pause {
    background-image: url('/img/pause.svg');
}

.toolbar-bottom > .controls > .btn-edit {
    position: absolute;
    bottom: 0;
    left: -54px;

    display: none;

    background-image: url('/img/edit_off.svg');
}

.toolbar-bottom > .controls > .btn-edit.btn-edit-show {
    display: block;
}

.toolbar-bottom > .controls > .btn-edit.btn-edit-on {
    background-image: url('/img/edit_on.svg');
}

.toolbar-bottom > .controls > .btn-objects {
    position: absolute;
    bottom: 0;
    left: -54px;

    background-image: url('/img/settings.svg');
}

.toolbar-bottom > .controls > .btn-objects.btn-objects-opened {
    background-image: url('/img/close_40.svg');
}

.toolbar-bottom > .controls > .btn-objects.btn-objects-loader {
    background-image: url('/img/loader_40.svg');
}

.mobile .toolbar-bottom > .controls > .btn-objects {
    right: 0 !important;
    bottom: 20px;
    left: auto !important;

    margin-top: 0;
}

.toolbar-bottom > .controls > .btn-objects.btn-objects-with-edit {
    left: -106px;
}

.pano_settings {
    position: absolute;
    bottom: 70px;
    right: 75px;
    z-index: 4;

    display: none;
    overflow: hidden;
    height: auto;
    margin: -110px 0 0 0;
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 11px 22px rgba(0, 0, 0, 0.11);
}


.pano_settings-with-edit{
    right: 126px;
}
.pano_settings.pano_settings_show {
    display: block;
}

.mobile .pano_settings {
    top: auto;
    bottom: 115px !important;
}

.pano_settings__field:not(:last-child) {
    padding: 0 0 10px 0;
}

.pano_settings__label {
    font-size: 13px;
    color: #333;
}

.pano_settings__input {
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;

    vertical-align: top;
}

.pano_settings__input + label {
    cursor: pointer;
}
.pano_settings__input:disabled + label {
    cursor: default;

    opacity: .5;
}

.pano_settings__input:not(checked) {
    position: absolute;

    opacity: 0;
}

.pano_settings__input:not(checked) + label {
    position: relative;

    padding: 0 20px 0 30px;
}

.pano_settings__input:not(checked) + label:before {
    content: '';

    position: absolute;
    top: -4px;
    left: 0;
    border-radius: 3px;
    width: 20px;
    height: 20px;

    border: 1px solid #ccc;
    background: #fff;
}

.pano_settings__input:not(checked) + label:after {
    content: '';

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

    width: 15px;
    height: 11px;

    opacity: 0;
    background: 0 0 no-repeat url('/img/arr.png');
    background-size: 100%;
    transition: all .2s;
}

.pano_settings__input:checked + label:after {
    opacity: 1;
}

.toolbar-bottom > .controls > .info-btn {
    display: inline-block;

    margin-left: 60px;
}
.toolbar-bottom > .controls > .info-btn > a {
    padding-right: 20px;

    background-image: url('/img/info.png');
}

.toolbar-bottom > span.stretch {
    display: inline-block;

    width: 100%;

    font-size: 0;
    line-height: 0;
}

.overlay-window-shade {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 90;

    display: block;

    width: 100%;
    height: 100%;

    background: rgba(10, 8, 0, .698);
}
.overlay-window-shade::before {
    content: '';

    position: absolute;
    bottom: -68px;
    left: 30px;
    z-index: 9;

    display: block;

    width: 118px;
    height: 68px;

    background: rgba(10, 8, 0, .698);
}
.overlay-window {
    position: absolute;
    z-index: 10;

    display: block;

    max-height: calc( 100% - 100px );

    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

.overlay-window[data-triangle='yes']::before,
.overlay-window[data-triangle='yes']::after {
    content: '';

    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 10;

    display: block;

    margin-left: -8px;

    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #eee transparent;
}
.overlay-window[data-triangle='yes']::before {
    margin-left: -10px;

    border-width: 9px 10px 0;
    border-color: #ccc transparent;
}
.overlay-window > .ow-head {
    position: relative;

    display: block;
    overflow: hidden;

    height: 40px;

    color: #333;
}
.overlay-window > .ow-head > .ow-caption {
    padding: 6px 10px 6px;

    font-weight: 400;
    font-size: 12pt;
}
.overlay-window > .ow-head > button[role='close'] {
    position: absolute;
    top: 0;
    right: 0;

    width: 32px;
    height: 32px;
    padding: 4px;

    font-weight: bold;
    font-size: 14pt;

    color: #a0a0a0;
    border: none;
    outline: none;
    background: transparent;
}
.overlay-window > .ow-body {
    position: absolute;

    display: block;
    overflow-y: auto;

    width: 100%;
    height: calc( 100% - 52px );
    padding: 0 10px;
    box-sizing: border-box;

    color: #222;
}
.overlay-window[data-noscroll] > .ow-body {
    overflow-y: hidden;
}

.mobile .overlay-window,
.react-mobile .overlay-window {
    max-width: 90%;
    max-height: 90%;
}
.mobile .overlay-window-shade,
.react-mobile .overlay-window-shade {
    height: calc( 100% - 60px );
    margin-bottom: 60px;
}
.mobile .overlay-window-shade::before,
.react-mobile .overlay-window-shade::before {
    bottom: -58px;
    left: 20px;

    width: 88px;
    height: 58px;
}
.mobile .overlay-window > .ow-head > button[role='close'],
.react-mobile .overlay-window > .ow-head > button[role='close'] {
    color: black;
}
.poi-description {
    width: 100%;

    font-size: 11px;

    white-space: normal;
}
.poi-description h6 {
    margin: 0;
    padding: 0;

    font-size: 12px;
}

ul.treeview {
    margin: 0;
    padding-left: 20px;
}
.treeview input[type='checkbox'][data-grp] {
    display: none;
}
.treeview ul {
    padding-left: 20px;
}
.treeview li {
    margin: 0;
    margin-bottom: 6px;
    padding-bottom: 0;

    list-style: none;
}
.treeview input[type='checkbox'][data-grp] ~ ul {
    display: none;
}
.treeview input[type='checkbox'][data-grp]:checked ~ ul {
    display: block;

    margin-top: 6px;
}
.treeview input[type='checkbox'][data-grp] + label {
    position: relative;

    margin: 0;

    cursor: pointer;

    color: #555;
}
.treeview input[type='checkbox'][data-grp] + label > * {
    display: inline;
}
.treeview input[type='checkbox'][data-grp] + label::after {
    content: '';

    position: absolute;
    top: 3px;
    left: -13px;

    display: block;

    width: 0;
    height: 0;

    border-width: 5px 0 5px 8px;
    border-style: solid;
    border-color: transparent #2f9ed8;
}
.treeview input[type='checkbox'][data-grp]:checked + label::after {
    bottom: 4px;
    left: -15px;

    border-width: 8px 5px 0;
    border-color: #2f9ed8 transparent;
}
.poi-filter {
    position: relative;

    cursor: pointer;

    background: attr( data-color );
}
.poi-filter:hover {
    color: #555;
}
.poi-filter::before {
    content: '';

    position: absolute;
    top: 3px;
    left: -14px;

    display: block;

    width: 10px;
    height: 10px;

    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
}
.poi-filter[data-state='inactive'] {
    opacity: .6;
}
/* inset 0 0 0 2px #fff, */
.poi-filter.pg-public-services[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #2e9cd9;
}
.poi-filter.pg-public-catering[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #dc0735;
}
.poi-filter.pg-religion[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #fab03f;
}
.poi-filter.pg-leisure[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #632b8f;
}
.poi-filter.pg-health[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #1170c5;
}
.poi-filter.pg-education[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #ff8a00;
}
.poi-filter.pg-recreation[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #8cc53d;
}
.poi-filter.pg-trade[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #f5cf14;
}
.poi-filter.pg-gov[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #9e0214;
}
.poi-filter.pg-transport[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #9c1e61;
}
.poi-filter.pg-sightseeing[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #1c2e47;
}
.poi-filter.pg-sports[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #fa4a47;
}
.poi-filter.pg-misc[data-state='active']::before {
    box-shadow: inset 0 0 0 5px #7d7d7d;
}

.poi-filter[data-state='inactive']::before {
    box-shadow: none;
}

.object-description {
    overflow-y: auto;

    height: 100%;
    padding: 0 1em .5em;

    font-size: 13pt;

    word-break: normal;
}
.object-description > h3 {
    margin: 0;

    font-size: 18pt;
}
.object-description > p:first-child {
    margin-top: 0;
}
.object-description > p {
    font-size: 14px;
    font-family: Serif;

    color: #000;
}
.object-description > p::first-letter {
    margin-left: 1em;
}
.mobile .object-description,
.react-mobile .object-description {
    font-size: 11pt;
    line-height: 1.5;
}

.realty-data {
    font-size: 10pt;
}
.realty-data .column {
    display: block;

    margin: 0;
    padding: 0;
}
.realty-data label {
    cursor: pointer;
    text-decoration: underline;

    color: #028cc7;
}
.realty-data label::after {
    content: '';

    display: inline-block;

    margin-left: 2px;

    border-width: 4px 3px 0;
    border-style: solid;
    border-color: #028cc7 transparent;
}
.realty-data input[type=checkbox].panel-expand-checkbox {
    display: none;
}
.realty-data input[type=checkbox].panel-expand-checkbox ~ * {
    display: none;
}
.realty-data input[type=checkbox].panel-expand-checkbox:checked ~ * {
    display: block;
}
.realty-data table {
    width: 100%;

    border: 1px solid #ccc;
}
.realty-data table > thead > tr > th {
    background: #eee;
}
.realty-data table > tbody > tr > td {
    background: #fff;
}
.realty-data table > tbody > tr:hover > td {
    background: #cfe5ed;
}
.realty-data::after {
    content: '* Данные, представленные здесь, носят информационный характер и не являются публичной офертой';

    display: block;

    margin-top: 16px;
    padding: 8px 8px 0;

    font-style: italic;
    font-size: 9pt;

    color: #666;
    border-top: 1px solid #a0a0a0;
}

.realty-data ul li {
    padding-bottom: 4px;

    font-size: 12px;

    color: #000;
}


.ulg-sl-box {
    position: relative;

    overflow: hidden;
}
.ulg-th-box {
    overflow: hidden;
}
.ulg-sl-c {
    overflow: hidden;

    height: 100%;

    white-space: nowrap;
}
.ulg-th-c {
    overflow: hidden;

    white-space: nowrap;

    transition: margin .3s;
}
.ulg-slide {
    position: relative;

    display: inline-block;

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

    text-align: center;

    transition: margin .3s;
}
.ulg-slh {
    display: inline-block;

    height: 100%;

    vertical-align: middle;
}
.ulg-slc {
    position: relative;

    display: inline-block;

    width: 100%;
    height: 100%;

    vertical-align: middle;
}
.ulg-slc img {
    width: 100%;
    height: auto;

    vertical-align: middle;
}
.ulg-thumb {
    display: inline-block;
    overflow: hidden;

    cursor: pointer;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.ulg-prev,
.ulg-next {
    position: absolute;
    bottom: calc( 50% - 20px );

    width: 40px;
    height: 40px;

    font-size: 40px !important;
    line-height: 32px;

    cursor: pointer;
    text-shadow: 0 0 2px #000;

    color: #fff;
}
.ulg-next {
    right: 0;
}

.scrl-container {
    position: relative;

    overflow: hidden;
}
.scrl-container > .scrl-content {
    overflow-y: scroll;

    width: 100%;
    height: 100%;
    padding-right: 17px;
}
.scrl-container > .scrl-controls-y {
    position: absolute;
    top: 0;
    right: 0;

    width: 16px;
    height: 100%;

    background: #fff;
}
.scrl-container > .scrl-controls-y > .scrl-btn {
    position: absolute;
    left: 0;

    width: 16px;
    height: 16px;

    font-family: 'Material Icons';

    color: #a0a0a0;
}
.scrl-container > .scrl-controls-y > .scrl-btn::before {
    position: absolute;
    top: -4px;
    left: -4px;

    font-size: 24px;
}
.scrl-container > .scrl-controls-y > .scrl-btn-up {
    top: 0;
}
.scrl-container > .scrl-controls-y > .scrl-btn-up::before {
    content: 'arrow_drop_up';
}
.scrl-container > .scrl-controls-y > .scrl-btn-dn {
    bottom: 0;
}
.scrl-container > .scrl-controls-y > .scrl-btn-dn::before {
    content: 'arrow_drop_down';
}
.scrl-container > .scrl-controls-y > .scrl-bar {
    position: absolute;
    left: 0;

    width: 16px;
}
.scrl-container > .scrl-controls-y > .scrl-bar::after {
    content: '';

    position: absolute;
    left: 6px;

    display: block;

    width: 100%;
    width: 4px;
    height: 100%;

    border-radius: 2px;
    background: #a0a0a0;
}

.no-builder-name #panoObjectType {
    display: none!important;
}
.no-infra .btn-infrastructure {
    display: none!important;
}
.no-audio .btn-audio {
    display: none!important;
}
.no-video .btn-video {
    display: none!important;
}
.no-gallery .btn-gallery {
    display: none!important;
}
.no-description .btn-object-description {
    display: none!important;
}