@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");



html,

body {

	font-size: 16px;

	line-height: 18px;

	height: 100%;

	color: #000;

	background: #fff;

	font-family: "Montserrat", sans-serif;

	font-optical-sizing: auto;

}

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

ul,

p,

blockquote,

pre,

a,

big,

em,

img,

q,

small,

strong,

tt,

var,

b,

u,

i,

dl,

dt,

dd,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td {

	border: 0;

	margin: 0;

	outline: 0;

	padding: 0;

}



/* css/style_more.css - more css */

/* fonts/dir_name/font_name_font.css - more fonts */



.mourning {

	width: 40px !important;

	margin-left: 40px !important;

}

.podmenu-1 {

	display: none !important;

	visibility: hidden !important;

}

.fb-like-box {

	display: none !important;

	visibility: hidden !important;

}

.stats {

	display: none !important;

	visibility: hidden !important;

}

.news-data {

	display: none;

}

.wrapper nav ul .show-menu-38 {

	display: none;

}

.fast-box .wrap .box .text {

	text-transform: lowercase;

	letter-spacing: 1px;

}

.fast-box .wrap .box .icon {

	display: none !important;

}

.name-box.class {

	display: none !important;

}

.s-container--header.s-container--header--small {

	display: none !important;

}

.logo_ue {

	display: none !important;

}



.menuLeftList {

	margin: 40px 0px 0px 0px !important;

}

.menuLeft__header {

	font-family: "Montserrat", sans-serif !important;

	text-transform: none !important;

	background: #5aadf4

		url(https://stronyzklasa.pl/online/cms_v2/_website/img/packet_up_icon_menu.png)

		top 23px left 25px no-repeat;

}



.menuLeft__header--calendar {

	background: #5aadf4

		url(https://szkolazarnowiec.pl/templates/0686/images/packet_up_icon_calendar.png)

		top 23px left 25px no-repeat;

}



.menuLeft__list--href {

	font-weight: 400;

}

.menuLeft__list--href:hover {

	color: #0089ff !important;

}



@media screen and (min-width: 1201px) {

	.no-comp {

		display: none !important;

	}

	.no-show-comp {

		display: none !important;

	}

	.no-show {

		display: none;

	}

	.middle .right .information {

		display: block !important;

	}

	.middle .right .no-show {

		display: block !important;

	}



	.top {

		width: 100%;

		height: 53px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		z-index: 45;

		background: #fff url(images/top_bg.png) top no-repeat;

	}

	.top .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.logo {

		float: left;

		width: 353px;

		position: absolute;

		top: 0;

		left: 0;

		margin: 15px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

	}

	.logo img {

		float: left;

		width: 100%;

		position: relative;

		top: 0;

		left: 0;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

	}



	.quick {

		float: right;

		margin: 12px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.quick a {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;



		font-size: 16px;

		font-weight: 500;

		line-height: 25px;

		text-decoration: none;

		cursor: pointer;

		color: #fff;

	}

	.quick a:hover {

		color: #fff;

		text-decoration: underline;

		text-underline-offset: 5px;

		text-decoration-thickness: 1px;

	}

	.quick .phone img {

		float: left;

		margin: 1px 10px 0px 40px;

		position: relative;

	}

	.quick .mail img {

		float: left;

		margin: 6px 10px 0px 0px;

		position: relative;

	}



	.wrapper {

		float: left;

		width: 100%;

		height: 73px;

		position: relative;

		top: 0px;

		left: 0;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		z-index: 35;

		background: #fff !important;
	}

	.wrapper .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.wrapper nav {

		width: auto;

		height: 100%;

		float: right;

		margin: 0px 0px 0px 0px;

		font-size: 16px;

		line-height: 70px;



		font-weight: 500;

	}

	.wrapper nav ul {

		float: left;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.wrapper nav ul li {

		float: left;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		list-style: none;

		cursor: pointer;

		background: url(images/wrapper_menu_hr.png) center right 1px no-repeat;

	}

	.wrapper nav ul li a {

		float: left;

		color: #393939;

		height: 100%;

		text-decoration: none;

		padding: 0px 1.1vw 0px 1.1vw;

		display: block;

	}

	.wrapper nav ul li a:hover {

		color: #5aadf4;

	}

	.wrapper nav ul li:first-child,

	.wrapper nav ul li:nth-child(5),

	.wrapper nav ul li:last-child {

		background: none;

	}

	.wrapper nav ul li:first-child a {

		float: left;

		width: 51px;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		cursor: pointer;

		font-size: 0px;

		font-weight: 100;

		background: url(images/ikon_home.png) center no-repeat;

	}

	.wrapper nav ul li:last-child a {

		padding: 0px 0px 0px 0px !important;

	}



	.wrapper nav ul li .search-ikon {

		float: left;

		width: 51px;

		height: 100%;

		margin: 0px 0px 0px 20px;

		padding: 0px 0px 0px 0px;

		position: relative;

		cursor: pointer;

		font-size: 0px;

		font-weight: 100;

		background: url(images/wrapper_search.png) bottom no-repeat;

	}



	#podmenu {

		display: none;

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		left: 0;

		top: 126px;

		z-index: 30;

		overflow: hidden;

	}

	#podmenu .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

		left: 0px;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: flex-end;

		align-items: flex-start;

		align-content: flex-start;

		background-color: #f6f6f6;

	}

	#podmenu .wrap .box {

		float: right;

		width: 40%;

		margin: 30px 2% 0px 2%;

		padding: 0px 0px 40px 0px;

		position: relative;

	}

	#podmenu .wrap .box-all {

		float: left;

		width: 100%;

		margin: 30px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	#podmenu .wrap .box h3 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 10px 0px;



		font-size: 20px;

		font-weight: 600;

		line-height: 20px;

		border-bottom: 1px solid #e5e5e5;

	}

	#podmenu .wrap .box h3 a {

		text-decoration: none;

		color: #222632;

	}

	#podmenu .wrap .box h3 a:hover {

		color: #222632;

	}

	#podmenu .wrap .box ul {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	#podmenu .wrap .box ul li {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		list-style: none;



		font-size: 16px;

		font-weight: 400;

		line-height: 24px;

	}

	#podmenu .wrap .box ul li a {

		color: #222632;

		text-decoration: none;

	}

	#podmenu .wrap .box ul li a:hover,

	#podmenu .wrap .box ul li .active {

		color: #5aadf4;

	}



	.container {

		float: left;

		width: 100%;

		height: 35.5vw;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		overflow: hidden;

	}

	.container .wrap {

		width: 100%;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.container .slide-1 {

		float: left;

		width: 100%;

		height: 100%;

		position: relative;

		z-index: 1;

		overflow: hidden;

	}

	.container .slides {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		background-size: cover !important;

		background-position: bottom !important;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: center;

		align-items: flex-end;

		align-content: flex-end;

	}

	.container .slides .box {

		width: 1170px;

		margin: 0 0px 3.4vw 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.container .slides .box .nag {

		float: left;

		position: relative;

		width: 100%;

		color: #ffffff;



		font-size: 2.8vw;

		font-weight: 700;

		line-height: 3vw;

		text-align: center;

	}

	.container .slides .box .text {

		float: left;

		width: 75%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #fff;



		font-size: 2.5vw;

		font-weight: 600;

		line-height: 3vw;

		text-align: left;

		clear: both;

	}

	.container .slides .box .more {

		display: none;

	}

	.container .slides .box .arrow-down {

		display: none;

	}



	.container .owl-nav {

		float: left;

		margin: 0px -580px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		bottom: 5.1vw;

		right: 50%;

		z-index: 5;

		font-size: 0;

	}

	.container .owl-nav .owl-next {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		width: 54px;

		height: 54px;

		background: url(images/owl_next.png) center no-repeat;

		background-size: 54px 54px;

	}

	.container .owl-nav .owl-prev {

		float: left;

		margin: 0px 15px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		width: 54px;

		height: 54px;

		background: url(images/owl_prev.png) center no-repeat;

		background-size: 54px 54px;

	}



	.container .owl-dots {

		display: none !important;

	}

	.container .owl-dots .owl-dot {

		display: none !important;

	}

	.container .owl-dots .active {

		display: none !important;

	}



	.additional {

		display: none;

	}



	.s-container {

		float: left;

		width: 100%;

		height: 50px;

		top: 0;

		left: 0;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		overflow: hidden;

		background: #f6f6f6;

	}

	.s-container .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.dir {

		float: right;

		margin: 17px 0 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.dir a {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #000;



		font-size: 14px;

		font-weight: 500;

		line-height: 14px;

		text-decoration: none;

	}

	.dir a span {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 8px 0px 8px;

		position: relative;



		font-size: 14px;

		font-weight: 100;

		line-height: 14px;

	}

	.dir a:hover {

		color: #5aadf4;

	}

	.dir a:first-child:hover {

		color: #000;

	}

	.dir a:hover span {

		color: #000;

	}



	.fast-box {

		float: left;

		width: 100%;

		height: 250px;

		position: relative;

		margin: 2vw 0px 0px 0px;

		z-index: 25;

		overflow: hidden;

	}

	.fast-box .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

		padding: 0px 0px 0px 0px;

		background: url(images/fast_box_bg.png) left no-repeat;

	}

	.fast-box .wrap h3 {

		display: none !important;

		visibility: hidden !important;

	}

	.fast-box .wrap .box {

		float: left;

		width: 25%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.fast-box .wrap .box:nth-of-type(1) {

		margin: 0px 0px 0px 20px;

	}

	.fast-box .wrap .box:nth-of-type(2) {

		margin: 0px 0px 0px 10px;

	}

	.fast-box .wrap .box:nth-of-type(3) {

		margin: 0px 0px 0px 10px;

	}

	.fast-box .wrap .box:nth-of-type(4) {

		position: absolute;

		top: 0;

		right: -50px;

	}

	.fast-box .wrap .box .ikon {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.fast-box .wrap .box:nth-of-type(1) .ikon {

		background: url(images/fast_box_ikon_1.png) top center no-repeat;

	}

	.fast-box .wrap .box:nth-of-type(2) .ikon {

		background: url(images/fast_box_ikon_2.png) top center no-repeat;

	}

	.fast-box .wrap .box:nth-of-type(3) .ikon {

		background: url(images/fast_box_ikon_3.png) top center no-repeat;

	}

	.fast-box .wrap .box:nth-of-type(4) .ikon {

		background: url(images/fast_box_ikon_4.png) top center no-repeat;

	}



	.fast-box .wrap .box .title {

		float: left;

		padding: 0px 0px 0px 0px;

		position: absolute;

		top: 130px;

		left: 0;

		color: #ffffff;



		font-size: 18px;

		font-weight: 500;

		line-height: 18px;

		text-align: center;

	}

	.fast-box .wrap .box:nth-of-type(1) .title {

		width: 210px;

		margin: 0px 0px 0px 40px;

	}

	.fast-box .wrap .box:nth-of-type(2) .title {

		width: 216px;

		margin: 0px 0px 0px 40px;

	}

	.fast-box .wrap .box:nth-of-type(3) .title {

		width: 218px;

		margin: 0px 0px 0px 40px;

	}

	.fast-box .wrap .box:nth-of-type(4) .title {

		width: 218px;

		margin: 0px 0px 0px 40px;

	}

	.fast-box .wrap .box .text {

		display: none !important;

	}

	.fast-box .wrap .box .more {

		display: none !important;

	}

	.fast-box .wrap .box:hover .ikon {

		filter: hue-rotate(20deg) brightness(0.84);

	}

	.fast-box .wrap .box:hover .title {

		color: #fff;

	}



	/* Home - News - v1 */

	.newslista {

		float: left;

		width: 100%;

		margin: 32px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		overflow: hidden;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: space-between;

		align-items: flex-start;

		align-content: center;

	}

	.newslista .news-box {

		float: left;

		width: 48%;

		margin: 0px 0px 35px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.news-box .news-new {

		float: left;

		position: absolute;

		left: 0;

		top: 0;

		margin: 30px 0px 0px 0px;

		padding: 0px 20px 0px 20px;



		font-size: 11px;

		font-weight: 400;

		line-height: 26px;

		z-index: 3;

		text-align: center;

		color: #fff;

		background: #222632;

	}

	.news-left {

		float: left;

		width: 100%;

		height: 250px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.news-foto {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		overflow: hidden;

		border-radius: 30px;

	}

	.news-foto img {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.news-data {

		float: left;

		margin: 0px 0px 20px 0px;

		padding: 0px 20px 0px 20px;

		position: absolute;

		left: 5%;

		bottom: 0;



		color: #fff;

		font-size: 11px;

		font-weight: 300;

		line-height: 37px;

		z-index: 3;

		text-align: center;

		letter-spacing: 1px;

		border-radius: 25px;

		background: #194773;

	}

	.news-right {

		float: left;

		width: 100%;

		height: 100px;

		margin: 15px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		background: url(images/news_right_bg.png) top 3px left no-repeat;

	}

	.news-header {

		float: left;

		width: 90%;

		height: 42px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 5%;

		position: relative;

		color: #252628;

		font-size: 16px;

		font-weight: 500;

		line-height: 21px;

		display: block;

		overflow: hidden;

	}

	.news-text {

		float: left;

		width: 90%;

		height: 45px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 5%;

		position: relative;

		color: #252628;



		font-size: 14px;

		font-weight: 300;

		line-height: 21px;

		overflow: hidden;

		display: none;

	}

	.news-more {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #29c7f6;



		font-size: 0px;

		font-weight: 700;

		line-height: 44px;

		background: url(images/news_more_bg.png) right no-repeat;

	}

	.newslista .news-box:hover .news-more {

		background: url(images/news_more_bg.png) right no-repeat;

	}



	.start-2 {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 20px 0px;

		overflow: hidden;

	}

	.start-2 .wrap {

		width: 100% !important;

		position: relative;

		margin: 0 auto;

		padding: 0px 0px 0px 0px;

	}

	.start-2 .wrap p {

		float: right;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-2 .wrap p a {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 25px 0px 25px;

		text-decoration: none;



		font-size: 12px;

		font-weight: 500;

		line-height: 48px;

		text-align: center;

		color: #fff;

		text-align: right;

		text-transform: uppercase;

		background-color: #222632;

		border-radius: 30px;

	}

	.start-2 .wrap p a:hover {

		color: #fff;

		background: #f9b430;

	}



	.start-3 {

		float: left;

		width: 100%;

		position: relative;

		padding: 0px 0px 0px 0px;

		margin: 20px 0px 0px 0px;

		z-index: 5;

	}

	.start-3 .wrap {

		width: 100% !important;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.start-3 .name-box {

		float: left;

		width: 100%;

		margin: 0px 0px 35px 0px;

		padding: 0px 0px 40px 0px;

		position: relative;

		background: url(images/packet_up_box_bg.png) bottom no-repeat;

	}



	.start-3 .name-box .ikon {

		float: left;

		width: 100%;

		height: 30px;

		margin: 2px 0px 0px 30px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		top: 0;

		left: 0;

		z-index: 5;

	}

	.start-3 .calendars .ikon {

		background: url(images/packet_up_icon_calendar.png) left top no-repeat;

	}

	.start-3 .contest .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}

	.start-3 .questionnaire .ikon {

		background: url(images/packet_up_icon_questionnaire.png) left top no-repeat;

	}

	.start-3 .class .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}



	.start-3 .name-box .text {

		float: left;

		width: 80%;

		margin: 30px 0px 0px 10%;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 17px;

		font-weight: 500;

		line-height: 28px;

		text-align: left;

		color: #393939;

		overflow: hidden;

	}

	.start-3 .name-box .more {

		float: left;

		width: 32px;

		height: 32px;

		margin: 20px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		left: 10%;

		bottom: 0;

		color: #fff;

		background: url(images/start_3_name_box_more_bg.png) center no-repeat;



		font-size: 0px;

		font-weight: 300;

		line-height: 40px;

		text-decoration: none;

		letter-spacing: 1px;

		border-radius: 20px;

	}

	.start-3 .name-box .more i {

		padding-left: 5px;

	}



	.start-3 .name-box {

		float: left;

		width: 100%;

		margin: 0px 0px 35px 0px;

		padding: 0px 0px 40px 0px;

		position: relative;

		background: url(images/packet_up_box_bg.png) bottom no-repeat;

	}



	.start-3 .name-box .ikon {

		float: left;

		width: 100%;

		height: 30px;

		margin: 2px 0px 0px 30px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		top: 0;

		left: 0;

		z-index: 5;

	}

	.start-3 .calendars .ikon {

		background: url(images/packet_up_icon_calendar.png) left top no-repeat;

	}

	.start-3 .contest .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}

	.start-3 .questionnaire .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}

	.start-3 .class .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}



	.start-3 .name-box h3 {

		float: left;

		width: 100%;

		margin: -20px 0px 0px 0px;

		padding: 20px 0px 20px 59px;

		position: relative;

		color: #fff;



		font-size: 16px;

		font-weight: 500;

		line-height: 22px;

		text-align: left;

		letter-spacing: 2px;

		border-top-left-radius: 20px;

		border-top-right-radius: 20px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.start-3 .name-box:nth-child(1) h3 {

		background-color: #5aadf4;

	}

	.start-3 .name-box:nth-child(2) h3 {

		background-color: #f7a304;

	}

	.start-3 .name-box:nth-child(3) h3 {

		background-color: #9dc300;

	}

	.start-3 .name-box:nth-child(4) h3 {

		background-color: #ef620d;

	}



	.start-3 .name-box .text {

		float: left;

		width: 80%;

		margin: 30px 0px 0px 10%;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 17px;

		font-weight: 500;

		line-height: 28px;

		text-align: left;

		color: #393939;

		overflow: hidden;

	}

	.start-3 .name-box .more {

		float: left;

		width: 32px;

		height: 32px;

		margin: 20px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		left: 10%;

		bottom: 0;

		color: #fff;

		background: url(images/start_3_name_box_more_bg.png) center no-repeat;



		font-size: 0px;

		font-weight: 300;

		line-height: 40px;

		text-decoration: none;

		letter-spacing: 1px;

		border-radius: 20px;

	}

	.start-3 .name-box .more i {

		padding-left: 5px;

	}

	.start-3 .name-box:nth-child(2) .more {

		background: url(images/start_3_name_box_more_bg_yellow.png) center no-repeat;

	}



	.information {

		float: left;

		width: 100%;

		margin: 20px 0px 35px 0px;

		padding: 0px 0px 15px 0px;

		position: relative;

		background: url(images/packet_up_box_bg_information.png) bottom center

			no-repeat;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.information .ikon {

		float: left;

		width: 100%;

		height: 30px;

		margin: 2px 0px 0px 30px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		top: 0;

		left: 0;

		z-index: 5;

		background: url(images/packet_up_icon_calendar.png) left top no-repeat;

	}

	.information h3 {

		float: left;

		width: 100%;

		height: 60px;

		margin: -20px 0px 0px 0px;

		padding: 0px 0px 0px 59px;

		position: relative;

		color: #fff;



		font-size: 16px;

		font-weight: 500;

		line-height: 20px;

		text-align: left;

		text-transform: uppercase;

		background-color: #98d060;

		letter-spacing: 2px;

		border-top-left-radius: 20px;

		border-top-right-radius: 20px;

		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;

	}

	.information .text {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 30px 10% 90px 10%;

		position: relative;



		font-size: 15px;

		font-weight: 500;

		line-height: 20px;

		text-align: left;

		color: #393939;

		overflow: hidden;

		border-left: 1px solid #d8d9da;

		border-right: 1px solid #d8d9da;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.information .more {

		float: left;

		width: 32px;

		height: 32px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		left: 10%;

		bottom: 40px;

		color: #fff;

		background: #98d060 url(images/information_more_bg.png) center no-repeat;



		font-size: 0px;

		font-weight: 300;

		line-height: 32px;

		text-decoration: none;

		letter-spacing: 1px;

		border-radius: 20px;

	}

	.information .more i {

		padding-left: 5px;

	}



	.start-4 {

		float: left;

		width: 100%;

		position: relative;

		padding: 80px 0px 100px 0px;

		margin: 0px 0px 0px 0px;

		z-index: 3;

		overflow: hidden;

		background: #fff;

		border-bottom: 1px solid #dedede;

	}

	.start-4 .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.start-4 .wrap h4 {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		color: #194771;



		font-size: 30px;

		font-weight: 600;

		line-height: 30px;

		text-align: center;

	}

	.partners {

		float: left;

		width: 100%;

		margin: 40px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.partners .owl-carousel {

		float: left;

		width: 90%;

		height: 98px;

		margin: 0px 0px 0px 5%;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.partners .owl-stage-outer {

		position: relative;

		z-index: 10;

	}

	.partners .partners-box {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		display: flex;

		justify-content: center;

		align-items: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: 0px solid #000;

		background: #fff;

		border-radius: 30px;

	}

	.partners .partners-box .img {

		max-width: 70%;

		max-height: 70%;

		object-fit: contain;

	}

	.partners .owl-nav {

		float: left;

		width: 100%;

		position: relative;

		margin: -75px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		z-index: 5;

	}

	.partners .owl-nav .owl-prev {

		float: left;

		width: 58px;

		height: 58px;

		margin: 0px 0px 0px -88px;

		padding: 0px 0px 0px 0px;

		position: relative;

		cursor: pointer;

		font-size: 0px;

		background: url(images/partners_arrow_left.png) center no-repeat;

	}

	.partners .owl-nav .owl-next {

		float: right;

		width: 58px;

		height: 58px;

		margin: 0px -88px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		cursor: pointer;

		font-size: 0px;

		background: url(images/partners_arrow_right.png) center no-repeat;

	}

	.partners .owl-dots {

		display: none;

	}



	.start-5 {

		float: left;

		width: 100%;

		height: 470px;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		z-index: 4;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: space-around;

		align-items: center;

		align-content: center;

		background-size: cover !important;

	}

	.start-5 .wrap {

		float: left;

		width: 1170px;

		margin: -30px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		display: flex;

		flex-direction: column;

		flex-wrap: wrap;

		justify-content: center;

		align-items: center;

		align-content: center;

	}

	.start-5 .wrap .text {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #fff;



		font-size: 36px;

		font-weight: 600;

		line-height: 40px;

		text-align: center;

	}

	.start-5 .wrap .autor {

		float: left;

		margin: 0 0px 5px 0px;

		padding: 9px 14px 9px 14px;

		position: relative;

		color: #fff;



		font-size: 29px;

		font-weight: 400;

		line-height: 30px;

	}



	.start-6 {

		float: left;

		width: 100%;

		position: relative;

		margin: -30px 0px 0px 0px;

		background: #fff;

		overflow: hidden;

	}

	.start-6 .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.start-6 .wrap .header {

		float: left;

		width: 100%;

		position: relative;

		margin: 100px 0px 20px 0px;

		padding: 0px 0px 0px 0px;

	}

	.start-6 .wrap .header .godlo {

		float: left;

		margin: -3px 15px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		width: 50px;

	}

	.start-6 .wrap .header .name {

		float: left;

		width: 80%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 20px;

		line-height: 20px;

		font-weight: 700;

		color: #222632;

		text-transform: uppercase;

	}

	.start-6 .wrap .header .subname {

		float: left;

		width: 80%;

		margin: 5px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 20px;

		line-height: 20px;

		font-weight: 700;

		color: #222632;

		text-transform: uppercase;

	}



	.start-6 .wrap .box-1 {

		float: left;

		width: 60%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 60px 0px;

		position: relative;

		border-right: 1px solid #dedede;

	}

	.start-6 .wrap .box-1 .text {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #000;

	}

	.start-6 .wrap .box-1 .text .ikon {

		float: left;

		width: 22px;

		height: 32px;

		position: relative;

		padding: 0px 0px 0px 0px;

		font-size: 40px;

		line-height: 40px;

		color: #62cf12;

	}

	.start-6 .wrap .box-1 .text .ikon-1 {

		margin: 1px 15px 0px 0px;

		font-size: 40px;

		line-height: 40px;

	}

	.start-6 .wrap .box-1 .text .ikon-2 {

		margin: -4px 15px 0px 0px;

		font-size: 50px;

		line-height: 50px;

	}



	.start-6 .wrap .box-1 .text .left {

		float: left;

		width: 40%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-6 .wrap .box-1 .text .right {

		float: left;

		width: 60%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-6 .wrap .box-1 .text .info {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		float: left;



		font-size: 16px;

		font-weight: 500;

		line-height: 21px;

		color: #252628;

	}

	.start-6 .wrap .box-1 .text .info a {

		text-decoration: none;

		color: #252628;

	}

	.start-6 .wrap .box-1 .text .info a:hover {

		color: #0089ff;

	}



	.start-6 .wrap .box-2 {

		float: right;

		width: 35%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		background: url(images/start_6_box_2_bg.png) bottom no-repeat;

	}

	.start-6 .wrap .box-2 .left {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-6 .wrap .box-2 .left .ikon {

		float: left;

		margin: 0px 10px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		font-size: 37px;

		line-height: 37px;

		text-decoration: none;

		opacity: 1;

	}



	.start-6 .wrap .box-2 .left .icon-facebook-sign {

		color: #3b5998;

	}

	.start-6 .wrap .box-2 .left .icon-google-plus-sign {

		color: #d74633;

	}

	.start-6 .wrap .box-2 .left .icon-linkedin-sign {

		color: #007bb6;

	}

	.start-6 .wrap .box-2 .left .icon-pinterest-sign {

		color: #cb2027;

	}

	.start-6 .wrap .box-2 .left .icon-twitter-sign {

		color: #1da1f2;

	}

	.start-6 .wrap .box-2 .left .icon-youtube-sign {

		color: #ee1c1b;

	}

	.start-6 .wrap .box-2 .left .icon-bip {

		margin-top: 2px;

	}



	.start-6 .wrap .box-2 .right {

		display: none;

	}



	.middle {

		float: left;

		display: flex;

		width: 100%;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 40px 0px 40px 0px;

	}

	.middle .wrap {

		width: 1170px;

		position: relative;

		margin: 0 auto;

	}

	.middle .wrap h1 {

		float: left;

		width: 100%;

		margin: 0px 0px 30px 0px;

		padding: 0px 0px 10px 0px;



		font-size: 26px;

		font-weight: 500;

		line-height: 34px;

	}

	.home h1 {

		display: none;

		visibility: hidden;

	}

	.page {

		padding: 40px 0px 40px 0px !important;

		background: none !important;

	}

	.page h1 {

		text-align: left;

		border-bottom: 2px solid #feb829;

	}



	.home .left {

		float: left;

		width: 76%;

		overflow: hidden;

	}

	.home .right {

		float: right;

		width: 236px;

		overflow: hidden;

		margin-right: 10em;

	}



	.page .left {

		float: left;

		width: 76%;

		margin: 20px 0px 0px 0px;

	}

	.page .right {

		float: right;

		width: 236px;

		overflow: hidden;

	}



	.middle .wrap .left h2 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		color: #76006a;

		font-size: 28px;

		font-weight: 700;

		line-height: 30px;

		border-left: 0;

		display: block;

	}

	.middle .wrap .left h3 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		color: #000;

		font-size: 26px;

		font-weight: 700;

		line-height: 28px;

		border-bottom: 1px solid #76006a;

	}

	.middle .wrap .left h4 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		font-size: 24px;

		font-weight: 700;

		line-height: 26px;

		border-bottom: 1px solid #76006a;

	}

	.middle .wrap .left h5 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		color: #000;

		font-size: 22px;

		font-weight: 700;

		line-height: 24px;

		border-bottom: 3px solid #76006a;

	}

	.middle .wrap .left h6 {

		float: left;

		width: 99%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 0px 1%;



		color: #000;

		font-size: 20px;

		font-weight: 700;

		line-height: 22px;

		border-left: 2px solid #76006a;

	}

	.middle .wrap .left h7 {

		float: left;

		width: 97.7%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 0px 2%;



		font-size: 18px;

		font-weight: 500;

		line-height: 20px;

	}

	.middle .wrap .left .zdjecie-glowne {

		position: relative;

		z-index: 5;

		overflow: hidden;

	}

	.middle .wrap .left .zdjecie-glowne .img {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.middle .wrap .left .left-s {

		float: left;

		width: 350px;

		height: 260px;

		margin: 5px 30px 0px 0px;

	}

	.middle .wrap .left .right-s {

		float: right;

		width: 350px;

		height: 260px;

		margin: 5px 0px 0px 30px;

	}

	.middle .wrap .left .panoramic {

		float: left;

		width: 100%;

		height: 350px;

		margin: 0px 0px 30px 0px;

	}

	.middle .wrap .left .big {

		float: left;

		width: 100%;

		height: 550px;

		margin: 0px 0px 20px 0px;

	}

	.middle .wrap .left .a4-s {

		float: left;

		width: 220px;

		height: 325px;

		margin: 5px 20px 20px 0px;

		padding: 0px 0px 0px 0px;

	}

	.middle .wrap .left .a4-b {

		float: left;

		width: 100%;

		height: 470px;

		margin: 0px 0px 30px 0px;

		padding: 20px 0px 20px 0px;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: space-around;

		align-items: center;

		align-content: center;

		background: #f4f4f4;

	}

	.middle .wrap .left .a4-b .img {

		width: auto !important;

		height: 470px !important;

	}



	.middle .wrap .opis {

		float: left;

		width: 100%;

		position: relative;

		margin: 15px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		bottom: 20px;

		color: #000;



		font-size: 15px;

		font-weight: 400;

		line-height: 24px;

	}

	.middle .wrap .opis strong {

		font-weight: 700;

	}

	.middle .wrap .opis a {

		color: #0d6bb2;

		text-decoration: underline;

	}

	.middle .wrap .opis a:hover {

		text-decoration: none;

	}



	.middle .wrap .opis ul {

		float: left;

		width: 100%;

		margin: 10px 0px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		list-style: none;

	}

	.middle .wrap .opis ul li {

		float: left;

		width: 98%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 2%;

		background: url(images/li_bg.png) top 7px left no-repeat;

	}

	.middle .wrap .opis ul li ul li {

		float: left;

		width: 98%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 2%;

		background: url(images/li_li_bg.png) top 7px left no-repeat;

	}

	.middle .wrap .opis ol {

		float: left;

		width: 100%;

		margin: 10px 0px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .opis ol li {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		-webkit-margin-before: 0px;

		-webkit-margin-after: 0px;

		-webkit-margin-start: 17px;

		-webkit-margin-end: 0px;

		-webkit-padding-start: 0px;

	}

	.middle .wrap .opis table {

		float: left !important;

		width: 100% !important;

		margin: 10px 0px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 15px;

		font-weight: 400;

		line-height: 22px;

		border-spacing: 0;

		border: 0;

		border-collapse: collapse;

		text-align: left;

	}

	.middle .wrap .opis table thead {

		background-color: #0d6bb2;

	}

	.middle .wrap .opis table thead tr td {

		color: #fff;

		border: 1px solid #e0e0e0;

		text-align: center;

	}



	.middle .wrap .opis table tfoot {

		background-color: #fff;

	}

	.middle .wrap .opis table tfoot tr td {

		color: #000;

		border: 1px solid #e0e0e0;

		text-align: center;

		font-size: 12px;

		padding: 5px 0px 5px 0px;

		border: 0px;

		border-bottom: 1px solid #e0e0e0;

	}



	.middle .wrap .opis table tr td {

		margin: 0px 0px 0px 0px !important;

		max-width: 200px !important;

		padding: 17px 10px 17px 10px;

		border: 1px solid #e0e0e0;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.middle .wrap .opis table tr:nth-child(even) {

		background: #f8f8f8;

	}

	.middle .wrap .opis table ul {

		float: left;

		width: auto !important;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		list-style: none;

	}

	.middle .wrap .opis table ul li {

		width: auto !important;

		padding: 0px 0px 0px 15px !important;

		clear: both;

	}



	.middle .wrap .opis blockquote {

		float: left;

		width: 90%;

		margin: 0px 0px 0px 0px;

		padding: 20px 5% 20px 5%;

		position: relative;

		font-style: italic;

		background: #f1f1f1 url(images/blockquote_bg.png) top 20px left 20px

			no-repeat;

	}

	.middle .wrap .opis pre {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 20px 4% 20px 4%;

		position: relative;

		font-style: italic;

		border: 1px solid #000;

		border-style: dashed;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}



	.middle .wrap .pliki {

		float: left;

		width: 100%;

		position: relative;

		padding: 0px 0px 0px 0px;

		margin: 20px 0px 30px 0px;

	}

	.middle .wrap .pliki .plik {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 15px 0px 15px 0px;

		position: relative;

		color: #0d6bb2;



		font-size: 15px;

		font-weight: 400;

		line-height: 22px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: 1px solid #e0e0e0;

	}

	.middle .wrap .pliki .plik-tytul {

		float: left;

		width: 85%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 2%;

	}

	.middle .wrap .pliki .plik .more {

		float: right;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .pliki .plik-ikona {

		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: #0d6bb2;

	}

	.middle .wrap .pliki a {

		text-decoration: none;

		color: #252628;

	}

	.middle .wrap .pliki a:hover {

		text-decoration: none;

		color: #0d6bb2;

	}



	.middle .wrap .galeria {

		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 .galeria .gallery-box {

		float: left;

		position: relative;

		overflow: hidden;

	}

	.middle .wrap .galeria .gallery-box .img {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}



	.middle .wrap .galeria .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(images/ikon_zoom.png) center

			no-repeat;

	}

	.middle .wrap .galeria .gallery-box:hover .hover {

		opacity: 1;

	}



	.middle .wrap .galeria .gallery-box .title {

		float: left;

		width: 94%;

		position: absolute;

		left: 0;

		bottom: 0;

		margin: 0px 0px 0px 0px;

		padding: 14px 3.5% 10px 3.5%;

		color: #000;



		font-size: 15px;

		font-weight: 300;

		line-height: 24px;

		background-color: #fff;

		border-bottom: 1px solid #c8c8c8;

	}

	.middle .wrap .galeria .none-title {

		display: none;

	}



	.middle .wrap .galeria .three-in-one {

		width: 33%;

		height: 200px;

		margin-bottom: 3px;

	}

	.middle .wrap .galeria .two-in-one {

		width: 49.5%;

		height: 280px;

		margin-bottom: 3px;

	}

	.middle .wrap .galeria .one-in-one {

		width: 100%;

		height: 500px;

		margin-bottom: 10px;

	}

	.middle .wrap .galeria .one-in-one-title {

		width: 100%;

		height: 500px;

		margin-bottom: 10px;

	}

	.middle .wrap .galeria .three-in-one-title {

		width: 33%;

		height: 350px;

		margin-bottom: 10px;

	}



	.fb-like-box {

		float: left;

		width: 100%;

		margin: 30px 0px 30px 0px;

		position: relative;

	}



	.middle .wrap .error {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 30px 0px;

		padding: 15px 2% 15px 2%;



		font-size: 16px;

		font-weight: 300;

		line-height: 24px;

		border-width: 3px;

		border-style: dotted;

		text-align: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border-color: #ef0000;

	}



	.middle .wrap .info {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 30px 0px;

		padding: 15px 2% 15px 2%;



		font-size: 16px;

		font-weight: 300;

		line-height: 24px;

		border-width: 3px;

		border-style: dotted;

		text-align: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border-color: #00a600;

	}



	.middle .wrap .error a,

	.middle .wrap .info a {

		text-decoration: none;

		color: #28c6f5;

	}



	.middle .wrap .form-password-box {

		float: left;

		width: 100%;

		margin: 0px 0px 40px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.form-password-input {

		float: left;

		width: 49%;

		height: 50px;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;



		font-size: 20px;

		font-weight: 500;

		line-height: 20px;

		text-align: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.form-password-submit {

		float: right;

		width: 49%;

		height: 50px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		font-size: 20px;

		font-weight: 500;

		line-height: 20px;



		border: none;

		cursor: pointer;

		background: #29c7f6;

	}



	.middle .ankieta {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .ankieta .title {

		float: left;

		width: 100%;

		margin: 0px 0px 20px 0px;

		padding: 0px 0px 10px 0px;

		position: relative;

		font-size: 18px;

		font-weight: 500;

		line-height: 18px;



		border-bottom: 1px solid #d7d8d8;

		color: #76006a;

	}

	.middle .ankieta .radio-box {

		float: left;

		width: 100%;

		margin: 0px 0px 5px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .ankieta .radio-box label p {

		float: left;

		width: 95%;

		margin: 8px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		font-size: 15px;

		font-weight: 400;

		line-height: 15px;

	}

	.middle .ankieta .radio-submit {

		float: left;

		margin: 15px 0px 0px 0px;

		padding: 10px 20px 10px 20px;

		position: relative;

		color: #fff;

		font-size: 18px;

		font-weight: 500;

		line-height: 18px;



		border: 0;

		cursor: pointer;

		background-color: #76006a;

	}

	.middle .ankieta .qua-all {

		float: left;

		margin: 27px 0px 0px 20px;

		padding: 0px 0px 0px 0px;

		position: relative;

		font-size: 15px;

		font-weight: 300;

		line-height: 15px;

	}

	input[type="checkbox"] {

		display: none;

	}

	input[type="checkbox"] + label span {

		float: left;

		display: block;

		width: 30px;

		height: 30px;

		margin: 0px 10px 0px 0px;

		background: url(images/check_off.png) center no-repeat;

		cursor: pointer;

	}

	input[type="checkbox"]:checked + label span {

		background: url(images/check_on.png) center no-repeat;

	}



	input[type="radio"] {

		display: none;

	}

	input[type="radio"] + label span {

		display: inline-block;

		width: 30px;

		height: 30px;

		margin: 0px 10px 0px 0px;

		vertical-align: middle;

		background: url(images/check_off.png) center no-repeat;

		cursor: pointer;

	}

	input[type="radio"]:checked + label span {

		background: url(images/check_on.png) center no-repeat;

	}



	#mapa-box {

		width: 100%;

		height: 400px;

		float: left;

		margin: 0px 0px 0px 0px;

		overflow: hidden;

		border: 0px solid #c0c0c0;

	}

	.mapa-toltip {

		float: left;

		width: 200px;

	}

	.mapa-tytul {

		float: left;

		width: 100%;

		color: #4d4d4d;

		font-size: 14px;

		font-weight: bold;

	}

	.mapa-ulica {

		float: left;

		width: 100%;

		color: #000000;

		font-size: 12px;

	}

	.mapa-miasto {

		float: left;

		width: 100%;

		color: #000000;

		font-size: 12px;

	}



	/* Plan Zajęć */

	.middle .wrap .left .plan-newslista {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .left .plan-newslista .szkola-select {

		float: left;

		width: 100%;

		margin: 0px 0px 30px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		border-bottom: 1px solid #d7d8d8;

	}

	.middle .wrap .left .plan-newslista .szkola-select p {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 35px 0px 35px;

		position: relative;

		color: #252628;



		font-size: 16px;

		font-weight: 300;

		line-height: 60px;

		cursor: pointer;

		background-color: #fff;

		border-top: 1px solid #d7d8d8;

		border-right: 1px solid #d7d8d8;

	}

	.middle .wrap .left .plan-newslista .szkola-select p:hover,

	.middle .wrap .left .plan-newslista .szkola-select .active-p {

		color: #fff;

		background-color: #0d6bb2;

	}



	.middle .wrap .left .plan-newslista .szkola-box {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .left .plan-newslista .box-klasa {

		float: left;

		width: 100%;

		margin: 0px 0px 20px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		border-bottom: 1px solid #e1e1e1;

	}

	.middle .wrap .left .plan-newslista .box-klasa .rocznik {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;

		position: relative;

		color: #000;



		font-size: 18px;

		font-weight: 500;

		line-height: 18px;

	}

	.middle .wrap .left .plan-newslista .box {

		float: left;

		width: 70px;

		max-height: 70px;

		overflow: hidden;

		margin: 0px 11px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #0d6bb2;



		font-size: 18px;

		font-weight: 500;

		line-height: 70px;

		text-decoration: none;

		text-align: center;

		background: #f8f8f8;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: 1px solid #e1e1e1;

	}

	.middle .wrap .left .plan-newslista .box:hover {

		color: #fff;

		background-color: #0d6bb2;

	}



	.search {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 40px 0px;

		position: relative;

	}

	.search .search-input {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 2%;

		position: relative;

		width: 100%;

		height: 64px;



		border: 0;

		font-size: 32px;

		font-weight: 300;

		line-height: 38px;

		border: 1px solid #cccccc;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}



	footer {

		float: left;

		width: 100%;

		height: 70px;

		position: relative;

		margin: 0px 0px 0px 0px;

		border-top: 1px solid #dedede;

		background-color: #fff;

	}

	footer .wrap {

		width: 1170px;

		height: 100%;

		position: relative;

		margin: 0 auto;

		position: relative;

	}

	footer nav {

		width: auto;

		float: right;

		margin: 27px 0px 0px 0px;

		font-size: 15px;

		line-height: 15px;

		font-weight: 500;

	}

	footer nav ul {

		float: left;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

	}

	footer nav ul li {

		float: left;

		margin: 0px 0px 0px 0px;

		position: relative;

		list-style: none;

	}

	footer nav ul li a {

		color: #000;

		text-decoration: none;

		padding: 0px 0px 0px 0px;

		display: inline-block;

	}

	footer nav ul li a:hover,

	footer nav ul li a.active {

		color: #0089ff;

	}

	footer nav ul li .menu-hr-footer {

		float: right;

		margin: 3px 25px 0px 25px;

	}

	footer nav ul li:last-child .menu-hr-footer {

		display: none;

	}

	footer nav ul li .arrow {

		float: right;

		margin: 7px 0px 0px 9px;

		position: relative;

	}



	.scooli-tip {

		display: inline;

		position: relative;

		opacity: 1;

	}

	.scooli-tip:hover:after {

		background: #333;

		background: rgba(0, 0, 0, 0.8);

		border-radius: 5px;

		bottom: 26px;

		color: #dc407f;

		content: attr(title);

		left: 0px;

		padding: 5px 10px;

		text-align: center;

		position: absolute;

		z-index: 98;

		width: 140px;

		font-size: 11px;

	}

	.scooli-tip:hover:before {

		border: solid;

		border-color: rgba(0, 0, 0, 0.8) transparent;

		border-width: 6px 6px 0 6px;

		bottom: 20px;

		content: "";

		left: 40%;

		position: absolute;

		z-index: 99;

	}

	.scooli-tip:hover {

		opacity: 1;

		transition: opacity 0.5s ease-in-out;

		-moz-transition: opacity 0.5s ease-in-out;

		-webkit-transition: opacity 0.5s ease-in-out;

	}

	.scooli a {

		float: left;

		margin: 23px 0px 0px 0px;

	}

	.scooli img {

		width: 50px;

	}

	.scooli-bip a {

		float: left;

		margin: 22px 0px 0px 20px;

	}



	.bip-small {

		float: right;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		top: 82px;

		right: 5px;

		z-index: 60;

	}



	.facebook {

		z-index: 60;

		border: 3px solid #4a6ea9;

		width: 330px;

		height: 214px;

		position: fixed;

		right: -336px;

		top: 305px;

	}



	.facebook img {

		float: left;

		margin: -3px 0px 0px 0px;

		width: 50px;

		position: absolute;

		top: 0px;

		left: -50px;

	}



	.facebook .fb-page {

		float: left;

		margin: 0px 0px 0px 0px;

		position: relative;

		width: 330px;

		height: 220px;

	}



	#cookie_info {

		position: fixed;

		width: 465px;

		height: 100px;

		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 0px 30px;

		color: #fff;

		position: relative;

	}

	#close_info_cookie {

		position: absolute;

		left: 0;

		top: 0;

		margin: 0px 0px 0px -52px;

		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;

		margin: 16px 0px 0px 0px;

	}

	.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;

	}

}



@media screen and (min-width: 0px) and (max-width: 1200px) {

	.logo_ue {

		float: right;

		width: 90px;

		height: auto;

		position: absolute;

		margin: 0px 0px 0px 0px;

		top: 100px;

		right: 2%;

		z-index: 10;

		display: none;

	}

	.logo_1981 {

		display: none;

		float: right;

		width: 140px;

		height: auto;

		position: absolute;

		margin: 0px 0px 0px 175px;

		top: 100px;

		right: 130px;

		z-index: 10;

	}

	.logo_1981--1 {

		display: block;

	}



	.no-phone {

		display: none !important;

	}

	.middle .right .information {

		display: none !important;

	}

	.no-show {

		display: none;

	}



	/* Na skróty */

	.short-link {

		float: left;

		width: 100%;

		margin: 0px 0px 20px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		overflow: hidden;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border-top-left-radius: 20px;

		border-top-right-radius: 20px;

		border: 1px solid #d9dadb;

	}

	.short-link h3 {

		float: left;

		width: 100%;

		height: 62px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 50px;

		position: relative;

		color: #fff;



		font-size: 18px;

		font-weight: 500;

		line-height: 62px;

		text-align: left;

		text-transform: uppercase;

		letter-spacing: 0px;

		background: #29266b url(images/packet_up_header_line.png) left 22px center

			no-repeat;

	}

	.short-link .link {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.short-link .link a {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 10px 0px 10px 35px;

		position: relative;

		color: #393939;



		font-size: 14px;

		font-weight: 500;

		line-height: 20px;

		text-decoration: none;

		text-align: left;

		border-bottom: 1px solid #d8d9da;

		background: url(images/short_link_arrow.png) left 18px top 14px no-repeat;

	}

	.short-link .link a:last-child {

		border-bottom: 0;

	}

	.short-link .link a:hover {

		color: #fead33;

		text-decoration: underline;

	}

	.short-link .text {

		float: left;

		width: 80%;

		margin: 10px 0px 0px 10%;

		padding: 0px 0px 10px 0px;

		position: relative;



		font-size: 17px;

		font-weight: 500;

		line-height: 28px;

		text-align: left;

		color: #393939;

		overflow: hidden;

	}

	.short-link .text a {

		text-decoration: underline;

		color: #393939;

	}

	.short-link .text img {

		width: auto !important;

		max-width: 100% !important;

		height: auto !important;

	}



	.top {

		float: left;

		width: 100%;

		height: 43px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		z-index: 45;

		background: url(images/top_bg.png) left -650px top no-repeat;

	}

	.top .wrap {

		width: 96%;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.logo {

		float: left;

		width: 180px;

		height: auto;

		position: absolute;

		top: 0;

		left: 0;

		margin: 40px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

	}

	.logo img {

		width: 100%;

		height: auto;

	}



	.quick {

		float: right;

		margin: 12px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.quick a {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;



		font-size: 0px;

		font-weight: 500;

		line-height: 25px;

		text-decoration: none;

		cursor: pointer;

		color: #393939;

	}

	.quick a:hover {

		color: #fe7608;

	}

	.quick .phone img {

		float: left;

		margin: 0px 10px 0px 10px;

		position: relative;

	}

	.quick .mail img {

		float: left;

		margin: 3px 10px 0px 0px;

		position: relative;

	}



	.sand {

		display: none;

	}



	.wrapper {

		float: left;

		width: 100%;

		min-height: 50px;

		position: relative;

		top: 0;

		left: 0;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		z-index: 35;

		background-position: bottom !important;

	}

	.wrapper .wrap {

		float: left;

		width: 100%;

		height: 80%;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		background-color: #fff;

	}

	.wrapper nav {

		display: none;

		float: right;

		width: 96%;

		margin: 10px 2% 0px 2%;

		padding: 0px 0px 20px 0px;

		font-size: 16px;

		line-height: 30px;



		font-weight: 700;

		text-align: right;

	}

	.wrapper nav ul {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.wrapper nav ul li {

		float: right;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		list-style: none;

		text-transform: uppercase;

		cursor: pointer;

		clear: both;

	}

	.wrapper nav ul li a {

		color: #393939;

		text-decoration: none;

		padding: 0px 0px 0px 0px;

		display: inline-block;

	}

	.wrapper nav ul li a:hover {

		color: #5aadf4;

	}

	.wrapper nav ul li .search-ikon {

		float: left;

		width: 51px;

		height: 70px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		cursor: pointer;

		font-size: 0px;

		font-weight: 100;

		background: url(images/wrapper_search.png) bottom no-repeat;

	}

	.wrapper .menu-tel {

		float: right;

		font-size: 40px;

		margin: 5px 2% 0px 0px !important;

		cursor: pointer;

		color: #3e3f43;

	}



	#podmenu {

		display: none !important;

	}



	.container {

		float: left;

		width: 100%;

		height: 45vw;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		overflow: hidden;

	}

	.container .wrap {

		width: 100%;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.container .slide-1 {

		float: left;

		width: 100%;

		height: 100%;

		position: relative;

		z-index: 1;

		overflow: hidden;

	}

	.container .slides {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		background-size: cover !important;

		background-position: bottom !important;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: center;

		align-items: flex-end;

		align-content: flex-end;

	}

	.container .slides .box {

		float: left;

		width: 96%;

		margin: 0 0px 6vw 2%;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.container .slides .box .nag {

		float: left;

		position: relative;

		width: 100%;

		color: #ffffff;



		font-size: 7vw;

		font-weight: 700;

		line-height: 9vw;

		text-align: center;

	}

	.container .slides .box .text {

		float: left;

		width: 70%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #fff;



		font-size: 3.5vw;

		font-weight: 900;

		line-height: 5vw;

		text-align: left;

		clear: both;

	}

	.container .slides .box .more {

		display: none;

	}

	.container .slides .box .arrow-down {

		display: none;

	}



	.container .owl-nav {

		display: none !important;

	}

	.container .owl-dots {

		display: none !important;

	}

	.additional {

		display: none;

	}



	.s-container {

		float: left;

		width: 100%;

		top: 0;

		left: 0;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		overflow: hidden;

		background: #f6f6f6;

	}

	.s-container .wrap {

		width: 96%;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.dir {

		float: right;

		margin: 0px 0 0px 0px;

		padding: 15px 0px 15px 0px;

		position: relative;

	}

	.dir a {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #000;



		font-size: 12px;

		font-weight: 400;

		line-height: 12px;

		text-decoration: none;

	}

	.dir a span {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 8px 0px 8px;

		position: relative;



		font-size: 14px;

		font-weight: 100;

		line-height: 14px;

	}

	.dir a:hover {

		color: #5aadf4;

	}

	.dir a:first-child:hover {

		color: #000;

	}

	.dir a:hover span {

		color: #000;

	}



	.fast-box {

		float: left;

		width: 100%;

		position: relative;

		margin: 30px 0px 0px 0px;

		z-index: 25;

		overflow: hidden;

	}

	.fast-box .wrap {

		width: 96%;

		height: 100%;

		position: relative;

		margin: 0 auto;

		padding: 0px 0px 0px 0px;

		background: url(images/fast_box_bg.png) left no-repeat;

	}

	.fast-box .wrap h3 {

		display: none !important;

		visibility: hidden !important;

	}

	.fast-box .wrap .box {

		float: left;

		width: 50%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.fast-box .wrap .box:nth-of-type(1) {

		margin: 0px 0px 0px 0px;

		background: #f6a710;

		border-top-left-radius: 30px;

	}

	.fast-box .wrap .box:nth-of-type(2) {

		margin: 0px 0px 0px 0px;

		background: #b5d73d;

		border-top-right-radius: 30px;

	}

	.fast-box .wrap .box:nth-of-type(3) {

		margin: 0px 0px 0px 0px;

		background: #3030ff;

		border-bottom-left-radius: 30px;

	}

	.fast-box .wrap .box:nth-of-type(4) {

		margin: 0px 0px 0px 0px;

		background: #0089ff;



		border-bottom-right-radius: 30px;

	}

	.fast-box .wrap .box .ikon {

		width: 100%;

		height: 95px;

		margin: 20px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

	}

	.fast-box .wrap .box:nth-of-type(1) .ikon {

		background: url(images/fast_ikon_m_1.png) center no-repeat;

	}

	.fast-box .wrap .box:nth-of-type(2) .ikon {

		background: url(images/fast_ikon_m_2.png) center no-repeat;

	}

	.fast-box .wrap .box:nth-of-type(3) .ikon {

		background: url(images/fast_ikon_m_3.png) center no-repeat;

	}

	.fast-box .wrap .box:nth-of-type(4) .ikon {

		background: url(images/fast_ikon_m_4.png) center no-repeat;

	}



	.fast-box .wrap .box .title {

		float: left;

		width: 100%;

		padding: 10px 0px 20px 0px;

		position: relative;

		top: 0;

		left: 0;

		color: #ffffff;



		font-size: 14px;

		font-weight: 400;

		line-height: 15px;

		text-align: center;

	}

	.fast-box .wrap .box .text {

		display: none !important;

	}

	.fast-box .wrap .box .more {

		display: none !important;

	}

	.fast-box .wrap .box:hover .title {

		color: #000;

	}



	/* Home - News - v1 */

	.newslista {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		overflow: hidden;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: space-between;

		align-items: flex-start;

		align-content: center;

	}

	.newslista .news-box {

		float: left;

		width: 100%;

		margin: 0px 0px 35px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.news-box .news-new {

		float: left;

		position: absolute;

		left: 0;

		top: 0;

		margin: 30px 0px 0px 0px;

		padding: 0px 20px 0px 20px;



		font-size: 11px;

		font-weight: 400;

		line-height: 26px;

		z-index: 3;

		text-align: center;

		color: #fff;

		background: #222632;

	}

	.news-left {

		float: left;

		width: 100%;

		height: 180px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.news-foto {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		overflow: hidden;

		border-radius: 30px;

	}

	.news-foto img {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.news-data {

		float: left;

		margin: 0px 0px 20px 0px;

		padding: 0px 20px 0px 20px;

		position: absolute;

		left: 5%;

		bottom: 0;



		color: #fff;

		font-size: 12px;

		font-weight: 400;

		line-height: 37px;

		z-index: 3;

		text-align: center;

		letter-spacing: 1px;

		border-radius: 25px;

		background: #194773;

	}

	.news-right {

		float: left;

		width: 100%;

		height: 100px;

		margin: 15px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		background: url(images/news_right_bg.png) top 3px left no-repeat;

	}

	.news-header {

		float: left;

		width: 90%;

		height: 38px;

		margin: 2px 0px 0px 0px;

		padding: 0px 0px 0px 5%;

		position: relative;

		color: #252628;



		font-size: 15px;

		font-weight: 500;

		line-height: 18px;

		overflow: hidden;

	}

	.news-text {

		float: left;

		width: 90%;

		height: 45px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 5%;

		position: relative;

		color: #252628;



		font-size: 14px;

		font-weight: 300;

		line-height: 21px;

		overflow: hidden;

		display: none;

	}

	.news-more {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #29c7f6;



		font-size: 0px;

		font-weight: 700;

		line-height: 44px;

		background: url(images/news_more_bg.png) right no-repeat;

	}



	.start-2 {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 20px 0px;

		overflow: hidden;

	}

	.start-2 .wrap {

		width: 100% !important;

		position: relative;

		margin: 0 auto;

		padding: 0px 0px 0px 0px;

	}

	.start-2 .wrap p {

		float: left;

		width: 100% !important;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-2 .wrap p a {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		text-decoration: none;



		font-size: 14px;

		font-weight: 500;

		line-height: 45px;

		text-align: center;

		color: #fff;

		text-align: right;

		text-transform: uppercase;

		background-color: #222632;

		border-radius: 20px;

		text-align: center;

	}

	.start-2 .wrap p a:hover {

		color: #fff;

		background: #f9b430;

	}



	.start-3 {

		float: left;

		width: 100%;

		position: relative;

		padding: 0px 0px 0px 0px;

		margin: 20px 0px 0px 0px;

		z-index: 5;

	}

	.start-3 .wrap {

		width: 100% !important;

		height: 100%;

		position: relative;

		margin: 0 auto;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: space-between;

		align-items: center;

		align-content: center;

	}

	.start-3 .name-box {

		float: left;

		width: 100%;

		margin: 0px 0px 35px 0px;

		padding: 0px 0px 40px 0px;

		position: relative;

		border: 1px solid #d9dadb;

	}



	.start-3 .name-box .ikon {

		float: left;

		width: 100%;

		height: 30px;

		margin: 2px 0px 0px 30px;

		padding: 0px 0px 0px 0px;

		position: absolute;

		top: 0;

		left: 0;

		z-index: 5;

	}

	.start-3 .calendars .ikon {

		background: url(images/packet_up_icon_calendar.png) left top no-repeat;

	}

	.start-3 .contest .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}

	.start-3 .questionnaire .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}

	.start-3 .class .ikon {

		background: url(images/packet_up_icon_contest.png) left top no-repeat;

	}



	.start-3 .name-box h3 {

		float: left;

		width: 100%;

		margin: -20px 0px 0px 0px;

		padding: 0px 0px 0px 59px;

		position: relative;

		color: #fff;



		font-size: 17px;

		font-weight: 500;

		line-height: 62px;

		text-align: left;

		border-top-left-radius: 20px;

		border-top-right-radius: 20px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.start-3 .name-box:nth-child(1) h3 {

		background-color: #5aadf4;

	}

	.start-3 .name-box:nth-child(2) h3 {

		background-color: #f7a304;

	}

	.start-3 .name-box:nth-child(3) h3 {

		background-color: #9dc300;

	}

	.start-3 .name-box:nth-child(4) h3 {

		background-color: #ef620d;

	}



	.start-3 .name-box .text {

		float: left;

		width: 80%;

		margin: 30px 10% 0px 10%;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 17px;

		font-weight: 500;

		line-height: 28px;

		text-align: left;

		color: #393939;

		overflow: hidden;

	}

	.start-3 .name-box .more {

		float: left;

		width: 32px;

		height: 32px;

		margin: 20px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		left: 10%;

		bottom: 0;

		color: #fff;

		background: url(images/start_3_name_box_more_bg.png) center no-repeat;



		font-size: 0px;

		font-weight: 300;

		line-height: 40px;

		text-decoration: none;

		letter-spacing: 1px;

		border-radius: 20px;

	}

	.start-3 .name-box:nth-child(2) .more {

		background: url(images/start_3_name_box_more_bg_yellow.png) center no-repeat;

	}

	.start-3 .name-box .more i {

		padding-left: 5px;

	}



	.start-4 {

		float: left;

		width: 100%;

		position: relative;

		padding: 0px 0px 60px 0px;

		margin: -40px 0px 0px 0px;

		z-index: 3;

		overflow: hidden;

		background: url(images/start_4_bg.png) top left no-repeat;

	}

	.start-4 .wrap {

		width: 90%;

		position: relative;

		margin: 0 auto;

	}

	.start-4 .wrap h4 {

		float: left;

		width: 100%;

		margin: 90px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		color: #194771;



		font-size: 30px;

		font-weight: 900;

		line-height: 30px;

		text-transform: uppercase;

		text-align: center;

	}

	.partners {

		float: left;

		width: 100%;

		margin: 40px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.partners .owl-carousel {

		float: left;

		width: 60%;

		height: 98px;

		margin: 0px 0px 0px 20%;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.partners .owl-stage-outer {

		position: relative;

		z-index: 10;

	}

	.partners .partners-box {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		display: flex;

		justify-content: center;

		align-items: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: 0px solid #000;

		background: #fff;

		border-radius: 30px;

	}

	.partners .partners-box .img {

		max-width: 90%;

		max-height: 90%;

		object-fit: contain;

	}

	.partners .owl-nav {

		float: left;

		width: 100%;

		position: relative;

		margin: -75px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		z-index: 5;

	}

	.partners .owl-nav .owl-prev {

		float: left;

		width: 58px;

		height: 58px;

		margin: 0px 0px 0px -88px;

		padding: 0px 0px 0px 0px;

		position: relative;

		cursor: pointer;

		font-size: 0px;

		background: url(images/partners_arrow_left.png) center no-repeat;

	}

	.partners .owl-nav .owl-next {

		float: right;

		width: 58px;

		height: 58px;

		margin: 0px -88px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		cursor: pointer;

		font-size: 0px;

		background: url(images/partners_arrow_right.png) center no-repeat;

	}

	.partners .owl-dots {

		display: none;

	}



	.start-5 {

		float: left;

		width: 100%;

		height: 210px;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		z-index: 4;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: space-around;

		align-items: center;

		align-content: center;

		background-color: #f2f2f2;

		background-size: cover !important;

	}

	.start-5 .wrap {

		float: left;

		width: 94%;

		margin: -2vw 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		display: flex;

		flex-direction: column;

		flex-wrap: wrap;

		justify-content: center;

		align-items: center;

		align-content: center;

	}

	.start-5 .wrap .text {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #fff;



		font-size: 5vw;

		font-weight: 900;

		line-height: 6vw;

		text-align: center;

	}

	.start-5 .wrap .autor {

		float: left;

		margin: 0 0px 5px 0px;

		padding: 9px 14px 9px 14px;

		position: relative;

		color: #fff;



		font-size: 4.5vw;

		font-weight: 700;

		line-height: 4.5vw;

	}



	.start-6 {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 0px 0px;

		background: #fff;

		overflow: hidden;

	}

	.start-6 .wrap {

		width: 96%;

		height: 100%;

		position: relative;

		margin: 0 auto;

	}

	.start-6 .wrap .header {

		float: left;

		width: 100%;

		position: relative;

		margin: 40px 0px 20px 0px;

		padding: 0px 0px 0px 0px;

	}

	.start-6 .wrap .header .godlo {

		float: left;

		margin: 0 15px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		width: 50px;

	}

	.start-6 .wrap .header .name {

		float: left;

		width: 80%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 18px;

		line-height: 18px;

		font-weight: 600;

		color: #222632;

		text-transform: uppercase;

	}

	.start-6 .wrap .header .subname {

		float: left;

		width: 80%;

		margin: 5px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 14px;

		line-height: 16px;

		font-weight: 400;

		color: #222632;

	}



	.start-6 .wrap .box-1 {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 20px 0px;

		position: relative;

		border-bottom: 1px solid #dedede;

	}

	.start-6 .wrap .box-1 .text {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #000;

	}

	.start-6 .wrap .box-1 .text .ikon {

		float: left;

		width: 22px;

		height: 32px;

		position: relative;

		padding: 0px 0px 0px 0px;

		font-size: 40px;

		line-height: 40px;

		color: #62cf12;

	}

	.start-6 .wrap .box-1 .text .ikon-1 {

		margin: 1px 15px 0px 0px;

		font-size: 40px;

		line-height: 40px;

	}

	.start-6 .wrap .box-1 .text .ikon-2 {

		margin: -4px 15px 0px 0px;

		font-size: 50px;

		line-height: 50px;

	}



	.start-6 .wrap .box-1 .text .left {

		float: left;

		width: 100%;

		margin: 0px 0px 20px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-6 .wrap .box-1 .text .right {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-6 .wrap .box-1 .text .info {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		float: left;



		font-size: 13px;

		font-weight: 500;

		line-height: 21px;

		color: #252628;

	}

	.start-6 .wrap .box-1 .text .info a {

		text-decoration: none;

		color: #252628;

	}

	.start-6 .wrap .box-1 .text .info a:hover {

		color: #0089ff;

	}



	.start-6 .wrap .box-2 {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 40px 0px;

		position: relative;

		background: url(images/start_6_box_2_bg.png) bottom no-repeat;

	}

	.start-6 .wrap .box-2 .left {

		float: left;

		width: 100%;

		height: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.start-6 .wrap .box-2 .left .ikon {

		float: left;

		margin: 0px 10px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		font-size: 37px;

		line-height: 37px;

		text-decoration: none;

		opacity: 1;

	}



	.start-6 .wrap .box-2 .left .icon-facebook-sign {

		color: #3b5998;

	}

	.start-6 .wrap .box-2 .left .icon-google-plus-sign {

		color: #d74633;

	}

	.start-6 .wrap .box-2 .left .icon-linkedin-sign {

		color: #007bb6;

	}

	.start-6 .wrap .box-2 .left .icon-pinterest-sign {

		color: #cb2027;

	}

	.start-6 .wrap .box-2 .left .icon-twitter-sign {

		color: #1da1f2;

	}

	.start-6 .wrap .box-2 .left .icon-youtube-sign {

		color: #ee1c1b;

	}

	.start-6 .wrap .box-2 .left .icon-bip {

		margin-top: 2px;

	}



	.start-6 .wrap .box-2 .right {

		display: none;

	}



	.middle {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 40px 0px 40px 0px;

	}

	.middle .wrap {

		width: 96%;

		position: relative;

		margin: 0 auto;

	}

	.middle .wrap h1 {

		float: left;

		width: 100%;

		margin: 0px 0px 30px 0px;

		padding: 0px 0px 10px 0px;



		font-size: 26px;

		font-weight: 500;

		line-height: 34px;

		text-transform: uppercase;

	}

	.home h1 {

		display: none;

		visibility: hidden;

	}

	.page h1 {

		text-align: left;

		border-bottom: 2px solid #feb829;

	}



	.home .left {

		float: left;

		width: 100%;

		overflow: hidden;

	}

	.home .right {

		float: left;

		width: 100%;

		overflow: hidden;

	}



	.page .left {

		float: left;

		width: 100%;

		overflow: hidden;

	}

	.page .right {

		float: left;

		width: 100%;

		overflow: hidden;

	}



	.middle .wrap .left h2 {

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		color: #0d6bb2;

		font-size: 24px;

		font-weight: 700;

		line-height: 26px;

		border-left: 0;

		display: inline-block;

	}

	.middle .wrap .left h3 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		color: #000;

		font-size: 22px;

		font-weight: 700;

		line-height: 24px;

		border-bottom: 1px solid #0d6bb2;

	}

	.middle .wrap .left h4 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		font-size: 20px;

		font-weight: 500;

		line-height: 22px;

		border-bottom: 1px solid #0d6bb2;

	}

	.middle .wrap .left h5 {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;



		color: #000;

		font-size: 18px;

		font-weight: 500;

		line-height: 20px;

		border-bottom: 3px solid #0d6bb2;

	}

	.middle .wrap .left h6 {

		float: left;

		width: 99%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 0px 1%;



		color: #000;

		font-size: 16px;

		font-weight: 500;

		line-height: 18px;

		border-left: 2px solid #0d6bb2;

	}

	.middle .wrap .left h7 {

		float: left;

		width: 97.7%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 0px 2%;



		font-size: 14px;

		font-weight: 500;

		line-height: 16px;

	}

	.middle .wrap .left .zdjecie-glowne {

		position: relative;

		z-index: 5;

		overflow: hidden;

	}

	.middle .wrap .left .zdjecie-glowne .img {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.middle .wrap .left .left-s {

		float: left;

		width: 100%;

		height: 260px;

		margin: 0px 0px 20px 0px;

	}

	.middle .wrap .left .right-s {

		float: left;

		width: 100%;

		height: 260px;

		margin: 0px 0px 20px 0px;

	}

	.middle .wrap .left .panoramic {

		float: left;

		width: 100%;

		height: 350px;

		margin: 0px 0px 30px 0px;

	}

	.middle .wrap .left .big {

		float: left;

		width: 100%;

		height: 450px;

		margin: 0px 0px 30px 0px;

	}

	.middle .wrap .left .a4-s {

		float: left;

		width: 220px;

		height: 325px;

		margin: 5px 20px 20px 0px;

		padding: 0px 0px 0px 0px;

	}

	.middle .wrap .left .a4-b {

		float: left;

		width: 100%;

		height: 370px;

		margin: 0px 0px 30px 0px;

		padding: 20px 0px 20px 0px;

		display: flex;

		flex-direction: row;

		flex-wrap: wrap;

		justify-content: space-around;

		align-items: center;

		align-content: center;

		background: #f4f4f4;

	}

	.middle .wrap .left .a4-b .img {

		width: auto !important;

		height: 470px !important;

	}



	.middle .wrap .opis {

		float: left;

		width: 100%;

		position: relative;
		margin: 15px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		bottom: 20px;

		color: #000;



		font-size: 15px;

		font-weight: 300;

		line-height: 22px;

		text-align: justify;

	}

	.middle .wrap .opis strong {

		font-weight: 500;

	}

	.middle .wrap .opis a {

		color: #0d6bb2;

		text-decoration: underline;

	}

	.middle .wrap .opis a:hover {

		text-decoration: none;

	}



	.middle .wrap .opis ul {

		float: left;

		width: 100%;

		margin: 10px 0px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		list-style: none;

	}

	.middle .wrap .opis ul li {

		float: left;

		width: 95%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 5%;

		background: url(images/li_bg.png) top 7px left no-repeat;

	}

	.middle .wrap .opis ul li ul li {

		float: left;

		width: 95%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 5%;

		background: url(images/li_li_bg.png) top 7px left no-repeat;

	}

	.middle .wrap .opis ol {

		float: left;

		width: 100%;

		margin: 10px 0px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .opis ol li {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		-webkit-margin-before: 0px;

		-webkit-margin-after: 0px;

		-webkit-margin-start: 17px;

		-webkit-margin-end: 0px;

		-webkit-padding-start: 0px;

	}

	.middle .wrap .opis table {

		float: left !important;

		width: 100% !important;

		margin: 10px 0px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;



		font-size: 13px;

		font-weight: 300;

		line-height: 20px;

		border-spacing: 0;

		border: 0;

		border-collapse: collapse;

		text-align: left;

	}

	.middle .wrap .opis table thead {

		background-color: #0d6bb2;

	}

	.middle .wrap .opis table thead tr td {

		color: #fff;

		border: 1px solid #e0e0e0;

		text-align: center;

	}



	.middle .wrap .opis table tfoot {

		background-color: #fff;

	}

	.middle .wrap .opis table tfoot tr td {

		color: #000;

		border: 1px solid #e0e0e0;

		text-align: center;

		font-size: 12px;

		padding: 5px 0px 5px 0px;

		border: 0px;

		border-bottom: 1px solid #e0e0e0;

	}



	.middle .wrap .opis table tr td {

		margin: 0px 0px 0px 0px !important;

		max-width: 200px !important;

		padding: 17px 10px 17px 10px;

		border: 1px solid #e0e0e0;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.middle .wrap .opis table tr:nth-child(even) {

		background: #f8f8f8;

	}

	.middle .wrap .opis table ul {

		float: left;

		width: auto !important;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		list-style: none;

	}

	.middle .wrap .opis table ul li {

		width: auto !important;

		padding: 0px 0px 0px 15px !important;

		clear: both;

	}



	.middle .wrap .opis blockquote {

		float: left;

		width: 90%;

		margin: 0px 0px 0px 0px;

		padding: 20px 5% 20px 5%;

		position: relative;

		font-style: italic;

		background: #f1f1f1 url(images/blockquote_bg.png) top 20px left 20px

			no-repeat;

	}

	.middle .wrap .opis pre {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 20px 4% 20px 4%;

		position: relative;

		font-style: italic;

		border: 1px solid #000;

		border-style: dashed;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}



	.middle .wrap .pliki {

		float: left;

		width: 100%;

		position: relative;

		padding: 0px 0px 0px 0px;

		margin: 20px 0px 30px 0px;

	}

	.middle .wrap .pliki .plik {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 15px 0px 15px 0px;

		position: relative;

		color: #0d6bb2;



		font-size: 13px;

		font-weight: 400;

		line-height: 20px;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: 1px solid #e0e0e0;

	}

	.middle .wrap .pliki .plik-tytul {

		float: left;

		width: 60%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 2%;

	}

	.middle .wrap .pliki .plik .more {

		float: right;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .pliki .plik-ikona {

		float: right;

		width: 35px;

		margin: 0px 0px 0px 10px;

		padding: 0px 0px 0px 0px;

		position: relative;

		font-size: 15px;

		font-weight: 400;

		line-height: 22px;

		color: #0d6bb2;

	}

	.middle .wrap .pliki a {

		text-decoration: none;

		color: #252628;

	}

	.middle .wrap .pliki a:hover {

		text-decoration: none;

		color: #0d6bb2;

	}



	.middle .wrap .galeria {

		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 .galeria .gallery-box {

		float: left;

		position: relative;

		overflow: hidden;

	}

	.middle .wrap .galeria .gallery-box .img {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		width: 100%;

		height: 100%;

		object-fit: cover;

	}



	.middle .wrap .galeria .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(images/ikon_zoom.png) center

			no-repeat;

	}

	.middle .wrap .galeria .gallery-box:hover .hover {

		opacity: 1;

	}



	.middle .wrap .galeria .gallery-box .title {

		float: left;

		width: 94%;

		position: absolute;

		left: 0;

		bottom: 0;

		margin: 0px 0px 0px 0px;

		padding: 14px 3.5% 10px 3.5%;

		color: #000;



		font-size: 15px;

		font-weight: 300;

		line-height: 24px;

		background-color: #fff;

		border-bottom: 1px solid #c8c8c8;

	}

	.middle .wrap .galeria .none-title {

		display: none;

	}



	.middle .wrap .galeria .three-in-one {

		width: 49%;

		height: 180px;

		margin-bottom: 3px;

	}

	.middle .wrap .galeria .two-in-one {

		width: 49%;

		height: 180px;

		margin-bottom: 3px;

	}

	.middle .wrap .galeria .one-in-one {

		width: 100%;

		height: 240px;

		margin-bottom: 10px;

	}

	.middle .wrap .galeria .one-in-one-title {

		width: 100%;

		height: 240px;

		margin-bottom: 10px;

	}

	.middle .wrap .galeria .three-in-one-title {

		width: 100%;

		height: 350px;

		margin-bottom: 10px;

	}



	.fb-like-box {

		float: left;

		width: 100%;

		margin: 30px 0px 30px 0px;

		position: relative;

	}



	.middle .wrap .error {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 30px 0px;

		padding: 15px 2% 15px 2%;



		font-size: 16px;

		font-weight: 300;

		line-height: 24px;

		border-width: 3px;

		border-style: dotted;

		text-align: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border-color: #ef0000;

	}



	.middle .wrap .info {

		float: left;

		width: 100%;

		position: relative;

		margin: 0px 0px 30px 0px;

		padding: 15px 2% 15px 2%;



		font-size: 16px;

		font-weight: 300;

		line-height: 24px;

		border-width: 3px;

		border-style: dotted;

		text-align: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border-color: #00a600;

	}



	.middle .wrap .error a,

	.middle .wrap .info a {

		text-decoration: none;

		color: #28c6f5;

	}



	.middle .wrap .form-password-box {

		float: left;

		width: 100%;

		margin: 0px 0px 40px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.form-password-input {

		float: left;

		width: 49%;

		height: 50px;

		position: relative;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;



		font-size: 20px;

		font-weight: 500;

		line-height: 20px;

		text-align: center;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}

	.form-password-submit {

		float: right;

		width: 49%;

		height: 50px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		font-size: 20px;

		font-weight: 500;

		line-height: 20px;



		border: none;

		cursor: pointer;

		background: #29c7f6;

	}



	.middle .ankieta {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .ankieta .title {

		float: left;

		width: 100%;

		margin: 0px 0px 20px 0px;

		padding: 0px 0px 10px 0px;

		position: relative;

		font-size: 18px;

		font-weight: 500;

		line-height: 18px;



		border-bottom: 1px solid #d7d8d8;

		color: #76006a;

	}

	.middle .ankieta .radio-box {

		float: left;

		width: 100%;

		margin: 0px 0px 5px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .ankieta .radio-box label p {

		float: left;

		width: 75%;

		margin: 8px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		font-size: 13px;

		font-weight: 400;

		line-height: 18px;

	}

	.middle .ankieta .radio-submit {

		float: left;

		margin: 15px 0px 0px 0px;

		padding: 10px 20px 10px 20px;

		position: relative;

		color: #fff;

		font-size: 18px;

		font-weight: 500;

		line-height: 18px;



		border: 0;

		cursor: pointer;

		background-color: #76006a;

	}

	.middle .ankieta .qua-all {

		float: left;

		margin: 27px 0px 0px 20px;

		padding: 0px 0px 0px 0px;

		position: relative;

		font-size: 15px;

		font-weight: 300;

		line-height: 15px;

	}

	input[type="checkbox"] {

		display: none;

	}

	input[type="checkbox"] + label span {

		float: left;

		display: block;

		width: 30px;

		height: 30px;

		margin: 0px 10px 0px 0px;

		background: url(images/check_off.png) center no-repeat;

		cursor: pointer;

	}

	input[type="checkbox"]:checked + label span {

		background: url(images/check_on.png) center no-repeat;

	}



	input[type="radio"] {

		display: none;

	}

	input[type="radio"] + label span {

		display: inline-block;

		width: 30px;

		height: 30px;

		margin: 0px 10px 0px 0px;

		vertical-align: middle;

		background: url(images/check_off.png) center no-repeat;

		cursor: pointer;

	}

	input[type="radio"]:checked + label span {

		background: url(images/check_on.png) center no-repeat;

	}



	#mapa-box {

		width: 100%;

		height: 400px;

		float: left;

		margin: 20px 0px 0px 0px;

		overflow: hidden;

		border: 0px solid #c0c0c0;

	}

	.mapa-toltip {

		float: left;

		width: 200px;

	}

	.mapa-tytul {

		float: left;

		width: 100%;

		color: #4d4d4d;

		font-size: 14px;

		font-weight: bold;

	}

	.mapa-ulica {

		float: left;

		width: 100%;

		color: #000000;

		font-size: 12px;

	}

	.mapa-miasto {

		float: left;

		width: 100%;

		color: #000000;

		font-size: 12px;

	}



	/* Plan Zajęć */

	.middle .wrap .left .plan-newslista {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .left .plan-newslista .szkola-select {

		float: left;

		width: 100%;

		margin: 0px 0px 30px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		border-bottom: 1px solid #d7d8d8;

	}

	.middle .wrap .left .plan-newslista .szkola-select p {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #252628;



		font-size: 16px;

		font-weight: 300;

		line-height: 30px;

		cursor: pointer;

		background-color: #fff;

		border-top: 1px solid #d7d8d8;

		border-right: 1px solid #d7d8d8;

		text-align: center;

	}

	.middle .wrap .left .plan-newslista .szkola-select p:hover,

	.middle .wrap .left .plan-newslista .szkola-select .active-p {

		color: #fff;

		background-color: #0d6bb2;

	}



	.middle .wrap .left .plan-newslista .szkola-box {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

	}

	.middle .wrap .left .plan-newslista .box-klasa {

		float: left;

		width: 100%;

		margin: 0px 0px 20px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		border-bottom: 1px solid #e1e1e1;

	}

	.middle .wrap .left .plan-newslista .box-klasa .rocznik {

		float: left;

		width: 100%;

		margin: 0px 0px 10px 0px;

		padding: 0px 0px 5px 0px;

		position: relative;

		color: #000;



		font-size: 16px;

		font-weight: 500;

		line-height: 16px;

	}

	.middle .wrap .left .plan-newslista .box {

		float: left;

		width: 70px;

		max-height: 70px;

		overflow: hidden;

		margin: 0px 11px 10px 0px;

		padding: 0px 0px 0px 0px;

		position: relative;

		color: #0d6bb2;



		font-size: 16px;

		font-weight: 500;

		line-height: 70px;

		text-decoration: none;

		text-align: center;

		background: #f8f8f8;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: 1px solid #e1e1e1;

	}

	.middle .wrap .left .plan-newslista .box:hover {

		color: #fff;

		background-color: #0d6bb2;

	}



	.search {

		float: left;

		width: 100%;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 40px 0px;

		position: relative;

	}

	.search .search-input {

		float: left;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 2%;

		position: relative;

		width: 100%;

		height: 64px;



		border: 0;

		font-size: 32px;

		font-weight: 300;

		line-height: 38px;

		border: 1px solid #cccccc;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

	}



	footer {

		float: left;

		width: 100%;

		height: 70px;

		position: relative;

		margin: 0px 0px 0px 0px;

		border-top: 1px solid #dedede;
		background-color: #fff;

	}

	footer .wrap {

		width: 96%;

		height: 100%;

		position: relative;

		margin: 0 auto;

		position: relative;

	}

	footer nav {

		display: none;

	}



	.scooli-tip {

		display: inline;

		position: relative;

		opacity: 1;

	}

	.scooli-tip:hover:after {

		background: #333;

		background: rgba(0, 0, 0, 0.8);

		border-radius: 5px;

		bottom: 26px;

		color: #dc407f;

		content: attr(title);

		left: 0px;

		padding: 5px 10px;

		text-align: center;

		position: absolute;

		z-index: 98;

		width: 140px;

		font-size: 11px;

	}

	.scooli-tip:hover:before {

		border: solid;

		border-color: rgba(0, 0, 0, 0.8) transparent;

		border-width: 6px 6px 0 6px;

		bottom: 20px;

		content: "";

		left: 40%;

		position: absolute;

		z-index: 99;

	}

	.scooli-tip:hover {

		opacity: 1;

		transition: opacity 0.5s ease-in-out;

		-moz-transition: opacity 0.5s ease-in-out;

		-webkit-transition: opacity 0.5s ease-in-out;

	}

	.scooli a {

		float: left;

		margin: 27px 0px 0px 0px;

	}

	.scooli img {

		width: 50px;

	}

	.scooli-bip a {

		float: left;

		margin: 26px 0px 0px 20px;

	}



	.godlo-small {

		display: none;

	}

	.bip-small {

		display: none;

	}

	.facebook {

		display: none;

	}



	#cookie_info {

		position: fixed;

		width: 100%;

		height: 100px;

		z-index: 99999;

		right: 0;

		bottom: 0;

		background: #181617;

		background: rgba(0, 0, 0, 0.8);

	}

	#user_information {

		float: right;

		width: 100%;

		margin: 25px 0px 0px 0px;

		color: #fff;

		position: relative;

	}

	#close_info_cookie {

		position: absolute;

		left: 0;

		top: 0;

		margin: 0px 0px 0px 0px;

		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: right;

		width: 100%;

		text-align: center;

		margin: 16px 0px 0px 0px;

	}

	.user_information_nag {

		float: right;

		width: 80%;

		font-size: 12px;

		line-height: 12px;

		color: #fff;

		font-weight: bold;

		margin: 0px 0px 5px 0px;

	}

	.user_information_text {

		float: right;

		width: 80%;

		font-size: 11px;

		line-height: 16px;

		color: #fff;

		margin: 0px 0px 0px 0px;

	}

}



.calendar {

	float: left;

	width: 100%;

	position: relative;



	font-size: 12px;

	border-collapse: collapse;

	margin: 20px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	z-index: 4;

	text-align: center;

}



/* Nazwa miesiąca */

.calendar tr:first-child th {

	cursor: pointer;

	color: #22398d;

	font-weight: 500;

	font-size: 16px !important;

	line-height: 16px !important;

}

.calendar tr:first-child th:hover {

	color: #afd2ea !important;

}



/* Strzałki */

.calendar #prev,

.calendar #next {

	font-size: 30px !important;

	border: 1px solid #d8d9da;

	width: 30px;

	height: 31px;

	font-weight: 500;

}



/* Nazwa tygodnia */

.calendar thead tr:nth-child(2) th {

	color: #737373;

	font-weight: 500;

	height: 33px;

	line-height: 33px;

	font-size: 10px;

	margin: 20px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background-color: #f1f1f1;

	border: 1px solid #e5e5e5;

	text-transform: uppercase;

}



/* Puste pola */

.calendar .pMDate,

.calendar .nMDate {

	color: #dcdcdc;

	cursor: default !important;

}

.calendar .pMDate:hover,

.calendar .nMDate:hover {

	background: none !important;

}



/* Data dzisiejsza */

.calendar #today {

	text-align: center;

	cursor: pointer;

	padding: 5px 3px;

	color: #afd2ea;

}

.calendar #today:hover {

	color: #000;

}

.calendar #today:active {

	color: #000;

}



/* Aktywne dni */

.calendar td a {

	color: #000;

	text-decoration: none;

}



/* Wydarzenie w danym dniu */

.active-date {

	background-color: #fea826;

}

.active-date a {

	color: #fff !important;

}



/* Obecny dzień */

.calendar #currDay {

	color: #737373;

	font-weight: 300;

	background-color: #e7f2fa;

}

.calendar #currDay a {

	color: #737373;

}



/* Pozostałe ustawienia */

.calendar span {

	padding: 0px 0px 0px 0px;

	display: block;

	line-height: 27px;

}

.calendar tr td {

	width: 14.2%;

	border: 1px solid #e5e5e5;

	font-weight: 500;

	height: 27px;

}

.calendar tbody tr:last-child {

	display: none;

}



/* Kolor tła po najechaniu i aktywny klik */

.calendar .date:not(.disabled):hover,

.calendar .pMDate:not(.disabled):hover,

.calendar .nMDate:not(.disabled):hover,

.calendar .month:hover {

	background-color: #e2e2e2;

}

.calendar .date:not(.disabled):active,

.calendar .pMDate:not(.disabled):active,

.calendar .nMDate:not(.disabled):active,

.calendar .month:active {

	background-color: #e2e2e2;

}



/* Wybór miesiąca */

.calendar .month {

	padding: 15px;

	cursor: pointer;

}



/* PANEL FILTRA – nowoczesny wygląd */

.filter-ui {

	display: flex;

	align-items: center;

	gap: 10px;

	margin: 24px 0 14px;

}



/* Chip daty */

.filter-chip {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	padding: 6px 10px;

	border-radius: 999px;

	background: #f5f8ff;

	border: 1px solid #d8e5ff;

	color: #244a94;

	font-size: 14px;

	font-weight: 600;

	box-shadow: -3px 0px 17px -10px rgba(66, 68, 90, 0.4);

}



.filter-chip .chip-ico {

	display: inline-flex;

}



/* Okrągły przycisk czyszczenia */

.filter-clear-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 28px;

	height: 28px;

	border-radius: 50%;

	background: #edf2ff;

	color: #1f4acc;

	text-decoration: none;

	border: 1px solid #d8e5ff;

	transition:

		background 0.2s ease,

		transform 0.1s ease;

}

.filter-clear-btn:hover {

	background: #e3ecff;

}

.filter-clear-btn:active {

	transform: scale(0.96);

}



/* Tryb wysokiego kontrastu – dostępność */

@media (prefers-contrast: more) {

	.filter-chip {

		border-color: #244a94;

	}

	.filter-clear-btn {

		border-color: #244a94;

	}

}





/* Nakładka widoczna tylko w pionie */
@media (orientation: portrait) {
    .rotate-warning {
        position: fixed;
        inset: 0;
        background: #0d0d0d;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 99999;
        padding: 30px;
        font-size: 18px;
    }
}

/* Ukryj w poziomie */
@media (orientation: landscape) {
    .rotate-warning {
        display: none;
    }
}

/* Animowana ikonka telefonu */
.rotate-box .phone-icon {
    width: 80px;
    height: 140px;
    border: 4px solid white;
    border-radius: 15px;
    margin: 0 auto 20px;
    position: relative;
    animation: rotate-phone 2s infinite ease-in-out;
}

.rotate-box .phone-icon::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    background: white;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

/* Animacja obracania telefonu */
@keyframes rotate-phone {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-30deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(30deg); }
    100% { transform: rotate(0deg); }
}

/* Styl komunikatu */
.rotate-warning p {
    font-size: 32px;
    margin-top: 10px;
    line-height: 1.4;
}