a,a:focus, a:active, button {
	outline: none;
}
#preloader {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;overflow: visible;background: #fff url("../img/loader.gif") no-repeat center center;}
.blue {
	color: #3c7b9e;
}
#home-bg {
	background: url(../img/tlo.jpg) 50% 50%;
	background-size: cover;
	height: 100vh;
}
#home-info {
	padding: 1em;
	background: rgba(255,255,255,0.6);
	position: absolute;
	width: 20em;
	text-align: center;
	left: 50%;
	margin-left: -10em;
	margin-top: -5em;
	top:50%;
}
#home-info p {
	padding: 2em;
}
/*
	TOP BAR
*/
#top-bar {
	/*background: rgba(60, 123, 158,0.5);*/
	position: absolute;
	width: 100%;
	z-index: 9999;
	height: 6em;
	display:block;
}
.logo {
	padding: .5em 0;
}
/*
	MAIN MENU	
*/
#mm {
	font-size: 2.2em;
	color: #fff;
	margin: 1em 0 0 1em;
}
.main-menu-phone {
	margin-left: 2em;
}
.main-menu-phone a {
	display: inline-block;
	background: #fff;
	line-height: 2em;
	padding: .3em .5em 0 .5em;
	border-radius: .2em;
}
.main-menu-phone i {	
	font-size: 2em;	
	color: #222;
}
#mm:hover {
	cursor: pointer;
}
nav {
	background: #fff;
}
#main-menu {	
	display: none;
	margin: 0;
	padding: 0;
}
#main-menu li {		
	padding: 0 2em;
	list-style: none;
}
#main-menu li a {
	display: block;
	color: #222;	
	font: 600 1.4em 'Khand', sans-serif;
	padding: .5em 0;
	border-top: 1px solid #e5e5e5;
	text-align: center;
}
#main-menu li:first-Child a {
	border-top: none;
}
#main-menu li a:hover {
	background: #3c7b9e;
	color: #fff;
}
/*
	HOME PAGE
*/
header#homePage {
	position: relative;
	height: 100vh;
}
.slide1 {
	background: url(../img/home-bg3.jpg) 50% 50%;
	background-size: cover;	
	position: absolute;	
	width: 100%;
	height: 100%;
	animation:fade 10s infinite;
	-webkit-animation:fade 10s infinite;
}
.slide2 {
	background: url(../img/home-bg2.jpg) 50% 50%;
	background-size: cover;	
	position: absolute;	
	width: 100%;
	height: 100%;
	animation:fade2 10s infinite;
	-webkit-animation:fade2 10s infinite;
}

@keyframes fade
{
	0%   {opacity:1}
	50% { opacity: 0}	
	100% { opacity: 1}
}
@keyframes fade2
{
	0%   {opacity:0}
	50% { opacity: 1}	
	100% { opacity: 0}
}

.home-claim {
	position: relative;	
	color: #fff;
	text-shadow: 1px 1px 3px rgb(28, 53, 119);
	font: 600 2em 'Khand',sans-serif;
	line-height: 1.1em;
	top: 35vh;
} 
.home-claim span {
	display: block;
	font-weight: 400;
	font-size: .8em;
}
#home-sub {
	position: relative;
	top: -7em;
	background: #fefefe;
	border-top: .5em solid #3c7b9e; 
	margin-bottom: -3em;
}
.panel-dark {
	padding: 2em;
	border-radius: .5em;
	background: rgba(28, 53, 119, 0.7);
}
.page-header {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	padding: 1em 0 .5em 0;
}
.page-header span {
	font-weight: 700;	
}
.komp {
	display:block;
	height: 15em;	
	background-size: cover;
	position:relative;
}
.sieci-teleinf {
	background: url(../img/komp-sieci-teleinf.jpg) 50% 50% no-repeat;
}
.automatyka {
	background: url(../img/komp-automat.jpg) 50% 50% no-repeat;
}
.elektr {
	background: url(../img/komp-elektr.jpg) 50% 50% no-repeat;
}
.niskoprad {
	background: url(../img/komp-niskoprad.jpg) 50% 50% no-repeat;
}
.serwis {
	background: url(../img/komp-serwis.jpg) 50% 50% no-repeat;
}
.pomiary {
	background: url(../img/komp-pomiary.jpg) 50% 50% no-repeat;
}
.odgromowe {
	background: url(../img/komp-odgromowe.jpg) 50% 50% no-repeat;
}
.domy {
	background: url(../img/komp-domy-mieszkania.jpg) 50% 50% no-repeat;
}
.komp span {
	display: inline-block;
	position:absolute;
	top: 50%;
	left: 5em;
	color: #fff;
	font-weight:700;
	padding: .2em;
	background: rgba(0,0,0,0.6);
}
.h-realizacje-title {
	font-weight: 700;
	font-size: 1.1em;
}
.h-realizacje-intro {
	text-align: justify;
	font-size: .875em;
}
.h-realizacje-info {
	padding: 1em 0;
	font-size: .75em;
	color: #565656;
}
/*
	FOOTER
*/
footer {
	padding: 2em 0 0;
	background: #3c7b9e;
	color: #fff;
}
footer h5 {
	font-weight: 700;
	text-transform: uppercase;
}
footer ul li {
	list-style: none;	
}
footer ul li a,
footer p{
	font-size: .8275em;
	font-weight: 700;
	display:block;
	text-align:center;
	color: #fff;
}
footer a:hover {
	color: #bbdef9;
}
#footer-sub {
	padding: 1em 0;
	background: #374d52;
	font-size: .75em;
	font-weight: 700;
}
.design {
	text-align:right;	
}
.design a {
	color: #d8eeff;
}
/*
	PAGE
*/
#ofertaPage {
	background: url(../img/home-bg3.jpg) 50% 50%;
	background-size: cover;
	height: 40vh;
}
.oferta-item {	
	padding: 2em 0;
}
hr.page-sub {	
	border-width: 3px;
	border-color: #1d7bc6;
	background: #1d7bc6;
}
/*
	PORTFOLIO
*/
.portfolio-link {
	border: 1px solid #e5e5e5;
	display: block;	
}
.portfolio-link:hover {
	box-shadow: 3px 3px 5px #f4f4f4;
}
.portfolio-item {
	background-size: cover;		
	min-height: 10em;
	position: relative;
}
.portfolio-title {
	background: #3c7b9e;
	font: 600 1.2em 'Khand', sans-serif;
	color: #fff;
	padding: .2em 1em;
}
.portfolio-date {
	display: inline-block;
	padding: .3em 1em;
	font: 600 .9em 'Khand', sans-serif;
	background: #fff;
	border-left: 1px solid #fff;
	margin-left: -1px;
}
.portfolio-kat {	
	font-size: .75em;
	padding: 1em 0 .5em 0;
	color: #565656;
}
.page-breadcrumbs {
	display:block;
	width: 100%;
}
.page-breadcrumbs ul {
	margin: -1em 0 0;
	padding: 0;
}
.page-breadcrumbs li {
	list-style: none;
	font-size: .75em;
	float: left;
	padding: 0;
}
.page-breadcrumbs li:after{
	content: "/";
	padding: 0 1em;
}
.page-breadcrumbs li:last-Child:after{
	content: none;
}
.page-content {
	clear: both;
	padding-top: 2em;
}
@media screen and (min-width: 40em) {
	nav {
		background: transparent;
	}
	#main-menu {
		display: inherit;
		margin-top: 2em;
	}
	#main-menu li {
		line-height: 6em;
		float: left;
		padding: 0 2em;
		list-style: none;
	}
	#main-menu li a {
		display: block;
		padding: 0;
		color: #fff;
		border-top: none;		
	}
	#main-menu li a:hover {
		color: #f5f5f5;
		background: none;
	}
	.home-claim {
		position: relative;	
		color: #fff;
		text-shadow: 1px 1px 3px rgb(28, 53, 119);
		font: 600 4em 'Khand',sans-serif;
		line-height: 1.1em;
	} 
	.slide1 .home-claim {
		top: 25vh;
	}
	.slide2 .home-claim {
		top: 45vh;
	}
}