.adsDiv{
    max-height: 0;
    margin: 1vmin 0;

    display: block;
    width: 100%;
    overflow: hidden;
}
.adsDiv div{
    width: 100%;
}
.adsDivVisible{
    max-height: 50vmin;
}

@media screen and (min-aspect-ratio: 3/2){

    .firstAds{
        max-height: 100vh;
        overflow-x: hidden;
        margin: 1vmin;
        display: block;
        position: fixed;
        left: 0;
        top:0;
        height: calc(100vh - 2vmin);
        width: calc(48vw - 48vmin);
    }

}

.imgDivWithCopyright{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 1vmin;
}
.imgDivWithCopyright:hover .imgCopyright{

    opacity: 1;
}
.hiddenCopyright .imgCopyright{
    display: none;
}
.imgCopyright{
    border-radius: 1vmin;
    font-size: 2vmin;
    bottom: 0;
    opacity: 0;
    width: 23vmin;
    background-color: #fff9;
    color: #333;
    right: 0;
    position: absolute;
    transition: 1s;
    height: auto;
    line-height: 3vmin;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.imgCopyright p,a{
    margin: 0;
}
.imgInner{
    width: 100%;
    height: auto;
    object-fit: contain
}

:root {
    --innerWidth:94vmin;
    --informerBgColor:#CCCCCC;
    --footerBg:#DDDDDD;
    --buttonBgColor:#ffdacc;
    --buttonBgColorSelected:#afa;
    --buttonBgColorModificated:#f90;
    --contentColor:#ffede6;
    --backgroundColor:#ffdacc;
    --shadowColor:#22222222;
    --shadowColorHover:#0f0a;
    --addressColor:#585858;

    --funmapColor0:#663399ff;
    --funmapColor1:#ff9900ff;
    --funmapColor2:#ff0066ff;
    --textColor:#000;
    --linkColor:#317;
    --h1FontSize : 4.5vmin;
    --h2FontSize : 4vmin;
    --h3FontSize : 3.4vmin;
    --h4FontSize : 3vmin;
}
html{
    font-family: Arial, sans-serif;
    scroll-behavior: smooth;
    background:var(--backgroundColor);
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    color: var(--textColor);
}

body {
    background:var(--backgroundColor);
    padding: 0 ;
    margin: 0;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    display: block;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
iframe{
    width: 100%;
    height: 60vmin;
}
.fix{
    background: red;
    color: black;
}
header{
    display: flex;
    box-shadow: 0 0 0.5vmin 0.5vmin var(--shadowColor);
    background:var(--contentColor);
    width:98vmin;
    flex-shrink: 0;
    position: relative;
    top: 0;
    left: 0;
    margin: 1vmin auto 0;
}

main{
    display: flex;
}
.contentContainer{
    box-shadow: 0 0 0.5vmin 0.5vmin var(--shadowColor);
    padding: 0;
    position: relative;
    width:98vmin;
    height: auto;
    margin: 0 auto;

}
.navigation{
    position: fixed;
    z-index: 10000;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: flex;
    justify-content: left;
    flex-direction: column;
    align-items: center;
    pointer-events: none;

}

.navigationRight{

}

.navigationInner{
    border-radius: 2vmin;
    display: flex;
    flex-direction: row;
    background-color: var(--backgroundColor);
    justify-content: space-between;
    flex-wrap: nowrap;
    box-shadow: 0 0 0.5vmin 0.5vmin var(--backgroundColor);
    max-width: 100vw;
    pointer-events: all;
}
@media screen and (min-aspect-ratio: 5/4){
    .navigation {

        top : 0;
        height: 100vh;

        flex-direction: row;
        right: 0;
        max-width: calc(48vw - 48vmin);
        width: auto;
    }
    .navigationInner{
        flex-direction: column;
        max-width: calc(48vw - 48vmin);
        width: max-content;
    }
    .filtersToast{
        display: none;
    }
}

.myFon{

    background: var(--contentColor);
}


.content{
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-size:var(--h3FontSize);
    line-height:4vmin;
    text-align:center;
    display: flex;
    flex-direction: column;
    flex-wrap:nowrap;
}

.collectionDescription{
    font-size: var(--h3FontSize);
    text-align: start;
    font-weight: normal;
   /* word-wrap: break-word;*/
    width: 100%;
}
#descriptionContainer{
    align-items: stretch;
}

.collectionDescription ul{
    padding-inline-start: 2vmin;
}

footer{
    display: block;
    box-shadow: 0 0 0.5vmin 0.5vmin var(--shadowColor);
    width:98vmin;
    margin: 0 auto;
    text-align:center;
    background: var(--footerBg);
    padding: 1% 0 10%;
}
div{
    font-family: Arial, sans-serif;
}
.shortMenuLogo:hover,
.shortMenuText:hover{
    filter: drop-shadow(0.1vmin 0.1vmin 0.2vmin var(--shadowColorHover));
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.noselectAndActions {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
    pointer-events: none;
}

button{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    background-color: var(--buttonBgColor);
    box-shadow: 0 0 0.94vmin 0.94vmin var(--shadowColor);
    border: none;
    padding:1vmin;
    transition: 200ms;

    color: var(--textColor);
    cursor:pointer;
    border-radius:  0.94vmin;
    height:6.58vmin;
    width:auto;
    font-size:var(--h1FontSize);
    margin:0.47vmin;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */




}

h1{
    width:100%;
    text-align:center;
    font-size:var(--h1FontSize);
    display:inline-block;
}
h2{
    font-size:var(--h2FontSize);
    line-height:var(--h2FontSize);
    padding:0;
    border:0;
}
h3{
    font-size:var(--h3FontSize);
    line-height:var(--h3FontSize);
}
div{
    border:0;


}
hr {
    display: block;
    margin-block-start: 0.3vmin;
    margin-block-end: 0.3vmin;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border:none;
    background:black;
    height:1px;
    width:auto;
}


.footerUL{
    padding-left:0;

    position:relative;
    display:inline-block;
    width:43vmin;
    height:auto;
    vertical-align:top;
    font-size:var(--h3FontSize);
    margin: 0;
}
.mapAddress{
    width : 100%;
    height : 50vmin;
    display: block;
}
li{
    margin-top:1vmin;
    margin-bottom:1vmin;
    text-align:left;
    white-space:normal;
    list-style-position:inside;
}
.footerLi{
    z-index: 1;
    padding: 1vmin 1vmin;
    margin: 5vmin 0;
}
.footerLinks{
    z-index: 1;
}
tr{
    height:auto;
}
.cookiesInformer{
    border-radius: 2vmin;
    width:auto;
    max-width: 60vw;
    height:auto;
    font-size:3vh;
    left:0;
    bottom:0;
    background:var(--informerBgColor);
}
.createForm{
    text-align:left;
    display:flex;
    flex-direction:column;
    width: 100%;
    overflow-x: hidden;
    padding-top: 1vmin;
}

input{
    display:flex;

    height:auto;
}



.imagesGallery{
    width: 94vmin;
    height:70vmin;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.imagesGalleryAmp{
   width: 100%; /* adjust to your needs */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-around;
}
.eventimagesAmp{
    height:20vmin;
    width: auto;
    margin: 1vmin;

}
.nextImage:hover{
    filter: drop-shadow(0 0 1vmin var(--shadowColorHover));
}
.nextImage{
    height:10vmin;
    width:10vmin;
    position:absolute;
    right: 0;
    top: 30vmin;
    z-index: 150;
    cursor:pointer;
    filter: drop-shadow(0 0 1vmin #ffede6);
    transition: 100ms;
}
.prevImage:hover{
    filter: drop-shadow(0 0 1vmin var(--shadowColorHover));
}
.prevImage{
    height:10vmin;
    width:10vmin;
    position:absolute;
    left: 0;
    top: 30vmin;
    transform: scale(-1, 1);
    z-index: 150;
    cursor:pointer;
    filter: drop-shadow(0 0 1vmin #ffede6);
    transition: 100ms;
}

.eventimages{
    display: block;
    height:9.4vmin;
    position:absolute;
}


.shortMenu{
    width: 98vmin;
    height: auto;
    display: flex;
    overflow: hidden;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: space-between;
}

.shortMenuA{
    top: 0;
    height: 10vmin;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 1;
    justify-content: space-between;
}

.shortMenuLogo{
    height: 8vmin;
    width: 16vmin;
    margin: 1vmin;
    display: inline;
    transition: 100ms;
    flex:2;
}

.shortMenuText{
    height: 8vmin;
    width: 32vmin;
    margin: 1vmin;
    display: inline;
    flex:2;
}
.logoText{
    font-family: "Comic Sans MS", verdana, fantasy  ;
    font-weight: 900;
    height: auto;
    width: 30vmin;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    text-decoration: none;

}
.fm0{
    margin: 0;
    color: var(--funmapColor0);
    text-decoration: underline;
    font-size: 2.5vmin;
    height: 2vmin;
    white-space: nowrap;
    text-align: center;
}
.fm1{
    margin: 0;
    color: var(--funmapColor2);
    font-size: 2.5vmin;
    height: 3vmin;
    white-space: nowrap;
    text-align: center;
}
.fm2{
    margin: 0;
    color: var(--funmapColor1);
    font-size: 1.8vmin;
    height: 35%;
    white-space: nowrap;
}
details a{
    display: block;
}
.shortMenuSearchForm{
    display: flex;
    margin: 2vmin;
    height: 5vmin;
    width: 35vmin;
    border-width: 1px;
    border-style: solid ;
    border-radius:  1vmin;
    -webkit-border-radius: 1vmin;
    font-size:3vmin;
    flex:2;
}
.shortMenuSearchInput{
    border: none;
    border-radius:  1vmin;
    width: 40vmin;
}
.searchButton{
    width: 5vmin;
    background-image: url(/images/search.png);
    background-color: transparent;
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
}
.editRedirects{
    width: 90vmin;
    height: 80vmin;

}
.addRedirects{
    width: 90vmin;
    height: 8vmin;
}
p{
    margin: 2vmin 0;
}
a{
    color: var(--linkColor);
}
a:hover{
    text-shadow:

            0 0 0.4vmin #ffff,
            0 0 0.4vmin #ffff,
            0 0 0.4vmin #ffff,
            0 0 0.4vmin #ffff,
            0 0 0.4vmin #ffff,
            0 0 0.4vmin #ffff,
            0 0 1.4vmin #0a0f
;

}
.hidden{
    display: none;
}
button:hover{
    text-shadow: 0.1vmin 0.1vmin 0.4vmin #ffff,
    -0.1vmin -0.1vmin 0.4vmin #ffff;
    box-shadow:
            0 0 1vmin 1vmin #cfca;
}
.eachNavigationButton:hover .eachNavigationButtonText{
    text-shadow: 0.1vmin 0.1vmin 0.4vmin #ffff,
    -0.1vmin -0.1vmin 0.4vmin #ffff;
}
.eachNavigationButton:hover .navigButtonIcon{
    filter: drop-shadow(0 0 0.4vmin #ffff);
}
.eachNavigationButton:hover{
    box-shadow:
            0 0 1vmin 1vmin #cfca;

}

.eachNavigationButton{
    display: flex;
    flex-direction: row;
    justify-items: center;
    width: auto;
    overflow: hidden;
    justify-content: flex-start;

    background-color: var(--buttonBgColor);
    box-shadow: 0 0 0.94vmin 0.94vmin var(--shadowColor);
    border: none;
    align-items: center;
    padding:1vmin;
    text-decoration: none;
    color: var(--textColor);
    transition: 200ms;

    text-align:center;



    cursor:pointer;
    border-radius:  0.94vmin;
    height:6.58vmin;
    font-size:var(--h1FontSize);
    margin:1vmin;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.buttonSelected{
    background-color: var(--buttonBgColorSelected);
}
.buttonModification{
    background-color: var(--buttonBgColorModificated);
}

.eachNavigationButton div{
    color: var(--textColor); /* Цвет активных ссылок */
}
.navigButtonIcon{
    display: inline;
    width: 5vmin;
    height: 5vmin;
    margin: 1vmin;
}
.eachNavigationButtonText{
    display: inline;
    height: auto;
    width: auto;
    margin:1vmin;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.mainContainer{
    display: flex;
    position: relative;
    flex-direction: column;
    background:var(--contentColor);
    transition:0.3s;
    -webkit-transition: 300ms height linear;
    width:94vmin;
    height: max-content;
    padding: 2vmin;
    align-items: center;
}

.socialButtons{
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    font-size: var(--h3FontSize);
}
.social:hover{
    box-shadow: 0 0 1vmin var(--shadowColorHover)

}
.social{
    width: 5vmin;
    height: 5vmin;
    margin: 1vmin;
    display: flex;
    position: static;
    cursor: pointer;
    border-radius: 2.5vmin;
}
.shareButtons{
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: center;
    margin: 2vmin;
}
.centerVertical{
    margin: auto 1vmin;
    font-size: var(--h4FontSize);
}
.eachTags{
    font-size: 3.4vmin;
    margin: 1vmin;
}
.tagsList{
    width: 94vmin;
    display: flex;
    flex-direction: row;
    margin: 2vmin;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom:4vmin;
}
.breadcrumbs{
    list-style: none;
    margin: 1vmin 1vmin 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 3.4vmin;
    text-align: left;
    width: 96vmin;
    height: 6vmin;
}

.breadcrumb{
    display: inline;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    padding-bottom: 2vmin;
    margin-bottom: -2vmin;
}
.mainContainer ul{
    width: 80vmin;
}