/* Glowne */

	@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,700,700i&subset=latin-ext');

	html, body
	{
		width: 100%;
		height: 100%;

		margin: 0px;
		padding: 0px;
	}

	body
	{
		font-family: "Open Sans", sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: rgb(0,0,0);
		line-height: 180%;

		background-color: rgb(255,255,255);
	}

	.clean
	{
		width: 1px;
		height: 1px;
		font-size: 1px;
		display: block;
		clear: both;
		margin: 0px;
		padding: 0px;
	}

/* Stale */

	h1, h2
	{
		display: block;

		margin: 0px;

		padding: 0px;
		padding-top: 20px;
		padding-bottom: 40px;

		color: rgb(0,0,0);

		font-family: "Open Sans", sans-serif;

		font-size: 1.0rem;
		font-weight: 700;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 100%;
	}

	.contentSubImg h1
	{
		padding-top: 40px;
		padding-bottom: 20px;
	}

	p
	{
		display: block;

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

		padding: 0px;

		text-align: left;
	}

	p.nomargin, .contentMedium p:last-of-type
	{
		margin-bottom: 0px;
	}

	p.noline
	{
		line-height: 0px;
	}

	strong
	{
		font-weight: 700;
	}

	sup
	{
		vertical-align: top;
		font-size: 0.6rem;
	}

	a, a:link, a:visited, a:active
	{
		color: rgb(0,0,0);
		text-decoration: underline;
	}

	a:hover
	{
		color: rgb(105,105,105);
		text-decoration: underline;
	}

	img, iframe
	{
		max-width: 100%;

		border-style: none;
		border-width: 0px;
	}

/* Preloader */
 
	#preloader
	{
		position: fixed;

		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

		background-color: rgb(255,255,255);

		z-index: 999;
	}

	.preloader_animation
	{
		display: block;

		width: 100%;
		height: 100%;

		margin: 0px;
		padding: 0px;

		background-image: url(loader.png);
		background-repeat: no-repeat;
		background-position: center center;
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
	{
	}

/* Tla */

	.bodyTloA, .bodyTloB
	{
		position: absolute;

		top: 0px;
		left: 0px;

		width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.bodyTloA
	{
		height: 100vh;
	}

	.headerTlo, .contentTlo, .footerTlo
	{
		display: block;
		width: 100%;

		margin: 0px;
		padding: 0px;
	}

/* Boxy trzymajace */

	.header, .content, .footer
	{
		display: block;
		width: 100%;

		margin: 0px;
		padding: 0px;
	}

/* Header */

	.header
	{
		height: 115px;
		text-align: center;

		margin-top: 20px;
		margin-bottom: 20px;
	}

	.headerLogo
	{
		display: block;
		float: left;

		width: 153px;
		height: 76px;

		margin: 20px;
		padding: 0px;
	}

	.headerLogo a
	{
		display: block;

		width: 153px;
		height: 76px;
	}

	/* stare logo */

	.headerLogoOld
	{
		display: block;
		float: right;

		width: 75px;
		height: 76px;

		margin: 20px;
		padding: 0px;
	}

	.headerLogoOld a
	{
		display: block;

		width: 75px;
		height: 76px;
	}

	/* jezyki */

	.headerLang
	{
		display: block;
		float: right;

		margin: 20px;
		margin-top: 74px;
		margin-right: 0px;

		padding: 0px;
	}

	.headerLang a
	{
		display: inline-block;

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

		padding: 0px;

		color: rgb(144,144,144);
		font-size: 1.0rem;
		font-weight: 300;
		text-decoration: none;
		text-transform: uppercase;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.headerLang a.selected
	{
		color: rgb(0,0,0);
	}

	.headerLang a:link, .headerLang a:visited, .headerLang a:active, .headerLang a:hover
	{
		text-decoration: none;
	}

	.headerLang a:hover
	{
		color: rgb(66,66,66);
	}

	/* menu */

	.headerMenu
	{
		display: block;
		float: left;

		margin: 20px;
		margin-top: 74px;
		margin-right: 0px;

		padding: 0px;
	}

	.normal
	{
		display: block;

		margin: 0px;
		padding: 0px;
	}

	.normal div
	{
		display: block;
		float: left;

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

		padding: 0px;
	}

	.normal div a
	{
		display: inline-block;

		margin: 0px;
		padding: 0px;

		color: rgb(144,144,144);
		font-size: 1.0rem;
		font-weight: 300;
		text-decoration: none;
		text-transform: uppercase;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.normal div.selected a
	{
		color: rgb(0,0,0);
	}

	.normal div a:link, .normal div a:visited, .normal div a:active, .normal div a:hover
	{
		text-decoration: none;
	}

	.normal div a:hover
	{
		color: rgb(66,66,66);
	}

/* Content */

	.contentMedium
	{
		display: block;

		margin: 0px;
		margin-right: 20px;
		margin-bottom: 0px;
		margin-left: 20px;

		padding: 0px;
	}

	.contentRight,
	.contentLeft
	{
		display: block;
		float: left;

		width: 50%;

		margin: 0px;
		padding: 0px;
	}

	.contentLeft
	{
		max-width: 400px;
	}

	.contentRight.person,
	.contentLeft.person
	{
		max-width: 33.3% !important;
	}

	.contentRight.person
	{
		text-align: center;
	}

	.contentLeft.person
	{
		text-align: center;
	}

	.contentLeft.person h1,
	.contentLeft.person p
	{
		text-align: center;
		padding: 10px;
	}

	.contentRight.person h1,
	.contentRight.person p
	{
		text-align: center;
		padding: 10px;
	}

	.contentLeft.person p,
	.contentRight.person p
	{
	}

	.contentLeft.person p
	{
	}

	.contentCenter
	{
		max-width: 50%;
		text-align: center;

		margin: 0px;
		margin-left: auto;
		margin-right: auto;

		padding: 0px;
	}

	.contentCenter p
	{
		text-align: center;
	}

	.contentMedium.center
	{
		text-align: center;
	}

	.contentMedium.projects
	{
		margin-right: 0px;
		margin-left: 0px;
	}

	.contentColumns
	{
		margin: 0px;

		padding: 0px;
		padding-bottom: 40px;

		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;

		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
	}

	.contentColumns p
	{
		font-size: 14px;
	}

	.contentColumns.home p
	{
		font-size: 14px;
	}

	.contentMasonry
	{
		margin: 0px;
		padding: 0px;
	}

	.contentMasonryItem
	{
		width: calc(20% - 6px);

		margin: 0px;
		margin-right: 6px;
		margin-bottom: 6px;

		padding: 0px;

		line-height: 0px;
	}

	.contentMasonryItem a img
	{
		width: 100%;
	}

	/* sub i pub */

	.contentPub
	{
		display: block;
		float: left;

		width: 25%;
		max-width: 100%;
	}

	.contentPub.big
	{
		width: 30%;
	}

	.contentPub p span
	{
		display: block;

		margin: 0px;
		margin-bottom: 10px;

		padding: 0px;
	}

	.contentSubImg
	{
		display: inline-block;

		margin: 0px;
		margin-right: 6px;
		margin-bottom: 30px;
	}

	.contentSubImg a
	{
		display: block;

		width: 500px;
		height: 500px;

		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.contentSubImg a strong
	{
		display: none;
`	}

	.contentSubImg.last
	{
		margin-right: 0px;
	}

	.contentPub p
	{
		font-size: 0.9rem;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.contentPub p a
	{
		text-decoration: none;
	}

	/* projekty */

	.project
	{
		display: block;
		float: left;

		width: calc(20% - 6px);

		margin: 0px;
		margin-right: 6px;
		margin-bottom: 6px;

		padding: 0px;
	}

	.projectBox
	{
		position: relative;

		width: 100%;
		height: 100%;

		margin: 0px;
		padding: 0px;
	}

	.projectLink, .projectDesc, .projectColo, .projectImag
	{
		position: absolute;

		width: 100%;
		height: 100%;

		top: 0px;
		left: 0px;

		margin: 0px;
		padding: 0px;
	}

	.projectLink a
	{
		display: block;

		width: 100%;
		height: 100%;

		border-bottom-style: none;
		border-bottom-width: 0px;
	}

	.projectColo
	{
		background-color: rgb(59,59,59);

		opacity: 0;
		filter: alpha(opacity=0);
	}

	.projectDesc h2
	{
		display: block;
		float: left;

		color: rgb(255,255,255);
		font-weight: 300;
		font-size: 1.2rem;

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

		padding: 10px;
		padding-right: 15px;
		padding-left: 15px;

		opacity: 0;
		filter: alpha(opacity=0);
	}

	.projectDesc p
	{
		display: block;
		float: left;

		color: rgb(255,255,255);
		font-weight: 300;
		font-size: 0.8rem;

		margin: 20px;
		margin-top: 0px;
		margin-bottom: 0px;

		padding: 10px;
		padding-top: 0px;
		padding-right: 15px;
		padding-left: 15px;

		opacity: 0;
		filter: alpha(opacity=0);
	}

	.projectImag
	{
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	/* paginacja */

	.contentPagination
	{
		display: block;

		max-width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.contentPagination a
	{
		display: inline-block;

		margin: 0px;
		margin-right: 1px;

		padding: 10px;
		padding-right: 21px;
		padding-left: 21px;

		color: rgb(255,255,255);
		font-size: 0.8rem;
		text-decoration: none;

		background-color: rgb(30,202,108);

		border-bottom-style: none;
		border-bottom-width: 0px;
	}

	.contentPagination a:link, .contentPagination a:visited, .contentPagination a:active
	{
		color: rgb(255,255,255);
		text-decoration: none;
	}

	.contentPagination a:hover
	{
		background-color: rgb(92,30,202);
	}

/* Slider */

	.contentSlider
	{
		display: block;

		max-width: 4000px;

		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;

		padding: 0px;
	}

	/* boksy */

	.contentSliderBox, .contentSliderPagination
	{
		position: relative;

		max-width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.contentSliderPage, .contentSliderPageBox, .contentSliderPageTxt
	{
		position: absolute;
		top: 0px;
		left: 0px;

		width: 100%;

		margin: 0px;
		padding: 0px;
	}

	/* tytul */

	.contentSliderPageTxt h1
	{
		position: relative;

		max-width: 100%;
		height: 100%;

		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;

		padding: 0px;

		text-align: left;
	}

	.contentSliderPageTxt h1 span
	{
		position: absolute;
		bottom: 100px;

		margin: 20px;

		padding: 10px;
		padding-top: 5px;
		padding-bottom: 5px;

		font-size: 1.1rem;
		text-transform: uppercase;

		background-color: rgba(255,255,255, 0.9);
	}

	/* paginacja */

	.contentSliderPagination
	{
		max-width: 100%;

		margin-top: -100px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;

		padding: 0px;

		text-align: left;
	}

	.contentSliderPagination span
	{
		display: inline-block;

		width: 20px;
		height: 20px;

		margin: 0px;
		margin-top: 20px;
		margin-right: 10px;

		border-style: solid;
		border-width: 1px;
		border-color: rgb(105,105,105);
		border-radius: 50%;

		background-color: transparent;

		cursor: pointer;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.contentSliderPagination span:first-of-type
	{
		margin-left: 20px;
	}

	.contentSliderPagination span:hover
	{
		background-color: rgb(105,105,105);
	}

	.contentSliderPagination span.active
	{
		background-color: rgb(0,0,0);
		border-color: rgb(0,0,0);
	}

	.contentSliderPagination span.active:hover
	{
		background-color: rgb(105,105,105);
		border-color: rgb(105,105,105);
	}

/* Footer */

	.footer
	{
		margin-bottom: 40px;
	}

	.footerBox
	{
		display: block;
		float: left;

		width: 400px;

		margin: 20px;
		padding: 0px;
	}

	.footerBox p
	{
		font-size: 0.8rem;
		line-height: 170%;
		color: rgb(100,100,100);

		margin: 0px;
		padding: 0px;
	}

/* Modules */

	.modules, .modules form
	{
		display: block;

		margin: 0px;
		padding: 0px;

		text-align: left;
	}

	.modules form input, .modules form textarea
	{
		display: block;

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

		padding: 10px;

		font-family: "Open Sans", sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: rgb(0,0,0);
		text-decoration: none;

		border-style: solid;
		border-width: 1px;
		border-color: rgb(155,155,155);

		background-color: rgb(255,255,255);
	}

	.modules form label
	{
		display: block;

		margin: 0px;

		padding: 0px;
		padding-bottom: 5px;

		font-weight: 700;
		color: rgb(0,0,0);
		text-align: left;
	}

	.modules form label small
	{
		font-weight: 300;
	}

	.modules form img#modulesImg, .modules form span.modulesImgRefresh
	{
		display: block;
		float: left;

		margin: 0px;
		padding: 0px;
	}

	.modules form img#modulesImg
	{
		width: 135px;
		height: 37px;
	}

	.modules form span.modulesImgRefresh
	{
		margin-left: 10px;

		padding-top: 7px;
		padding-bottom: 7px;

		font-weight: 300;
		color: rgb(0,0,0);
		text-align: left;
		text-decoration: underline;

		cursor: pointer;
	}

	.modules form span.modulesImgRefresh:hover
	{
		color: rgb(100,100,100);
	}

	.modules form input.modules_imie_i_nazwisko
	{
		width: 350px;
	}

	.modules form input.modules_adres_email
	{
		width: 250px;
	}

	.modules form input.modules_captcha
	{
		width: 150px;
	}

	.modules form textarea.modules_tresc_wiadomosci
	{
		width: 570px;
		height: 100px;

		resize: none;
		overflow: hidden;
	}

	.modules form input.modules_submit
	{
		margin-bottom: 20px;

		color: rgb(255,255,255);

		border-color: rgb(0,0,0);
		background-color: rgb(0,0,0);
	}

	.modules form input,
	.modules form textarea
	{
		max-width: calc(100% - 20px);
	}

@media only screen and (max-width: 1190px)
{
	.preloader_animation
	{
		background-size: 50%;
	}

	.header
	{
		height: auto;
		text-align: left;
	}

	.headerLang
	{
		float: left;

		margin-top: 20px;
		margin-right: 20px;
	}

	.headerMenu
	{
		margin-top: 20px;
		margin-right: 20px;
	}

	.headerLogoOld
	{
		display: none;
	}

	.contentMasonryItem, 
	.project
	{
		width: calc(33.3% - 6px);
	}

	.contentPub
	{
		width: 40%;
	}

	.contentSubImg a
	{
		width: 350px;
		height: 350px;
	}
}

@media only screen and (max-width: 900px)
{
	.contentMasonryItem, 
	.project
	{
		width: calc(50% - 6px);
	}

	.contentPub
	{
		float: none;
		width: 100%;
	}

	.contentSubImg
	{
		display: block;
	}

	.contentSubImg a
	{
		width: 100%;
		height: 100%;
	}

	.contentColumns
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;

		-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
		column-gap: 0px;
	}

	.contentRight.person,
	.contentLeft.person
	{
		max-width: 100% !important;
	}

	.contentLeft.person,
	.contentRight.person
	{
		text-align: left;
	}

	.contentLeft.person h1,
	.contentLeft.person p
	{
		text-align: left;
		margin-right: 0px;
	}

	.contentRight.person h1,
	.contentRight.person p
	{
		text-align: left;
		margin-left: 0px;
	}

	.contentLeft.person p,
	.contentRight.person p
	{
		display: block;
		max-width: 100%;
	}

	.contentLeft.person p
	{
		float: none;
		clear: both;
	}

	.contentCenter
	{
		max-width: 100%;
		text-align: left;

		margin: 0px;
		padding: 0px;
	}

	.contentCenter p
	{
		text-align: left;
	}

	.footerBox
	{
		display: block;
		float: none;

		max-width: 100%;

		margin: 0px;
		padding: 0px;
	}

	.footerBox p
	{
		padding: 20px;
	}
}

@media only screen and (max-width: 700px)
{
	.contentRight,
	.contentLeft
	{
		float: none;

		width: 100%;
	}

	.contentLeft
	{
		max-width: auto;
	}
}

@media only screen and (max-width: 400px)
{
	.contentMasonryItem, 
	.project
	{
		width: 100%;
		margin-right: 0px;
	}

	.contentSubImg a
	{
		width: 100px;
		height: 100px;
	}
}