@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=latin-ext');

.articles  .articles-box .articles-new {
	color:#fff;
	background:#0069b3;
}
.articles  .articles-data {
	color: #fff;
	background: #0d6bb2;
}
.articles  .articles-right {
	background:#f3f3f3;
}
.articles  .articles-header {
	color: #333241;
}
.articles  .articles-text {
	color: #6c6c6c;
}
.articles  .articles-more {
	color: #0d6bb2;
}

body .middle .wrap .left .opis {
	margin: 0px 0px 30px 0px;
	bottom: auto;
}

body .middle .wrap .left #mapa-box {
	margin: 20px 0px 0px 0px;
}

.hide-input {
    float: right;
    width: 0px;
    height: 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
	left:0;
	bottom:0;
    color: #fff;
    border: 0;
    outline: none;
}

.formQuest input[type="radio"] {
	display:none;
}
.formQuest input[type="radio"] + label span {
	float:left;
	display:inline-block;
	width:30px;
	height:30px;
	margin:0px 10px 0px 10px;
	vertical-align:middle;
	background:url(https://stronyzklasa.pl/online/cms_v2/_website/img/check_off.png) center no-repeat;
	cursor:pointer;
}
.formQuest input[type="radio"]:checked + label span {
	background:url(https://stronyzklasa.pl/online/cms_v2/_website/img/check_on.png) center no-repeat;
}

.information__bar.stop-runing .app-tip-runner {
	-webkit-animation-play-state: paused !important;
    -moz-animation-play-state: paused !important;
    -o-animation-play-state: paused !important;
    animation-play-state: paused !important;
}

#calendar-demo #next,
#calendar-demo #prev
{
	cursor: pointer;
	border: 0;
	font-size: 18px !important;
}

@media screen and (min-width: 1171px) {
	#cookie_info { position:fixed;width:465px;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
	#user_information { float:left;width:385px;margin:25px 0px 20px 30px;color:#fff;position:relative; }
	#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px -52px;border:0;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
	#close_info_cookie p { float:left;width:100%;text-align:center;padding:12px 0px 15px 0px;margin: 0 !important; }
	.user_information_nag { float:left;width:100%;font-size:14px;line-height:14px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
	.user_information_text { float:left;width:100%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
    .user_information_text a {
        text-decoration: underline;
        text-transform: uppercase;
        color: #fff;
    }
	.user_information_text a:hover {
        text-decoration: underline;
        text-transform: uppercase;
        color: #fff;
    }
.skiplink {
	display: inline;
	left: -9000em;
	padding: 7px 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 250px;
	z-index: 200;
}
	.skiplink:hover,
	.skiplink:focus,
	.skiplink:active { background: #231f20; color: #fff; left: 0; position: absolute; top: 0; }

.information__bar--top {
	position: relative;
	top: 60px;
}
	.information__bar--top .information__bar {
		position: absolute;
		top: -60px;
		left: 0;
	}
	.information__bar--bottom .information__bar {
		position: fixed;
		bottom: 0px;
		left: 0;
	}
.information__bar {
	float: left;
	width: 100%;
	height: 60px;
	z-index: 100;
	text-decoration: none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	white-space:nowrap
}
	.information__bar--primary {
		background: #292f43;
	}
	.information__bar--success {
		background: #76AB3C;
	}
	.information__bar--info {
		background: #4FB5DD;
	}
	.information__bar--warning {
		background: #F69F00;
	}
	.information__bar--danger {
		background: #F04E51;
	}
	.information__bar--inside {
		display:inline-block;
		float: left;
		width: auto !important;
		min-width: 50%;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #fff;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		z-index: 4;
	}
	.information__bar--button {
		float: left;
		width: 50px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 0;
		cursor: pointer;
		z-index: 5;
			display: flex ;
			flex-direction: row ;
			flex-wrap: wrap ;
			justify-content: center ;
			align-items: center ;
			align-content: center ;
	}
	.information__bar--button:before {
		content: ' ';
		float: left;
		width: 15px;
		height: 15px;
		position: relative;
		background: #fff;
		clip-path: polygon(100% 50%, 0 0, 0 100%);
	}
	.information__bar.stop-runing .information__bar--button:before {
		content: ' ';
		float: left;
		width: 5px;
		height: 15px;
		margin: 0px 2px 0px 2px;
		position: relative;
		background: #fff;
		clip-path: none;
	}
	.information__bar.stop-runing .information__bar--button:after {
		content: ' ';
		float: left;
		width: 5px;
		height: 15px;
		margin: 0px 2px 0px 2px;
		position: relative;
		background: #fff;
		clip-path: none;
	}

.information__bar.app-tip.app-tip-runing .app-tip-runner {
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);

}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedNormal {
	-moz-animation: scroll-left 30s linear infinite;
	-webkit-animation: scroll-left 30s linear infinite;
	animation: scroll-left 30s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedVerySlow {
	-moz-animation: scroll-left 50s linear infinite;
	-webkit-animation: scroll-left 50s linear infinite;
	animation: scroll-left 50s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedSlow {
	-moz-animation: scroll-left 40s linear infinite;
	-webkit-animation: scroll-left 40s linear infinite;
	animation: scroll-left 40s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedFast {
	-moz-animation: scroll-left 20s linear infinite;
	-webkit-animation: scroll-left 20s linear infinite;
	animation: scroll-left 20s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedVeryFast {
	-moz-animation: scroll-left 10s linear infinite;
	-webkit-animation: scroll-left 10s linear infinite;
	animation: scroll-left 10s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedStop {
	-moz-animation: scroll-left 0s linear infinite;
	-webkit-animation: scroll-left 0s linear infinite;
	animation: scroll-left 0s linear infinite;
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.app-tip-runner-right {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-animation: scroll-right 10s linear infinite;
  -webkit-animation: scroll-right 10s linear infinite;
  animation: scroll-right 10s linear infinite;
}
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes scroll-right {
  0% {
    -moz-transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(100%);
  }
}
@-webkit-keyframes scroll-right {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
@keyframes scroll-right {
  0% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.fb-like-box {
	margin: 30px 0px 10px 0px !important;
}
.stats {
	float:left;
	width:100%;
	position:relative;
	margin: 0px 0px 0px 0px;
}
	.statisticData {
		float:left;
		width:100%;
		position:relative;
		font-size:16px;
		margin:0px 0px 5px 0px;
	}
.formQuest {
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;
	position:relative;
}
	.formQuest .title {
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:10px 20px 10px 20px;
		position:relative;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px;
		background:#e4e4e4;
		color: #000;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.formQuest .radio-box {
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:5px 0px 5px 0px;
		position:relative;
		border:1px solid #e4e4e4;
		border-left:0px solid #e4e4e4;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.formQuest .radio-box label p {
		float:left;
		width: calc(100% - 50px);
		margin:9px 0px 0px 0px;
		position:relative;
		font-size: 15px;
		font-weight: 400;
		line-height: 15px;
	}
	.formQuest .radio-submit {
		float:left;
		margin:15px 0px 0px 0px;
		padding:15px 30px 15px 30px;
		position:relative;
		color:#fff;
		font-size: 18px;
		font-weight: 500;
		line-height: 18px;
		border:0;
		cursor:pointer;
		background-color:#2fb827;
		letter-spacing:1px;
	}
	.formQuest .qua-all {
		float:left;
		margin:32px 0px 0px 20px;
		position:relative;
		font-size: 17px;
		font-weight: 300;
		line-height: 17px;
	}

.facebookMet {
	float:right;
	width:330px;
	z-index:301;
	position: fixed;
	right: -336px;
	top:170px;
	border:3px solid #4a6ea9;

	transition: all 0.3s ease-in-out;
}
	.facebookMet:hover {
		right: 0;
	}

	.facebookMet img {
		float:left;
		margin:-3px 0px 0px 0px;
		width:41px;
		position: absolute;
		top: 0px;
		left: -44px;
	}

	.facebookMet .fb-page {
		float:left;
		position:relative;
		width:330px;
	}
		.facebookMet .fb-pageNext {
			border-top: 3px solid #4a6ea9;
		}

.socialFixed {
	float: right;
	width: 41px;
	position: fixed;
	top: 213px;
	right: 0;
	z-index: 300;
}
	.socialFixed.toBottom {
		top: 213px;
	}
.socialFixed .social--icon {
	float: left;
	width: 41px;
	height: 41px;
	position: relative;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(https://stronyzklasa.pl/online/cms_v2/_website/img/social_icons.svg);
	background-size: 600px;
	background-repeat: no-repeat;

	border: 1px solid rgba(0,0,0,0.1);

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.socialFixedBox {
	float: left;
	width: 41px;
	height: 41px;
	position: relative;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;

	background: #fff;
	box-sizing: border-box;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
		border: 1px solid rgba(0,0,0,0.1);
}
.socialFixed .ikon {
	float: left;
	width: 30px !important;
	height: auto !important;
	max-height: 35px !important;
	margin: 0 !important;
}
.socialFixed .ikon.ikon--all {
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
}
.socialFixed .social--icon img {
	float: left;
	width: 38px;
	height: auto;
	max-height: 38px;
	position: relative;
}
.popupInfo {
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.7);
	background: rgba(0, 0, 0, 0.7);
	z-index:100;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
.popupInfo .close {
	float:right;
	margin:-1.5vw -1.5vw 0px 0px;
	padding:0.8vw 1.3vw 0.8vw 1.3vw;
	position:absolute;
	top:0;
	right:0;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1vw;
	line-height: 1.1vw;
	font-weight:600;
	cursor:pointer;
	background-color:#5aadf4;
	color:#000;
	text-transform:uppercase;
}
.popupInfo .wrap {
	float:left;
	position:relative;
	min-width:600px;
	max-width: 800px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
}
	.popupInfo .wrap__inside {
		float:left;
		width:100%;
		height:auto;
		max-height:75vh;
		position:relative;
		overflow:hidden;
		overflow-y:auto;
	}
	.popupInfo .wrap .title {
		float:left;
		width:90%;
		margin:25px 0px 0px 0px;
		padding:0px 5% 15px 5%;
		font-family: 'Roboto', sans-serif;
		color:#222632;
		font-size: 24px;
		line-height: 32px;
		font-weight:500;
		text-align:center;
		border-bottom:5px solid #5aadf4;
	}
	.popupInfo .wrap .mainFoto {
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:100%;
		position:relative;
		z-index:5;
		overflow:hidden;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		background:#f6f6f6;
	}
			.popupInfo .wrap .mainFoto.centerPanoramic {
				height:auto;
			}
			.popupInfo .wrap .mainFoto.a4Large {
				height:370px;
			}
		.popupInfo .wrap .mainFoto.centerPanoramic .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;
		}
		.popupInfo .wrap .mainFoto.a4Large .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			height:100% !important;
		}
	.popupInfo .wrap .text {
		float:left;
		width:90%;
		margin:20px 0px 10px 5%;
		padding:0px 0px 10px 0px;
		font-family: 'Roboto', sans-serif;
		color: #6c6c6c;
		font-size: 15px;
		line-height: 22px;
		font-weight:300;
	}
		.popupInfo .wrap .text img {
			max-width:100% !important;
			height:auto !important;
		}

	.mainFoto {
		position:relative;
		z-index:5;
		overflow:hidden;
	}
		.mainFoto .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;
		}
			.mainFoto.leftSmall {
				float:left;
				width:350px;
				height:260px;
				margin:5px 30px 0px 0px;
			}
			.mainFoto.rightSmall {
				float:right;
				width:350px;
				height:260px;
				margin:5px 0px 0px 30px;
			}
			.mainFoto.centerPanoramic {
				float:left;
				width:100%;
				height:350px;
				margin:0px 0px 30px 0px;
			}
			.mainFoto.centerAll {
				float:left;
				width:100%;
				margin:0px 0px 20px 0px;
			}
			.mainFoto.a4Small {
				float:left;
				width:250px;
				margin:5px 20px 20px 0px;
				padding:0px 0px 0px 0px;
			}
			.mainFoto.a4Large {
				float:left;
				width:100%;
				height:470px;
				margin:0px 0px 30px 0px;
				padding:20px 20px 20px 20px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background:#f4f4f4;
			}
				.mainFoto.a4Large .img {
					width:auto !important;
					height:440px !important;
				}

	/* Galeria */
	.middle .wrap .gallery {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
		.middle .wrap .gallery .gallery-box {
			float:left;
			position:relative;
			overflow:hidden;
		}
		.middle .wrap .gallery .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;
			z-index: 5;
		}

		.middle .wrap .gallery .gallery-box .hover {
			width:100%;
			height:100%;
			position:absolute;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			opacity:0;
			-webkit-transition: opacity 0.3s ease-in-out;
			-moz-transition: opacity 0.3s ease-in-out;
			-ms-transition: opacity 0.3s ease-in-out;
			-o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
			background: rgba(13, 107, 178, 0.7) url(https://stronyzklasa.pl/online/images/ikon_zoom.png) center no-repeat;
			
			z-index: 3;
			pointer-events: none;
		}
			.middle .wrap .gallery .gallery-box:hover .hover { opacity:1;z-index: 6; }

		.middle .wrap .gallery .gallery-box .title {
			float:left;
			width:93%;
			position:absolute;
			left:0;
			bottom:0;
			margin:0px 0px 0px 0px;
			padding:14px 3.5% 10px 3.5%;
			color: #000;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 24px;
			background-color: rgba(255,255,255,1);
			border-bottom:1px solid #c8c8c8;
		}
		.middle .wrap  .gallery .three-in-one {
			width:33%;
			height:220px;
			margin-bottom:3px;
		}
		.middle .wrap  .gallery .two-in-one {
			width:49.5%;
			height:280px;
			margin-bottom:3px;
		}
		.middle .wrap  .gallery .one-in-one {
			width:100%;
			height:auto;
			margin-bottom:10px;
		}
		.middle .wrap  .gallery .one-in-one-title {
			width:100%;
			margin-bottom:20px;
		}
			.middle .wrap  .gallery .one-in-one-title .img {
				width:100%;
				height:auto;
				margin-bottom:10px;
			}
		.middle .wrap  .gallery .three-in-one-title {
			width:33%;
			height:350px;
			margin-bottom:10px;
		}
			.middle .wrap  .gallery .three-in-one-title .img {
				width:100%;
				height: calc(100% - 49px);
				margin-bottom:10px;
			}

		.middle .wrap  .gallery .verticalSize {
			background:#f4f4f4;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.middle .wrap  .gallery .verticalSize .img {
			width:auto;
				max-width: 100%;
			height:100%;
		}

	/* Articles - v1 */

	.no-date .articles-box .articles-left .articles-data { display:none; }

	.articles {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:center;
	}
	.articles .articles-box {
		float:left;
		width:49.5%;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.articles  .articles-box .articles-new {
			float:left;
			position:absolute;
			padding:0px 15px 0px 15px;
			font-family: 'Roboto', sans-serif;
			font-size: 12px;
			font-weight: 400;
			line-height: 27px;
			z-index:3;
			text-align:center;
		}
			.articles  .articles-left {
				float:left;
				width:100%;
				height:240px;
				margin:0px 0px 5px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.articles  .articles-foto {
				float:left;
				width:100%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
			}
				.articles  .articles-foto img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;
				}
			.articles  .articles-data {
				float: left;
				margin: 0px 0px 10px 0px;
				padding: 0px 20px 0px 20px;
				position: absolute;
				left: 5%;
				bottom: 0;
				font-family: 'Roboto', sans-serif;
				font-size: 12px;
				font-weight: 400;
				line-height: 37px;
				z-index: 3;
				text-align: center;
				border-radius: 25px;
			}
			.articles  .articles-right {
				float:left;
				width:100%;
				height:180px;
				margin:0px 0px 0px 0px;
				padding:0px 5% 0px 5%;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.articles  .articles-header {
					float:left;
					width:90%;
					margin:20px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-family: 'Roboto', sans-serif;
					font-size: 16px;
					font-weight: 500;
					line-height: 24px;
				}
				.articles  .articles-text {
					float:left;
					width:100%;
					margin:10px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-family: 'Roboto', sans-serif;
					font-size: 14px;
					font-weight: 400;
					line-height: 22px;
				}
				.articles  .articles-more {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-family: 'Roboto', sans-serif;
					font-size: 14px;
					font-weight: 500;
					line-height: 25px;
				}
				.articles .articles-box:hover  .articles-more {
					text-decoration: underline;
				}

	/* Ustawienia dla opcji 1 */
	.v-one .articles-new {
		left:0 !important;
		top:0 !important;
		margin:10px 0px 0px 0px;
	}
	/* Ustawienia dla opcji 2 */
	.v-two .articles-left {
		display:none;
	}
	.v-two .articles-new {
		right:0;
		bottom:0;
		margin:0px 0px 0px 0px;
	}
	/* Ustawienia dla opcji 3 */
	.v-three .articles-left {
		display:none;
	}
	.v-three .articles-new {
		right:0;
		bottom:0;
		margin:0px 0px 0px 0px;
	}
	.v-three .articles-box {
		width:100%;
	}
	.v-three .articles-right {
		height:auto;
		padding-bottom:20px;
	}
	/* Ustawienia dla opcji 4 */
	.v-four .articles-box {
		width:100%;
	}
	.v-four .articles-data {
		left:210%;
		margin:0px 0px 25px 0px;
	}
	.v-four .articles-left {
		width:40%;
		height:210px;
	}
	.v-four .articles-right {
		width:60%;
	}
	/* Ustawienia dla opcji 5 */
	.v-five .articles-box {
		width:100%;
	}
	.v-five .articles-data {
		left:210%;
		margin:0px 0px 25px 0px;
	}
	.v-five .articles-box:nth-child(odd) .articles-data {
		left:5%;
		margin:0px 0px 25px 0px;
	}
	.v-five .articles-left {
		width:40%;
		height:210px;
	}
		.v-five .articles-box:nth-child(odd) .articles-left {
			float:right;
		}
		.v-five .articles-box:nth-child(odd) .articles-new {
			right:0;
		}
	.v-five .articles-right {
		width:60%;
	}
	/* Ustawienia dla opcji 6 */
	.v-six .articles-box {
		width:100%;
	}
		.v-six .articles-box .articles-new {
			float:right;
			right:0;
			top:0;
		}
		.v-six .articles-left {
			display:none;
		}
		.v-six .articles-right {
			width:100%;
			height:auto;
			padding:2% 0px 2% 5%;
		}
			.v-six .articles-right .articles-header {
				margin:0px 0px 0px 0px;
			}
			.v-six .articles-right .articles-text {
				display:none;
			}
	/* Ustawienia dla opcji 7 */
	.v-seven .articles-box {
		width:32.5%;
	}
		.v-seven .articles-data {
			left:5%;
			margin:0px 0px 25px 0px;
		}
		.v-seven .articles-left {
			width:100%;
			height:310px;
		}
		.v-seven .articles-right {
			width:100%;
			height:150px;
		}
			.v-seven .articles-right .articles-header {
				margin:20px 0px 10px 5%;
				text-align:center;
			}
			.v-seven .articles-right .articles-text {
				display:none;
			}
			.v-seven .articles-right .articles-more {
				text-align:center;
			}
	/* Ustawienia dla opcji 8 */
	.v-eight .articles-box {
		width:100%;
		cursor: pointer;
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}

		.v-eight .articles-box .articles-new {
			float:right;
			right:30px;
			bottom:0;
			line-height: 20px;
		}
		.v-eight .articles-left {
			display:none;
		}
		.v-eight .articles-right {
			width:100%;
			height:auto;
		}
			.v-eight .articles-right:hover {
				background: #eaeaea;
			}
			.v-eight .articles-right .articles-header {
				height: 70px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				font-size: 16px;
			    font-weight: 500;
			    line-height: 22px;
			    display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.v-eight .articles-right .articles-header:after {
					float: right;
					margin: 0px -12% 0px 0px;
					padding: 0px 0px 0px 0px;
					position: absolute;
					top: 22px;
					right: 0;
					color: #0d6bb2;
					font-size: 14px;
			  		font-weight: 500;
			   		line-height: 24px;
					content: 'zobacz';
				}
					.v-eight .articles-right .articles-header.active:after {
						content: 'zwiń';
					}
			.v-eight .articles-right .articles-text {
				margin: 0px 0px 50px 0px;
				font-size: 16px;
				line-height: 24px;
			}
			.v-eight .articles-right .articles-text img {
				width: 100% !important;
				height: auto !important;
			}

	.v-nine .articles-box {
		width:100%;
		margin:0px 0px 40px 0px;
		cursor: pointer;
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}
	.v-nine .articles-box .articles-left {
		float: left;
		width: 30%;
		height: 260px;
		position: relative;
		overflow: hidden;
		border-radius: 80em;
	}
	.v-nine .articles-box .articles-right {
		float: left;
		width: 70%;
		height: auto;
		position: relative;
		padding:0px 0px 0px 50px;
		margin:0px 0px 0px 0px;
		background: none;
	}
	.v-nine .articles-box .articles-header {
	    float: left;
	    width: 100%;
	    margin: 40px 0px 15px 0px;
	    padding: 0px 0px 0px 0px;
	    position: relative;
	    font-family: 'Roboto', sans-serif;
	    font-size: 22px;
	    font-weight: 400;
	    line-height: 28px;
	}
	.v-nine .articles-box .articles-subheader {
		float: left;
	    width: 100%;
	    margin: -10px 0px 10px 0px;
	    padding: 0px 0px 0px 0px;
	    position: relative;
	    font-family: 'Roboto', sans-serif;
	    font-size: 16px;
	    font-weight: 300;
	    line-height: 22px;
	}
	.v-nine .articles-box .articles-text {
		padding: 10px 0px 0px 0px !important;
		border-top: 1px solid rgba(0,0,0,0.2);
	}

.download__files {
	float:left;
	width:100%;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:20px 0px 10px 0px;
	font-family: 'Roboto', sans-serif;
}
	.download__file {
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:10px 15px 10px 15px;
		position:relative;
		text-decoration:none;
		border: 1px solid #e0e0e0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items:center;
		align-content:center;
	}
	.download__title {
		float:left;
		width:85%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #131313;
		font-size: 15px;
		font-weight: 400;
		line-height: 22px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.download__title--number {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-weight:500;
		}
		.download__title--name {
			float:left;
			width:90%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.download__information {
		float:left;
		width:15%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #131313;
		font-size: 15px;
		font-weight: 400;
		line-height: 22px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-items:center;
		align-content:center;
	}
		.download__information--up {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-end;
			align-items:center;
			align-content:center;
		}
		.download__information--down {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-end;
			align-items:center;
			align-content:center;
		}
		.download__more {
			float:right;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #131313;
			font-size: 13px;
			font-weight: 500;
			line-height: 18px;
		}
			.download__type {
				color:#35373b;
				font-size: 13px;
				font-weight: 400;
				line-height: 18px;
			}
		.download__icon {
			float:right;
			width:35px;
			margin:2px 0px 0px 10px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 15px;
			font-weight: 400;
			line-height: 22px;
			color: #0039ed;
		}

	.download__file:hover { border:1px solid #0039ed; }
	.download__file:hover .download__more { text-decoration:underline; }

.scooli {
	float:left;
	margin:22px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.scooli .scooli-logo{ display:inline;position: relative;opacity: 1 }
	.scooli .scooli-logo:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 40px;color: #dc407f;content: attr(title);left: 0px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 210px;font-size:11px; }
	.scooli .scooli-logo:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 34px;content: "";left: 40%;position: absolute;z-index: 99; }
	.scooli .scooli-logo:hover  { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
		.scooli .scooli-logo { float:left;margin:0px 0px 0px 0px; }
		.scooli .scooli-logo img { width:80px; }

}

@media screen and (min-width: 0px) and (max-width: 1170px) {
	#cookie_info { position:fixed;width:100%;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
	#user_information { float:right;width: calc(100% - 30px);margin:15px 15px 15px 15px;color:#fff;position:relative; }
	#close_info_cookie { position:absolute;left:0;top:-52px;margin:0px 0px 0px 0px;border: 0;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
	#close_info_cookie p { float:left;width:100%;text-align:center;padding:12px 0px 15px 0px;margin: 0 !important; }
	.user_information_nag { float:right;width:100%;font-size:12px;line-height:12px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
	.user_information_text { float:right;width:100%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
	.user_information_text a {
        text-decoration: underline;
        text-transform: uppercase;
        color: #fff;
    }
	.user_information_text a:hover {
        text-decoration: underline;
        text-transform: uppercase;
        color: #fff;
    }

.skiplink {
	display: inline;
	left: -9000em;
	padding: 7px 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 250px;
	z-index: 200;
}
	.skiplink:hover,
	.skiplink:focus,
	.skiplink:active { background: #231f20; color: #fff; left: 0; position: absolute; top: 0; }

.information__bar--top {
	position: relative;
	top: 0px;
}
	.information__bar--top .information__bar {
		position: relative;
		top: 0px;
		left: 0;
	}
	.information__bar--bottom .information__bar {
		position: fixed;
		bottom: 0px;
		left: 0;
	}
.information__bar {
	float: left;
	width: 100%;
	height: 50px;
	z-index: 100;
	text-decoration: none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	white-space:nowrap
}
	.information__bar--primary {
		background: #292f43;
	}
	.information__bar--success {
		background: #76AB3C;
	}
	.information__bar--info {
		background: #4FB5DD;
	}
	.information__bar--warning {
		background: #F69F00;
	}
	.information__bar--danger {
		background: #F04E51;
	}
	.information__bar--inside {
		display:inline-block;
		float: left;
		width: auto !important;
		min-width: 80%;
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #fff;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.information__bar--button {
		float: left;
		width: 40px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 0;
		cursor: pointer;
		z-index: 5;
			display: flex ;
			flex-direction: row ;
			flex-wrap: wrap ;
			justify-content: center ;
			align-items: center ;
			align-content: center ;
	}
	.information__bar--button:before {
		content: ' ';
		float: left;
		width: 15px;
		height: 15px;
		position: relative;
		background: #fff;
		clip-path: polygon(100% 50%, 0 0, 0 100%);
	}
	.information__bar.stop-runing .information__bar--button:before {
		content: ' ';
		float: left;
		width: 5px;
		height: 15px;
		margin: 0px 2px 0px 2px;
		position: relative;
		background: #fff;
		clip-path: none;
	}
	.information__bar.stop-runing .information__bar--button:after {
		content: ' ';
		float: left;
		width: 5px;
		height: 15px;
		margin: 0px 2px 0px 2px;
		position: relative;
		background: #fff;
		clip-path: none;
	}

.information__bar.app-tip.app-tip-runing .app-tip-runner {
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);

}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedNormal {
	-moz-animation: scroll-left 30s linear infinite;
	-webkit-animation: scroll-left 30s linear infinite;
	animation: scroll-left 30s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedVerySlow {
	-moz-animation: scroll-left 50s linear infinite;
	-webkit-animation: scroll-left 50s linear infinite;
	animation: scroll-left 50s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedSlow {
	-moz-animation: scroll-left 40s linear infinite;
	-webkit-animation: scroll-left 40s linear infinite;
	animation: scroll-left 40s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedFast {
	-moz-animation: scroll-left 20s linear infinite;
	-webkit-animation: scroll-left 20s linear infinite;
	animation: scroll-left 20s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedVeryFast {
	-moz-animation: scroll-left 15s linear infinite;
	-webkit-animation: scroll-left 15s linear infinite;
	animation: scroll-left 15s linear infinite;
}
.information__bar.app-tip.app-tip-runing .app-tip-runner.information__bar--speedStop {
	-moz-animation: scroll-left 50s linear infinite;
	-webkit-animation: scroll-left 50s linear infinite;
	animation: scroll-left 50s linear infinite;
}

.information__bar.app-tip.app-tip-runing .app-tip-runner.app-tip-runner-right {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-animation: scroll-right 10s linear infinite;
  -webkit-animation: scroll-right 10s linear infinite;
  animation: scroll-right 10s linear infinite;
}
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(70%);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(70%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes scroll-left {
  0% {
    -moz-transform: translateX(70%);
    -webkit-transform: translateX(70%);
    transform: translateX(70%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes scroll-right {
  0% {
    -moz-transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(100%);
  }
}
@-webkit-keyframes scroll-right {
  0% {
    -webkit-transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
@keyframes scroll-right {
  0% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.fb-like-box {
	margin: 20px 0px 20px 0px !important;
}
.stats {
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
	position:relative;
}
	.statisticData {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 5px 0px;
	}
.formQuest {
	float:left;
	width:100%;
	margin:20px 0px 0px 0px;
	position:relative;
}
	.formQuest .title {
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:15px 20px 15px 20px;
		position:relative;
		font-size: 16px;
		font-weight: 500;
		line-height: 22px;
		background:#e4e4e4;
		color: #000;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.formQuest .radio-box {
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:8px 0px 8px 0px;
		position:relative;
		border:1px solid #e4e4e4;
		border-left:0px solid #e4e4e4;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.formQuest .radio-box label p {
		float:left;
		width: calc(100% - 50px);
		margin:9px 0px 0px 0px;
		position:relative;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
	}
	.formQuest .radio-submit {
		float:left;
		width:100%;
		margin:15px 0px 0px 0px;
		padding:15px 0px 15px 0px;
		position:relative;
		color:#fff;
		font-size: 18px;
		font-weight: 500;
		line-height: 18px;
		border:0;
		cursor:pointer;
		background-color:#2fb827;
		letter-spacing:1px;
	}
	.formQuest .qua-all {
		float:left;
		width:100%;
		margin:15px 0px 15px 0px;
		position:relative;
		font-size: 17px;
		font-weight: 300;
		line-height: 17px;
		text-align:center;
	}

.facebook {
	display:none !important;
}
.socialFixed {
	display:none !important;
}

.popupInfo {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:4vw 0px 4vw 0px;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.7);
	background: rgba(0, 0, 0, 0.7);
	z-index:100;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	overflow:hidden;
}
.popupInfo .close {
	float:right;
	margin:0px 0px 0px 0px;
	padding:2.7vw 3.2vw 2.7vw 3.2vw;
	position:absolute;
	top:0;
	right:0;
	font-family: 'Roboto', sans-serif;
	font-size: 2.8vw;
	line-height: 2.8vw;
	font-weight:600;
	cursor:pointer;
	background-color:#5aadf4;
	color:#000;
	text-transform:uppercase;
}
.popupInfo .wrap {
	float:left;
	position:relative;
	width:90%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
	overflow:hidden;
}
	.popupInfo .wrap .title {
		float:left;
		width:90%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 5% 2vw 5%;
		font-family: 'Roboto', sans-serif;
		color:#222632;
		font-size:3.1vw;
		line-height: 3.8vw;
		font-weight:500;
		text-align:center;
		border-bottom:0.5vw solid #5aadf4;
	}
	.popupInfo .wrap .mainFoto {
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:100%;
		height:35vw;
		position:relative;
		z-index:5;
		overflow:hidden;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		background:#f6f6f6;
	}
			.popupInfo .wrap .mainFoto.centerPanoramic {
				height:auto;
			}
			.popupInfo .wrap .mainFoto.a4Large {
				height:38vw;
			}
		.popupInfo .wrap .mainFoto .centerPanoramic .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;
		}
		.popupInfo .wrap .mainFoto.a4Large .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			height:100%;
		}
	.popupInfo .wrap .text {
		float:left;
		width:90%;
		margin:4vw 0px 3vw 5%;
		padding:0px 0px 15px 0px;
		font-family: 'Roboto', sans-serif;
		color: #6c6c6c;
		font-size: 3vw;
		line-height: 4.5vw;
		font-weight:300;
	}
		.popupInfo .wrap .text img {
			max-width:100% !important;
			height:auto !important;
		}
		.popupInfo .wrap .text table {
			width:100% !important;
		}

		.mainFoto {
		position:relative;
		z-index:5;
		overflow:hidden;
	}
		.mainFoto .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;
		}
			.mainFoto.leftSmall {
				float:left;
				width:100%;
				height:55vw;
				margin:0px 0px 20px 0px;
			}
			.mainFoto.rightSmall {
				float:right;
				width:100%;
				height:55vw;
				margin:0px 0px 20px 0px;
			}
			.mainFoto.centerPanoramic {
				float:left;
				width:100%;
				height:35vw;
				margin:0px 0px 20px 0px;
			}
			.mainFoto.centerAll {
				float:left;
				width:100%;
				margin:0px 0px 20px 0px;
			}
			.mainFoto.a4Small {
				float:left;
				width:200px;
				height:300px;
				margin:5px 20px 20px 0px;
				padding:0px 0px 0px 0px;
			}
			.mainFoto.a4Large {
				float:left;
				width:100%;
				height:48vw;
				margin:0px 0px 30px 0px;
				padding:20px 20px 20px 20px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background:#f4f4f4;
			}
				.mainFoto.a4Large .img {
					width:auto !important;
					height:43vw !important;
				}

	/* Galeria */
	.middle .wrap  .gallery {
		float:left;
		width:100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
		.middle .wrap .gallery .gallery-box {
			float:left;
			position:relative;
			overflow:hidden;
		}
		.middle .wrap .gallery .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;
			z-index: 5;
		}
		.middle .wrap .gallery .gallery-box .hover {
			width:100%;
			height:100%;
			position:absolute;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			opacity:0;
			-webkit-transition: opacity 0.3s ease-in-out;
			-moz-transition: opacity 0.3s ease-in-out;
			-ms-transition: opacity 0.3s ease-in-out;
			-o-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
			background: rgba(13, 107, 178, 0.7) url(https://stronyzklasa.pl/online/images/ikon_zoom.png) center no-repeat;

			z-index: 3;
			pointer-events: none;
		}
			.middle .wrap .gallery .gallery-box:hover .hover { opacity:1; }

		.middle .wrap .gallery .gallery-box .title {
			float:left;
			width:94%;
			position:relative;
			left:0;
			bottom:0;
			margin:0px 0px 0px 0px;
			padding:10px 3.5% 10px 3.5%;
			color: #000;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			font-weight: 400;
			line-height: 20px;
			background-color: rgba(255,255,255,0.7);
			border-bottom:1px solid #c8c8c8;
		}
		.middle .wrap  .gallery .three-in-one {
			width:49%;
			height:180px;
			margin-bottom:5px;
		}
		.middle .wrap  .gallery .two-in-one {
			width:49%;
			height:180px;
			margin-bottom:5px;
		}
		.middle .wrap  .gallery .one-in-one {
			width:100%;
			height:auto;
			margin-bottom:10px;
		}
		.middle .wrap  .gallery .one-in-one-title {
			width:100%;
			margin-bottom:15px;
		}
			.middle .wrap  .gallery .one-in-one-title .img {
				width:100%;
				height:auto;
				margin-bottom:5px;
			}
		
		.middle .wrap  .gallery .three-in-one-title {
			width:100%;
			
			margin-bottom:10px;
		}
		.middle .wrap  .gallery .verticalSize {
			background:#f4f4f4;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.middle .wrap  .gallery .verticalSize .img {
			width:100%;
			height:auto;
		}

	/* Articles - v1 */

	.no-date .articles-box .articles-left .articles-data { display:none; }

	.articles {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:center;
	}
	.articles .articles-box {
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.articles  .articles-box .articles-new {
			float:left;
			position:absolute;
			padding:0px 15px 0px 15px;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			font-weight: 400;
			line-height: 27px;
			z-index:3;
			text-align:center;
			color:#fff;
		}
			.articles  .articles-left {
				float:left;
				width:100%;
				height:240px;
				margin:0px 0px 5px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.articles  .articles-foto {
				float:left;
				width:100%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
			}
				.articles  .articles-foto img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;
				}
			.articles  .articles-data {
				float: left;
				margin: 0px 0px 10px 0px;
				padding: 0px 20px 0px 20px;
				position: absolute;
				left: 5%;
				bottom: 0;
				font-family: 'Roboto', sans-serif;
				font-size: 12px;
				font-weight: 400;
				line-height: 37px;
				z-index: 3;
				text-align: center;
				border-radius: 25px;
			}
			.articles  .articles-right {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 5% 0px 5%;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.articles  .articles-header {
					float:left;
					width:90%;
					margin:20px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-family: 'Roboto', sans-serif;
					font-size: 16px;
					font-weight: 500;
					line-height: 22px;
				}

				.articles  .articles-text {
					float:left;
					width:100%;
					margin:10px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-family: 'Roboto', sans-serif;
					font-size: 13px;
					font-weight: 400;
					line-height: 20px;
				}
				.articles  .articles-more {
					float:left;
					width:100%;
					margin:10px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-family: 'Roboto', sans-serif;
					font-size: 14px;
					font-weight: 700;
					line-height: 25px;
				}

	/* Ustawienia dla opcji 1 */
	.v-one .articles-new {
		left:0 !important;
		top:0 !important;
		margin:10px 0px 0px 0px;
	}
	.v-one .articles-more {
		margin:10px 0px 20px 0px;
	}
	/* Ustawienia dla opcji 2 */
	.v-two .articles-left {
		display:none;
	}
	.v-two .articles-new {
		right:0;
		bottom:0;
		margin:0px 0px 0px 0px;
	}
	/* Ustawienia dla opcji 3 */
	.v-three .articles-left {
		display:none;
	}
	.v-three .articles-new {
		right:0;
		bottom:0;
		margin:0px 0px 0px 0px;
	}
	.v-three .articles-box {
		width:100%;
	}
	.v-three .articles-right {
		height:auto;
		padding-bottom:20px;
	}
	/* Ustawienia dla opcji 4 */
	.v-four .articles-box {
		width:100%;
	}
	.v-four .articles-data {
		left:210%;
		margin:0px 0px 25px 0px;
	}
	.v-four .articles-left {
		width:40%;
		height:210px;
	}
	.v-four .articles-right {
		width:60%;
	}
	/* Ustawienia dla opcji 5 */
	.v-five .articles-box {
		width:100%;
	}
	.v-five .articles-data {
		display:none;
	}
	.v-five .articles-left {
		width:40%;
		height:210px;
	}
		.v-five .articles-box:nth-child(odd) .articles-left {
			float:right;
		}
		.v-five .articles-box:nth-child(odd) .articles-new {
			right:0;
		}
	.v-five .articles-right {
		width:60%;
	}
	/* Ustawienia dla opcji 6 */
	.v-six .articles-box {
		width:100%;
	}
		.v-six .articles-box .articles-new {
			float:right;
			right:0;
			top:0;
		}
		.v-six .articles-left {
			display:none;
		}
		.v-six .articles-right {
			width:100%;
			height:auto;
			padding:5% 0px 5% 5%;
		}
			.v-six .articles-right .articles-header {
				margin:0px 0px 0px 0px;
			}
			.v-six .articles-right .articles-text {
				display:none;
			}
	/* Ustawienia dla opcji 7 */
	.v-seven .articles-box {
		width:100%;
	}
		.v-seven .articles-data {
			left:5%;
			margin:0px 0px 25px 0px;
		}
		.v-seven .articles-left {
			width:100%;
			height:340px;
		}
		.v-seven .articles-right {
			width:100%;
			height:auto;
		}
			.v-seven .articles-right .articles-header {
				margin:20px 0px 10px 5%;
				text-align:center;
			}
			.v-seven .articles-right .articles-text {
				display:none;
			}
			.v-seven .articles-right .articles-more {
				text-align:center;
				margin:0px 0px 20px 0px;
			}
	/* Ustawienia dla opcji 8 */
	.v-eight .articles-box {
		width:100%;
		cursor: pointer;
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}

		.v-eight .articles-box .articles-new {
			float:right;
			right:10px;
			bottom:0;
			line-height: 20px;
		}
		.v-eight .articles-left {
			display:none;
		}
		.v-eight .articles-right {
			width:100%;
			height:auto;
		}
			.v-eight .articles-right:hover {
				background: #eaeaea;
			}
			.v-eight .articles-right .articles-header {
				height: 70px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				font-size: 15px;
			    font-weight: 500;
			    line-height: 21px;
			    display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.v-eight .articles-right .articles-header:after {
					float: right;
					margin: 0px -12% 0px 0px;
					padding: 0px 0px 0px 0px;
					position: absolute;
					top: 22px;
					right: 0;
					color: #0d6bb2;
					font-size: 14px;
			  		font-weight: 500;
			   		line-height: 22px;
					content: 'zobacz';
				}
					.v-eight .articles-right .articles-header.active:after {
						content: 'zwiń';
					}
			.v-eight .articles-right .articles-text {
				margin: 0px 0px 50px 0px;
			}
			.v-eight .articles-right .articles-text img {
				width: 100% !important;
				height: auto !important;
			}

	.v-nine .articles-box {
		width:100%;
		margin:0px 0px 40px 0px;
		cursor: pointer;
		box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}
	.v-nine .articles-box .articles-left {
		float: left;
		width: 50%;
		height: 45vw;
		position: relative;
		overflow: hidden;
		border-radius: 40em;
	}
	.v-nine .articles-box .articles-right {
		float: left;
		width: 100%;
		height: auto;
		position: relative;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		background: none;
	}
	.v-nine .articles-box .articles-header {
	    float: left;
	    width: 100%;
	    margin: 20px 0px 20px 0px;
	    padding: 0px 0px 0px 0px;
	    position: relative;
	    font-family: 'Roboto', sans-serif;
	    font-size: 24px;
	    font-weight: 400;
	    line-height: 28px;
	}
	.v-nine .articles-box .articles-subheader {
		float: left;
	    width: 100%;
	    margin: -10px 0px 10px 0px;
	    padding: 0px 0px 0px 0px;
	    position: relative;
	    font-family: 'Roboto', sans-serif;
	    font-size: 20px;
	    font-weight: 300;
	    line-height: 22px;
	}
	.v-nine .articles-box .articles-text {
		padding: 10px 0px 0px 0px !important;
		border-top: 1px solid rgba(0,0,0,0.2);
	}


.download__files {
	float:left;
	width:100%;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:20px 0px 30px 0px;
	font-family: 'Roboto', sans-serif;
}
	.download__file {
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:10px 15px 10px 15px;
		position:relative;
		text-decoration:none;
		border: 1px solid #e0e0e0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items:center;
		align-content:center;
	}
	.download__title {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #131313;
		font-size: 15px;
		font-weight: 400;
		line-height: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.download__title--number {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-weight:500;
		}
		.download__title--name {
			float:left;
			width:90%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.download__information {
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #131313;
		font-size: 15px;
		font-weight: 400;
		line-height: 22px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
	}
		.download__information--up {
			float:left;
			position:relative;
			margin:0px 20px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
		.download__information--down {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
		.download__more {
			float:right;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #131313;
			font-size: 14px;
			font-weight: 400;
			line-height: 18px;
		}
			.download__type {
				color:#35373b;
				font-size: 14px;
				font-weight: 400;
				line-height: 18px;
				text-transform:uppercase;
			}
		.download__icon {
			float:right;
			width:35px;
			margin:2px 0px 0px 10px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 15px;
			font-weight: 400;
			line-height: 22px;
			color: #0039ed;
		}

	.download__file:hover { border:1px solid #0039ed; }
	.download__file:hover .download__more { text-decoration:underline; }

.scooli {
	float:left;
	margin:22px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.scooli .scooli-logo{ display:inline;position: relative;opacity: 1 }
	.scooli .scooli-logo:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 40px;color: #dc407f;content: attr(title);left: 0px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 210px;font-size:11px; }
	.scooli .scooli-logo:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 34px;content: "";left: 40%;position: absolute;z-index: 99; }
	.scooli .scooli-logo:hover  { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
		.scooli .scooli-logo { float:left;margin:0px 0px 0px 0px; }
		.scooli .scooli-logo img { width:80px; }
}