aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
@media screen and (min-width:981px){
.button_container{display:none}
#overlay{display:none}
}
@media screen and (max-width:980px){
.button_container{
	position: fixed;
	z-index: 999999;
	top: 2em;
	right: 5%;
	height: 27px;
	width: 35px;
	cursor: pointer;
	transition: opacity .25s ease;
}
.button_container:hover{opacity:.7}
.button_container.active .top{
	transform: translateY(11px) translateX(0) rotate(45deg);
	background: #fff
}
.button_container.active .middle{
	opacity: 0;
	background: #fff
}
.button_container.active .bottom{
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: #fff;
}
.button_container span{
	border: none;
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .35s ease;
	cursor: pointer;
	background-color: #004672;
}
.button_container span:nth-of-type(2){top:11px}
.button_container span:nth-of-type(3){top:22px}
.button_container span:nth-of-type(4){top:33px}
.button_container span:nth-of-type(5){top:44px}
.overlay{
	z-index: 888888;
	position: fixed;
	background: #004672;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s,visibility .35s,height .35s;
	overflow: hidden
}
.overlay.open{opacity:1;visibility:visible;height:100%}
.overlay.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}
.overlay.open li:nth-of-type(2){animation-delay:.4s}
.overlay.open li:nth-of-type(3){animation-delay:.45s}
.overlay.open li:nth-of-type(4){animation-delay:.5s}
.overlay.open li:nth-of-type(5){animation-delay:.55s}
.overlay div{
	position: relative;
	height: 70%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	font-family: Verdana,Geneva,sans-serif;
	color: #fff;
	font-weight: 400;
	text-align: center;
	z-index: 1000000000000;
	text-transform: uppercase;
	padding-top: 0.8em;
}
.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}
.overlay ul li{display:block;height:40%;height:calc(100% / 4);min-height:50px;position:relative;opacity:0}
.overlay ul li a{
	display: block;
	padding: 15px;
	position: relative;
	color: #fff;
	text-decoration: none;
	overflow: hidden
}
.overlay ul li a:active:after,.overlay ul li a:focus:after,.overlay ul li a:hover:after{width:100%}
.overlay ul li a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	transform: translateX(-50%);
	height: 2px;
	background: #ff0000;
	transition: .35s
}
@keyframes fadeInRight{
0%{opacity:0;left:20%}
100%{opacity:1;left:0}
}
}
#slider{
	width: 100%;
	height: 95vh;
	position: relative;
	overflow: hidden;
	background-image: url(slider/11.jpg);
	background-size: cover;
}
@media screen and (max-width:660px){
#slider{
	height: 65vh;
}
}

#slider a:link.slidsprzedaz, #slider a:visited.slidsprzedaz {
	font-size: 2.15vw;
	line-height: 1em;
	font-weight: 500;
	text-transform: uppercase;
	color: #F00;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 15%;
	position: absolute;
	z-index: 666666;
	right: 5%;
	bottom: 10%;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	background-image: url(images/bg-333.svg);
	background-repeat: repeat;
	border: 2px solid #efefef;
}
#slider a:hover.slidsprzedaz {
	background-color: #F00;
	background-image: none;
	color: #FFF;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}
#slider .slidsprzedaz .mniejsze {
	font-size: 0.9em;
	color:#FFF;
}
@media screen and (max-width:980px){
#slider .slidsprzedaz {
	display:none;
	visibility:hidden;
}
}

@keyframes load{
from{left:-100%}
to{left:0}
}
.slides{
	width: 300%;
	height: 100%;
	position: relative;
	-webkit-animation: slide 20s infinite;
	-moz-animation: slide 20s infinite;
	animation: slide 20s infinite
}

.slider{
	width: 33.3%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.slide img{width:100%;height:100%}
.slide img{width:100%;height:100%}
.image{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}
.bg-slider{
	background-repeat: repeat;
	height: 95vh;
	width: 100%;
	position: absolute
}
.content{
	width: 60%;
	height: auto;
	position: absolute;
	overflow: hidden;
	z-index: 666;
	bottom: 5%;
}
.content-txt{
	width: 90%;
	height: auto;
	float: left;
	position: relative;
	-webkit-animation: content-s 7s infinite;
	-moz-animation: content-s 7s infinite;
	animation: content-s 7s infinite;
	bottom: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 4%;
}
@media screen and (max-width:980px){
.content{
	width: 90%;
	bottom: 5%;
}
.content-txt{
	width: 100%;
	margin-left: 3%;
}
}
@media screen and (max-width:580px){
.content{
	width: 90%;
	bottom: 2%;
}
.content-txt{
	width: 100%;
	margin-left: 5%;
}
}
.content-txt h2{
	text-transform: none;
	font-size: 2.8vw;
	color: #FFFFFF;
	text-align: left;
	margin-left: 5%;
	padding-bottom: 0.2em;
	font-weight: lighter;
	margin-bottom: 0.5em;
	margin-top: 0px;
	display: block;
	margin-right: 5%;
	line-height: 1.1em;
}
@media screen and (max-width:980px){
	.content-txt h2{
	font-size: 5.5vw;
}
}
@media screen and (max-width:660px){
	.content-txt h2{
	font-size: 7vw;
}
}
.content-txt h3{
	font-size: 0.9em;
	color: #333;
	text-align: left;
	margin-left: 0;
	line-height: 1.2em;
	font-weight: normal;
	padding-right: 5%;
	padding-left: 5%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.switch{width:120px;height:10px;position:absolute;bottom:50px;z-index:99;left:30px}
.switch>ul{list-style:none}
.switch>ul>li{width:10px;height:10px;border-radius:50%;background:#fff;float:left;margin-right:5px;cursor:pointer}
.switch ul{overflow:hidden}
.on{width:100%;height:100%;border-radius:50%;background:#f39c12;position:relative;-webkit-animation:on 20s infinite;-moz-animation:on 20s infinite;animation:on 20s infinite}
@-webkit-keyframes slide{
0%,100%{margin-left:0}
28.33%{margin-left:0}
33.33%{margin-left:-100%}
61.66%{margin-left:-100%}
66.66%{margin-left:-200%}
94.99%{margin-left:-200%}
}
@-moz-keyframes slide{
0%,100%{margin-left:0}
28.33%{margin-left:0}
33.33%{margin-left:-100%}
61.66%{margin-left:-100%}
66.66%{margin-left:-200%}
94.99%{margin-left:-200%}
}
@keyframes slide{
0%,100%{margin-left:0}
28.33%{margin-left:0}
33.33%{margin-left:-100%}
61.66%{margin-left:-100%}
66.66%{margin-left:-200%}
94.99%{margin-left:-200%}
}
@-webkit-keyframes content-s{
0%{left:-100%}
10%{left:4%}
30%{left:0}
40%{left:0}
50%{left:0}
60%{left:0}
70%{left:0}
75%{left:0}
90%{left:-100%}
100%{left:-100%}
}
@-moz-keyframes content-s{
0%{left:-100%}
10%{left:4%}
30%{left:0}
40%{left:0}
50%{left:0}
60%{left:0}
70%{left:0}
75%{left:0}
90%{left:-100%}
100%{left:-100%}
}
@keyframes content-s{
0%{left:-100%}
10%{left:4%}
15%{left:0}
30%{left:0}
40%{left:0}
50%{left:0}
60%{left:0}
70%{left:0}
75%{left:0}
90%{left:-100%}
100%{left:-100%}
}
@-webkit-keyframes on{
0%,100%{margin-left:0}
21%{margin-left:0}
25%{margin-left:15px}
46%{margin-left:15px}
50%{margin-left:30px}
71%{margin-left:30px}
75%{margin-left:45px}
96%{margin-left:45px}
}
@-moz-keyframes on{
0%,100%{margin-left:0}
21%{margin-left:0}
25%{margin-left:15px}
46%{margin-left:15px}
50%{margin-left:30px}
71%{margin-left:30px}
75%{margin-left:45px}
96%{margin-left:45px}
}
@keyframes on{
0%,100%{margin-left:0}
21%{margin-left:0}
25%{margin-left:15px}
46%{margin-left:15px}
50%{margin-left:30px}
71%{margin-left:30px}
75%{margin-left:45px}
96%{margin-left:45px}
}
.hidden{opacity:0}
.visible{opacity:1}
body{font-family: 'Roboto', sans-serif;font-size:14px;line-height:22px;margin:0;padding:0;position:relative}
#komp-gl::-webkit-scrollbar{display:none}
#komp-gl::-webkit-scrollbar{width:0!important}
#moja-mapa{height:650px;width:100%;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0}
#komp-gl{-ms-overflow-style:none}
#komp-gl{overflow:-moz-scrollbars-none}
.logo-mob{display:none}
.popkont{display:none;line-height:1.5em;color:#333;background-color:#fff;padding:30px;width:800px;height:540px;left:50%;margin-left:-430px;position:fixed;z-index:100000000;top:50%;margin-top:-300px}
.popkont-image{float:left;width:40%;background-image:url(images/kontakt.jpg);background-repeat:no-repeat;background-size:cover;height:540px;background-position:bottom}
.popkont-image img{width:100%;height:auto}
.popkont-content{float:left}
.popkont .popkont-content .linia1{font-size:32px;line-height:1.4em;padding-top:10px;padding-bottom:10px}
.popkont .popkont-content .linia2{font-size:26px;line-height:1.2em;padding-top:10px;padding-bottom:10px}
.popkont .popkont-content .linia3{font-size:30px;line-height:1.4em;padding-top:10px;padding-bottom:10px}
.popkont .popkont-content .linia4{font-size:22px;line-height:1.4em;padding-top:10px;padding-bottom:10px}
.popkont .popkont-content form .form-email{font-size:22px;color:#333;background-color:#efefef;padding:15px;border:1px solid #333;margin-bottom:10px;width:94%}
.popkont .popkont-content form .newsletter{font-size:24px;background-color:#f90;padding-top:20px;padding-bottom:20px;width:100%;color:#fff;display:block;border:0;cursor:pointer}
.popkont .popkont-content .privacy-info{line-height:1.3em;text-align:left}
@media screen and (max-width:919px){
.popkont{line-height:1.5em;padding:15px;width:500px;height:394px;margin-left:-265px;margin-top:-212px}
.popkont-image{width:36%;height:394px;float:left}
.popkont .popkont-content{width:60%;float:left}
.popkont .popkont-content .linia1{font-size:18px;padding-top:3px;padding-bottom:3px}
.popkont .popkont-content .linia2{font-size:16px;padding-top:3px;padding-bottom:3px}
.popkont .popkont-content .linia3{font-size:21px;padding-top:3px;padding-bottom:3px}
.popkont .popkont-content .linia4{font-size:15px;padding-top:3px;padding-bottom:3px}
.popkont .popkont-content form .form-email{font-size:14px;padding:10px;width:88%}
.popkont .popkont-content form .newsletter{width:94%;font-size:18px;padding-top:10px;padding-bottom:10px}
.popkont .popkont-content .privacy-info{font-size:10px;line-height:1.2em}
}
@media screen and (max-width:660px){
.popkont{line-height:1.5em;padding:20px;width:250px;height:394px;margin-left:-145px;margin-top:-215px}
.popkont-image{display:none}
.popkont .popkont-content{width:100%;float:none}
.popkont .popkont-content form .form-email{width:91%}
.popkont .popkont-content .linia4{font-size:12px}
.popkont .popkont-content form .newsletter{width:100%}
.popkont .popkont-content .privacy-info{font-size:10px;line-height:1.2em}
}
.aplkont{
	font-size: 1.4em;
	line-height: 1.5em;
	color: #fff;
	background-color: #333;
	padding: 30px;
	width: 40%;
	left: 28%;
	position: fixed;
	z-index: 999999;
	top: 40vh
}
.aplkont .close,.popkont .close{
	position: absolute;
	right: -13px;
	top: -13px;
	cursor: pointer;
	background-color: #F00;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 24px;
	width: 30px;
	height: 30px;
	z-index: 10
}
.aplkont .close:hover,.popkont .close:hover{text-decoration:none}
.closed{display:none}
.closed2{display:none}
.opened{display:block}
nav{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 777777;
	transition-timing-function: linear;
	transition-duration: .2s;
	transition-property: all;
	line-height: 1em;
	background-repeat: repeat
}
nav.tlo {
	background-color: #FFF;

}


nav.small{

}

nav.small a:link, nav.small a:visited{
	font-size: 0.9em;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	margin-top: 1.8em;
	color: #333;
	background-color: #FFF;
}
nav.small a:hover {
	color: #F00;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
nav.small div .logo img{
	width: 180px;
	padding-bottom: 1.5em;
	padding-top: 0.3em
}
@media screen and (max-width:980px){
	nav.small div .logo img{
	padding-bottom: 0.5em;
}
}
nav.small div a.logo {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;	
}

nav.small div{
	width: 90%;
	margin: auto;
	padding-top: 0.7em
}
@media screen and (max-width:980px){
	nav.small div{
	padding-top: 0;
}
}
nav div{
	width: 90%;
	margin: auto;
	padding-top: 1em;
}
@media screen and (max-width:980px){
nav div{
	padding-top: 0;
	margin-left:2%;
}
}
nav div a:link.logo,nav div a:visited.logo{
	width: auto;
	margin-left: 20%;
	margin-right: 0;
	margin-top: 0em;
	margin-bottom: 0;
	padding-top: 0;
	display: inline
}
nav div a:hover.logo{background-image:none}
nav ul{
	padding: 0;
	list-style: none;
	float: right;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
nav div .logo img{
	float: left;
	width: 320px;
	height: auto;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0em;
	padding-bottom: 1.1em;
	transition-timing-function: cubic-bezier(.08,.61,.79,1.75);
	transition-duration: .3s;
	transition-property: all
}
nav div a.logo {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;	
}



@media screen and (max-width:980px){
	nav{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 777777;
}
	nav div ul{
	display: none;
	visibility: hidden;
	}
	
nav div .logo img{
	width: 280px;
	margin-bottom: 1em;
}
}



a:link.scm,a:visited.scm{
	position: fixed;
	z-index: 777777;
	right: 0;
	width: 50px;
	height: auto;
	top: 170px;
	padding-right: 7px;
	-webkit-border-radius: 22px 0 0 22px;
	border-radius: 22px 0 0 22px;
	color: #333;
}
a:link.scm .scmtxt,a:visited.scm .scmtxt{display:none;margin-right:-175px}
a:hover.scm{width:220px;transition-timing-function:cubic-bezier(.08,.61,.79,1.75);transition-duration:.3s;transition-property:all}
a:hover.scm .scmtxt{
	margin-left: 5px;
	width: 175px;
	display: inline-block;
	float: left;
	color: #F00;
	text-decoration: none;
	padding-top: 12px;
	border: 1px solid #333;
	background-color: #FFF;
}
.scm img{float:left}
.scm2{display:none;position:fixed;z-index:777777;right:0;width:50px;height:auto;top:230px;background-color:#f96e27;padding-right:7px;-webkit-border-radius:22px 0 0 22px;border-radius:22px 0 0 22px}
.scm img,.scm2 img{display:block;width:27px;height:auto;border:0;margin-top:10px;margin-bottom:10px;margin-left:10px}
nav ul li{margin:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;float:left;text-align:center;line-height:1em}
nav a:link, nav a:visited{
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	transition-timing-function: cubic-bezier(.08,.61,.79,1.75);
	transition-duration: .2s;
	transition-property: all;
	padding-top: 1em;
	padding-bottom: 1em;
	letter-spacing: 0.1em;
	padding-right: 1em;
	padding-left: 1em;
	margin-top: 0.9em;
	color: #004672;
}
nav a:hover {
	color: #F00;
}

#triangle{position:fixed;top:0;right:0;z-index:2;width:0;height:0;border-top:126px solid #333;border-left:270px solid transparent;margin:0 auto 0}
#square{position:fixed;z-index:2;width:36px;height:42px;background-color:#f90;right:40px;bottom:40px;-webkit-animation:scaling .7s infinite alternate;font-size:30px;line-height:30px;color:#fff;text-decoration:none;padding-top:11px;padding-left:18px;border-radius:2px}
@-webkit-keyframes scaling{
From{-webkit-transform:scale(1)}
.fa-phone{background-color:#fff;font-size:40px;line-height:40px;color:#000}
To{-webkit-transform:scale(1.5)}
}
.scroll{
	position: absolute;
	z-index: 777777;
	top: 92vh;
	left: 50%;
	right: 0;
	width: 30px;
	height: auto;
	margin-left: -15px
}
#back-to-top{
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 9999;
	width: 40px;
	height: 37px;
	text-align: center;
	line-height: 35px;
	background: #f5f5f5;
	color: #061a2d;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	text-decoration: none;
	transition: opacity .2s ease-out;
	opacity: 0;
	font-weight: 700;
	font-size: 25px;
	padding-top: 3px
}
#back-to-top:hover{background-color:#ccc}
#back-to-top.show{opacity:1}
#p1{
	background-color: #FFF;
	width: 100%
}
#p1 .p11{background-color:#333;padding-left:5%;padding-right:5%;padding-top:5%;padding-bottom:5%;float:left;width:30%;display:block}
#p1 .p11 .logo2{height:auto;width:380px;position:relative;left:50%;margin-left:-190px}
#p1 .p11 p{font-size:18px;text-transform:uppercase;display:block;width:100%;color:#fff;text-align:center;letter-spacing:.1em}
#p1 .p12{
	background-color: #FFF;
	width: 60%;
	display: block;
	padding-top: 3%;
	padding-right: 20%;
	padding-left: 20%;
	padding-bottom: 3%;
	text-align: center
}
#p1 .p12 div h2{
	font-size: 30px;
	text-transform: uppercase;
	line-height: 1.2em;
	margin: 0;
	color: #004672;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	letter-spacing: 0.1em;
}

@media screen and (max-width:980px){
	#p1 .p12 div h2{
	font-size: 27px;
	padding-bottom:0.4em;
}
}

@media screen and (max-width:660px){
	#p1 .p12 div h2{
	font-size: 22px;
	padding-bottom:0.7em;
}
}










#p1 .p12 h3{
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
	margin: 0
}
#p1 .p12 div p{
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
	padding-right: 5%;
	padding-left: 5%;
}




#p8{background-color:#FFF;width:100%}
#p8 .p11{background-color:#333;padding-left:5%;padding-right:5%;padding-top:5%;padding-bottom:5%;float:left;width:30%;display:block}
#p8 .p11 .logo2{height:auto;width:380px;position:relative;left:50%;margin-left:-190px}
#p8 .p11 p{font-size:18px;text-transform:uppercase;display:block;width:100%;color:#fff;text-align:center;letter-spacing:.1em}
#p8 .p12{
	background-color: #FFF;
	width: 60%;
	display: block;
	padding-top: 3%;
	padding-right: 20%;
	padding-left: 20%;
	padding-bottom: 3%;
	text-align: center
}
#p8 .p12 h2{
	font-size: 30px;
	text-transform: uppercase;
	line-height: 1.5em;
	margin: 0;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#p8 .p12 h3{
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.5em;
	margin: 0
}
#p8 .p12 div p{
	color: #666;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
	padding-right: 5%;
	padding-left: 5%;
}

@media screen and (max-width:980px){
#p8 .p12{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}
#p8 .p12 h2{
	font-size: 27px;
}

}




#p9{background-color:#FFF;width:100%}
#p9 .p11{background-color:#333;padding-left:5%;padding-right:5%;padding-top:5%;padding-bottom:5%;float:left;width:30%;display:block}
#p9 .p11 .logo2{height:auto;width:380px;position:relative;left:50%;margin-left:-190px}
#p9 .p11 p{font-size:18px;text-transform:uppercase;display:block;width:100%;color:#fff;text-align:center;letter-spacing:.1em}
#p9 .p12{
	background-color: #FFF;
	width: 60%;
	display: block;
	padding-top: 3%;
	padding-right: 20%;
	padding-left: 20%;
	padding-bottom: 3%;
	text-align: center
}
#p9 .p12 h2{
	font-size: 30px;
	text-transform: uppercase;
	line-height: 1.5em;
	margin: 0;
	color: #333;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#p9 .p12 h3{
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.5em;
	margin: 0;
	color: #666;
}
#p9 .p12 p{
	color: #666;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 300;
	padding-right: 5%;
	padding-left: 5%;
}
#p9 .p12 p a {
	color: #666;
}

#p9 .p12 p .wieksze1 {
	font-size: 1.1em;
	font-weight: 500;
	color: #333;
}
#p9 .p12 p .wieksze2 {
	font-weight: 500;
}
#p9 .p12 p .wieksze3 {
	font-weight: 500;
	letter-spacing: 0.05em;
	color: #F00;
	font-size: 1.1em;
}



@media screen and (max-width:980px){
#p9 .p12{
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}
#p9 .p12 p{
	font-size: 1.3em;
	line-height: 1.5em;
}
	
}
@media screen and (max-width:660px){
#p9 .p12 h3{
	padding-top:1em;
	font-size: 17px;
	line-height: 1.2em;
}
#p9 .p12{
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
}
#p9 .p12 p{
	font-size: 1.2em;
	line-height: 1.8em;
}
	
}


.formularzkont {
	background-color:#ccc;	
}





#p2{
	width: 100%;
	background-color: #efefef;
	display: block;
	text-align: center;
	clear: both
}
#p2 .t1{color:#ccc;font-size:37px;line-height:1.2em;display:block;padding-top:50px;font-weight:lighter;text-transform:uppercase;letter-spacing:.1em}
#p2 .t2{
	color: #004672;
	font-size: 27px;
	line-height: 1.2em;
	display: block;
	padding-bottom: 30px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding-top: 50px;
}
#komp-gl{
	background-color: #efefef;
	position: relative;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 20px;
	padding-bottom: 50px
}

#komp-gl .komp-1 {
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid;
}
#komp-gl a:link.komp-1, #komp-gl a:visited.komp-1{
	text-align: center;
	display: block;
	font-size: 17px;
	font-weight: inherit;
	color: #004672;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.05em;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	border: 1px solid #004672;
	margin-bottom: 15px;
	background-color: #FFF;
}
#komp-gl a:hover.komp-1 {
	color: #FFF;
	border: 1px solid #004672;
	background-color: #004672;
}

#komp-gl .komp-1 .icon-komp{height:auto;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;display:block;width:160px;height:auto;position:relative;left:50%;margin-left:-80px}










#komp-footer{
	background-color: inherit;
	position: relative;
	left: 0;
	right: 0;
	display: block;
	text-align: left;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 20px;
	padding-bottom: 50px
}

#komp-footer .komp-1 {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
#komp-footer .komp-1  {
	text-align: center;
	display: block;
	font-size: 16px;
	font-weight: inherit;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.05em;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
	border: 1px solid #004672;
	margin-bottom: 15px;
	min-height: 4em;
}
#komp-footer .komp-1 p .wfoot {
	font-size: 1.3em;
	text-transform: uppercase;
}
#komp-footer .komp-1 p a:link , #komp-footer .komp-1 p a:visited{
	color: #FFF;
	text-decoration: none;
}
#komp-footer .komp-1 p a:hover {
	color: #FFF;
	text-decoration: underline;
}



#komp-footer .komp-1 .icon-komp{height:auto;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;display:block;width:160px;height:auto;position:relative;left:50%;margin-left:-80px}






#p2o{
	width: 100%;
	background-color: #5D5D5D;
	display: block;
	text-align: center;
	clear: both
}
#p2o .t1{color:#ccc;font-size:37px;line-height:1.2em;display:block;padding-top:50px;font-weight:lighter;text-transform:uppercase;letter-spacing:.1em}
#p2o .t2{
	color: #fff;
	font-size: 27px;
	line-height: 1.2em;
	display: block;
	padding-bottom: 30px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding-top: 50px;
}

#komp-gl1{
	background-color: #FFFFFF;
	position: relative;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 20px;
	padding-bottom: 50px
}

#komp-gl1 .komp-1 .ofe1 {
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid;
}


#komp-gl1 a {
	text-decoration: none;
	
}

#komp-gl1 a:link .ofe1, #komp-gl1 a:visited .ofe1{
	height: 4vw;
	color: #333;
	background-color: #efefef;
	border: 1px solid #333;
}

#komp-gl1 .komp-1 .ofe1 p {
	margin:0;
	padding:0;
}

#komp-gl1 .komp-1 .ofe1 {
	text-align: center;
	display: block;
	font-size: 15px;
	font-weight: inherit;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-bottom: 15px;
	padding-top: 3vw;	
}


@media screen and (max-width:1285px){
#komp-gl1{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 20px;
	padding-bottom: 50px
}
#komp-gl1 a:link .ofe1, #komp-gl1 a:visited .ofe1{
	height: 8vw;
}
#komp-gl1 .komp-1 .ofe1 {
	font-size: 16px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-bottom: 15px;
	padding-top: 6vw;	
}	
}
@media screen and (max-width:820px){
#komp-gl1 .komp-1 .ofe1 {
	font-size: 14px;
	padding-top: 5vw;
}	
}
@media screen and (max-width:682px){
#komp-gl1{
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
#komp-gl1 a:link .ofe1, #komp-gl1 a:visited .ofe1{
	height: 4em;
}
#komp-gl1 .komp-1 .ofe1 {
	font-size: 15px;
	padding-top: 2.5em;	
}	
}



#komp-gl1 a:hover .ofe1 {
	color: #FFF;
	border: 1px solid #333;
	background-color: #333;
}

#komp-gl1 .komp-1 .icon-komp{height:auto;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;display:block;width:160px;height:auto;position:relative;left:50%;margin-left:-80px}









#p3{width:100%;background-color:#FFF;display:block;text-align:center;clear:both}
#p3 .t1{
	color: #333;
	font-size: 28px;
	line-height: 1.5em;
	display: block;
	padding-top: 50px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.2em
}
#p3 .t2{
	color: #333333;
	font-size: 25px;
	line-height: 1.5em;
	display: block;
	padding-bottom: 30px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em
}

#p6{
	width: 80%;
	background-color: #FFF;
	display: block;
	text-align: center;
	margin-top: 8em;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F00;
	margin-left: 10%;
}
@media screen and (max-width:980px){
#p6{
	margin-top: 6.8em;
}
}
#p6 .t1{
	color: #333;
	font-size: 28px;
	line-height: 1.2em;
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.1em
}
@media screen and (max-width:980px){
#p6 .t1{
	font-size: 22px;
}
}
#p6 .t2{
	color: #333;
	font-size: 25px;
	line-height: 1.5em;
	display: block;
	padding-bottom: 30px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em
}

#menureal{background-color:#061a2d;display:block;text-align:center;padding-right:0;padding-left:0;padding-bottom:30px;padding-top:30px;-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}
#menureal .menur{display:inline-block;margin-left:30px;margin-right:30px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
#menureal .menur a:link,#menureal .menur a:visited{font-size:16px;line-height:1em;text-transform:uppercase;color:#fff;text-decoration:none;letter-spacing:.05em}
#menureal .menur a:hover{color:#f90}
#menureal .menur a.activate{color:#f90}
#menureal select{display:none}
#inforeal{background-color:#061a2d;display:block;padding-right:5%;padding-left:5%;padding-bottom:50px;padding-top:50px;-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:100px;-webkit-column-gap:100px;column-gap:100px;border-bottom-width:30px;border-bottom-style:solid;border-bottom-color:#fff}
#inforeal .infr{display:block;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
#inforeal .infr .infr1,#inforeal .infr .infr2,#inforeal .infr .infr3{display:block}
#inforeal .infr .infr2{color:#f90;font-size:100px;text-transform:uppercase;text-align:center;line-height:1.2em;font-weight:lighter}
#inforeal .infr .infr3{color:#fff;font-size:20px;text-transform:uppercase;text-align:center}
@media screen and (min-width:661px) and (max-width:1250px){
#menureal .menur{margin-left:14px;margin-right:14px}
#menureal .menur a:link,#menureal .menur a:visited{font-size:14px}
#inforeal{padding-bottom:30px;padding-top:30px;-moz-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}
#inforeal .infr .infr2{font-size:64px;line-height:1.2em}
#inforeal .infr .infr3{font-size:16px}
}
@media screen and (max-width:660px){
#menureal .menur{display:none}
#menureal select{display:inline-block}
#menureal select{padding:5px;margin:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:80%;background:#f8f8f8;color:#061a2d;border:none;outline:0;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
@media screen and (-webkit-min-device-pixel-ratio:0){
#menureal select{padding-right:18px}
}
label{position:relative}
label:after{content:'<>';font:11px Consolas,monospace;color:#aaa;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:8px;top:2px;padding:0 0 2px;border-bottom:1px solid #ddd;position:absolute;pointer-events:none}
label:before{content:'';right:6px;top:0;width:20px;height:20px;background:#f8f8f8;position:absolute;pointer-events:none;display:block}
#inforeal{padding-bottom:30px;padding-top:30px;-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;border-bottom-width:15px}
#inforeal .infr{padding-top:15px;padding-bottom:15px}
#inforeal .infr .infr2{font-size:80px}
#inforeal .infr .infr3{font-size:20px;line-height:1.2em}
}
#portfolio{
	position: relative;
	left: 0;
	right: 0;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 30px;
	padding-top: 30px
}
#portfolio .g1{display:block;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}

#portfolio .g1o{display:none;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}



.borg1{border:1px solid #ccc;margin-bottom:30px}
@media screen and (max-width:1250px){
.borg1{margin-bottom:20px}
}
#portfolio a{
	text-decoration: none;
	display: block;
	height: 52vw;
	margin-bottom: 3em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#portfolio a .portimg{
	position: relative;
	text-align: center;
	display: block;
	width: 100%;
	height: 52vw;
	margin: 0px;
	padding: 0px;
}
#portfolio .wreal{
	text-decoration: none;
	display: block;
	height: 52vw;
	margin-bottom: 30px
}
#portfolio .wreal .portimg{
	position: relative;
	text-align: center;
	background-size: cover;
	display: block;
	width: 100%;
	height: 52vw
}
#portfolio .g1 a:link .portimg .porttxt, #portfolio .g1 a:visited .portimg .porttxt{
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
	visibility: hidden;
	transition-timing-function: cubic-bezier(.08,.61,.79,1.75);
	transition-duration: .5s;
	transition-property: all;
}
#portfolio .g1 a:hover .portimg .porttxt{
	margin: 0px;
	padding: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
	visibility: visible;
	z-index: 777777;
}

#portfolio .g1 a:link .portimg .porttxt p i, #portfolio .g1 a:visited .portimg .porttxt p i {
	font-size: 2.5em;
	margin-bottom:20px;
}

#portfolio .g1 a:link .portimg .porttxt p, #portfolio .g1 a:visited .portimg .porttxt p {
	transition-timing-function: cubic-bezier(.08,.61,.79,1.75);
	transition-duration: .5s;
	transition-property: all;
	display: block;
	padding-top: 0.5em;
	padding-right: 0%;
	padding-bottom: 0.5em;
	padding-left: 0%;
	font-size: 2em;
	color: #FFF;
	background-repeat: repeat;
	margin: 0em;
	position: absolute;
	z-index: 888888;
	top: 22vw;
	right: 20%;
	left: 20%;
	visibility: hidden;
	text-transform: uppercase;
	line-height: 1.5em;
}
@media screen and (max-width:980px){
#portfolio .g1 a:link .portimg .porttxt p, #portfolio .g1 a:visited .portimg .porttxt p {
	top: 15vw;
}
}
@media screen and (max-width:780px){
#portfolio .g1 a:link .portimg .porttxt p, #portfolio .g1 a:visited .portimg .porttxt p {
	font-size: 1.5em;
}
}
@media screen and (max-width:480px){
#portfolio .g1 a:link .portimg .porttxt p, #portfolio .g1 a:visited .portimg .porttxt p {
	font-size: 1.2em;
}
}
@media screen and (max-width:380px){
#portfolio .g1 a:link .portimg .porttxt p, #portfolio .g1 a:visited .portimg .porttxt p {
	font-size: 1em;
}
}
#portfolio .g1 a:hover .portimg .porttxt p {
	visibility: visible;
}











#portfolio-gl{
	position: relative;
	left: 0;
	right: 0;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 30px;
	padding-top: 30px
}
@media screen and (max-width:980px){
	#portfolio-gl{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}
}
@media screen and (max-width:661px){
	#portfolio-gl{
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
}
#portfolio-gl .g1{display:block;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}



#portfolio-gl .g1 a{
	text-decoration: none;
	display: block;

	margin-bottom: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
	break-inside:avoid;
}
#portfolio-gl .g1 {
	position: relative;
	text-align: center;
	display: block;
	width: 100%;
	height: 18vw;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#portfolio-gl .g1 a .portimg{
	position: relative;
	text-align: center;
	display: block;
	width: 100%;
	height: 18vw;
	margin: 0px;
	padding: 0px;
}


@media screen and (max-width:980px){
#portfolio-gl .g1 {
	height: 27vw;
	margin-bottom: 0.7em;
}
#portfolio-gl .g1 a{
	height: 27vw;
	margin-bottom: 0;
}
#portfolio-gl .g1 a .portimg{
	height: 27vw;
}
}
@media screen and (max-width:661px){
#portfolio-gl .g1 {
	height: 56vw;
	margin-bottom: 1em;
}
#portfolio-gl .g1 a{
	height: 56vw;
	margin-bottom: 1em;
}
#portfolio-gl .g1 a .portimg{
	height: 56vw;
}
}





#portfolio-gl .g1 a:link .portimg .porttxt, #portfolio-gl .g1 a:visited .portimg .porttxt {
	transition-timing-function: cubic-bezier(.08,.61,.79,1.75);
	transition-duration: .5s;
	transition-property: all;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.1em;
	color: #FFF;
	background-repeat: repeat;
	position: absolute;
	z-index: 888888;
	right: 0%;
	left: 0%;
	text-transform: uppercase;
	line-height: 1.2em;
	bottom: 0;
	display:block;
	background-image: url(images/bg-menu.svg);
}


#portfolio-gl .g1 a:hover .portimg .porttxt {
	
}


a:link.wiecej , a:visited.wiecej{
	font-size: 1.3em;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.7em;
	padding-bottom: 0.6em;
	border: 1px solid #333;
	display: block;
	width: 25%;
	margin-bottom: 60px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	transition-timing-function: cubic-bezier(.08,.61,.79,1.75);
	transition-duration: .5s;
	transition-property: all;
}
@media screen and (max-width:980px){
a:link.wiecej , a:visited.wiecej{
	font-size: 1.3em;
	width: 65%;
}
}
@media screen and (max-width:480px){
a:link.wiecej , a:visited.wiecej{
	font-size: 1.3em;
	width: 75%;
}
}
a:hover.wiecej {
	color: #FFF;
	background-color:#333;
}




a:link .portimg,a:visited .portimg{
	text-align: center;
	display: block;
	background-color: #FFF;
	margin: 0;
	background-size: 100% 100%;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-position: center center
}
a:hover .portimg{
	background-size: 120% 120%
}



#wycena .logo2{width:380px;height:auto;margin-top:50px;border:0}
#wycena{
	background-color: #004672;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center
}
#wycena .t1{
	color: #FFF;
	font-size: 33px;
	line-height: 1.5em;
	display: block;
	padding-top: 30px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 30px;
	letter-spacing: 0.1em;
}
#wycena .t2{
	color: #FFF;
	font-size: 25px;
	line-height: 1.5em;
	display: block;
	padding-bottom: 30px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em
}
.infor{
	padding-top: 1em;
	color: #999;
	padding-right: 20%;
	padding-left: 20%;
	font-size: 11px;
	line-height: 1.3em
}
@media screen and (max-width:919px){
.infor{padding-right:10%;padding-left:10%}
}
@media screen and (max-width:660px){
.infor{padding-right:5%;padding-left:5%}
}
#p2 .t5{padding-top:30px;padding-bottom:30px}
#p2 a:link.t5,#p2 a:visited.t5{color:#ccc;font-size:38px;line-height:1.2em;padding-top:30px;padding-bottom:30px;text-decoration:none;margin-left:40%;display:block;width:20%}
#p2 a:hover.t5{color:#f90}
#portfolio-2 .opis2 .tech-icon{font-size:55px;line-height:60px;display:block;margin-top:20px}
#portfolio-2 .opis2 .tech-icon i{margin-right:20px;margin-left:20px}
#portfolio-2 .opis2{font-size:28px;line-height:30px}
#p2 .t3{color:#fff;font-size:16px;line-height:1.3em;display:block;padding-bottom:15px;font-weight:lighter;letter-spacing:0;padding-left:15%;padding-right:15%;margin-top:30px}
#p2 .t4{color:#fff;font-size:16px;line-height:1.3em;display:block;padding-bottom:30px;font-weight:lighter;letter-spacing:0;text-transform:uppercase;padding-left:15%;padding-right:15%;margin-top:15px}
#wycena .w1{font-size:50px;padding-top:3em}
#p2 .w1{font-size:50px;padding-top:3em}
#wycena .kgl .c1 textarea{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	width: 70%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
	min-height: 30px;
	height: 30px;
	overflow: hidden;
	border-bottom-color: #FFFFFF;
	background-color: #004672;
}
#wycena form .dluzszy2{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
	width: 20%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 30px;
	padding: 10px;
	text-align: center;
	background-color: #004672;
}
#wycena form .wyslij{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 18px;
	color: #FFF;
	background-color: #FF0000;
	text-align: center;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	width: 400px;
	cursor: pointer;
	border: 2px solid #FFF;
}





#wycena2 {
	background-color: #fff;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 0px;
	padding-bottom: 60px;
	text-align: center;
	width: 80%;
	margin-left: 5%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#wycena2 .t1{
	color: #666;
	font-size: 24px;
	line-height: 1.5em;
	display: block;
	padding-top: 30px;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 30px;
	letter-spacing: 0.1em;
}

#wycena2 .t2{
	color: #333;
	font-size: 20px;
	line-height: 1.5em;
	display: block;
	padding-bottom: 30px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em
}
#wycena2 .w1{font-size:50px;padding-top:3em}
#wycena2 form textarea{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 16px;
	color: #666;
	background-color: #FFF;
	width: 70%;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666;
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
	min-height: 30px;
	height: 30px;
	overflow: hidden
}
#wycena2 form .dluzszy2{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 16px;
	color: #666;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666;
	width: 20%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 30px;
	padding: 10px;
	text-align: center
}
#wycena2 form .wyslij{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 18px;
	color: #666;
	background-color: #fff;
	text-align: center;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	width: 400px;
	cursor: pointer;
	border: 1px solid #F00;
}



@media screen and (max-width:980px){
#wycena2 {
	padding-bottom: 60px;
	width: 90%;
	margin-left: 0;
}
#wycena2 .t1{
	font-size: 19px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#wycena2 form textarea{
	font-size: 14px;
	width: 80%;
	padding: 5px;
	min-height: 30px;
	height: 30px;
}
#wycena2 form .dluzszy2{
	font-size: 14px;
	width: 80%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 30px;
	padding: 10px;
}
#wycena2 form .wyslij{
	font-size: 18px;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 230px;
}

.scroll{display:none}


}






.kgl{
	display: block;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	margin-top: 30px;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0
}
.kgl .c1{
	color: #fff;
	font-size: 17px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	line-height: 1.5em;
	text-align: center;
	margin-top: 0;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0
}
.kgl .c1 a {
	color: #fff;
	page-break-inside: avoid
}

.kgl .c1 p {
	page-break-inside: avoid;
	margin-top: 0;
	padding: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0
}

.kgl .c1 strong{
	text-transform: none
}
.linia{border-top-width:1px;border-top-style:dotted;border-top-color:#999;height:1px;margin-top:30px;margin-right:0;margin-bottom:30px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
.clear{clear:both;height:0}
a:link.prev,a:visited.prev{color:#000;font-size:25px;text-decoration:none;background-color:#f90;display:block;padding:20px;margin-top:-30px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;position:fixed;z-index:1;top:50%;left:30px;width:30px;text-align:center;border-radius:2px}
a:link.next .atit,a:link.prev .atit,a:visited.next .atit,a:visited.prev .atit{display:none}
a:hover.prev .atit{color:#000;font-size:20px;text-decoration:none;text-transform:uppercase;background-color:#f90;display:block;padding:20px;margin-top:-30px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;position:fixed;z-index:2;top:50%;left:30px;text-align:center;border-radius:2px}
a:hover.next .atit{color:#000;font-size:20px;text-decoration:none;text-transform:uppercase;background-color:#f90;display:block;padding:20px;margin-top:-30px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;position:fixed;z-index:2;top:50%;right:30px;text-align:center;border-radius:2px}
a:link.next,a:visited.next{color:#000;font-size:25px;text-decoration:none;background-color:#f90;display:block;padding:20px;margin-top:-30px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;position:fixed;z-index:1;top:50%;right:30px;width:30px;text-align:center;border-radius:2px}
footer{display:block;width:100%;text-align:center;color:#838c95;font-size:.9em;margin-top:2em;margin-bottom:3em}
footer a:link, footer a:visited {
	color: #838c95;
	text-decoration: none;
}
footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
@media screen and (max-width:660px){
body{font-size:12px;line-height:18px}
#back-to-top{bottom:70px;right:5%}
#komp-gl{-moz-column-count:1;-webkit-column-count:1;column-count:1;padding-top:5px;padding-bottom:10px;padding-left:5%; padding-right:5%;}

#komp-footer{-moz-column-count:1;-webkit-column-count:1;column-count:1;padding-top:10px;padding-bottom:10px;padding-left:5%; padding-right:5%;}

#komp-gl .komp-1{font-size:20px;letter-spacing:.05em}
#komp-gl .komp-1 .icon-komp{width:120px;margin-left:-60px}
.mobile{display:none}
#triangle{border-top:106px solid #333;border-left:160px solid transparent}
#square{width:29px;height:33px;right:30px;bottom:50px;padding-top:7px;padding-left:11px;font-size:25px;line-height:25px}
#p1 .p11{
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10%;
	padding-bottom: 5%;
	float: none;
	width: 90%;
	text-align: center
}
#p1 .p12 h2{
	font-size: 19px
}
#p1 .p12 h3{font-size:18px}
#p1 .p11 p{font-size:12px}
#p1 .p12{padding-left:5%;padding-right:5%;padding-top:10%;padding-bottom:5%;float:none;width:90%}
#wycena .logo2{width:230px;height:auto;margin-top:30px}
#p2 .t1{font-size:18px;padding-top:30px;letter-spacing:.1em}
#p2 .t2{font-size:20px;padding-bottom:30px;letter-spacing:.05em}
#p3 .t1{font-size:20px;padding-top:30px;letter-spacing:.1em}
#p3 .t2{font-size:18px;padding-bottom:10px;padding-left:5%;padding-right:5%;letter-spacing:.05em}
#portfolio,#portfolio-1,#portfolio-2{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;padding-bottom:15px;padding-right:5%;padding-left:5%}
#portfolio a,#portfolio a .portimg{height:56vw}

#portfolio-2 .opis2 .tech-icon{font-size:28px;line-height:33px}
#portfolio-2 .opis2 .tech-icon i{margin-right:4px;margin-left:4px}
#portfolio-2 .opis2{font-size:17px;line-height:22px}
#p2 .t5{padding-top:10px;padding-bottom:10px}
#p2 a:link.t5,#p2 a:visited.t5{font-size:25px;padding-top:10px;padding-bottom:10px}
.wiecej:link,.wiecej:visited{width:250px;padding:10px;font-size:17px}
.kgl{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.kgl .c1{font-size:14px;margin-bottom:20px}
#wycena .logo2{width:200px;height:auto;margin-top:15px}
#wycena .t1{font-size:20px;padding-top:30px}
#wycena .t2{font-size:16px;padding-bottom:30px}
#p2 .t3{font-size:14px;padding-bottom:10px;padding-left:5%;padding-right:5%;margin-top:10px}
#p2 .t4{font-size:14px;padding-bottom:10px;padding-left:5%;padding-right:5%;margin-top:10px}
#wycena .w1{font-size:20px;padding-top:70px}
#wycena form textarea{font-size:14px;width:90%;padding:5px;min-height:20px;height:20px}
#wycena form .dluzszy2{font-size:14px;width:90%;margin-top:30px;padding:5px}
#wycena form .wyslij{font-size:17px;margin-top:30px;padding-top:12px;padding-bottom:12px;width:250px}
}
@media screen and (min-width:661px) and (max-width:1250px){
#p1 .p11{padding-left:5%;padding-right:5%;padding-top:3%;padding-bottom:3%;float:none;width:90%;text-align:center}
#p1 .p11 .logo2{height:auto;width:320px;position:relative;left:0;margin-left:0}
#p1 .p12{padding-left:5%;padding-right:5%;padding-top:3%;padding-bottom:3%;float:none;width:90%;text-align:center}



#komp-gl{-moz-column-count:2;-webkit-column-count:2;column-count:2;padding-top:10px;padding-bottom:10px;padding-left:5%; padding-right:5%;}

#komp-footer{-moz-column-count:1;-webkit-column-count:1;column-count:1;padding-top:10px;padding-bottom:10px;padding-left:5%; padding-right:5%;}

#komp-gl .komp-1{font-size:20px;letter-spacing:.05em}
#komp-gl .komp-1 .icon-komp{width:140px;margin-left:-70px}
#portfolio{
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px
}
#portfolio-1{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;padding-right:5%;padding-left:5%}
#portfolio-2{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;padding-right:5%;padding-left:5%;padding-bottom:20px;padding-top:20px}
#portfolio a,#portfolio a .portimg,a:hover .portimg .porttxt{

}
a:hover .portimg .porttxt h4{font-size:18px}
a:hover .portimg .porttxt p{visibility:hidden;height:1px}
a:hover .portimg .porttxt .rodzaj{visibility:visible;font-size:14px;text-transform:uppercase;letter-spacing:.1em}
#portfolio-2 .opis2 .tech-icon{font-size:36px;line-height:42px}
#portfolio-2 .opis2 .tech-icon i{margin-right:6px;margin-left:6px}
#portfolio-2 .opis2{font-size:21px;line-height:26px}
#p2 .t5{padding-top:20px;padding-bottom:20px}
#p2 a:link.t5,#p2 a:visited.t5{font-size:33px;padding-top:20px;padding-bottom:20px}
.wiecej:link,.wiecej:visited{width:300px;padding:10px;font-size:20px}
.kgl .c1{font-size:14px}
#wycena .logo2{width:280px;height:auto;margin-top:30px}
#wycena .w1{font-size:40px}
#p2 .t3{font-size:16px;padding-bottom:20px;padding-left:10%;padding-right:10%;margin-top:20px}
#p2 .t4{font-size:16px;padding-bottom:20px;padding-left:10%;padding-right:10%;margin-top:20px}
#wycena form textarea{font-size:14px;width:90%;padding:5px;min-height:30px;height:30px}
#wycena form .dluzszy2{font-size:14px;width:30%;margin-top:30px;padding:10px}
#wycena form .wyslij{font-size:16px;margin-top:30px;padding-top:20px;padding-bottom:20px;width:400px}
}
@media screen and (min-width:920px) and (max-width:1250px){
#portfolio-3 .komp-2 h3{font-size:22px;padding-right:30px;padding-left:30px}
#portfolio-3 .komp-2 p{font-size:14px;line-height:1.4em;padding-right:30px;padding-left:30px}
#portfolio-3 .komp-2 .icon-komp{height:auto;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;display:block;width:160px;height:auto;position:relative;left:50%;margin-left:-80px}
}
@media screen and (max-width:919px){
#portfolio-3{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;padding-right:5%;padding-left:5%;padding-bottom:20px;padding-top:20px}
#portfolio-3 .komp-2{margin-bottom:20px;padding-bottom:20px}
#portfolio-3 .komp-2 h3{font-size:20px;padding-right:15px;padding-left:15px}
#portfolio-3 .komp-2 p{font-size:14px;padding-right:15px;padding-left:15px}
}
.btn-newsletter{margin:12px auto 4px;padding:20px;font-size:22px;font-weight:700;cursor:pointer;color:#fff;text-transform:uppercase;display:block;width:100%;background-color:#f90;border-top-width:0;border-right-width:0;border-bottom-width:2px;border-left-width:0;border-bottom-style:solid;border-bottom-color:#f90}
.popup-overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000}
.popup{position:fixed;box-shadow:0 0 10px 0 rgba(0,0,0,.35);z-index:10001;max-width:840px;width:100%;background:#fff;top:22vh;padding-top:8px;padding-right:8px;padding-bottom:20px;padding-left:8px;left:50%;margin-left:-420px}
.popup .popup-content{margin-top:15px}
.popup .close{position:absolute;right:-13px;top:-13px;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;line-height:30px;font-size:24px;width:30px;height:30px;z-index:10}
.popup .close:hover{text-decoration:none}
.popkont .close2{position:absolute;right:-13px;top:-13px;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:50%;color:#fff;text-align:center;line-height:30px;font-size:24px;width:30px;height:30px;z-index:10}
.popkont .close2:hover{text-decoration:none}
.popup h4{text-align:center;font-size:24px;margin:0 auto 10px;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:28px;color:#222}
.popup .validation-errors,.popup input{display:block;width:100%}
.popup input{padding:13px;margin:0 auto;box-sizing:border-box}
.popup input::-webkit-input-placeholder{color:#919191}
.popup input::-moz-placeholder{color:#919191}
.popup input:-ms-input-placeholder{color:#919191}
.popup input::placeholder{color:#919191}
.popup .validation-errors{display:none;margin:4px auto 0}
.popup .error{color:#e35050}
.popup input[type=text]{border:1px solid #c9d7dd;background:#fff;font-size:16px}
.popup input[type=text].error{color:#e35050;border-color:#e35050}
.popup-image{margin-left:0;max-width:305px;width:100%;display:inline-block}
.popup-image img{max-width:100%;height:auto}
.popup-copy{display:inline-block;margin-left:45px;max-width:430px;width:100%}
.popup-copy form{margin-top:15px}
.privacy-info{color:#61676a;font-size:12px;margin:12px auto 0;max-width:385px;width:100%;text-align:center;line-height:18px}
@media screen and (max-width:870px){
.popup{max-width:100%;width:94%}
.popup .popup-content{padding-left:10px;padding-right:10px}
.popup .popup-copy,.popup .popup-image{display:block;max-width:470px;width:100%;margin-left:auto;margin-right:auto}
.popup .popup-image{text-align:center}
.popup .popup-copy{margin-top:25px}
}
@media screen and (max-width:550px){
.popup{width:92%}
}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

#fb_widget .label{position:relative;float:left;color:#005f46;min-width:20%} #fb_widget .field{position:relative;float:left} #fb_widget .element{border:0 dotted red;margin:12px;padding:5px;min-height:25px;clear:both} #fb_widget .field input{margin:0;padding:0} #fb_link.disabled{opacity:0;visibility:hidden;}#fb_link.disabled .tooltiptext{font-size:0} #fb_link.disabled .tooltiptext:after{content:"OFFLINE";font-size:12px} #fb_link.email_us .tooltiptext{font-size:0} #img_email{display:none;} #fb_link.email_us .tooltiptext:after{content:"Wyślij do nas wiadomość. Odpowiemy najszybciej jak to będzie możliwe.";font-size:12px;line-height:1.35em;} .lang {
	background-color: #333;
	position: fixed;
	z-index: 777777;
	top: 8em;
	right: 0px;
	font-size: 1em;
}
.lang a {
	text-align: center;
	display: block;
	padding: 1em;
	text-decoration: none;
}
.lang a:link, .lang a:visited {
	color: #FFF;
	background-color: #333;
}
.lang a:hover {
	color: #333;
	background-color: #999;
}
.lang a.active {
	color: #333;
	background-color: #F00;
}




.fbmessenger{position:fixed;bottom:30px;right:20px;z-index:999999} .fbmessenger span{z-index:999999;position: absolute;} .fbmessenger.wpostop_left{left:2px;right:initial;top:0;bottom:initial} .tooltiptext.wpostop_left{left:60px;right:initial;top:8px;bottom:initial} .fbmessenger.wpostop_right{left:initial;right:15px;top:0;bottom:initial} .tooltiptext.wpostop_right{left:initial;right:60px;top:8px;bottom:initial} .fbmessenger.wposbottom_left{left:2px;right:initial;top:initial;bottom:0} .tooltiptext.wposbottom_left{left:60px;right:initial;top:initial;bottom:10px} .fbmessenger.wposbottom_right{left:initial;right:20px;top:initial;bottom:20px} .tooltiptext.wposbottom_right{left:initial;right:60px;top:initial;bottom:10px} .fbmessenger img{width:50px;filter:drop-shadow(2px 6px 4px rgba(0,0,0,.3));-webkit-filter:drop-shadow(2px 6px 4px rgba(0,0,0,.3))} .tooltiptext{
	width: 300px;
	background-color: #061a2d;
	color: #FFF;
	text-align: center;
	border-radius: 0;
	position: fixed;
	bottom: 30px;
	right: 75px;
	font-family: inherit;
	font-size: 14px;
	filter: drop-shadow(2px 6px 4px rgba(0,0,0,.3));
	-webkit-filter: drop-shadow(2px 6px 4px rgba(0,0,0,.3));
	padding-top: 5px;
	padding-right: 5;
	padding-bottom: 5px;
	padding-left: 5;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #006eee;
	border-left-color: #F90;
	line-height: 1.35em;
}

@media screen and (max-width:919px){
	.tooltiptext{width:220px}
}
.realopis {
	text-align: center;
	display: block;
	width: 90%;
	color: #333;
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 5%;
	margin-bottom: 1.5em;
}
.mapa {
	width: 100%;
	height: 35em;
	margin-left: 0%;
	display: block;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #333;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}