/* CSS Document */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:unset;}
img.logo {margin-top: -30px;}

/*-----------------------MENU ------------------------------*/
.active2{background-color:#e7e7e7;}
.navbar-default {background-color:#fff;}
.navbar-default .navbar-nav > li > a {color:#000}

.h1, h1 {font-size:20px;}
.zdjecie-full{padding-left:0px;padding-right:0px;}
.navbar {min-height: 140px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top:30px;}
@media (max-width: 1353px) {
  .navbar-default .navbar-nav > li > a {font-size:12px;}
  .nav > li > a {padding:15px 10px;}
}
@media (min-width: 768px) and (max-width: 1140px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        margin-top:50px;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
/*=======================intro section========================*/

#intro{ background-size:cover; 
		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background:url(../gfx/heder-bg.jpg) no-repeat; }

.intro-section {
    height: 426px;
	
}

/*------------------ O firmie -----------------------*/



#ofirmie { background-color:#f3f3f; font-family: 'Open Sans', sans-serif;}
#ofirmie h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
		
	}
#ofirmie h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:100%;
	bottom:0px;
	background:#bfbfbf;
	top:50px;
	
	}
	/*	
#ofirmie h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:49px;
		background:#143756;
		left:calc(50% - 10%);	
	}*/
	
h1.second{margin-top:70px;}
.about-section {padding-top: 50px;height:80%;}
#ofirmie .content{font-weight:300; font-size:16px;line-height:1.6;padding-top:30px;}

/*------------------ Sieci -----------------------*/
#sieci .content p, #sieci h1{padding:5%;}
#sieci h2 {padding:10px 25px;;}
#sieci{font-family: 'Open Sans', sans-serif;}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
#sieci h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	font-size:20px;
	}
#sieci h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:60%;
	bottom:0px;
	background:#bfbfbf;
	top:80px;
	left:calc(50% - 30%);
	}	
/*#sieci h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:79px;
		background:#143756;
		left:calc(50% - 10%);	
	}*/
#sieci h2{	text-transform:uppercase;
	font-size:18px;}
#sieci .content{font-weight:300; font-size:16px;line-height:1.4;padding-top:30px;}

#sieci .content p {padding:0px 25px;}
#sieci .content ul {font-size:14px;}
.bg-aside {
    position: relative;
}
.bg-aside .img-wrap {
    bottom: 0;
    top: 0;
    overflow: hidden;
    position: absolute;
}

.bg-aside .img-wrap img { 
 height: 100%;
 width: auto;}



.pull-md-right {
    float: right;
}
.text-md-center {text-align: center;}
.text-md-left {text-align: left;}
  /*------------------ systemy alarmowe -----------------------*/
#systemyalarmowe .content p, #systemyalarmowe h1{padding:5%;}
#systemyalarmowe h2 {padding:10px 25px;}
#systemyalarmowe {font-family: 'Open Sans', sans-serif;}
#systemyalarmowe h2{	text-transform:uppercase;
	font-size:18px;}
#systemyalarmowe .content{font-weight:300; font-size:16px;line-height:1.4;padding-top:30px;}

#systemyalarmowe .content p {padding:0px 25px;}
#systemyalarmowe .content ul {font-size:14px;}
  #systemyalarmowe h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	font-size:20px;
	}
#systemyalarmowe h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:60%;
	bottom:0px;
	background:#bfbfbf;
	top:80px;
	left:calc(50% - 30%);
	}	
/*#systemyalarmowe h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:79px;
		background:#143756;
		left:calc(50% - 10%);	
	}*/
#systemyalarmowe .bg-aside .img-wrap-right {
    bottom: 0;
    top: 0;
   	left:50%;
	  right:0;
        overflow: hidden;
    position: absolute;
	background:#143756;
}
#systemyalarmowe .bg-aside .img-wrap-right img { 
 height: 100%;
 width: auto;
 }
 
 @media all and (max-width: 1290px) and (min-width: 1145px) {
#systemyalarmowe .bg-aside .img-wrap-right img { 
 height: 80%;
 width: auto;
 }
 
	 }
 @media all and (max-width: 1144px) and (min-width: 990px) {
#systemyalarmowe .bg-aside .img-wrap-right img { 
 height: 67%;
 width: auto;
 }
 
	 }
 
 
.pull-md-left {
    float: left;
}

/*------------------ sprzedaz sprzetu-----------------------*/



#sprzet { background-color:#f3f3f; font-family: 'Open Sans', sans-serif;}
#sprzet h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
		
	}
#sprzet h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:100%;
	bottom:0px;
	background:#bfbfbf;
	top:50px;
	
	}	
/*#sprzet h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:49px;
		background:#143756;
		left:calc(50% - 10%);	
	}
*/	
h1.second{margin-top:70px;}
.sprzet-section {
    text-align: center;
   
}
#sprzet .content{font-weight:300; font-size:16px;line-height:1.6;padding-top:30px;}



/*------------------ serwis sprzetu-----------------------*/

#serwis{ background-color:#f3f3f; font-family: 'Open Sans', sans-serif;}
#serwis h1{margin-top:50px;}
#serwis h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
		
	}
#serwis h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:100%;
	bottom:0px;
	background:#bfbfbf;
	top:50px;
	
	}	
/*
#serwis h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:49px;
		background:#143756;
		left:calc(50% - 10%);	
	}
*/	
h1.second{margin-top:70px;}
.serwis-section {
    text-align: center;
   
}
#serwis .content{font-weight:300; font-size:16px;line-height:1.6;padding-top:30px;}

#serwis .panel-info > .panel-heading {
    background-color: #143756;
    border-color: #bce8f1;
    color: #fff;
}


/*------------------ dostep -----------------------*/
#dostep .content p, #dostep h1{padding:5%;}

#dostep{font-family: 'Open Sans', sans-serif;}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
#dostep h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	font-size:20px;
	}
#dostep h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:60%;
	bottom:0px;
	background:#bfbfbf;
	top:80px;
	left:calc(50% - 30%);
	}	
/*
#dostep h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:79px;
		background:#143756;
		left:calc(50% - 10%);	
	}
*/
#dostep .content{font-weight:300; font-size:16px;line-height:1.4;padding-top:30px;}

#dostep .content p {padding:0px 25px;}
.bg-aside {
    position: relative;
}
.bg-aside .img-wrap {
    bottom: 0;
    top: 0;
    overflow: hidden;
    position: absolute;
}

.bg-aside .img-wrap img { 
 height: 100%;
 width: auto;}


  /*------------------ cctv alarmowe -----------------------*/
#cctv .content p, #cctv h1{padding:5%;}

#cctv {font-family: 'Open Sans', sans-serif;}
#cctv .content{font-weight:300; font-size:16px;line-height:1.4;padding-top:30px;}
#cctv .content p {padding:0px 25px;}

#cctv h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	font-size:20px;
	}
#cctv h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:60%;
	bottom:0px;
	background:#bfbfbf;
	top:80px;
	left:calc(50% - 30%);
	}	
/*
#cctv h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:79px;
		background:#143756;
		left:calc(50% - 10%);	
	}
	*/
#cctv .bg-aside .img-wrap-right {
    bottom: 0;
    top: 0;
   	left:50%;
	  right:0;
        overflow: hidden;
    position: absolute;
	
}
#cctv .bg-aside .img-wrap-right img { 
 height: 100%;
 width:auto;
 }
 
 
 
/*------------------ zlewcenia sprzetu-----------------------*/



#zlecenia{ background-color:#f3f3f; font-family: 'Open Sans', sans-serif;}
#zlecenia h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
		
	}
#zlecenia h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:100%;
	bottom:0px;
	background:#bfbfbf;
	top:50px;
	
	}
/*		
#zlecenia h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:49px;
		background:#143756;
		left:calc(50% - 10%);	
	}
*/	
h1.second{margin-top:70px;}
.zlecenia-section {
    text-align: center;
   
}
#zlecenia .content{font-weight:300; font-size:16px;line-height:1.6;padding-top:30px;}


/*------------------ kontakt sprzetu-----------------------*/



#kontakt{font-family: 'Open Sans', sans-serif;}
#kontakt h1.underline {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
		
	}
#kontakt h1.underline-short::before {
	content:"";
	position:absolute;
	height:1px;
	width:100%;
	bottom:0px;
	background:#bfbfbf;
	top:50px;
	
	}	
/*
#kontakt h1.underline-short::after{
		content:"";
		position:absolute;
		height:4px;
		width:20%;
		bottom:0px;
		top:49px;
		background:#143756;
		left:calc(50% - 10%);	
	}
*/	
h1.second{margin-top:70px;}
.kontakt-section {
    text-align: center;
   
}
#kontakt .content{font-weight:300; font-size:16px;line-height:1.6;padding-top:30px;}
#kontakt {background:url(../gfx/bg-kontakt.jpg) no-repeat;}