.GALERIE,
.VIDEO-GALERIE
{
     width: calc(100% - 20px);
     text-align: center;
}

.GAL,
.VID
{
     width: 400px;
     max-width: 100%;
     max-height: 100vw;
     display: inline-block;
     text-decoration: none;
     overflow: hidden;
     padding: 10px;
     position: relative;
     white-space: nowrap;
     text-align: center;
}

.GAL
{
     height: 400px;
}

.GAL IMG
{
     width: inherit;
     height: inherit;
     object-fit: cover;
}

.GAL:hover IMG
{
     filter: alpha(opacity=80);
     opacity: 0.8;
     transition: filter 0.5s, opacity 0.5s;
}

.VID IMG
{
     width: 100%;
     position: relative;
     border: 0;
}








#NAHLED-BACKGROUND
{
     position: fixed;
     left: 0;
     top: 0;
     background-color: var(--basic-bg-hover);
     overflow: auto;
     width: 100%;
     height: 100vh;
     z-index: 20000;
}

#NAHLED-BACKGROUND .BN-POZADI
{

}

#NAHLED-BACKGROUND .BN-NAVIGATION
{
     position: fixed;
     left: 0;
     top: 0;
     z-index: 20002;
}

#NAHLED-BACKGROUND .BN-FOTKA
{
     position: absolute;
     left: 0;
     top: 0;
     z-index: 20001;
}

#NAHLED-BACKGROUND .BN-NAVIGATION SPAN
{
     z-index: 20005;
     border-radius: 25px;
     width: 50px;
     height: 50px;
     background-color: var(--basic-bg);
     position: absolute;
     text-align: center;
     padding: 7px 0;
}

#NAHLED-BACKGROUND .BN-NAVIGATION SPAN I
{
     background-color: transparent;
}

#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-PREVIOUS
{
     left: 5px;
     top: calc(50vh - 25px);
}

#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-NEXT
{
     left: calc(100vw - 55px);
     top: calc(50vh - 25px);
}

#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM
{
     left: 5px;
     top: 5px;
     display: block;
}

#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM:-webkit-full-screen,
#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM:-ms-fullscreen,
#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM:fullscreen
{
     display: none;
}

#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM-OUT
{
     left: 5px;
     top: 5px;
     display: none;
}

#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM-OUT:-webkit-full-screen,
#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM-OUT:-ms-fullscreen,
#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-ZOOM-OUT:fullscreen
{
     display: block;
}

#NAHLED-BACKGROUND .BN-NAVIGATION .BNN-CLOSE
{
     left: calc(100vw - 55px);
     top: 5px;
}

#NAHLED-BACKGROUND .BN-FOTKA
{
     width: 100%;
     height: 100vh;
}

#NAHLED-BACKGROUND .BN-FOTKA IMG#FOTO
{
     display: block;
     margin: 0 auto;
     object-fit: cover;
     padding: 1vw;
     max-width: 100%;
     max-height: 100vh;
     transition: .3s;
}

#NAHLED-BACKGROUND .BN-FOTKA IMG#FOTO.IMG-OUTFIT
{
     max-width: 200% !important;
     max-height: 200vh !important;
}