/*button,pre {
	margin: 0
}

*/

.splide__toggle {
	border: 0;
	cursor: pointer;
	padding: 0
}

.splide__toggle:focus:not(:focus-visible) {
	outline: 0
}



/*.splide__track{height:400px} */ /* height of the big content */

.splide__slide img {
	width: 100%;
	height: 100%;
	vertical-align: middle!important;
	margin: 10px;
}
@media screen and (max-width: 992px) {
	.splide__slide img{margin: 0 auto}
}
.splide__list{
	margin: 40px;
	
}

#thumbnail-carousel-track{height:400px;padding-left:0px!important}

#thumbnail-carousel .splide__slide {margin:40px!important;width:500px!important;opacity:0.3} /* space between the thumbnails */
#thumbnail-carousel .splide__slide.is-active{opacity:1}

.splide__track--nav>.splide__list>.splide__slide.is-active{border:none!important}

/*#thumbnail-carousel .splide__track{overflow:screen!important}*/


.thumbnails {
display: flex;
width: 100%;
text-align: center;
height: 200px;
margin: 1rem auto 10px auto;
padding: 0;
justify-content: center;
}

#thumbnail-carousel {
width: 98%;
height: 270px;
/*float:left;*/
/*overflow: hidden;*/
list-style: none;
margin: 0 auto;
cursor: pointer;
opacity: 0.3;
padding: 20px 0 60px 0;
/*margin: 1rem;*/
}
@media screen and (max-width: 600px){ 
	#thumbnail-carousel{height:230px;padding: 0 0 30px 0} 
}
	
#thumbnail-carousel img{
width: 130px;
height: 130px;
border-radius: 50%;	
border: 9px solid #b4e900;
}
@media screen and (max-width: 600px) {
	#thumbnail-carousel img{width:80px;height:80px;border: 4px solid #b4e900;}
}


#thumbnail-carousel span{
display: inline-block; /* hogy a kiskép mellett legyen a szöveg */
position: relative;
top:0;
left:-50px;
z-index:-1;
background: gray;
color: white;
padding: 23px 5px 16px 53px;
width: 211px;
height: 108px;
vertical-align: middle;
}
@media screen and (max-width: 1270px) {
	#thumbnail-carousel span{text-align:center;background:none;height:108px;padding:0;font-size:12px}
}
@media screen and (max-width: 600px) {
	#thumbnail-carousel span{text-align:center;background:none;width:150px;height:108px;padding:15px 15px 15px 30px;font-size:12px}
}


#thumbnail-carousel .splide__slide {
    margin: 36px!important;
    width: 30%!important;
    opacity: 0.3;
}
@media (max-width:993px){
	#thumbnail-carousel .splide__slide {
		margin: 25px!important;
		width: 30%!important;
	}		
}
@media screen and (max-width: 600px) {
	#thumbnail-carousel .splide__slide {
		margin: 23px!important;
		width: 25%!important;
	}	
}


#thumbnail-carousel.is-active {
opacity: 1;
}





#main-carousel {
margin: 0px auto;
width: 50%;
}
@media screen and (max-width: 1270px) {
	#main-carousel{width:70%}
}
@media screen and (max-width: 600px) {
	#main-carousel{width:92%}
}

#main-carousel span{
display: inline-block; /* hogy a kép mellett legyen a nagy szöveg */
width: 60%;
float:right;
padding: 5px 10px;
text-align: left;
color: white;
line-height: 1.5;
}
@media screen and (max-width: 992px) {
	#main-carousel span{padding:0 0 20px 0;width:100%}
}
@media screen and (max-width: 600px) {
	#main-carousel span{padding:0 0 20px 0;width:100%}
}

#main-carousel img{
display: block!important;
width: 200px;
height: 200px;
text-align: right;
border-radius: 50%;	
border: 12px solid #b4e900;
}
@media screen and (max-width: 600px) {
	#main-carousel img{width:140px;height:140px;margin:0 auto;border: 9px solid #b4e900}
}

#main-carousel .splide__slide{
	background: none!important;
}

#main-carousel .splide__track{
	height:auto;
	padding-top: 20px;
}



.splide__progress__bar {
height: 3px;
background: #b4e900;
}

.splide__add-remove button:first-child,.site .splide__autoplay button:first-child {
	margin-right: 1rem
}

.splide__controls {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 1rem 0 1rem 0
}

.splide__controls .splide__pagination {
	bottom: auto;
	left: auto;
	position: relative;
	transform: none;
	width: auto
}

.splide__toggle {
	align-items: center;
	background: #737e80;
	border-radius: 50%;
	display: inline-flex;
	width: 3rem;	
	height: 3rem;
	justify-content: center;
	margin-right: .5rem;
	transition: background-color .2s ease;

}

.splide__toggle__play {
	margin-left: 2px
}

.splide__toggle svg {
	fill: #e5eeee;
	height: 46%;
	transition: fill .2s ease;
	width: 46%
}

.splide__toggle:hover {
	background: #b4e900
}

.splide__toggle:hover svg {
	fill: #0c1012
}

.splide__video__play {
	background: #737e80;
	border-radius: 50%;
	box-shadow: 0 0 10px 4px #0c10121a;
	opacity: 1;
	transition: background-color .2s ease
}

.splide__video__play:after {
	border-left-color: #e5eeee;
	border-width: 7px 0 7px 14px;
	margin-left: 2px;
	transition: border-left-color .2s ease
}

.splide__video:hover .splide__video__play {
	background: #b4e900
}

.splide__video:hover .splide__video__play:after {
	border-left-color: #192123
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
	display: none
}

.splide__toggle.is-active .splide__toggle__pause {
	display: inline
}			




/* Splide 2 - for citations */
#main-textslide {
	margin: 10px auto 70px auto;
	width: 100%;
}
@media screen and (max-width: 1270px) {
	#main-textslide{width:70%}
}
@media screen and (max-width: 600px) {
	#main-textslide{width:92%}
}


#main-textslide-list{
	vertical-align: middle!important;
	height:100%;

}

#main-textslide span{
	display: inline-block;
	width: 100%;
	height:100%;
	padding: 5px 10px;
	text-align: center;
	color: white;
	line-height: 1.5;
	font-style: italic;
	font-size: 20px;
	vertical-align: middle!important;
	align-items:center!important;
}
@media screen and (max-width: 992px) {
	#main-textslide span{font-size: 18px;padding:0 0 20px 0;width:100%}
}
@media screen and (max-width: 600px) {
	#main-textslide span{font-size: 16px;padding:0 0 20px 0;width:100%}
}