fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #e2e2e2;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

	/* ==========================================================================
	   influencja.pl
	   ========================================================================== */

	/*@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;700&display=swap');*/
	@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

	:root {
	  --kolor-glowny: #1088e4;
	  --kolor-pomaranczowy: #ff7800;
	  --kolor-czarny: #000;
	  --kolor-szary: #bfbfbf;
	  --czcionka: 'Play', sans-serif;
	}

	/* WP core classes*/
		.wp-block-embed-youtube {
		    position: relative;
		    padding-bottom: 56.25%;
		    padding-top: 35px;
		    width: 100%;
		    height: 0;
		    overflow: hidden;
		}
		.wp-block-embed-youtube iframe { 
			position: absolute;
		    top:0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
		.editor-post-title__block .editor-post-title__input,
		.editor-styles-wrapper .wp-block h1,
		.editor-styles-wrapper .wp-block h2,
		.editor-styles-wrapper .wp-block h3,
		.editor-styles-wrapper .wp-block h4,
		.editor-styles-wrapper .wp-block h5,
		.editor-styles-wrapper .wp-block h6,
		.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
		.editor-styles-wrapper cite,
		.editor-styles-wrapper figcaption,
		.editor-styles-wrapper .wp-caption-text {
			font-family: var(--czcionka);
		}
		.block-editor-block-list__layout * {
			font-family: var(--czcionka);
		}
		pre,
		pre *,
		code,
		code *,
		.block-editor-block-list__layout pre,
		.block-editor-block-list__layout pre *,
		.wp-block-html .block-editor-plain-text {
			font-family: 'Courier New', Consolas, monospace;
		}
		.wp-block {
			/*width: 80%;*/
			max-width: 80%;
		}
		.has-drop-cap:not(:focus)::first-letter {
			color: var(--kolor-glowny);
			font-family: var(--czcionka);
			font-size: 5.1em;
			font-weight: 800;
			margin: 0.05em 0.1em 0 0;
		}
		a {
		    color: var(--kolor-glowny);
		}
		hr.wp-block-separator {
	    margin: 0;
		}

		@media only screen and (max-width: 500px) {    
			.wp-block {
				width: 90%;
				max-width: 90%;
			}
		}

		section{ padding:0px; }
	/* WP core classes*/

	/* WP influ classes*/
		.influ_galeria_img {
			cursor: pointer;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
		}
		.influ_galeria_img:hover {
			box-shadow: 3px 3px 25px rgba(0,0,0,0.2);
		}
 	/* WP influ classes*/

 	.wp-block-columns{
 		align-items: center;
 		margin: 0px auto !important;
 	}
 	.tlo_transparentne h1, .block-editor-writing-flow h1, .tlo_transparentne .ngh1 {
	  font-size: 48px;
 		margin-top: 24px; 
 		margin-bottom: 24px; 
	  color: #000
	  font-weight: 600;
	}
 	.tlo_transparentne h2, .block-editor-writing-flow h2 {
	   font-size: 36px;
 		margin-top: 18px; 
 		margin-bottom: 18px;
	   font-weight: 400;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	   font-size: 24px;
 		margin-top: 12px; 
 		margin-bottom: 12px;
	   color: var(--kolor-glowny);
	   font-weight: 400;
	}
 	.tlo_transparentne h4, .block-editor-writing-flow h4{
	   font-size: 20px;
 		margin-top: 10px; 
 		margin-bottom: 10px;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	   font-size: 20px;
 		margin-top: 10px; 
 		margin-bottom: 10px;
	   font-weight: 400;
	   color: var(--kolor-glowny);
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3{
	   font-size: 18px;
 		margin-top: 10px; 
 		margin-bottom: 10px;
	   text-transform: uppercase;
	}

		.tlo_transparentne p.btn a,
	.block-editor-writing-flow  p.btn a{
			color: #000;
			font-weight: 800;
	}
	.tlo_transparentne p.btn a:hover,
	.block-editor-writing-flow  p.btn a:hover{
			color: #1088e4;
			padding-left: 10px;
	}
	.tlo_transparentne p.btn a:before,
	.block-editor-writing-flow  p.btn a:before{
			content:"/";
			color:#1088e4;
			font-size: 40px;
			padding-right: 3px;
	}

	p {
	    /*font-size: 1.3vw;*/
	    font-weight: 400;
	}
	h1, .heading-size-1 {
	    font-size: 4vw;
	}






	.czcionka {
		font-family: 'Montserrat', sans-serif !important;
	}

	body.influ,
	body.influ table td {
		font-family: var(--czcionka);
		font-size: 18px;
		line-height: 1.2em
	}
	body.influ {
		margin: 0px;
		padding: 0px;
		color: #000;
		width: 100%;
		overflow-x: hidden;
		background-color: #fff;
		font-weight: 400;
	}
	#ladowanie_knt {
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 4px;
		position: absolute;
		z-index: 601;
		background-color: #fff;
		/*border: 1px solid #cc0000;*/
		overflow: hidden;
		/*opacity: 0.5;*/
	}
	#ladowanie_pasek {
		height: 4px;
		background-color: #08a3e2;
		width: 10%;
	    -webkit-transition: 500ms linear all;
	    -moz-transition: 500ms linear all;
	    -o-transition: 500ms linear all;
	    transition: 500ms linear all
	}
	#ladowanie {
		text-align: center;
		background-color: #000509;
		position: fixed;
		z-index: 599;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		color: #666666;
		font-size: 13px;
		pointer-events: none;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	#ladowanieZawartosc {
		padding-top: 175px;
	}
	#ladowanieZawartosc img {
		width: 55px;
		max-width: 100%;
		height: auto;
	}

	a, a * {
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-decoration:none;
	}
	a:hover, a:hover * {
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-decoration:none;
	}

	.wp-block-column:not(:first-child) {
	    margin-left: 4vw;
	}
	.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
		font-size: 1vw;
	}

 	/** HEADER **/
		#menuMobilne{
			display: none;
		}	
		#menu_mobil {
			display:none;
		}
		#glowny_naglowek_knt {
			width: 100%;
			padding: 0px;
			z-index: 550;
			position: absolute;
			top: 0px;
			right: 0px;
			left: 0px;

			background-image: url(../img/tlo-header.png);
			background-size: 100% auto;
			background-position: top left;
			background-repeat: no-repeat;
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		.menuStatyczne{
			position: static;
		}
		.cien {
			box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
		}
		#glowny_naglowek {
			width: auto;
			min-height: 15vw;
			padding: 0px 5vw;
			padding-left: 0px;
			/*background: linear-gradient(180deg,rgba(255,255,255,.7),rgb(255, 255, 255) 0%,transparent);*/
		}
		#logo {
			float: left;
			padding-top: 1vw;
			padding-bottom: 1vw;
			max-width: 500px;
		/*	width: 18.65vw;*/
		}
		#menuGlowne {
			font-family: var(--czcionka);
			text-align: center;
			margin-top: 2vw;
			margin-right: 0px;
			margin-bottom: 2.2vw;
			margin-left: 0px;
			color: #FFFFFF;
			/*clear: right;*/
			float: right;
		} 
		#menuGlowne ul { padding:0; margin:0 auto; width: auto;} 
		#menuGlowne ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
		#menuGlowne li {
			position: relative;
			display: block;
			float: left;
			list-style-type: none;
			color: #000;
			font-size: 18px;
			cursor: pointer;
			padding-right: 1.2vw;
			padding-left: 1.2vw;
			padding-top: 0px;
			padding-bottom: 0px;
			margin: 0px;
			
			box-shadow: 0px 0px 115px rgba(0,0,0,0);
			transition: 0.2s ease-in-out;
			margin: 0px 0.5vw;
		} 
		#menuGlowne li:hover {
			background-color: var(--kolor-glowny);
			box-shadow: 0px 0px 45px rgba(0,0,0,0.1) inset;
			transition: 0.2s ease-in-out;
		}
		#menuGlowne li:hover a {
			color: #fff;
		}
		#menuGlowne ul li a {
			 display: block;
		    width: 100%;
		    color: #000;
		    text-decoration: none;
		    font-size: 1vw;
		    letter-spacing: 0px;
		    text-transform: none;
		    padding: 1vw 0px 1vw 0px;
		    font-weight: 500;
		    text-transform: uppercase;
		    font-weight: 700;
		}
		#menuGlowne ul li a .fa-angle-down {
			font-size: 0.8vw;
		}
		#menuGlowne ul li a:hover {
			color: #fff;
			/*color: var(--kolor-glowny);*/
		}
		#menuGlowne ul li.wyroznienie {
			background-color: #333;
			color: #fff;
		}
		#menuGlowne ul li.wyroznienie a {
			color: #fff;
		}
		#menuGlowne ul li.wyroznienie:hover {
			background-color: var(--kolor-glowny);
		}
		#menuGlowne ul li.wyroznienie a:hover {
			color: #fff;
		}
		#menuGlowne ul li.jezyki {
			padding: 1vw 1.5vw 1vw 1.5vw;
			/*padding: 0 1.5vw 0 1.5vw;*/
		}
		#menuGlowne ul li.jezyki a {
			display: inline;
			padding: 0px 0.5vw 0px 0.5vw;
		}
		#menuGlowne ul li a.nieaktywny {
			color: #bcbcbc;
		}
		#menuGlowne ul ul {
			font-family: var(--czcionka);
			display: none;
			width: 100%;
			position: absolute;
			left: 0px;
			top: auto;
			padding: 0px;
			width: 300px;
			font-weight: 500;
			overflow: hidden;
			background-size: 100% auto;
			border-top: 0.5vw solid var(--kolor-glowny);;
			border-bottom: 0.5vw solid var(--kolor-glowny);;
			background-size: 100% auto;
			box-shadow: 0px 0px 55px rgba(0,0,0,0.11);
			z-index: 551;
			background-color: var(--kolor-glowny);
		}
		#menuGlowne ul ul li {
			font-family: var(--czcionka);
			float: none;
			height: auto;
			text-align: left;
			list-style-type: none;
			padding:0px;
			margin:0px;
		} 
		#menuGlowne ul ul li a {
			display: block;
			float: left;
			font-size: 0.8vw;
			/*letter-spacing: 0.08vw;*/
			color: #fff;
			height: auto;
			margin-left: 0px;
			line-height: 15px;
			padding-right: 1.5vw;
			padding-left: 1.5vw;
			padding-top: 0.5vw;
			padding-bottom: 0.5vw;
			background-repeat: repeat;
			font-weight: normal;
			text-transform: none;
			font-weight: 600;
			background-color: var(--kolor-glowny);

		}

		#menuGlowne li.aktywnyLink {
			background-color: rgba(232,232,232,0.9);
			box-shadow: 0px 0px 45px rgba(0,0,0,0.1) inset;
			transition: 0.2s ease-in-out;
		}
		#menuGlowne li.aktywnyLink a {
	    color: #000;
	    font-weight: 600;
		}

		#menuGlowne  ul ul li a:hover {
			color: #000;
			background-color: #f2f2f2;
			background-size: 100%;
		}

		.banerBox{
			position: relative;
			height: 100%;
		}
		.opisBaner{
			position: absolute;
			z-index: 99;
			top: 50%;
			bottom: 50%;
			right: 5vw;
			margin:0px !important;
			padding-left: 40vw;
		}
		.banerBox .nakladka_baner{
	 		position: absolute;
	 		bottom: 0px;
	 		width: 100%;
	 		height: auto;
	 		z-index: 9;
		}


		/** strona główna **/
			.galeriaGrid{
				display: grid;
				grid-template-columns: auto auto auto auto;
				grid-column-gap: 2%;

			}
			.galeriaGridStrona{
				margin-top: 0px;
			}
			.galeriaGrid a h2{
				margin:2vw;
				padding:1vw;
				padding-top: 120px;
				margin-top: -100px;
					  
				background-image: -webkit-linear-gradient(bottom, var(--kolor-glowny) 0%, var(--kolor-glowny) 100%);
				background-image: -o-linear-gradient(bottom, var(--kolor-glowny) 0%, var(--kolor-glowny) 100%);
				background-image: linear-gradient(to top, var(--kolor-glowny) 0%, var(--kolor-glowny) 100%);
				
				background-size: 8px 100% ;
				background-repeat: no-repeat;
				
				position: relative;
				-webkit-transition: 0.5s all;
				-moz-transition: 0.5s all;
				-o-transition: 0.5s all;
				transition: 0.5s all;
				color: #000;
				font-size: 1.6vw;
				font-weight: 400;
				line-height: 1.8vw;			
			}

			.galeriaGrid a h2:before{
				border-top:0px solid #fff;
				display: none;
			}

			.galeriaGrid a:hover h2{
			  background-size: 100% 100% ;
			  color: #fff;
			}
		/** strona główna **/
		.tlo_transparentne {
			margin: 9vw 0vw 9vw 0vw;
			width: auto;
		}
		.tlo_transparentne.margines {
			margin: 9vw 12vw 9vw 12vw;
		}
		.tlo_strona {
			margin: 0vw 0vw 5vw 0vw;
			padding: 1vw 16vw 0vw 16vw;
			background-position: top right;
			background-repeat: no-repeat;
			background-size: 50vw auto;
		}
		.tlo_strona1 {
			margin: 0vw 0vw 2vw 0vw;
		}
		.tlo_strona2 {
			margin: 0vw 0vw 5vw 0vw;
			padding: 0vw 16vw 0vw 16vw;
		}
		.tlo_strona h1{
		}


	.tlo_onas {
		margin: 0px 5vw;
	}
	.tlo_onas h1{
    font-size: 50px;
    margin: 6vw auto 2vw;
	}
	.grid_onas{
		display: grid;
		grid-template-columns: 40% 60%;
		padding: 0px;
	}

	.animacjaImg {
		position: relative;
	}
	.animacjaImg img{
		position: absolute;
		z-index: 1;
		left: 0px;
		right: 0px;
		width: 100%;
		height: auto;
	}

	
		.tlo_info{
		background-image: url(../img/tlo_info.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 7vw;
		padding-right: 15vw;
		position: relative;
		z-index: 1;
		margin: 0;
		padding-bottom: 12vw;
	}
	.tlo_info .wp-block-column{
		display: inline-block;
		padding-left: 120px;
		position: relative;
		font-size: 18px;
		color: #fff;
		font-weight: 600;

	}
	.tlo_info .wp-block-column h2{
		font-size: 40px;
		color: #fff;
	}
	.tlo_info .wp-block-column::before{
		content: "\f00c ";
		font-family: FontAwesome;
		display: inline-block;
		margin-left:80px;
		width: 70px;
		height: 70px;
		line-height: 50px;
		text-align:center;
		color: #fff;
		border:5px solid #fff;
		border-radius: 5px;
		font-size: 40px;
		position: absolute;
		top: -30px;
		left: -60px;
		transform: skewX( -25deg );
		padding: 5px;
	}
	.tlo_info .wp-block-column:nth-child(1){
		margin-top:0px !important;
	} 
	.tlo_info .wp-block-column:nth-child(2n){
		margin-top:2vw !important;
	} 
	.tlo_info .wp-block-column:nth-child(2n+3){
		margin-top:4vw !important;
	} 


	.tlo_transparentne.tlo_kontakt {
		background-image: url(../img/mapa_04.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		position: relative;
		z-index: 0;
		
		margin: 0;
		margin-top: -8vw;
		padding-top: 3vw;

	}

	.tlo_transparentne.tlo_kontakt aside{
		background: rgba(255,255,255,0.95);
		width:35vw;
		margin-left: 45vw;
		display: block;
		height: 100%;
		position: absolute;
		top: 0px;
		transform: skewX( -25deg );
		box-shadow: 0px 0px 50px rgba(0,0,0,0.4);
		z-index: 1;	
	}

	.tlo_transparentne.tlo_kontakt section{
		width:25vw;
		margin-left: 50vw;
		display: block;
		height: 100%;
		position: relative;
		z-index: 2;
		padding-top: 5vw;
		padding-bottom: 4vw;
	}

	.tlo_transparentne.tlo_kontakt h2{
		color: #000;
	}
	.kontakt_str{
		list-style: none;
		padding:0px;
		color:#474747;
		margin:0px;
	}

	.kontakt_str li{
		margin-left:5px;
	}

	.kontakt_str a{
		color:#474747;
		font-weight: 600;
	}

	.kontakt_str a svg{
		color:#1088e4;
	}
	.kontakt_str a:hover{
		color:#1088e4;
		font-weight: 600;
	}
	.tlo_kontakt .btn_map{
		background: #fff;
		position: absolute;
		bottom: 50px;
		left: 5vw;

		transform: skewX( -25deg );
		padding: 5px 30px;
		padding-right: 110px;
	}

	.tlo_kontakt .btn_map span{
		transform: skewX( 25deg );
		display: block;
		font-weight: bold;
	}

	.tlo_kontakt .btn_map svg{
		font-size: 70px;
		position: absolute;
		top: -10px;
		padding: 10px 15px;
		background: var(--kolor-glowny);
		color: #fff;
		right: 20px;
	}
	.tlo_kontakt .btn_map:hover svg{
		right: 0px;
		background-color: #fff;
		color: var(--kolor-glowny);
	}


	#map {
			position: absolute;
			z-index: 0;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			width: 100%;
	}

	#start_hook {
		position: absolute; 
	}
	#zawartosc{
		padding: 0px 0px 0px 0px;
		margin:0;
		position: static;
		z-index: 3;
	}
	#zawartosc a:hover{
		color: #000;
	}
	
	#zawartosc .tekst,
	#zawartosc label
	{
		font-size: 18px;
	}
	#zawartosc ul {
		margin-bottom: 1.5rem;
	}
	
	ul.galeria {
		padding: 10px 0px 10px 0px;
		margin: 10px auto 10px auto;
	}
	ul.galeria:after {
		content:"."; display:block; height:0; clear:both; visibility:hidden;
	} 
	ul.galeria li {
		list-style:none;
		float:left;
		margin: 10px 1% 10px 1%;
		width:31.3333%;
		text-align:center;
	} 
	ul.galeria li:nth-child(3n+1) {
		clear:both;
	}
	ul.galeria li img {
		width:100%;
		height:auto;
		cursor:pointer;
		margin-bottom:10px;
		border: 1px solid #ddd;
		box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	}
	ul.galeria li img:hover {
		box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
	}

	ul.galeria.pojedyncze li {
		list-style:none;
		float:none;
		margin: 10px auto 10px auto;
		width:90%;
		text-align:center;
	}
/*	.odstep{
		height: 300px;
		background-color:var(--kolor-glowny);
	}*/

	.naglowekStrony{
		padding: 0px 10vw;
		padding-top:11vw;
		padding-bottom: 5vw;
		background-color:var(--kolor-glowny);
		background-image: url('../img/tlo_naglowka.png');
		background-size: 100% auto;
		background-position: center bottom;
		position: relative;
	}

	.naglowekStrony h1{
		color: #fff !important;
		margin:0px;
	}
	.naglowekStrony h1::before {
	    content: "/";
	    color: #fff;
	    font-size: 6vw;
	    padding-right: 3px;
	    opacity: 0;
	}
	.naglowekStrony .nakladka_naglowek{
		position: absolute;
		bottom: 0px;
		left: 0px;
		transform: scale(-1,1);
		width: 100%;
	}


	.zalacznik {
	    width: 0.1px;
	    height: 0.1px;
	    opacity: 0;
	    overflow: hidden;
	    position: absolute;
	    z-index: -1;
	}

	.zalacznik + label {
	    max-width: 80%;
	    font-size: 14px;
	    text-transform: uppercase;
	    /* 20px */
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    cursor: pointer;
	    display: inline-block;
	    overflow: hidden;
	    padding: 0.625rem 1.25rem;
	    /* 10px 20px */
	}

	.no-js .zalacznik + label {
	    display: none;
	}

	.zalacznik:focus + label,
	.zalacznik.has-focus + label {
	    outline: 1px dotted #000;
	    outline: -webkit-focus-ring-color auto 5px;
	}

	.numery {
		font-size: 13px;
		color: #CCCCCC;
		margin-top: 35px;
		text-align: center;
		padding-top: 10px;
		clear: both;
	}
	.numery a {
		font-size: 12px;
		color: #333333;
		margin: 2px;
		border: 1px solid #CCCCCC;
		text-decoration: none;
		background-color: #dddddd;
		display: inline-block;
		padding: 1px 7px 1px 7px;
	}
	.numery a:hover {
		font-size: 12px;
		color: #fff;
		border: 1px solid #054982;
		text-decoration: none;
		background-color: var(--kolor-glowny);
	}
	.pusty {
		background-color: #dddddd;
		color: #CCCCCC;
		margin: 2px;
		display: inline-block;
		padding: 1px 7px 1px 7px;
	}
	input.formInput {
		font-size: 20px;
		font-family: var(--czcionka);
		padding: 10px;
		border: 1px solid #ccc;
		color: #000;
		background: transparent;
		/*box-shadow: 0px 0px 50px rgba(0,0,0,0.1) inset;*/
	}

	input.formInput::placeholder  {
		color: #999;
		opacity: 1;
	}
	input.has-error{
		color: red;
		border: 2px solid red;
	}
	input.has-error::placeholder {
		color: red;
	}

	textarea.formInput {
		
		font-size: 20px;
		font-family: var(--czcionka);
		padding: 10px;
		border: 1px solid #ccc;
		color: #000;
		background: transparent;
		/*box-shadow: 0px 0px 50px rgba(0,0,0,0.1) inset;*/
	}

	textarea.formInput::placeholder  {
		color: #999;
		opacity: 1;
	}
	textarea.has-error{
		color: red;
		border: 1px solid red;
	}
	textarea.has-error::placeholder {
		color: red;
	}
	.btn_kolor {
		background-color: var(--kolor-glowny);
		font-family: var(--czcionka);
		padding: 10px 30px;
		font-size: 20px;
		 -webkit-transition: 200ms linear all;
	    -moz-transition: 200ms linear all;
	    -o-transition: 200ms linear all;
	    transition: 200ms linear all
	}

	.btn_kolor:hover {
		padding-left:40px;
		padding-right:20px;
		text-decoration: none;

	}
	

	.has-error{
		color: red;
		font-size: 16px;
	}
	.grid_kontakt{
		display: grid;
		grid-template-columns: 49% 49%;
		grid-column-gap: 2%;
	}
	.grid_inspiracje{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 5%;
		grid-row-gap: 5%;
		grid-row-gap: 50px;
	}

	.grid_inspiracje .inspiracja{
		width: auto;
		margin:0px;
	}

	.grid_inspiracje .inspiracja .img_knt{
		min-height: 23.9vw;
	}
	.grid_inspiracje .inspiracja img{
			width: 100%;
			opacity: 1;
	}

	.grid_inspiracje .inspiracja .img_knt{
		background-color: #999;
	}
	.grid_inspiracje .inspiracja h3{
		background: rgb(16,136,228);
		background: -moz-linear-gradient(0deg, rgba(16,136,228,1) 20%, rgba(16,136,228,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(16,136,228,1) 20%, rgba(16,136,228,1) 100%);
		background: linear-gradient(0deg, rgba(16,136,228,1) 20%, rgba(16,136,228,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1088e4",endColorstr="#1088e4",GradientType=1);

			background-size: 5px 100%;
			background-repeat: no-repeat;
			position: relative;
			-webkit-transition: 0.5s all;
			-moz-transition: 0.5s all;
			-o-transition: 0.5s all;
			transition: 0.5s all;
			color: #000;
			font-weight: 500;

			width: 80%;
			margin-top: -60px;
			padding-top: 80px;
			padding-bottom: 20px;
			padding-left: 20px;
			font-size: 2vw;

			transform: skewX(-15deg);

	}

	.grid_inspiracje .inspiracja:hover h3{
			background-size: 100% 100%;
			color: #fff;

	}
	.grid_inspiracje .inspiracja h3 span {
		display: block;
		transform: skewX(15deg);
		padding-left: 10px;
	}	
	
	iframe.mapaGoogle{
		width: 100%;
		min-height: 500px;
	}
	.kolor {
		color: var(--kolor-glowny);
	}


	.wierszKontaktu{
		position:relative;
		overflow: hidden;

		box-shadow: 0px 0px 100px rgba(0,0,0,1) inset;
	}
	.wierszKontaktu .tlo_formularza{
		position:absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 0;

		background-image: url('../img/tlo_formularz.jpg');
		background-position: bottom center;
		background-size: cover;
		box-shadow: 0px 0px 100px rgba(0,0,0,0.5) inset;
	}
	.wierszKontaktu #formularz_knt{
		position:relative;
		z-index: 1;
		margin-right: 10vw;
		margin-left: 60vw;
		padding:2vw;	
		background-color: rgba(247,247,247,0.9);
		box-shadow: 0px 0px 75px rgba(0,0,0,0.15);
	}

	/** MAIN



	/** FOOTER **/
		#stopka{
			color:#fff;
			font-size:1vw;
			line-height: 1.5em;
			float: left;
			width: 100%;
			font-weight: 400;
			background: #363636;
		}

		.menuStopka{
			/*width: calc(100% - 10vw);*/
			margin: 2vw 9vw;
			display: grid;
			grid-template-columns: 10% 40% 12% 12% 12% 14%;
			/*grid-column-gap: 1%;*/
			align-items: center;
			font-size: 24px;
			font-weight: 400;
		}
		.menuStopka h3 {
			color:rgba(0,0,0,0.6);
			margin-top: 0px;
			margin-bottom: 5px;
		}
		.menuStopka ul{
			list-style: none;
			padding: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			position: relative;
		}
		.menuStopka li {
			padding-right: 5%;
			margin-top: 0px;
			width: 40%;
			float: left;
			font-size: 16px;
			font-weight: 400;
		}

		.menuFooter{
			padding: 2vw 5vw;
			background: #363636;
		}

		.menuFooter .wiersz{
		}
		.influencja_knt{
			background-color: #000;
			padding-top: 40px;
			padding-bottom: 140px;
			text-align: center;
			box-shadow: 0px 0px 92px rgba(0,0,0,0.11);
		}
		#influencja  {
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		    opacity: 0.8;
		}
		#influencja:hover {
			-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
		    -webkit-transition: 0.2s ease-in-out;
		    -moz-transition: 0.2s ease-in-out;
		    -o-transition: 0.2s ease-in-out;
		    transition: 0.2s ease-in-out;
		    opacity: 1;
		}
		#influencja  img{
			width: auto;
			height: auto;
		}
		.menuFooter .do_prawej{
			text-align: right;
		}
		#stopka a{
			color: #fff;
			text-transform:none;
		}
		#stopka a:hover{
			color: var(--kolor-glowny);
		}
		

	/** FOOTER **/

	
	/** DODATKI **/

			table{
				width: 100%;
				max-width: 100%;
				margin-bottom: 20px;
				color: #424242;	line-height: 20px;
				border: 1px solid #ccc;
				border-radius: 10px;
				margin-top: 20px;
				margin-bottom: 20px;
			}


			 table th{
				vertical-align: bottom;
				border-bottom: 2px solid #ddd;
				border-top: 0;
			}
			 table tr{
			   padding-top: 5px;
			   padding-bottom: 5px;
			   border-bottom: 1px solid #ccc;
			}
			table tr td{
				padding: 5px;
			}
			 table tr:nth-of-type(2n+1) {
			    background-color: #f9f9f9;
			}
			 table tr:nth-of-type(2n) {
			    background-color: #fff;
			}
		.icon_nav{
					opacity: 1;
					display: none;


						-webkit-transition: 2s ease-in-out;
						-moz-transition: 2s ease-in-out;
						-o-transition: 2s ease-in-out;
						transition: 2s ease-in-out;
				}
				.ico{
					position: fixed;
					z-index: 100;
					background-color: #1088e4;
					transform: skewX( -25deg );
					box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
					border-radius: 3px;
					text-align:center;
				}
				.ico svg{
					color: #fff;
					transform: skewX( 25deg );
				} 

				.icon_nav .ico_tel{
					right: 150px;
					bottom: 80px;
					width: 100px;
					height: 100px;
					display: block;
					position: fixed;

				}

				.icon_nav .ico_tel{
					font-size: 50px;
					line-height: 100px;
				}

				.icon_nav .ico_tel:hover{
					background-color: #b1b2b2;
					bottom: 90px;

					box-shadow: 0px 0px 20px rgba(0,0,0,0.3) inset;
				}


				.icon_nav .ico_mail{
					right:30px;
					bottom: 135px;
					width: 80px;
					height: 80px;
					display: block;
					position: fixed;

				}

				.icon_nav .ico_mail{
					font-size: 50px;
					line-height: 80px;
				}

				.icon_nav .ico_mail:hover{
					background-color: #b1b2b2;
					bottom: 140px;
					box-shadow: 0px 0px 20px rgba(0,0,0,0.3) inset;
				}
				#do_gory {
					right: 90px;
					bottom: 60px;
					cursor: pointer;
					/*opacity:0.5;*/
					-webkit-transition: 0.2s ease-in-out;
					-moz-transition: 0.2s ease-in-out;
					-o-transition: 0.2s ease-in-out;
					transition: 0.2s ease-in-out;
					width: 70px;
					height: 60px;
					padding-top: 15px;
					
					background-color: #b1b2b2;
				}
				#do_gory svg{ 
					font-size: 30px;
					line-height: 60px;
				}

				#do_gory:hover {
					bottom: 65px;
					background-color: #1088e4;
					opacity:1;
					-webkit-transition: 0.2s ease-in-out;
					-moz-transition: 0.2s ease-in-out;
					-o-transition: 0.2s ease-in-out;
					transition: 0.2s ease-in-out;

				box-shadow: 0px 0px 20px rgba(0,0,0,0.3) inset;
				/*	padding-top:0px;
					padding-bottom:20px;*/
				}

			ul.kolumny_zalaczniki:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
			ul.kolumny_zalaczniki{
				padding: 0px;
			}
			ul.kolumny_zalaczniki li{
				width: 45%;
				margin: 0px 2% 2% 0px;
				border: 1px solid #eee;
				border-radius: 8px;
				text-align: left;
				float: left;
				list-style: none;
				overflow: hidden;
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li a p {
				margin: 0px;
				padding: 0px;
			}
			ul.kolumny_zalaczniki li a {
				display: block;
				margin: 0px;
				padding: 1% 3% 1% 3%;
			}
			ul.kolumny_zalaczniki li:hover a {
				box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;
			}
			ul.kolumny_zalaczniki li img{
				border:1px solid #ccc;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
				opacity: 0.6;
				width: 200px;
			}

			ul.kolumny_zalaczniki li:hover img{
				opacity: 1;
			}
			.alignnone {
				margin: 1.625em;
			}
			.alignleft {
				display: inline;
				float: left;
				margin-right: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignleft:hover {
			}
			.alignright {
				display: inline;
				float: right;
				margin-left: 1.625em;
				max-width: 45% !important;
				height: auto;
			}
			.alignright:hover {
			}
			.aligncenter {
				clear: both;
				display: block;
				margin-left: auto !important;
				margin-right: auto !important;
				margin-top: 20px !important;
				margin-bottom: 20px !important;
			}
			.aligncenter:hover {
			}
			.text-center {
				text-align: center;
			}
			.marginAuto{
				margin:auto;
			}
	/** DODATKI **/


	 /*Upload zdjec*/
			.upload_zdjec {
			    /*font-size: 16px;*/
			    padding: 15px;
			    border: 1px solid #eee; 
			}
			.upload_zdjec .thumb {
			    width: 24px;
			    height: 24px;
			    float: none;
			    position: relative;
			    top: 7px;
			}
			.upload_zdjec form .progress {
			    line-height: 15px;
			}
			.upload_zdjec .progress {
			    display: inline-block;
			    width: 100px;
			    border: 3px groove #CCC;
			}
			.upload_zdjec .drop-box {
				padding: 25px;
				border: 3px dashed #dde2e7;
				background-color: #f6f7f7;
				text-align: center;
			}
			.upload_zdjec .dragover {
				border: 3px dashed #9ca3aa;
				background-color: #dde2e7;

			}
			.upload_zdjec .progress div {
			    font-size: smaller;
			    background: orange;
			    width: 0;
			}
			.upload_zdjec .formBtn {
				width: auto;
				padding: 25px;
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
				font-weight: normal;
				text-transform: none;
				font-size: 1vw;
				text-align: center;
			}
			.upload_zdjec .foto_kont .formBtn {
				width: auto;
				padding: 5px 15px 5px 15px;
				-webkit-filter: grayscale(0%);
				filter: grayscale(0%);
				font-weight: normal;
				text-transform: none;
				font-size: 1vw;
				text-align: center;
			}
			.usunBtn {
				padding: 2px 10px 2px 10px;
				margin-top: 0px;
				right: -5px;
				position: absolute;
				font-size: 14px;
			}
			.usunBtn i {
				padding: 0px;
			}
			.usunBtn:hover i {
				padding: 0px;
			}
			.foto_kont {
				/*width: 46%;*/
				margin: 3% 1% 0% 1%;
				padding: 1%;
				/*float: left;*/
				position: relative;
				background: #fff;
				word-wrap: break-word;		
				border: 1px solid #e1e1e1;
				box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
			}
			.foto_kont img {
				max-width: 100%;
				max-height: 155px;
				width: auto;
				height: auto;

			}
			.bledy_ladowania_zalacznikow {
				border: 1px solid rgb(169, 68, 66);
				color: rgb(169, 68, 66);
				background-color: #f6ecec;
				padding: 5px 10px 5px 10px;
				margin: 5px 0px 5px 0px;
			}
	 /*Upload zdjec*/

	/** Bootstrap **/
			.text-left {
			  text-align: left;
			}
			.text-right {
			  text-align: right;
			}
			.text-center {
			  text-align: center;
			}
			.text-justify {
			  text-align: justify;
			}
			.text-nowrap {
			  white-space: nowrap;
			}
			.text-lowercase {
			  text-transform: lowercase;
			}
			.text-uppercase {
			  text-transform: uppercase;
			}
			.text-capitalize {
			  text-transform: capitalize;
			}
			.text-muted {
			  color: #777;
			}
			.text-primary {
			  color: #337ab7;
			}
			a.text-primary:hover,
			a.text-primary:focus {
			  color: #286090;
			}
			.text-success {
			  color: #3c763d;
			}
			a.text-success:hover,
			a.text-success:focus {
			  color: #2b542c;
			}
			.text-info {
			  color: #31708f;
			}
			a.text-info:hover,
			a.text-info:focus {
			  color: #245269;
			}
			.text-warning {
			  color: #8a6d3b;
			}
			a.text-warning:hover,
			a.text-warning:focus {
			  color: #66512c;
			}
			.text-danger {
			  color: #cc0000;
			}
			a.text-danger:hover,
			a.text-danger:focus {
			  color: #cc0000;
			}
			.bg-primary {
			  color: #fff;
			  background-color: #337ab7;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-primary:hover,
			a.bg-primary:focus {
			  background-color: #286090;
			}
			.bg-success {
			  background-color: #dff0d8;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-success:hover,
			a.bg-success:focus {
			  background-color: #c1e2b3;
			}
			.bg-info {
			  background-color: #d9edf7;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-info:hover,
			a.bg-info:focus {
			  background-color: #afd9ee;
			}
			.bg-warning {
			  background-color: #fcf8e3;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-warning:hover,
			a.bg-warning:focus {
			  background-color: #f7ecb5;
			}
			.bg-danger {
			  background-color: #f2dede;
			  padding: 5px 25px 5px 25px !important;
			}
			a.bg-danger:hover,
			a.bg-danger:focus {
			  background-color: #e4b9b9;
			}
	/** Bootstrap **/


	/*
	autor:      influencja.pl
	wersja:     165.12.2.1
	kompilacja: 123080962145912635976129019625019261569361986365;
	klasy:      .wiersz
	            .kol_[1-9]
	            .kol_[10-100]
	            .ods_z[gora,dol,prawa,lewa]_[5-100]
	            .ods_w[gora,dol,prawa,lewa]_[5-100]
	            .px[10-36]
	*/
	.fa-ul li{
		position: relative;
	}
	.fa-ul li ion-icon{
		position: absolute;
		left:-30px;
		top: 5px;
		color: var(--kolor-glowny);

	}

	

	.wiersz { clear: both; padding-top: 15px; padding-bottom: 15px; margin: 0px auto;}
	.wierszAuto { clear: both; overflow: hidden; padding-top: 15px; padding-bottom: 15px; width: auto; margin: 0px auto;}
	.wiersz:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
	.kol_1 { float: left; width: 100%; width: 100%; padding: 0px 15px 0px 15px; } .kol_2 { float: left; width: 50%; width: 50%; padding: 0px 15px 0px 15px; } .kol_3 { float: left; width: 29%; width: 33.333333333333%; padding: 0px 15px 0px 15px; } .kol_4 { float: left; width: 22%; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_5 { float: left;width: 18%; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_6 { float: left; width: calc(16.666666666667% - 30px); padding: 0px 15px 0px 15px; } .kol_7 { float: left; width: calc(14.285714285714% - 30px); padding: 0px 15px 0px 15px; } .kol_8 { float: left; width: calc(12.5% - 30px); padding: 0px 15px 0px 15px; } .kol_9 { float: left; width: calc(11.111111111111% - 30px); padding: 0px 15px 0px 15px; } .kol_10 { float: left; width: calc(10% - 30px); padding: 0px 15px 0px 15px; } .kol_11 { float: left; width: calc(11% - 30px); padding: 0px 15px 0px 15px; } .kol_12 { float: left; width: calc(12% - 30px); padding: 0px 15px 0px 15px; } .kol_13 { float: left; width: calc(13% - 30px); padding: 0px 15px 0px 15px; } .kol_14 { float: left; width: calc(14% - 30px); padding: 0px 15px 0px 15px; } .kol_15 { float: left; width: calc(15% - 30px); padding: 0px 15px 0px 15px; } .kol_16 { float: left; width: calc(16% - 30px); padding: 0px 15px 0px 15px; } .kol_17 { float: left; width: calc(17% - 30px); padding: 0px 15px 0px 15px; } .kol_18 { float: left; width: calc(18% - 30px); padding: 0px 15px 0px 15px; } .kol_19 { float: left; width: calc(19% - 30px); padding: 0px 15px 0px 15px; } .kol_20 { float: left; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_21 { float: left; width: calc(21% - 30px); padding: 0px 15px 0px 15px; } .kol_22 { float: left; width: calc(22% - 30px); padding: 0px 15px 0px 15px; } .kol_23 { float: left; width: calc(23% - 30px); padding: 0px 15px 0px 15px; } .kol_24 { float: left; width: calc(24% - 30px); padding: 0px 15px 0px 15px; } .kol_25 { float: left; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_26 { float: left; width: calc(26% - 30px); padding: 0px 15px 0px 15px; } .kol_27 { float: left; width: calc(27% - 30px); padding: 0px 15px 0px 15px; } .kol_28 { float: left; width: calc(28% - 30px); padding: 0px 15px 0px 15px; } .kol_29 { float: left; width: calc(29% - 30px); padding: 0px 15px 0px 15px; } .kol_30 { float: left; width: 28%; width: calc(30% - 30px); padding: 0px 15px 0px 15px; } .kol_31 { float: left; width: calc(31% - 30px); padding: 0px 15px 0px 15px; } .kol_32 { float: left; width: calc(32% - 30px); padding: 0px 15px 0px 15px; } .kol_33 { float: left; width: calc(33% - 30px); padding: 0px 15px 0px 15px; } .kol_34 { float: left; width: calc(34% - 30px); padding: 0px 15px 0px 15px; } .kol_35 { float: left; width: calc(35% - 30px); padding: 0px 15px 0px 15px; } .kol_36 { float: left; width: calc(36% - 30px); padding: 0px 15px 0px 15px; } .kol_37 { float: left; width: calc(37% - 30px); padding: 0px 15px 0px 15px; } .kol_38 { float: left; width: calc(38% - 30px); padding: 0px 15px 0px 15px; } .kol_39 { float: left; width: calc(39% - 30px); padding: 0px 15px 0px 15px; } .kol_40 { float: left; width: calc(40% - 30px); padding: 0px 15px 0px 15px; } .kol_41 { float: left; width: calc(41% - 30px); padding: 0px 15px 0px 15px; } .kol_42 { float: left; width: calc(42% - 30px); padding: 0px 15px 0px 15px; } .kol_43 { float: left; width: calc(43% - 30px); padding: 0px 15px 0px 15px; } .kol_44 { float: left; width: calc(44% - 30px); padding: 0px 15px 0px 15px; } .kol_45 { float: left; width: calc(45% - 30px); padding: 0px 15px 0px 15px; } .kol_46 { float: left; width: calc(46% - 30px); padding: 0px 15px 0px 15px; } .kol_47 { float: left; width: calc(47% - 30px); padding: 0px 15px 0px 15px; } .kol_48 { float: left; width: calc(48% - 30px); padding: 0px 15px 0px 15px; } .kol_49 { float: left; width: calc(49% - 30px); padding: 0px 15px 0px 15px; } .kol_50 { float: left; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_51 { float: left; width: calc(51% - 30px); padding: 0px 15px 0px 15px; } .kol_52 { float: left; width: calc(52% - 30px); padding: 0px 15px 0px 15px; } .kol_53 { float: left; width: calc(53% - 30px); padding: 0px 15px 0px 15px; } .kol_54 { float: left; width: calc(54% - 30px); padding: 0px 15px 0px 15px; } .kol_55 { float: left; width: calc(55% - 30px); padding: 0px 15px 0px 15px; } .kol_56 { float: left; width: calc(56% - 30px); padding: 0px 15px 0px 15px; } .kol_57 { float: left; width: calc(57% - 30px); padding: 0px 15px 0px 15px; } .kol_58 { float: left; width: calc(58% - 30px); padding: 0px 15px 0px 15px; } .kol_59 { float: left; width: calc(59% - 30px); padding: 0px 15px 0px 15px; } .kol_60 { float: left; width: calc(60% - 30px); padding: 0px 15px 0px 15px; } .kol_61 { float: left; width: calc(61% - 30px); padding: 0px 15px 0px 15px; } .kol_62 { float: left; width: calc(62% - 30px); padding: 0px 15px 0px 15px; } .kol_63 { float: left; width: calc(63% - 30px); padding: 0px 15px 0px 15px; } .kol_64 { float: left; width: calc(64% - 30px); padding: 0px 15px 0px 15px; } .kol_65 { float: left; width: calc(65% - 30px); padding: 0px 15px 0px 15px; } .kol_66 { float: left; width: calc(66% - 30px); padding: 0px 15px 0px 15px; } .kol_67 { float: left; width: calc(67% - 30px); padding: 0px 15px 0px 15px; } .kol_68 { float: left; width: calc(68% - 30px); padding: 0px 15px 0px 15px; } .kol_69 { float: left; width: calc(69% - 30px); padding: 0px 15px 0px 15px; } .kol_70 { float: left; width: 67%; width: calc(70% - 30px); padding: 0px 15px 0px 15px; } .kol_71 { float: left; width: calc(71% - 30px); padding: 0px 15px 0px 15px; } .kol_72 { float: left; width: calc(72% - 30px); padding: 0px 15px 0px 15px; } .kol_73 { float: left; width: calc(73% - 30px); padding: 0px 15px 0px 15px; } .kol_74 { float: left; width: calc(74% - 30px); padding: 0px 15px 0px 15px; } .kol_75 { float: left; width: calc(75% - 30px); padding: 0px 15px 0px 15px; } .kol_76 { float: left; width: calc(76% - 30px); padding: 0px 15px 0px 15px; } .kol_77 { float: left; width: calc(77% - 30px); padding: 0px 15px 0px 15px; } .kol_78 { float: left; width: calc(78% - 30px); padding: 0px 15px 0px 15px; } .kol_79 { float: left; width: calc(79% - 30px); padding: 0px 15px 0px 15px; } .kol_80 { float: left; width: calc(80% - 30px); padding: 0px 15px 0px 15px; } .kol_81 { float: left; width: calc(81% - 30px); padding: 0px 15px 0px 15px; } .kol_82 { float: left; width: calc(82% - 30px); padding: 0px 15px 0px 15px; } .kol_83 { float: left; width: calc(83% - 30px); padding: 0px 15px 0px 15px; } .kol_84 { float: left; width: calc(84% - 30px); padding: 0px 15px 0px 15px; } .kol_85 { float: left; width: calc(85% - 30px); padding: 0px 15px 0px 15px; } .kol_86 { float: left; width: calc(86% - 30px); padding: 0px 15px 0px 15px; } .kol_87 { float: left; width: calc(87% - 30px); padding: 0px 15px 0px 15px; } .kol_88 { float: left; width: calc(88% - 30px); padding: 0px 15px 0px 15px; } .kol_89 { float: left; width: calc(89% - 30px); padding: 0px 15px 0px 15px; } .kol_90 { float: left; width: calc(90% - 30px); padding: 0px 15px 0px 15px; } .kol_91 { float: left; width: calc(91% - 30px); padding: 0px 15px 0px 15px; } .kol_92 { float: left; width: calc(92% - 30px); padding: 0px 15px 0px 15px; } .kol_93 { float: left; width: calc(93% - 30px); padding: 0px 15px 0px 15px; } .kol_94 { float: left; width: calc(94% - 30px); padding: 0px 15px 0px 15px; } .kol_95 { float: left; width: calc(95% - 30px); padding: 0px 15px 0px 15px; } .kol_96 { float: left; width: calc(96% - 30px); padding: 0px 15px 0px 15px; } .kol_97 { float: left; width: calc(97% - 30px); padding: 0px 15px 0px 15px; } .kol_98 { float: left; width: calc(98% - 30px); padding: 0px 15px 0px 15px; } .kol_99 { float: left; width: calc(99% - 30px); padding: 0px 15px 0px 15px; } .kol_100 { float: left; width: calc(100% - 30px); padding: 0px 15px 0px 15px; } 
	.ods_zg_0 { margin-top: 0px; } .ods_zl_0 { margin-left: 0px; } .ods_zp_0 { margin-right: 0px; } .ods_zd_0 { margin-bottom: 0px; } .ods_wg_0 { padding-top: 0px; } .ods_wl_0 { padding-left: 0px; } .ods_wp_0 { padding-right: 0px; } .ods_wd_0 { padding-bottom: 0px; }
	.ods_zg_5 { margin-top: 5px; } .ods_zl_5 { margin-left: 5px; } .ods_zp_5 { margin-right: 5px; } .ods_zd_5 { margin-bottom: 5px; } .ods_wg_5 { padding-top: 5px; } .ods_wl_5 { padding-left: 5px; } .ods_wp_5 { padding-right: 5px; } .ods_wd_5 { padding-bottom: 5px; } .ods_zg_10 { margin-top: 10px; } .ods_zl_10 { margin-left: 10px; } .ods_zp_10 { margin-right: 10px; } .ods_zd_10 { margin-bottom: 10px; } .ods_wg_10 { padding-top: 10px; } .ods_wl_10 { padding-left: 10px; } .ods_wp_10 { padding-right: 10px; } .ods_wd_10 { padding-bottom: 10px; } .ods_zg_15 { margin-top: 15px; } .ods_zl_15 { margin-left: 15px; } .ods_zp_15 { margin-right: 15px; } .ods_zd_15 { margin-bottom: 15px; } .ods_wg_15 { padding-top: 15px; } .ods_wl_15 { padding-left: 15px; } .ods_wp_15 { padding-right: 15px; } .ods_wd_15 { padding-bottom: 15px; } .ods_zg_20 { margin-top: 20px; } .ods_zl_20 { margin-left: 20px; } .ods_zp_20 { margin-right: 20px; } .ods_zd_20 { margin-bottom: 20px; } .ods_wg_20 { padding-top: 20px; } .ods_wl_20 { padding-left: 20px; } .ods_wp_20 { padding-right: 20px; } .ods_wd_20 { padding-bottom: 20px; } .ods_zg_25 { margin-top: 25px; } .ods_zl_25 { margin-left: 25px; } .ods_zp_25 { margin-right: 25px; } .ods_zd_25 { margin-bottom: 25px; } .ods_wg_25 { padding-top: 25px; } .ods_wl_25 { padding-left: 25px; } .ods_wp_25 { padding-right: 25px; } .ods_wd_25 { padding-bottom: 25px; } .ods_zg_30 { margin-top: 30px; } .ods_zl_30 { margin-left: 30px; } .ods_zp_30 { margin-right: 30px; } .ods_zd_30 { margin-bottom: 30px; } .ods_wg_30 { padding-top: 30px; } .ods_wl_30 { padding-left: 30px; } .ods_wp_30 { padding-right: 30px; } .ods_wd_30 { padding-bottom: 30px; } .ods_zg_35 { margin-top: 35px; } .ods_zl_35 { margin-left: 35px; } .ods_zp_35 { margin-right: 35px; } .ods_zd_35 { margin-bottom: 35px; } .ods_wg_35 { padding-top: 35px; } .ods_wl_35 { padding-left: 35px; } .ods_wp_35 { padding-right: 35px; } .ods_wd_35 { padding-bottom: 35px; } .ods_zg_40 { margin-top: 40px; } .ods_zl_40 { margin-left: 40px; } .ods_zp_40 { margin-right: 40px; } .ods_zd_40 { margin-bottom: 40px; } .ods_wg_40 { padding-top: 40px; } .ods_wl_40 { padding-left: 40px; } .ods_wp_40 { padding-right: 40px; } .ods_wd_40 { padding-bottom: 40px; } .ods_zg_45 { margin-top: 45px; } .ods_zl_45 { margin-left: 45px; } .ods_zp_45 { margin-right: 45px; } .ods_zd_45 { margin-bottom: 45px; } .ods_wg_45 { padding-top: 45px; } .ods_wl_45 { padding-left: 45px; } .ods_wp_45 { padding-right: 45px; } .ods_wd_45 { padding-bottom: 45px; } .ods_zg_50 { margin-top: 50px; } .ods_zl_50 { margin-left: 50px; } .ods_zp_50 { margin-right: 50px; } .ods_zd_50 { margin-bottom: 50px; } .ods_wg_50 { padding-top: 50px; } .ods_wl_50 { padding-left: 50px; } .ods_wp_50 { padding-right: 50px; } .ods_wd_50 { padding-bottom: 50px; } .ods_zg_55 { margin-top: 55px; } .ods_zl_55 { margin-left: 55px; } .ods_zp_55 { margin-right: 55px; } .ods_zd_55 { margin-bottom: 55px; } .ods_wg_55 { padding-top: 55px; } .ods_wl_55 { padding-left: 55px; } .ods_wp_55 { padding-right: 55px; } .ods_wd_55 { padding-bottom: 55px; } .ods_zg_60 { margin-top: 60px; } .ods_zl_60 { margin-left: 60px; } .ods_zp_60 { margin-right: 60px; } .ods_zd_60 { margin-bottom: 60px; } .ods_wg_60 { padding-top: 60px; } .ods_wl_60 { padding-left: 60px; } .ods_wp_60 { padding-right: 60px; } .ods_wd_60 { padding-bottom: 60px; } .ods_zg_65 { margin-top: 65px; } .ods_zl_65 { margin-left: 65px; } .ods_zp_65 { margin-right: 65px; } .ods_zd_65 { margin-bottom: 65px; } .ods_wg_65 { padding-top: 65px; } .ods_wl_65 { padding-left: 65px; } .ods_wp_65 { padding-right: 65px; } .ods_wd_65 { padding-bottom: 65px; } .ods_zg_70 { margin-top: 70px; } .ods_zl_70 { margin-left: 70px; } .ods_zp_70 { margin-right: 70px; } .ods_zd_70 { margin-bottom: 70px; } .ods_wg_70 { padding-top: 70px; } .ods_wl_70 { padding-left: 70px; } .ods_wp_70 { padding-right: 70px; } .ods_wd_70 { padding-bottom: 70px; } .ods_zg_75 { margin-top: 75px; } .ods_zl_75 { margin-left: 75px; } .ods_zp_75 { margin-right: 75px; } .ods_zd_75 { margin-bottom: 75px; } .ods_wg_75 { padding-top: 75px; } .ods_wl_75 { padding-left: 75px; } .ods_wp_75 { padding-right: 75px; } .ods_wd_75 { padding-bottom: 75px; } .ods_zg_80 { margin-top: 80px; } .ods_zl_80 { margin-left: 80px; } .ods_zp_80 { margin-right: 80px; } .ods_zd_80 { margin-bottom: 80px; } .ods_wg_80 { padding-top: 80px; } .ods_wl_80 { padding-left: 80px; } .ods_wp_80 { padding-right: 80px; } .ods_wd_80 { padding-bottom: 80px; } .ods_zg_85 { margin-top: 85px; } .ods_zl_85 { margin-left: 85px; } .ods_zp_85 { margin-right: 85px; } .ods_zd_85 { margin-bottom: 85px; } .ods_wg_85 { padding-top: 85px; } .ods_wl_85 { padding-left: 85px; } .ods_wp_85 { padding-right: 85px; } .ods_wd_85 { padding-bottom: 85px; } .ods_zg_90 { margin-top: 90px; } .ods_zl_90 { margin-left: 90px; } .ods_zp_90 { margin-right: 90px; } .ods_zd_90 { margin-bottom: 90px; } .ods_wg_90 { padding-top: 90px; } .ods_wl_90 { padding-left: 90px; } .ods_wp_90 { padding-right: 90px; } .ods_wd_90 { padding-bottom: 90px; } .ods_zg_95 { margin-top: 95px; } .ods_zl_95 { margin-left: 95px; } .ods_zp_95 { margin-right: 95px; } .ods_zd_95 { margin-bottom: 95px; } .ods_wg_95 { padding-top: 95px; } .ods_wl_95 { padding-left: 95px; } .ods_wp_95 { padding-right: 95px; } .ods_wd_95 { padding-bottom: 95px; } .ods_zg_100 { margin-top: 100px; } .ods_zl_100 { margin-left: 100px; } .ods_zp_100 { margin-right: 100px; } .ods_zd_100 { margin-bottom: 100px; } .ods_wg_100 { padding-top: 100px; } .ods_wl_100 { padding-left: 100px; } .ods_wp_100 { padding-right: 100px; } .ods_wd_100 { padding-bottom: 100px; } 
	.px10 { font-size: 10px; } .px11 { font-size: 11px; } .px12 { font-size: 12px; } .px13 { font-size: 13px; } .px14 { font-size: 14px; } .px15 { font-size: 15px; } .px16 { font-size: 16px; } .px17 { font-size: 17px; } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: 20px; } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: 24px; } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: 30px; } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; } 

	.koniec {
		clear: both;
	}
	.relative{
		position: relative;
		overflow: hidden;
	}
	.tlo_animacja{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: -1;
		background-repeat: no-repeat;
		background-size: 50vw auto;
		background-position: top right;
	}

	.kenburns-top-right {
		-webkit-animation: kenburns-top-right 20s ease-in-out infinite alternate-reverse both;
		        animation: kenburns-top-right 20s ease-in-out infinite alternate-reverse both;
	}

	@-webkit-keyframes kenburns-top-right {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 84% 16%;
	            transform-origin: 84% 16%;
	  }
	  100% {
	    -webkit-transform: scale(1.1) translate(20px, -15px);
	            transform: scale(1.1) translate(20px, -15px);
	    -webkit-transform-origin: right top;
	            transform-origin: right top;
	  }
	}
	@keyframes kenburns-top-right {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 84% 16%;
	            transform-origin: 84% 16%;
	  }
	  100% {
	    -webkit-transform: scale(1.1) translate(20px, -15px);
	            transform: scale(1.1) translate(20px, -15px);
	    -webkit-transform-origin: right top;
	            transform-origin: right top;
	  }
	}

	.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both;
}

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}




	.kenburns-left {
		-webkit-animation: kenburns-left 20s ease-in-out infinite alternate-reverse both;
		        animation: kenburns-left 20s ease-in-out infinite alternate-reverse both;
	}
	@-webkit-keyframes kenburns-left {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 16% 50%;
	            transform-origin: 16% 50%;
	  }
	  100% {
	    -webkit-transform: scale(1.25) translate(-20px, 15px);
	            transform: scale(1.25) translate(-20px, 15px);
	    -webkit-transform-origin: left;
	            transform-origin: left;
	  }
	}
	@keyframes kenburns-left {
	  0% {
	    -webkit-transform: scale(1) translate(0, 0);
	            transform: scale(1) translate(0, 0);
	    -webkit-transform-origin: 16% 50%;
	            transform-origin: 16% 50%;
	  }
	  100% {
	    -webkit-transform: scale(1.25) translate(-20px, 15px);
	            transform: scale(1.25) translate(-20px, 15px);
	    -webkit-transform-origin: left;
	            transform-origin: left;
	  }
	}


	/** DODATKI **/

	.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
	@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

	/** Menu mobilne **/
		#menu_mobil {
			display: none;
		    position: relative;
		    height: 65px;
		}
		.box_m {
		  border-radius: 2px;
		  transform: translate(-50%, -50%);
		  position: relative;
		  top: 30px;
		  margin: 0 auto;
		}

		.box_m {

		  transform: translate(-50%, -50%);
		  width: 65px;
		  cursor: pointer;
		}

		.box_m span {
		  display: block;
		  width: 100%;
		  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
		  border-radius: 3px;
		  height: 5px;
		  background: #000;
		  /*background-image: url('../img/btn_tlo.jpg');*/
		  transition: all .3s;
		  position: relative;
		}

		span + span {
		  margin-top: 10px;
		}

		.active span:nth-child(1) {
		  animation: ease .7s top forwards;
		}

		.not-active span:nth-child(1) {
		  animation: ease .7s top-2 forwards;
		}

		.active span:nth-child(2) {
		  animation: ease .7s scaled forwards;
		}

		.not-active span:nth-child(2) {
		  animation: ease .7s scaled-2 forwards;
		}

		.active span:nth-child(3) {
		  animation: ease .7s bottom forwards;
		}

		.not-active span:nth-child(3) {
		  animation: ease .7s bottom-2 forwards;
		}

		@keyframes top {
		  0% {
		    top: 0;
		    transform: rotate(0);
		  }
		  50% {
		    top: 22px;
		    transform: rotate(0);
		  }
		  100% {
		    top: 22px;
		    transform: rotate(45deg);
		  }
		}

		@keyframes top-2 {
		  0% {
		    top: 8px;
		    transform: rotate(45deg);
		  }
		  50% {
		    top: 8px;
		    transform: rotate(0deg);
		  }
		  100% {
		    top: 0;
		    transform: rotate(0deg);
		  }
		}

		@keyframes bottom {
		  0% {
		    bottom: 0;
		    transform: rotate(0);
		  }
		  50% {
		    bottom: 8px;
		    transform: rotate(0);
		  }
		  100% {
		    bottom: 8px;
		    transform: rotate(135deg);
		  }
		}

		@keyframes bottom-2 {
		  0% {
		    bottom: 8px;
		    transform: rotate(135deg);
		  }
		  50% {
		    bottom: 8px;
		    transform: rotate(0);
		  }
		  100% {
		    bottom: 0;
		    transform: rotate(0);
		  }
		}

		@keyframes scaled {
		  50% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(0);
		  }
		}

		@keyframes scaled-2 {
		  0% {
		    transform: scale(0);
		  }
		  50% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(1);
		  }
		}


		.arrow-icon {
			display: none;
		    position: relative;
		    cursor: pointer;
		    border-radius: 2px;
		    float: right;
			width: 50px;
			margin-top: -30px;
			height: 20px;
		}

		.left-bar {
		  position: absolute;
		  background-color: transparent;
		  top: 0;
		  left:0;
		  width: 20px;
		  height: 5px;
		  display: block;
		  transform: rotate(35deg);
		  float: right;
		  border-radius: 2px;
		  margin-top: 10px;
		 }

		  .left-bar:after {
		    content:"";
		    background-color: #ccc;
		    width: 20px;
		    height: 5px;
		    display: block;
		    float: right;
		    border-radius: 6px 10px 10px 6px;
		    transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
		    z-index: -1;
		  }


		.right-bar {
		  position: absolute;
		  background-color: transparent;
		  top: 0px;
		  left:13px;
		  width: 20px;
		  height: 5px;
		  display: block;
		  transform: rotate(-35deg);
		  float: right;
		  border-radius: 2px;
		}  

		.right-bar:after {
		    content:"";
		    background-color: #ccc;
		    width: 20px;
		    height: 5px;
		    display: block;
		    float: right;
		    border-radius: 10px 6px 6px 10px;
		    transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
		    z-index: -1;
		  }



		    .open .left-bar:after {
		    transform-origin: center center;
		    transform: rotate(-70deg);
		  }
		  .open .right-bar:after {
		    transform-origin: center center;
		    transform: rotate(70deg);
		  }

	/** Menu mobilne **/