#szkolenia {
  font-size: 1rem;
}
#szkolenia .outer {
  overflow: hidden;
}
#szkolenia h4 {
  margin: 30px 50px;
}
#szkolenia .mapOuter {
  padding-top: 50px;
}
#szkolenia #trainingList li {
  margin: 10px 0px;
  background: #f1f1f1;
  padding: 10px;
}
#szkolenia #trainingList li.hover,
#szkolenia #trainingList li:hover {
  background: #09a0f1;
  color: #fff;
  cursor: help;
}
#szkolenia #trainingList li:hover a:hover {
  color: #fff;
  text-decoration: underline;
}

	
.yt-video {
    /* position: relative;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16/9;
    background: #000;
    cursor: pointer; */
	
	position: relative;
	width: 100%;
	max-width: 320px;
	aspect-ratio: 16/9;
	background: #000;
	cursor: pointer;
	height: 180px;
	border-left: 2px solid #d6d6d4;
  	border-bottom: 2px solid #d4d4d4;
}
.yt-video:hover {
	border-left: 2px solid #3399ff;
	border-bottom: 2px solid #3399ff;
}

	.yt-placeholder {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 20px;
		background: rgba(0,0,0,0.6);
	}

	html body.room-page-branded div.around-pages-main div.scroll-wrapper.container.room-waiting div.registration-layout-1.page-around-room.container div.section-1.row section.page-around-room-form.col-12 form#registrationForm fieldset.page-around-room-form__fields.page-around-room-form__fields--grey {
		display: none;
	}
	.icon_film {
		width: 22px;
		float: left;
		margin-right: 10px;
	}

	.icon_film img {
		width: 100%;
	}
	#content {
		display: flex;
		margin-bottom: 30px;
	}
	#home, #movies{
		display: none;
	}
	#szkolenia {
		display: block !important;
	}
	#movieList {
		column-count:1
	}
	#movieList li {
		float: left;
		width: 100%;
		min-height: 30px;
	}

	#szkolenie_naglowek {
			font-size: 22px;
			margin-left: 20px;
			color: #00b2fa;
		}

		#szkolenie_naglowek_po {
			font-size: 15px;
			margin-left: 0px;
			line-height: 10px;
			position: relative;
			top: 6px;
		}

		#szkolenie_czas {
			/* font-size: 16px; */
			margin: 20px;
		}

		#szkolenie_plan {
			/* font-size: 16px; */
			margin: 20px;
		}

		#szkolenie-listy {
			margin: 20px;
		}

		#szkolenie-lista {
			margin: 0px 20px;
			list-style: disc;
		}

		#szkolenie-lista-podpkt {
			margin: 5px 25px;
			list-style: square;
		}

		#obrazek {
			width: 100%;
			margin-top: 25px;
		}
		
		.boxKurs {
			margin-top: 20px;
			margin-bottom:30px;
		}
		.opis_kursu {
			margin: 18px 0px 0px 8px;
			font-size: 0.9em;
			line-height:24px;
		}
		.uwagi {
			margin: 30px;
			font-size: 0.9em;
		}

		#btn-home, #btn-movies {
			cursor: pointer;
		}
		.active {
			display:block !important;
		}
		.blink_me {
		  animation: blinker 1s linear infinite;
		  position:relative;
		  top:-5px;
		}
		#powtorka {
			color: red;
			padding: 5px 30px;
		}

		@keyframes blinker {
		  50% {
			opacity: 0;
		  }
		}
		
		iframe {width: 340px;
			height: 193px;
			border: 2px solid #09a0f1;}
			
			
.hover-item {
position: relative;
  width: 32%;
  float: left;
  height: 220px;
  overflow: hidden;
  margin: 10px;
  width: 345px !important;
}

.hover-wrapper iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.article-date {
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #09a0f1;
	z-index: 2;
	position: relative;
}

.overlay {
position: absolute;
  top: 22px;
  left: 0;
  width: 322px;
  height: 185px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 5;
}

.overlay-title {
font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 10px;
}

.hover-item:hover .overlay {
	opacity: 1;
}	
.nivo-lightbox-wrap {
	height: 50% !important;
}