.map-holder{
    position:absolute;
    width:100%;
    height:100%;
}
#map,#map svg{
    width:100%;
    height:100%;
}

#bottom-navigation{
    position:absolute;
    right: 0;
    bottom:0;
    padding-right: 40px;
    padding-bottom: 20px;
}

.close {
    font-size: 1rem !important;
    opacity: 1 !important;
    text-shadow: 0 0 2px #fff !important;
}

.popup{
    position: absolute;
    z-index:99;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.bg-black .popup{
    background: #000;
}

html[data-lang=en] .lang-lt, html[data-lang=lt] .lang-en{
    display: none;
}

body #disabilites_version > div a span.lang-lt,
body #disabilites_version > div a span.lang-en {
    color: inherit!important;
}


.tour-overlay{
    position:absolute;z-index:9999;width: 100%;height: 100%;pointer-events: none;
}
.tour-overlay .description,.tour-overlay #side-menu,.tour-overlay #disabilites_version{
    pointer-events: initial;
}









html {
    --main-bg: #fff;
    --main-bg-inverted: #000;

    --image-invert:0;

    --main-text: black;
    --main-text-inverted: #fff;
    --main-text2: #4e4e4e;

    --purple-bg:#3930C8;

    --active-building:#b03534;
    --active-dot:#b03534;

    --popup-radius: 0.3125rem;
    --button-radaius: 2.5rem;
    --button-gap: 0.875rem;
    --button-gap-arrow: 1rem;
    --button-padding: 1rem 1.5rem;
    --shadow-m3: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    --bottom-offset: 2.5625rem;
    --side--offset: 9.75rem;
    --popup-trig-width: 1.0625rem;
    --popup-trig-height: 1.0625rem;

    --hotspot-popup-width: 20rem;
    --hotspot-popup-opacity:0.5;
}

.map-holder #map svg{
    cursor:default !important;
}
.map-holder .cls-15:hover{
    cursor: pointer;
    fill:var(--active-dot);
}

.map-holder .cls-3:hover,.map-holder .cls-24:hover{
    cursor: pointer;

}
.map-holder .active .cls-3,.map-holder .active .cls-24{

    fill:var(--active-building);
}

body.bg-black {
    --main-bg: #000;
    --main-bg-inverted: #fff;
    --main-text: #fff;
    --main-text-inverted: #000;
    --main-text2: #fff;

    --image-invert: 1;

}

#bottom-navigation {
    margin: var(--bottom-offset) var(--side--offset);
}


@media (max-width: 1024px) {
    #bottom-navigation {
        margin: 1rem;
    }
}

html[data-lang="en"] #bottom-navigation ul.lang-en,
html[data-lang="lt"] #bottom-navigation ul.lang-lt {
    font-family: 'Space Grotesk', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 130%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: var(--button-gap);
}

html[data-lang="en"] #bottom-navigation ul.lang-en li,
html[data-lang="lt"] #bottom-navigation ul.lang-lt li {
    background-color: var(--main-bg);
    color: var(--main-text)!important;
    border-radius: var(--button-radaius);
    box-shadow: var(--shadow-m3);
}

html[data-lang="en"] #bottom-navigation ul.lang-en li a,
html[data-lang="lt"] #bottom-navigation ul.lang-lt li a {
    padding: var(--button-padding);
    gap: var(--button-gap-arrow);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: inherit!important;
}

html[data-lang="en"] #bottom-navigation ul.lang-en li a:hover,
html[data-lang="lt"] #bottom-navigation ul.lang-lt li a:hover {
    text-decoration: none;
}

html[data-lang="en"] #bottom-navigation ul.lang-en li.active,
html[data-lang="lt"] #bottom-navigation ul.lang-lt li.active {
    text-decoration: none;
    background-color: var(--purple-bg);
    color:var(--main-text-inverted)!important;
    --image-invert: 1;
}

html[data-lang="en"] #bottom-navigation ul.lang-en li a:after,
html[data-lang="lt"] #bottom-navigation ul.lang-lt li a:after {
    content: "";
    width: 1.5rem;
    height: 1.625rem;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/assets/arrow-right.svg");
    filter: invert(var(--image-invert));

}

.popup {
    gap: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 130%;
    border-radius: var(--popup-radius);
    background-color: var(--main-bg);
    color: var(--main-text);
    box-shadow: var(--shadow-m3);
}

.popup.above:after,
.popup.below:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: none;
    width: 0;
    height: 0;
    border-left: var(--popup-trig-width) solid transparent;
    border-right: var(--popup-trig-width) solid transparent;
    border-top: var(--popup-trig-height) solid var(--main-bg);
}

.popup.below:after {
    transform: translateX(-50%) scaleY(-1);
    top: calc(-1 * var(--popup-trig-height));
}

.popup.above:after {
    bottom: calc(-1 * var(--popup-trig-height));
    /**box-shadow: var(--shadow-m3);*/
}

.popup h2 {
    width: 100%;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 120%;
}

.popup .top {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.popup .top .close {
    position: absolute;
    right: 1.125rem;
    top: 1.125rem;
}

.popup .bottom {
    padding: 1.5rem 1.5rem 1.875rem;
    width: 100%;
}

.popup .bottom ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 0;
    width: 100%;
}

.popup .bottom ul li.disabled {
    color: var(--main-text2);
}
.popup .bottom ul li{
    width:100%;
}
.popup .bottom ul li a {
    width: 100%;
    display: flex;
    line-height: 1.5rem;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    color: inherit;
}

.popup .bottom ul li:hover a {
    font-weight: 600;
}

.popup .bottom ul li a:after {
    content: "";
    min-width: 1.875rem;
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    opacity: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/assets/bullet.svg");
}
.popup .bottom ul li:hover a:after {
    opacity: 1;
}

.popup .bottom ul li a:hover {
    text-decoration: none;
}

.popup.media {
    max-width: 21.625rem;
    width:100%;

}

.popup.media h2 {
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    margin-bottom: 0;
    padding: 0.875rem 1.5rem;
    align-self: flex-end;
}

.popup.media .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;
    position: relative;
    aspect-ratio: 346/240;
}

.popup.media .top img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    filter:none;
    border-radius: var(--popup-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.navbar-nav .menu-spacer:after {
    content: "";
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--main-text);
    display: block;
    width: 3.25rem;
}

.navbar-nav .dropdown-toggle > span {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.navbar-nav .dropdown-toggle > span i {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.navbar-nav .dropdown-toggle > span i:before,
.navbar-nav .dropdown-toggle > span i:after {
    position: absolute;
    content: "";
    width: 1rem;
    border-bottom: 1px solid var(--main-text);
    display: block;
}

.navbar-nav .dropdown-toggle > span i:after {
    transform: rotate(90deg);
}

.navbar-nav .dropdown-menu-expandable {
    display: none;
}

.navbar-nav li .dropdown-toggle.expanded > span i:after {
    display: none;
}

.navbar-nav li .dropdown-toggle.expanded > .dropdown-menu-expandable {
    display: block;
    margin-top: 1.5rem;
}

#mainMenu .navbar-nav li .dropdown-toggle.expanded > .dropdown-menu-expandable > .nav-item{
    font-weight: initial;
    position:relative;
    margin-bottom: 0.625rem;
}
@media (min-width: 1025px) {
    #mainMenu .navbar-nav li .dropdown-toggle.expanded > .dropdown-menu-expandable > .nav-item:hover {
        padding-left: 20px;
    }

    #mainMenu .navbar-nav li .dropdown-toggle.expanded > .dropdown-menu-expandable > .nav-item:hover > .nav-link:before {
        content: "";
        width: 6px;
        height: 6px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        transform: rotate(45deg);
        display: block;
        position: absolute;
        left: 0;
        top: 10px
    }
}


#mainMenu .main-menu > .nav-item{
    cursor:pointer;
}

#mainMenu .main-menu > .nav-item > .nav-link > span{
    font-size: 1.25rem;
font-weight:inherit;

}
#mainMenu .main-menu > .nav-item > .nav-link > span:hover{
    padding-left: 0;
}
#mainMenu .main-menu > .nav-item > .nav-link > span:hover:before{
    display: none;
    padding-left: 0;
}

.tour-overlay {


    transition: 0.2s all;
    font-family: 'Space Grotesk', sans-serif;
    padding: 3rem;
    z-index: 2;
    color:var(--main-text-inverted);

}
.tour-overlay span,.tour-overlay  div,.tour-overlay ul,.tour-overlay li,.tour-overlay p{
 font-family: 'Space Grotesk', sans-serif;
line-height:1.5;
}
@media (min-width: 992px){

    #side-menu #languages {
        padding-bottom: 45px;
    }

    #mainMenu .main-menu > .nav-item > .nav-link > span {
        max-width: 16rem;
    }
    .navbar-nav li .dropdown-toggle.expanded > .dropdown-menu-expandable > .nav-item{
        margin-right: 5rem;
    }

    .navbar-nav li .dropdown-toggle.expanded > .dropdown-menu-expandable > .nav-item:hover{
        margin-right: 2.75rem;
    }

    .tour-overlay {
        padding-left: 9rem;
        max-width: 95%;
    }
    .tour-overlay .description{
        max-width: 40rem;
    }
}
@media (max-width: 991px) {
    .tour-overlay {
        max-height: calc(100vh - 70px);
    }
}
.tour-overlay .description{
    font-size: 1.25rem;
    max-height: 80vh;
}

.tour-overlay .copyright{
    font-size: 0.8rem;
    color: #fff!important;
    position: absolute;
    right:2rem;
    bottom: 2rem;
    text-shadow: 0 0 1px #000;
    text-transform: uppercase;
    font-weight: 600!important;
    pointer-events: initial;
}

.tour-overlay .copyright a {
    color: #fff;
    font-weight: 600!important;
}

.tour-overlay .description h1 {
    font-family: 'Space Grotesk', sans-serif;
    color:var(--main-text-inverted)!important;
    text-shadow: 1px 1px 2px #000;
    font-size: 2.25rem;
    line-height: 40px;
}

.tour-overlay .top {
    display: inline-flex;
    align-items: center;
    gap: 1rem;

}
.tour-overlay .description.empty .top .expander{
    display:none!important;
}
.tour-overlay .description:not(.empty) .top {
    cursor: pointer;
}


.tour-overlay:after {
    z-index: -1;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    transition: 0.2s all;
}

.tour-overlay.expanded:after {
    background: linear-gradient(270deg, transparent, var(--main-bg-inverted));
}

.tour-overlay.expanded .expander {
    transform: rotate(-180deg);
}

.tour-overlay .expander {
    font-size: 0;
    position: relative;
}

.tour-overlay .expander::before {

    color: black;
    position: absolute;
    top: 2px;

    filter: blur(1px);
    opacity: 0.5;
}

.tour-overlay .expander:after,.tour-overlay .expander::before  {
    content: "";
    border: solid;
    border-width: 0 0.25rem 0.25rem 0;
    display: inline-block;
    padding: 0.5rem;
    transform: rotate(45deg);

}
@media (max-width: 1024px){
    .tour-overlay .expander:after,.tour-overlay .expander::before  {
        border-width: 0 0.175rem 0.175rem 0;
        padding: 0.35rem;
        margin-top: 3px;
    }

}
.tour-overlay.expanded .expander:before {
    top: -2px;
}

.tour-overlay:not(.expanded) .description .text {
    display: none;
}

@media (max-width: 1024px) {
    .tour-overlay {
        padding: 1rem;
    }
}



.hotspot-popup {
    pointer-events: initial;
    padding: 1rem;
    position: absolute;
    max-width: var(--hotspot-popup-width);
}
.hotspot-popup:before {
    content: "";
    background: var(--main-bg-inverted);
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: var(--hotspot-popup-opacity);
}





body .popup.media h2 {
    color: #fff !important;
}

body .popup.media .tour {
    margin: 0.75rem; /* 12px -> 0.75rem */
    position: absolute;
    text-transform: uppercase;
    padding: 0.5rem 0.625rem; /* 8px 10px -> 0.5rem 0.625rem */
    font-size: 0.75rem; /* 12px -> 0.75rem */
    font-weight: 700;
    border-radius: 6.25rem; /* 100px -> 6.25rem */
    background: var(--main-bg);
    color:var(--main-text2);
    text-decoration: none;
    align-items: center;
cursor: default;
}

body .popup.media .tour:hover {
    text-decoration: none;
}

body .popup.media .tour:before {
    width: 1.25rem; /* 20px -> 1.25rem */
    height: 1.25rem; /* 20px -> 1.25rem */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url('/assets/tourico.svg');
    margin-right: 0.375rem; /* 6px -> 0.375rem */
}



body .secondary-menu {
    display: flex;
    gap: 1.25rem;
}
body .secondary-menu a {
    margin-bottom: 0;
}
@media (max-width: 981px) {
    body .secondary-menu {
        margin-left: 1.25rem;
    }
}
@media (min-width: 1024px) {
    body .secondary-menu {
        flex-direction: column;
        margin-bottom: 1.25rem;
    }
}

@media (max-width: 1024px) {
    body #mainMenu .nav-link span::before{
        display: none!important;
    }
    body #mainMenu .nav-item .nav-link span{
        padding-left: 0;
    }
    body #mainMenu .nav-item .nav-link:not(.expanded) > span,body #mainMenu .nav-item .nav-link:not(.expanded){
        font-weight: normal;
    }
}


@media (max-width: 1365px) {
    #bottom-navigation{
        display: none;
    }
}




/* Intro popup */


body:not(.bg-black) .popup.intro {
    background-color: var(--purple-bg);
    color: var(--main-text-inverted);
    opacity: 0.925;
    box-shadow: 0px 0px 3px #000;
}
body:not(.bg-black) .popup.intro h2 {
    color: var(--main-text-inverted) !important;
}
.popup.intro {
    left: 1rem;
    top: 8rem;
    max-width: 21rem;
    line-height: 1.5rem;
}

.popup.intro h2 {
    font-size: 1.6rem;
}


@media (min-width: 992px) {
    .popup.intro {
        top: 20%;
        left: 22%;
    }
}
.popup.intro h2 {
    color: var(--main-text) !important;
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}


@media (max-width: 767px) {
    .popup.intro {
        position: sticky;
        margin-top: 2rem;
        margin-left: 1rem;
        font-size: 0.8rem;
        max-width: 17rem;
        line-height: 1.2rem;
    }
    
    .popup.intro h2 {
    font-size: 1.2rem!important;
}
    
    
}