<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.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 */
} 
.swiper {
        height: calc(100vh - 80px);
        height: calc(100svh - 80px);
        padding: 10px !important;
    }

    .swiper-wrapper {
    }
.swiper-zoom-container{
	height:80svh;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	
}

    .swiper-slide {
        height: 80svh;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .swiper-slide img {
        height: 100%;
		/*max-height:70vh;*/
        object-fit: contain;
    }

    .swiper-slide video {
        /*width: 100%;*/
        height: 100%;
        object-fit: contain;
    }

.swiper-button-prev, .swiper-button-next{
		top:92%!important;
	    width:32px!important;
		height:32px!important;
	}

    .szoveges {
        width: 800px;
        text-align: left!important;
        max-height: 80svh;
        overflow-y: scroll;
        padding: 20px;
		padding-bottom:100px;
    }

    .snd {
        position: absolute;
        top: 20px;
        left: 20px;
        transform: translate(-50%, -50%);
        z-index: 1000;
        cursor: pointer;
    }

    .video-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: rgba(0, 0, 0, 0.4); */
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fcont {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 10px;
    }

    .felemleft {
        width: 20%;
        display: flex;
        justify-content: flex-start;
    }

    .felemright {
        width: 80%;
        /*background-color: lightblue;*/
        display: flex;
        justify-content: flex-end;
        overflow: hidden;
    }

    .felemcont {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: DeepSkyBlue;
        color: Gold;
        cursor: pointer;
    }

    .ssmenu {
        width: 80px;
        cursor: pointer;
    }

    .swipermenu {
        /*background-color:crimson;*/
        width: 100%;
    }

    .homebutt {
        width: 80px;
    }

    @media (max-width: 921px) {
        .years .year {
        }

        .szoveges {
            margin: 0px 10px 0px 10px;
        }

        .swiper-slide {
            text-align: center;
        }

        .swiper-slide img {
            /*width: auto;*/
            /*height: 100vh!important;*/
            object-fit: contain !important;
        }

        .swiper-slide video {
            /*width: 100%;
              height: 100%;
              object-fit: contain;*/
        }

    }

    @media (max-width: 544px) {
        /*.swiper {
            height: calc(100vh - 75px);
            height: calc(100svh - 75px);
        }

        .years .year {
            width: 16.666%;
        }

        .fcont {
            height: 75px;
        }

        .felemcont {
            width: 75px;
            height: 75px;
        }

        .ssmenu {
            width: 75px;
        }

        .swipermenu {
            height: 75px;
        }

        #homeButt img {
            width: 32px;
        }*/
		.swiper {
	height: calc(100vh - 50px);
	height: calc(100svh - 50px);
}
	.years .year {
      width: 16.666%;     
}
  .fcont{
      height:50px;
}
	.felemcont{
		width:50px;
		height:50px;
	}
	.ssmenu{
		width:50px;
}
	.swipermenu{
		height:50px;
}
	#homeButt img {
		width:25px;
	}
	.swiper-button-prev, .swiper-button-next{
		width:24px!important;
		height:24px!important;
	}
    }</style>
<!-- end Simple Custom CSS and JS -->
