.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.text-right {
	text-align: right;
}

.bg {
	width: 960px;
	margin: 0px auto;
	position: relative;
}

.hr {
	color: #8b8b8b;
	background-color: #e6e6e6;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 10px 0;
	padding: 0;
}

strong {
	font-weight: 700 !important;
}

h3 a {
	color: #000 !important;
}

#hamburder {
	display: none;
}

#header-links {

}
#header-links a {
	color: #2441fb;
}
#header-links a.facebook {
	position: absolute;
	top: 32px;
	right: 40px;
}

/* header */
#logo {
	padding: 10px 0;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}
#logo:hover {
	opacity: .8;
}

#menu {
	display: inherit;
	margin: 0 0 20px 0;
}

.menu, .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	display: block;
	float: left;
	width: 20%;
	/*border-left: 1px solid #e6e6e6;*/ 
}
.menu li.noborder {
	border: 0;
}
.menu li ul {
	margin: 0;
}
.menu li ul li {
	display: block;
	border: 0;
	paddibg: 0;
}
.menu a {
	font-size: 17px; 
	text-transform: uppercase;
	margin: 2px 8px;
	padding-right: 30px;
	display: block;
	color: #8b8b8b;
}
.menu a.active,
.menu a.active:hover,
.menu a:hover {
	color: #000000;
	font-weight: bold;
}
.menu.submenu {
	padding-top: 10px;
}
.menu.submenu {
	border-top: 1px solid #e6e6e6;
	margin-top: 10px;
}
.submenu a {
	line-height: 110%;
	/*color: #434343;*/
	color: #8b8b8b;
}

/* pracownik */
#pracownicy {
	padding-top: 30px;
}
.pracownik {
	width: 25%;
	float: left;
}
.pracownik img {
	max-width: 100%;
}
.pracownik .nazwa {
	font-weight: bold;
	font-size: 18px;
	position: relative;
	top: 5px;
}
.pracownikk {
	padding: 0 5px;
}

/* projekty */
.projekt-row {
	width: 20%;
	position: relative;
	float: left;
}
.projekt-row.projekt-row-pion {
	text-align: center;
}
.projekt-row img {
	/*width: 190px;
	height: 125px;*/
	width: 100%;
	max-width: 100%;
	height: auto;
	opacity: 1;
}
.projekt-row.projekt-row-pion img {
	/*width: auto;
	height: 165px;*/
	margin: 0 auto;
}
.projekt-row:hover img {
	opacity: 0;
}
.projekt-nazwa {
	padding: 20px 0 10px;
	font-size: 20px;
	text-transform: uppercase;
}
.projekt-szczegoly {
	padding-top: 10px;
}
.projekt-row-row {
	border: 1px solid #fff;
	display: block;
}
.projekt-row-data {
	position: absolute;
	top: 0;
	left: 5px;
	right: 5px;
	bottom: 0;
	display: none;
	z-index:10;
}
.projekt-row:hover .projekt-row-data {
	display: block;
}
.projekt-row:hover .projekt-row-row {
	color: #8b8b8b;
	text-transform: uppercase;
}

.projekt-szczegoly-row {
	padding-bottom: 10px;
}
.projekt-szczegoly-row-1 {
	width: 25%;
	float: left;
}
.projekt-szczegoly-row-2 {
	width: 75%;
	float: left;
}

#bx-pager a {
	display: block;
	width: 25%;
	float: left;
	opacity: .5;
	box-sizing: border-box;
	padding: 2px;
}
#bx-pager a.active {
	opacity: 1;
}
#bx-pager a img {
	max-width: 100%;
	height: auto;
}

.bx-wrapper {
	box-shadow: none;
	border: 0;
	margin-bottom: 20px;
}
.projekt-image img {
	border: 2px solid #fff;
}

#archive .width-50p {
	width: 50%;
}
#archive .width-33p {
	width: 33%;
}
#archive .width-25p {
	width: 25%;
}
#archive .archive-center {
	float: left;
	text-align: center;
}
#archive .archive-center span {
	display: block;
	text-align: center;
	height: 50px;
	padding-top: 5px;
	line-heigth: 15px;
}
#archive .archive-center a {
	color: black;
}
#archive .archive-center a:hover {
	color: silver;
}

.gallery2-row-img {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.gallery2-row-desc {
	float: left;
	width: 70%;
}

.menu a.activeborder,
	.menu a.activeborder:hover {
		font-weight: bold;
		color: #000 !important;
	}

/* foot */
#foot{
	font-size: 14px;
	color: #555;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#foot a {
	color: #555;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
#foot a:hover {
	color: #2945fb;
}

/* cookie */
#cookie-foot {
	font-size: 14px;
	color: #555;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: right;
	opacity: .5;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    line-height: 130%;
    text-align: justify;
}
#cookie-foot:hover {
	opacity: 1;
}
#cookie-foot a {
	color: #555;
	-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
#cookie-foot a:hover {
	color: #2945fb;
}

.mobile-submenu {
	display: none;
}

.jq-toogle-projectsm {
	display: none !important;
}

@media (min-width: 1001px) 
{
	.arch-clear-5,
	.arch-clear-10,
	.arch-clear-15,
	.arch-clear-20,
	.arch-clear-25,
	.arch-clear-30,
	.arch-clear-35,
	.arch-clear-40,
	.arch-clear-45,
	.arch-clear-50 {
		clear: both;
		display: block;
	}
}

@media (max-width: 1000px) and (min-width: 701px) 
{
	.arch-clear-4,
	.arch-clear-8,
	.arch-clear-12,
	.arch-clear-16,
	.arch-clear-20,
	.arch-clear-24,
	.arch-clear-28,
	.arch-clear-32,
	.arch-clear-36,
	.arch-clear-40,
	.arch-clear-44,
	.arch-clear-48 {
		clear: both;
		display: block;
	}
}
@media (max-width: 700px) and (min-width: 401px) 
{
	.arch-clear-3,
	.arch-clear-6,
	.arch-clear-9,
	.arch-clear-12,
	.arch-clear-15,
	.arch-clear-18,
	.arch-clear-21,
	.arch-clear-24,
	.arch-clear-27,
	.arch-clear-30,
	.arch-clear-33,
	.arch-clear-36,
	.arch-clear-39,
	.arch-clear-42,
	.arch-clear-45,
	.arch-clear-48 {
		clear: both;
		display: block;
	}
}
@media (max-width: 400px)
{
	.arch-clear-2,
	.arch-clear-4,
	.arch-clear-6,
	.arch-clear-8,
	.arch-clear-10,
	.arch-clear-12,
	.arch-clear-14,
	.arch-clear-16,
	.arch-clear-18,
	.arch-clear-20,
	.arch-clear-22,
	.arch-clear-24,
	.arch-clear-26,
	.arch-clear-28,
	.arch-clear-30,
	.arch-clear-32,
	.arch-clear-34,
	.arch-clear-36,
	.arch-clear-38,
	.arch-clear-40,
	.arch-clear-42,
	.arch-clear-44,
	.arch-clear-46,
	.arch-clear-48,
	.arch-clear-50,
	.arch-clear-52 {
		clear: both;
		display: block;
	}
}

@media (max-width: 1000px) 
{
	#cookie-foot {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 960px) 
{
	.bg {
		width: 100%;
	}
	
	#logo {
		border: 0;
		margin-bottom: 0;
	}
	#logo > div {
		padding: 0 0 0 30px;
	}
	
	#hamburder {
		display: inherit;
		position: absolute;
		top: 33px;
		right: 30px;
	}
	
	.menu a.activeborder,
	.menu a.activeborder:hover {
		font-weight: bold;
		color: #000 !important;
	}
	
	#menu {
		position: absolute;
		top: 75px;
		right: 0;
		z-index: 999;
		background-color: #fff;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		width: 320px;
		display: none;
	}
	.jq-toogle-projects {
		display: none !important;;
	}
	.jq-toogle-projectsm {
		display: inherit !important;;
	}
	.menu.submenu {
		display: none !important;
	}
	.mobile-submenu.active {
		display: inherit;
	}
	.menu li,
	.menu li ul li {
		display: block;
		width: 100% !important;
		padding-top: 5px;
		padding-bottom: 5px;
		border: 0;
		border-top: 1px solid #e6e6e6 !important;
	}
	.menu li ul {
		margin-top: 7px;
	}
	.menu li ul li a {
		padding-left: 20px;
	}
	.menu li:first-child {
		border: 0;
	}
	.menu li.noborder {
		padding-left: 20px;
		border-top: 1px solid #e6e6e6;
	}
	
	#main-image {
		margin-left: -20px;
		margin-right: -20px;
	}
	#main-image img {
		max-width: 100%;
		height: auto;
	}
	#header-links {
		display: none;
	}
	
	.content {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.pracownik {
	    width: 33%;
	}
	
	.projekt-row {
		width: 25%;
		height: auto;
		overflow: hidden;
	}
	.projekt-row img {
		width: 100%;
		height: auto;
	}
	
	.projekt-szczegoly-row-1,
	.projekt-szczegoly-row-2 {
		width: 50%;
	}

	#foot {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 850px) 
{
	#archive img {
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 100% !important;
	}	
	
	.menu a:hover {
		color: #8b8b8b;
		font-weight: normal;
	}
}
@media (max-width: 700px) 
{
	#static-content,
	#form {
		width: 100% !important;
	}
	
	#logo img {
		max-width: 250px;
		height: auto;
		padding: 25px 0;
	}
	
	.pracownik {
	    width: 50%;
	}
	
	.projekt-row {
		width: 33%;
	}
	
	.projekt-szczegoly-row-1,
	.projekt-szczegoly-row-2 {
		width: 100%;
	}
	
	#archive .width-33p {
		width: 50% !important;
	}
}
@media (max-width: 500px) 
{
	.gallery2-row-img {
		float: none;
		width: 100%;
	}
	.gallery2-row-img img {
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 100% !important;
	}
	
	.gallery2-row-desc {
		float: none;
		width: 100%;
	}
}
@media (max-width: 400px) 
{
	.pracownik {
	    width: 100%;
	}
	
	.projekt-row {
		width: 50%;
	}
	.gallery2-row-img {
		width: 100%;
		float: none;
	}
	.projekt-row {
		width: 50%;
	}
}