* { border: none; margin:0px; padding:0px }	

body {

	background-color: #fff;
	color: #14ada1;
	width: 100%;
	height: 100%;
	font-size: 18px;
	line-height: 165%;
	font-family: "Baloo Chettan 2", sans-serif;
}
		
	body.overflow {
		overflow: hidden;
	}

body > .tooltip {
	display: none !important;
}

body.disabled {
	overflow: hidden;
}

.clearer {
	clear: both;
}

a {
	text-decoration: underline;
	color: #0060AE;
	transition: all 0.3s ease 0s;
}

a:hover {
	text-decoration: underline;
	color: #5B5B5B;
	transition: all 0.3s ease 0s;
}




header {
	position: relative;
	z-index: 10;
	width: 100%;
	min-height: 115px;
}

	header:after {
		content: "";
		position: relative;
		display: block;
		width: 100%;
		height: 115px;
		
		background-image: url(graf/top_bg.png);
		background-repeat: repeat-x;
		background-position: 0% 0%;
	}

	#header_inner {
		position: relative;
		margin: 0 auto;
		width: 1200px;
		padding-bottom: 5px;
		
	}
	
	
	#header_inner .kontakt {
		text-align: right;
	}
	
		header .moduletable_tel {
			display: inline-block;
			text-align: center;
			margin-right: 50px;
			box-sizing: border-box;
			padding: 25px 25px 0 0;
			color: #0d655e;
			width: 560px;
			height: 100px;
		
			background-image: url(graf/contact_bg.png);
			background-repeat: no-repeat;
			background-position: 0% 0%;
		}
		
			header .moduletable_tel p {
				display: inline-block;
				vertical-align: middle;
				padding: 0 3px;
			}
		
		
		
		
			header .moduletable_tel i {
				padding: 0 5px;
				vertical-align: middle;
				font-size: 30px;
			}
			
			header .moduletable_tel a {
				font-weight: bold;
				text-decoration: none;
				color: #0d655e
			}
			
			header .moduletable_tel a:hover {
				color: #8dc541;
			}
			
		
		header .moduletable_napisz {
			display: inline-block;
			position: absolute;
			right: 10px;
			top: 30px;
		}
		
		
			header .moduletable_napisz a {
				display: block;
				
				padding: 10px 25px;
				background: #14ada1;
				color: #fff;
				font-size: 15px;
				font-weight: 800;
				text-decoration: none;
				
				border-radius: 30px;
				
				box-shadow: 1px 1px 12px 0px #8aaca9;
			}
		
				header .moduletable_napisz a:hover {
					background: #1c5e5a;
				}
		
	#header_inner .header_bottom {
		margin: -70px 0 0 0;
		
		display: table;
		width: 100%;
	}
	
		
		#header_inner .header_bottom .logo {
			display: table-cell;
			vertical-align: middle;
		}
		
			#header_inner .header_bottom .logo img {
				width: 280px;
				height: auto;
			}
		
		
		#header_inner .header_bottom nav .show-menu,
		#header_inner .header_bottom nav input[type=checkbox],
		#header_inner .header_bottom nav .close-menu {
			display: none !important;
		}

		
		
		#header_inner .header_bottom nav {
			display: table-cell;
			vertical-align: middle;
			
			text-align: right;
			
			padding-top: 80px;
		}
		
			#header_inner .header_bottom nav ul li {
				list-style: none;
				display: inline-block;
				vertical-align: middle;
				padding: 0 5px;
			}
		
				#header_inner .header_bottom nav ul li a {
					position: relative;
					display: block;
					padding: 5px 12px;
					
					font-family: "Baloo Chettan 2", sans-serif;
					font-size: 19px;
					font-weight: 800;
					color: #1c5e5a;
					text-decoration: none;
				}
				
				
					#header_inner .header_bottom nav ul li.active a,
					#header_inner .header_bottom nav ul li a:hover {
						color: #0aaa9d;
					}
			
			

				#header_inner .header_bottom nav ul li:first-child a {
					width: 15px;
					text-indent: 999px;
					overflow: hidden;
					
				}
		
		

					#header_inner .header_bottom nav ul li:first-child a:before {
						content: "\f015";
						font-family: "FontAwesome";
						text-indent: 0;
						font-size: 19px;
						
						position: absolute;
						left: 13px;
						
					}
		
		


#container {
	width: 100%;
	max-width: 2000px;
	margin: -100px auto 0 auto;
	overflow: hidden;
	
	padding-bottom: 80px;
	
	box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.1);
}
		
			
	#slider {
		position: relative;
		width: 100%;
		max-width: 100%;
		
		height: 900px;
		overflow: hidden;
	}

		#slider_left {
			position: absolute;
			width: 1200px;
			height: 1200px;
			background-color: #1db0a5;
			background-image: url(graf/slider_bg_left.jpg);
			background-position: 50% 50%;
			background-repeat: repeat;
			
			border-radius: 50%;
			
			left: 50%;
			transform: translate(-50%, -300px);
			margin-left: -500px;
		}
			
			
			
			@media screen and (max-width: 1501px) {
				#slider_left {
					width: 1100px;
					height: 1100px;
					
					transform: translate(-50%, -300px);
					margin-left: -400px;
				}
			}
			
			
			
			#slider_left .moduletable {
				position: absolute;
				bottom: 200px;
				left: 50%;
				transform: translate(-50%, 0);
			
			}

			@media screen and (max-width: 1501px) {
				
				#slider_left .moduletable {
					transform: translate(-50%, 60px);
				
				}
			}
			
			
				#slider_left .moduletable h2 {
					font-family: 'Caveat', cursive;
					color: #fff;
					font-size: 98px;
					font-weight: bold;
					text-transform: uppercase;
					letter-spacing: 1px;
				
					line-height: 110px;
					
					text-shadow: 3px 3px 15px #088d87;
				}
				

				#slider_left .moduletable h3 {
					font-family: 'Caveat', cursive;
					color: #dae125;
					font-size: 66px;
					font-weight: bold;
					text-transform: uppercase;
					letter-spacing: 1px;
				
					line-height: 90px;
					
					text-shadow: 3px 3px 15px #088d87;
				}

				#slider_left .moduletable a {
					display: inline-block;
					padding: 35px 110px;
					
					margin-top: 15px;
					
					background: #fff;
					border-radius: 70px;
					
					color: #1c5e5a;
					font-size: 28px;
					font-weight: 800;
					text-decoration: none;
				}
				
				
					#slider_left .moduletable a:hover {
						background: #1c5e5a;
						color: #fff;
					}
				
				
				
			
		#slider_right {
			position: absolute;
			z-index: 5;
			width: 1200px;
			height: 1200px;
			background-image: url(graf/slider_bg_right.jpg);
			background-size: cover;
			background-position: 80% 100%;
			background-repeat: no-repeat;
			

			border-radius: 50%;
			
			right: 50%;
			transform: translate(50%, -300px);
			margin-right: -500px;
			
		}
			
			
			
			@media screen and (max-width: 1501px) {
				#slider_right {
					width: 1100px;
					height: 1100px;
					
					transform: translate(50%, -300px);
					margin-right: -400px;
				}
			}
			
			
		
	#ogloszenia {
		position: relative;
		width: 100%;
		margin: 60px auto 0 auto;
		
		background: #fff;
		
		padding-bottom: 80px;
		z-index: 10;
		
	}
	
		#ogloszenia:after {
			content: "";
			display: block;
			
			display: block;
			width: 100%;
			height: 100px;
			
			position: absolute;
			left: 0;
			bottom: -95px;
			
			background-image: url(graf/clouds_bg.png);
			background-position: 0% 100%;
			background-repeat: repeat-x;
		}
	
	

	#ogloszenia_inner {
		display: block;
		margin: 0 auto;
		width: 1200px;
	}
	
		#ogloszenia h3 {
			color: #1aaaa4;
			font-size: 66px;
			font-weight: bold;
			text-align: center;
			font-family: "Caveat";
			
			text-shadow: 5px 5px 10px #9ac3c1;
		}
		
		
		

		#ogloszenia ul {
			display: flex;
			
			margin-top: 100px;
			justify-content: space-between; 
		}
		
			#ogloszenia ul li {
				list-style: none;
				flex-basis: 30%;
			}
			
			#ogloszenia ul li > a.mod-articles-category-title {
				display: inline-block;
				font-size: 32px;
				color: #fbca00;
				font-weight: 800;
				text-decoration: none;
			}
			
			#ogloszenia ul li .mod-articles-category-date {
				font-size: 18px;
				color: #14ada1;
				font-weight: 800;
				display: block;
				padding: 0 0 20px 0;
			}
		
		
		
			#ogloszenia ul li .mod-articles-category-readmore a.mod-articles-category-title {
				color: #1c5e5a;
				font-size: 15px;
				font-weight: 800;
				
				display: inline-block;
				margin-top: 10px;
				text-decoration: none;
				padding: 7px 20px;
				background: #fff;
				border-radius: 25px;
				
				box-shadow: 0px 5px 7px 0px #d9eceb;
				
			}
			
			#ogloszenia ul li .mod-articles-category-readmore a.mod-articles-category-title:hover {
				background: #1c5e5a;
				color: #fff;
			}
			

	#dlaczego {
		position: relative;
		width: 100%;
		margin: -60px auto 0 auto;
		
		padding: 150px 0 0px 0;
		
		background-color: #FECB00;
		
		z-index: 9;
		
		color: #1c5e5a;
	
	}
	
		#dlaczego:after {
			content: "";
			position: absolute;
			bottom: -191px;
			display: block;
			width: 100%;
			height: 203px;
			background-image: url(graf/dlaczego_bg.svg);
			background-size: 110% auto;
			background-position: 10% 0%;
			background-repeat: no-repeat;
			left: 0;
			
	
		}
		
		
		#dlaczego_inner {
			position: relative;
			display: block;
			margin: 0 auto;
			width: 700px;
			min-height: 500px;
			padding-left: 500px;
			
			top: 70px;
			
			z-index: 10;
			
		}

			#dlaczego_inner:before {
				position: absolute;
				z-index: 10;
				content: "";
				left: 0;
				bottom: -170px;
				
				display: block;
				width: 480px;
				height: 700px;
				
				background-image: url(graf/dlaczego_kid.png);
				background-size: contain;
				background-position: 0% 100%;
				background-repeat: no-repeat;
			}
			
			
		
			#dlaczego h3 {
				display: block;
				font-family: "Caveat";
				font-size: 95px;
				color: #fff;
				margin-bottom: 70px;
			}
			
			
			
			#dlaczego a {
				color: #1c5e5a;
				font-size: 15px;
				font-weight: 800;
				display: inline-block;
				margin-top: 10px;
				text-decoration: none;
				padding: 7px 20px;
				background: #fff;
				border-radius: 25px;
				box-shadow: 0px 5px 7px 0px #cbae3d;
			}
			

				#dlaczego a:hover {
					background: #1c5e5a;
					color: #fff;
				}
			
		
		

	#galeria {
		position: relative;
		width: 100%;
		
		padding: 50px 0 20px 0;
		margin-top: 200px;
				
		z-index: 9;
	
	}
			
		
		#galeria h3 {
			display: block;
			color: #1aaaa4;
			font-size: 66px;
			font-weight: bold;
			text-align: center;
			font-family: "Caveat";
			padding-bottom: 100px;
			
			
			text-shadow: 5px 5px 10px #9ac3c1;
		}
		
		#galeria .mod_sigplus {
			width: 1200px;
			margin: 0 auto;
		}
	
		

			#galeria .mod_sigplus ul {
				display: flex;
				width: 100%;
				flex-wrap: wrap;
			}

				#galeria .mod_sigplus ul li {
					flex: auto;
					margin-bottom: 30px;
				}


				#galeria .mod_sigplus ul li a {
					position: relative;
					width: 250px;
					height: 250px;
					
					display: inline-block;
				}

				#galeria .mod_sigplus ul li a img {
					position: relative;
					z-index: -1;
					display: block;
					overflow: hidden;
					border-radius: 50%;
					
					transform: scale(1.0);
					transition: all 0.3s ease 0s;
				}

					#galeria .mod_sigplus ul li a:hover img {
						transform: scale(1.1);
						transition: all 0.3s ease 0s;
					}


					#galeria .mod_sigplus ul li a:before {
						position: absolute;
						top: 10px;
						left: 10px;
						
						content: "";
						display: block;
						width: 265px;
						height: 265px;
						
						background-size: contain;
						background-repeat: no-repeat;
						background-position: 50% 50%;
						
						transition: all 0.3s ease 0s;
						transform: rotate(0deg);
						
					}

					#galeria .mod_sigplus ul li:nth-child(3n+0) a:before {
						background-image: url(graf/img_frame1.png);
					}

					#galeria .mod_sigplus ul li:nth-child(3n+1) a:before {
						background-image: url(graf/img_frame2.png);
					}
		

					#galeria .mod_sigplus ul li:nth-child(3n+2) a:before {
						background-image: url(graf/img_frame3.png);
					}
		

					#galeria .mod_sigplus ul li:nth-child(3n+4) a:before {
						background-image: url(graf/img_frame4.png);
					}
		
		

					#galeria .mod_sigplus ul li a:hover:before {
						transform: rotate(180deg);
						transition: all 0.3s ease 0s;
					}
		
		
		
		
		
		
		
#content {
	margin: 120px 0 80px 0;
}

	#content.kontakt {
		margin: 120px 0 0 0;
	}
		
		
	#content .content_inner {
		width: 1200px;
		margin: 0 auto;
	}
	


	#content .item-page ul,
	#content .item-page ol {
		margin: 8px 0;
	}

	#content .item-page li {
		margin: 5px 0 5px 20px;
	}
	
	
	
		
	#content .item-page > .page-header h2 {
		color: #1aaaa4;
		font-size: 66px;
		font-weight: bold;
		text-align: center;
		font-family: "Caveat";
		
		text-shadow: 5px 5px 10px #9ac3c1;
		margin-bottom: 50px;
	}
	
	#content .item-page .published {
		text-align: center;
		font-size: 18px;
		color: #14ada1;
		font-weight: 800;
		display: block;
		padding: 0 0 20px 0;
	}
		

	#content .content_inner .blog {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
	}


		#content .content_inner .blog .items-row  {
			flex-basis: 42%;
			padding: 30px 0 60px 0;
		}
		
		


		#content .content_inner .blog .items-row h2 a {
			display: inline-block;
			font-size: 32px;
			color: #fbca00;
			font-weight: 800;
			text-decoration: none;
		}

		#content .content_inner .blog .items-row h2 a:hover {
			color: #1c5e5a;
		}
	
			
		#content .content_inner .blog .items-row .published {
			font-size: 18px;
			color: #14ada1;
			font-weight: 800;
			display: block;
			padding: 0 0 20px 0;
		}
		
		
		#content .content_inner .blog .items-row p.readmore a {
			color: #1c5e5a;
			font-size: 15px;
			font-weight: 800;
			
			display: inline-block;
			margin-top: 10px;
			text-decoration: none;
			padding: 7px 20px;
			background: #fff;
			border-radius: 25px;
			
			box-shadow: 0px 5px 7px 0px #d9eceb;
			
		}
		
		#content .content_inner .blog .items-row p.readmore a:hover {
			background: #1c5e5a;
			color: #fff;
		}
	
	
		
		#content .content_inner .blog .pagination {
			display: block;
			width: 100%;
			
			text-align: center;
		}
		
		#content .content_inner .blog .pagination .counter {
			display: none;
		}
		
			#content .content_inner .blog .pagination ul li {
				list-style: none;
				display: inline-block;
				padding: 5px;
				margin: 0 5px;
			}
		
		
			#content .content_inner .blog .pagination ul li span {
				color: #1c5e5a;
				font-size: 15px;
				font-weight: 800;
				display: inline-block;
				margin-top: 10px;
				text-decoration: none;
				padding: 7px 20px;
				background: #fff;
				border-radius: 25px;
				box-shadow: 0px 5px 7px 0px #d9eceb;
				
				opacity: 0.4;
			}
		
		
			#content .content_inner .blog .pagination ul li a {
				color: #1c5e5a;
				font-size: 15px;
				font-weight: 800;
				display: inline-block;
				margin-top: 10px;
				text-decoration: none;
				padding: 7px 20px;
				background: #fff;
				border-radius: 25px;
				box-shadow: 0px 5px 7px 0px #d9eceb;
			}
			

			#content .content_inner .blog .pagination ul li a:hover {
				background: #1c5e5a;
				color: #fff;
			}
				
				
				
				
	#content #metodypracy {
		width: 1000px !important;
		margin: 0 auto;
		border-spacing: 0;
	}
									
		#content #metodypracy tr td {
			width: 500px;
			height: 500px;
			
		}
		
			#content #metodypracy tr td img {
				display: block;
				width: 500px;
				height: auto;
			}	
			
			#content #metodypracy tr td h3 {
				color: #1aaaa4;
				font-size: 40px;
				font-weight: bold;
				font-family: "Caveat";
				margin-bottom: 25px;
			}
			
			
			#content #metodypracy tr:nth-child(odd) td:first-child {
				text-align: right;
				padding: 0 35px 0 0;
				
			}
			
			
			#content #metodypracy tr:nth-child(even) td:last-child {
				text-align: left;
				padding: 0 0 0 35px;
			}
			
			
			
			
			
				
	#content #mapa {
		position: relative;
		margin-top: 40px;
		
		display: table;
		width: 100%;
	}
					
					
		#content #mapa .moduletable {
			display: table-cell;
			width: 50%;
		}

		#content #mapa .moduletable:first-child {
			padding: 0 5px 0 0;
		}
	
		#content #mapa .moduletable:last-child {
			padding: 0 0 0 5px;
		}
		
		
footer {
	position: relative;
	width: 100%;
	background: #0AAA9D;
}	
	
	#content.kontakt + footer {
		margin-top: 0;
	}
	

	footer:before {
		content: "";
		display: block;
		
		display: block;
		width: 100%;
		height: 100px;
		
		position: absolute;
		left: 0;
		top: -80px;
		
		background-image: url(graf/footer_bg.svg);
		background-position: 0% 100%;
		background-repeatdlacze: repeat-x;
		background-repeat: repeat-x;
		background-size: 2423px 83px;
	}	
	
	
	#footer_inner {
		display: table;
		width: 1200px;
		margin: 0 auto;
		padding: 70px 0 70px 0;
		
		color: #fff;
		font-weight: 800;
		font-size: 15px;
	}


		.fi_left {
			display: table-cell;
			vertical-align: middle;
		}

			.fi_left a {
				color: #fff;
				text-decoration: none;
			}


			.fi_left a i {
				font-size: 30px;
				color: #172447;
				margin: 10px 20px 20px 0;
			}
			
			.fi_left a:hover i {
				color: #1c5e5a;
			}

		.fi_right {
			display: table-cell;
			width: 400px;
			vertical-align: middle;
			
			font-size: 20px;
		}
		
			.fi_right a {
				font-size: 48px;
				text-decoration: none;
				color: #fff;
			}
	
				.fi_right a:hover {
					color: #1c5e5a;
				}
				
			.fi_right p {
				display: block;
				padding: 10px 0;
			}
	
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
#form_popup {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	
	width: 100%;
	height: 100vh;
	opacity: 0;
	
	z-index: -999999;
	overflow: hidden;

	transition: all 0.5s ease 0s;
	
	
}


#form_popup.visible {

	z-index: 999999;
	overflow: auto;
	opacity: 1;
	
	transition: opacity 0.5s ease 0.3s;
}


#form_popup:before {
	content: "";
	position: absolute;
	
	left: 0;
	top: 0;
	opacity: 0;
	
	width: 100%;
	height: 100vh;

	z-index: -99999;
	
	background-image: url(graf/form_bg.png);
	background-repeat: repeat;
	background-position: 50% 50%;
	
	
	transition: all 0.5s ease 0.5s;
	
}


#form_popup.visible:before {
	opacity: 1;
	z-index: -1;
	
	
	transition: all 0.3s ease 0s;
}


			
	#form_popup .form_popup_inner  {
		width: 600px;
		height: auto;
		
		position: absolute;
		
		overflow: hidden;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		
		
		background: #1aaaa4;
		padding: 50px 70px;
		border-radius: 60px;
	}
			
			
	#form_popup .form_popup_close {
		position: absolute;
		right: 0;
		top: 0;
		
		display: block;
		width: 210px;
		height: 80px;
			
		
		background-image: url(graf/form_close.png);
		background-repeat: repeat;
		background-position: 0% 100%;
	
		text-align: center;
		line-height: 70px;
	
	}
	
	#form_popup .form_popup_close a {
		color: #096059;
		font-size: 18px;
		font-weight: 400;
		
		text-decoration: none;
		margin-left: 15px;
	}
	
		#form_popup .form_popup_close a:hover {
			color: #0aaa9d;
		}
		

	#form_popup .form_popup_inner  h4 {
		color: #fff;
		font-size: 38px;
		font-weight: 700;
		
		text-align: center;
		display: block;
	}
	

	#form_popup .form_popup_inner  h5 {
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		
		text-align: center;
		display: block;
		padding: 5px 0 25px 0;
	}
	
	
	#form_popup .cf-fields {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
		#form_popup .cf-control-group  {
			flex-basis: 45%;
		}
	
		#form_popup .cf-control-group:nth-child(5),
		#form_popup .cf-control-group:nth-child(6)  {
			flex-basis: 100%;
		}
			
			#form_popup .cf-control-group  input {
				color: #fff !important;
				background-color: #099e92 !important;
				padding: 15px 25px !important;
				border-radius: 10px !important;
				border: 1px solid #099e92  !important;
			}
			
			#form_popup .cf-control-group  input::placeholder {
				color: #fff;
			}
	
	
			
			#form_popup .cf-control-group  textarea {
				color: #fff !important;
				background-color: #099e92 !important;
				padding: 15px 25px !important;
				border-radius: 10px !important;
				border: 1px solid #099e92  !important;
				
				max-width: 100%;
			}
			
			#form_popup .cf-control-group  textarea::placeholder {
				color: #fff;
			}
			
			#form_popup .cf-checkbox-group label {
				color: #fff !important;
			}
			

			#form_popup .cf-checkbox-group label a {
				color: #fff;
				text-decoration: underline;
			}
			
				#form_popup .cf-checkbox-group label a:hover {
					color: #1c5e5a;
					text-decoration: underline;
				}
				
			
			
			#form_popup button[type=submit] {
				display: block;
				margin: 0 auto;
				width: auto !important;
				
				padding: 15px 70px !important;
				background: #fff !important;
			
						
				border-radius: 40px !important;
				
				color: #1c5e5a !important;
				font-size: 18px !important;
				font-weight: 800 !important;
				font-family: "Baloo Chettan 2", sans-serif;
				
			}
				
				
				#form_popup button[type=submit]:hover {
					background: #1c5e5a !important;
					color: #fff !important;
				}
				
				
			#form_popup .cf-response {
				margin-bottom: 55px !important;
				background: #fff!important;
				color: #1e5d5a!important;
			}