/* Podstawowe style */



body {

	padding-top: 0px;

	font-family: 'Segoe UI', Verdana, Geneva, sans-sefir;

	background: #3d4c53;

	font-size: 20px;

	line-height: 28px;

}



p {

	margin: 15px 0;

	color: #eee;

}



p.ciemny{

	color: #3d4c53;

}



ul, li{

	color: #eee;

}



.widget-title > * {

	font-size: 24px;

	line-height: 30px;

	letter-spacing: 1px;

}



.subsection-header > *, .widget-title > * {

	color: #e64a45;

	display: inline-block;

	font-weight: bold;

	font-size: 36px;

}





h3 {

	font-size: 20px;
	color: #fff;
	line-height: 24px;

	font-weight: bold;
}

h2{
	color: #fff;
	font-size: 26px;
}


.address h3{

	font-size: 36px;

	color: #eee;

}



a {

	outline: none !important;

}



/* Naglowek */

#header {

	background: #fff;

	padding: 22px 0 39px;

	position: fixed;

	z-index: 999999;

	top: 0;

	left: 0;

	width: 100%;

	font-weight: bold;

}



#logo img {

	float: left;
	margin-top: 12px;
	display: block;

}



.select-menu {

	display: none;

}



#header nav ul {

	float: right;

	margin: 13px 0 0;

}



#header nav li {

	list-style-type: none;

	float: left;

	margin-left: 20px;

}



#header a {

	color: #3d4c53;

	font-size: 17px;

}



#header a:hover, #header .active-menu-item a {

	text-decoration: none;

	color: #e64a45;

}



/* slider */



#slider {

	overflow: hidden;
	
	margin-bottom: -60px;

}



#slider h1 {

	padding: 0;

	background: none;

	position: absolute;

	top: 240px;

	left: 0;

	right: 0;

	color: #3d4c53;

	font-size: 50px;

	line-height: 85px;

	margin: 0 100px;

	text-align: center;

	font-family: 'Segoe UI', Verdana, Geneva, sans-sefir;

	font-weight: normal;

	text-shadow: 1px 1px #fff;

	letter-spacing: -.05em;

}



#slider h2 {

	padding: 0;

	background: none;

	position: absolute;

	top: 370px;

	left: 0;

	right: 0;

	color: #3d4c53;

	font-size: 36px;

	line-height: 85px;

	margin: 0 100px;

	text-align: center;

	font-family: 'Segoe UI', Verdana, Geneva, sans-sefir;

	font-weight: normal;

	text-shadow: 1px 1px #fff;

	letter-spacing: -.05em;

}





.flex-control-nav li {

	list-style: none outside none;

}



.flex-control-paging li a {

	background: none repeat scroll 0% 0% #CCC !important;

	width: 20px;

	height: 20px;

	border: #fff 2px solid;

}



.flex-control-paging li a.flex-active {

	background: none repeat scroll 0% 0% #e64a45 !important;

	width: 20px;

	height: 20px;

}



.flexslider {

	border: none;

	background: #fff;

	box-shadow: none;

}



.flex-control-nav {

	bottom: 60px;

	margin: 0;

}



/* zawartosc */



article {

	padding-top: 80px;

	padding-bottom: 80px;

}



article:first-child {

	border: none;

}



article.portfolio{

	background: #fff;

}



article.content {

	background: #fff;

}



.subsection-header, #footer .widget-title {

	padding-bottom: 10px;

}



.subsection-header h2 {

	min-width: 190px;

}



.subsection-header h2, #footer .widget-title > * {

	margin: 0;

}



/* Usługi */

.services-list {

	border-top: #e9e9e9 1px dashed;

	margin-top: 67px;

	

}



.services-item {

	font-size: 18px;

	line-height: 25px;

}



.services-item img {

	margin: 0 auto;

	display: block;

}



.services-item-desc {

	padding: 52px 15px;

	border-top: #e9e9e9 1px dashed;

	text-align: center;

	font-size: 18px;

	line-height: 25px;

}



.width-one-third {

	width: 33.1111%;

	float: left;

}



/* Portfolio i najnowsze prace */

.portfolio-items, .latest-works-items {

	margin: 76px 0 39px;

}



.portfolio-items dl, .latest-works-items dl {

	margin-top: 0;

	margin-bottom: 39px;

}



.portfolio-items dd, .latest-works-items dd {

	margin: 0;

	background: #fff;

	text-align: center;

	font-size: 20px;

	padding: 16px 0 17px;

	box-shadow: 0 1px #e4e4e4;

}



.portfolio-items a:hover {

	opacity: 0.7;

}



.latest-works-items dd {

	padding: 18px 0 16px;

	font-size: 17px;

}



.latest-works-items dd h3 {

	margin: 0;

	color: #eee;

}



.latest-works-items p {

	margin-top: 4px;

	margin-bottom: 19px;

}



/* Zobacz nas */



.social-media {

	overflow: hidden;

	margin: 82px 0 75px;

	padding: 0;

}



.social-media a:hover {

	opacity: 0.7;

}



.social-media li {

	list-style-type: none;

	float: left;

	width: 82px;

	margin: 0 44px;

}



.social-media li:first-child {

	margin-left: 0;

}



.social-media li:last-child {

	margin-right: 0;

}



/* klienci */

.client-items {

	margin: 78px 0 23px;

}



.client-items img {

	display: block;

	margin: 0 auto 55px;

}



/* kontakt */



.address{

	text-align: left;

	font-size: 18px;

	line-height: 25px;

}



.address p {

	margin: 25px 0;

}



.address form {

	margin: 30px 0 70px;

}



.address a{

	color: #e64a45;

}



.address a:hover{

}



textarea {

	line-height: 24px;

	padding: 18px;

	width: 100%;

	text-indent: 0;

}



.textarea-container {

	margin: 0 18px;

}



.textarea-container textarea {

	margin-left: -18px;

}



#contact textarea {

	width: 344px;

	height: 100px;

}



/*Stopka */

#footer {

	background: #fff;

	color: #666;

}



#footer p {

	margin: 25px 0;

}



#copyright {

	background: #fff;

	padding: 20px 0 0;

	height: 80px;

	color: #666;

	font-size: 15px;

	line-height: 62px;

}



.widget-content p {

	font-size: 18px;

	line-height: 25px;

}



.widget-title > * {

	width: 100%;

	padding-left: 0;

	padding-right: 0;

}



/* media queries */

@media (min-width: 768px) and (max-width: 979px) {

	#header nav li {

		margin-left: 20px;

	}

	#slider h1 {

		font-size: 42px;

		line-height: 48px;

		top: 34px;

	}

	.social-media li {

		margin: 0 22px;

	}

	#contact textarea {

		width: 254px;

	}

	#map img {

		max-width: 100%;

	}

}



@media (max-width: 767px) {

	body {

		padding: 0;

	}

	#header {

		position: relative;

	}

	#header nav {

		display: none;

	}

	.select-menu {

		display: block;

		width: 100%;

		margin-top: 12px;

		padding: 1px 0 0;

	}

	

	.container {

		margin: 0 20px;

	}

	#logo img {

		float: none;

		margin: 0 auto 24px;

	}

	#slider h1 {

		font-size: 26px;

		line-height: 30px;

		top: 36px;

		margin: 0;

	}

	.services-list {

		margin: 40px 0 30px;

	}

	.subsection-header, .widget-title {

		margin-top: 16px;

		margin-bottom: 20px;

	}

	.width-one-third {

		width: 100%;

	}

	.social-media {

		text-align: center;

	}

	.social-media li, .social-media li:first-child, .social-media li:last-child {

		margin: 10px;

		display: inline-block;

		float: none;

	}

	.portfolio-items img, .latest-works-items img {

		width: 100%;

		margin: 0 auto;

	}

	#map img {

		max-width: 100%;

	}

	#contact textarea {

		width: 100%;

	}

}



@media (max-width: 480px) {

	#slider h1 {

		font-size: 25px;

		line-height: 27px;

		top: 10px;

	}

	.flex-control-paging li a {

	width: 14px;

	height: 14px;

}



	.flex-control-paging li a.flex-active {

	width: 14px;

	height: 14px;

	}

	.flex-control-nav {

		bottom: 16px;

	}

}









/****************************************************************/



fieldset,form,label,legend,table, img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

input:focus,input:active{outline:none;}

textarea:focus,textarea:active{outline:none;}

.cf:before,.cf:after{content:" ";display:table;}

.cf:after{clear:both;}

.ir{border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent;}

.ht{position:absolute;top:-10000px;left:-10000px;}

.form-success{background-color:#6cbf40;padding:10px;font-size:15px;color:#ffffff;line-height:1.4em; margin-top:20px;}

#contactform{margin-bottom: 10px; margin-top: 0px;}

#contactform .form-error{background-color:#4ab2d6;padding:10px;font-size:15px;color:#ffffff;margin-bottom:15px;line-height:1.4em; margin-top:20px;}

#contactform fieldset{width: 100%;}

#contactform fieldset label{display:block;font-size:15px;color:#46494f;margin-bottom:12px;}

#contactform fieldset input[type=text],

#contactform fieldset input[type=email]{font-family:Roboto,sans-serif;color:#acb4bd;font-size:14px;border:1px solid #d8dee5;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);padding:9px 14px;width:100%;max-width:100%;box-sizing:border-box;-moz-box-sizing:border-box;height:35px;margin-bottom:10px;}

#contactform fieldset input[type=text]:hover,#contactform fieldset input[type=email]:hover{color:#61656d;border-color:#acb4bd;}

#contactform fieldset input[type=text]:focus,#contactform fieldset input[type=email]:focus{color:#61656d;border-color:#196abc;}

#contactform fieldset textarea{font-family:Roboto,sans-serif;color:#acb4bd;font-size:14px;border:1px solid #d8dee5;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.1);padding:9px 14px;width:100%;max-width:100%;box-sizing:border-box;-moz-box-sizing:border-box;height:220px;margin-bottom:10px;resize:none;}

#contactform fieldset textarea:hover{color:#61656d;border-color:#acb4bd;}

#contactform fieldset textarea:focus{color:#61656d;border-color:#196abc;}

#contactform fieldset .form-field-error{color:#ff6600;font-style:italic;font-size:12px;margin-bottom:15px;margin-top:-5px;line-height:1.3em;}

#contactform fieldset input[type=submit]{background: #e64a45;border:none;font-size:14px;color:#ffffff;cursor:pointer;padding:9px 14px;box-sizing:border-box;-moz-box-sizing:border-box; width: 150px;}

#contactform fieldset input[type=submit]:hover{background:#e35a64;}

#contactform fieldset input[type=submit]:active{background:#e35a64;}

#contactform fieldset input[type=hidden]{display:none;}

#contactform fieldset input[name=contact_check] {

	width: 50px;

    text-align: center;

    vertical-align: 2px;

}

#contactform fieldset input[type=submit] {

    float: right;

}