#body1, #logo, #menu, #menu_min {
   position: absolute
}

#menu a, .side-nav a {
   float: left;
   font-size: 16px;
   font-weight: 400;
   text-transform: uppercase
}
#menu a, #nav1 a, #realizacje_nav a, #tytul1 h1, .hasla1 h2, .side-nav a {
   text-transform: uppercase
}

#menu_min, #menu_rozwijane, .hasla1 b {
   display: none
}

#zobacz_wybrane, .hasla1 h1, .hasla1 h2, .hasla1 h3 {
   text-align: center
}

#footer, .c {
   clear: both
}

body, div, form, h1, h2, h3, h4, h5, h6, html, img, input, ol, ol li, p, ul {
   margin: 0;
   padding: 0
}

body {
   font-family: 'Roboto', sans-serif;
   font-display: swap;
   color: #fff;
   background: url(images/body.webp) 50% 0 no-repeat #0d0d0d
}

#in2 input, #in3 textarea, #kontakt1a, #kontakt1b, .content1a p, .content2a p, input, select, textarea {
   font-family: 'Roboto', sans-serif;
}

img, input, textarea {
   border: 0
}

input, select, textarea {
   font-size: 13px
}

a {
   text-decoration: none;
   color: #3471F2
}

#polityka-cookies a, #pomysl2 a, #tekstowa ol li a, #tekstowa p a, .content1a p b, .content1a p strong, .content2a p b, .content2a p strong {
   text-decoration: underline
}

ul, ul li {
   list-style: none
}

table {
   border-spacing: 0;
   border-collapse: collapse
}

td {
   padding: 0
}

#body1 {
   width: 100%;
   background: url(images/body1.png)
}

#header {
   position: relative;
   width: 1000px;
   height: 106px;
   margin: 0 auto
}

#logo {
   bottom: 0;
   left: 0
}

#menu {
   top: 70px;
   right: 0
}

#menu a {
   color: #fff;
   margin-left: 18px;
   padding-bottom: 12px
}

#menu a:hover {
   color: #3471F2;
   border-bottom: 3px solid #3471F2
}

#menu_min {
   bottom: 5px;
   right: 5px
}

.side-nav {
   position: fixed;
   width: 240px;
   right: 0;
   top: 0;
   margin: 0;
   height: 100%;
   height: calc(100%+60px);
   height: -moz-calc(100%);
   padding-bottom: 60px;
   background-color: #fff;
   overflow-y: auto;
   will-change: left;
   z-index: 1000;
   background-color: rgba(0,0,0,0.85);
   box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.side-nav a {
   width: 95%;
   margin-top: 10px;
   padding: 16px 0 16px 5%;
   color: #FFFFFF
}

#content1, .content2 {
   width: 100%;
   position: relative
}

.side-nav a:hover {
   background: #3471F2;
   color: #fff
}

.side-nav #on {
   border-bottom: none!important
}

.side-nav #on:hover {
   color: #fff!important
}

#fb {
   position: absolute;
   top: -45px;
   right: 20px
}

#on {
   color: #fff!important;
   border-bottom: 3px solid #3471F2
}



#hasla {
   position: relative;
   width: 1000px;
   height: 290px;
   margin: 0 auto
}

.hasla1 {
   padding-bottom: 40px;
   margin-top: 145px
}

.hasla1 h1 {
   font-size: 60px;
   line-height: 68px;
   color: #3471F2;
   margin-bottom: 70px;
}

.podskakuj {
	-webkit-animation: jump 1.5s ease 0s infinite normal ;
	animation: jump 1.5s ease 0s infinite normal ;
}

@-webkit-keyframes jump {
 0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 40%{
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
 }
 50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 60%{
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
 }
 80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
}

@keyframes jump {
 0%{
	transform: translateY(0);
 }
 20%{
	transform: translateY(0);
 }
 40%{
	transform: translateY(-7px);
 }
 50%{
	transform: translateY(0);
 }
 60%{
	transform: translateY(-3px);
 }
 80%{
	transform: translateY(0);
 }
 100%{
	transform: translateY(0);
 }
}

.hasla1 b {
   color: #fff
}

.hasla1 p {
   text-align: center;
   margin: 20px;
}


#przyciski {
   position: fixed;
   z-index: 10000;
   bottom: 70px;
   left: 0px;
   width: 100%;
   pointer-events: none;
}

.przycisk {
   font-size: 18px;
   color: #fff;
   padding: 11px 22px;
   border-radius: 6px;
   font-weight: 400;
   vertical-align: middle;
   white-space: nowrap;
}

.przycisk1 {
   background: #C90000;
   pointer-events: auto;
}

.przycisk2 {
   background: #3471F2;
   pointer-events: auto;
}


* {
   box-sizing: border-box;
}

.col {
   float: left;
   width: 50%;
   padding: 5px;
   text-align: center;
}

.row:after {
   content: "";
   display: table;
   clear: both;
}

@media screen and (max-width: 600px) {
   .col {
      width: 100%;
      padding: 15px;
   }
}






#artykuly_i_pomysly h2 {
   font-size: 40px;
   font-weight: 300;
   color: #fff;
   margin-bottom: 40px
}

#artykuly_i_pomysly h2 b {
   color: #3471F2
}











#container {
   /* position: relative; */
   width: 1000px;
   margin: 0 auto
}

#container b {
   /* border-bottom: 1px dotted #3471F2; */
   text-decoration: none;
   font-weight: 200;
   font-style: normal;
}

#content1 {
   padding-bottom: 30px;
   float: left;
}

.content1a {
   width: 70%;
   float: left
}

.content1a h3, .content2a h3 {
   font-size: 26px;
   font-weight: 200;
   line-height: 29px;
   color: #3471F2;
   margin: -4px 0 13px;
   cursor: pointer;
}

.content1a p, .content2a p {
   font-size: 13px;
   line-height: 18px;
   color: #ede9f7;
   cursor: pointer;
}






.wpis {
   padding-bottom: 30px;
   float: left;
}

.wpis1 {
   width: 100%;
   text-align: left;
   float: left
}
.wpis1 h3 {
   margin: 8px 0 8px 0;
}
.wpis1 h3 a {
   font-size: 24px;
   line-height: 28px;
   color: #3471F2;
   font-weight: 200;
}

.wpis1 p {
   font-size: 12px;
   line-height: 20px;
   color: #ede9f7;
   padding-right: 20px;
}
.wpis1 span {
   font-size: 9px;
   color: #ede9f7;
   background-color: #313131;
   font-weight: 200;
   padding: 3px 9px;
   margin-right: 8px;
}
.wpis1 .propozycja {
   width: 98%;
}
#tekstowa .wpis1 p {
   margin-bottom: 5px;
}

#tekstowa .wpis1 h3 {
   margin-bottom: 5px;
}







.more, .more1 {
   font-size: 12px;
   background: #373737;
   font-weight: 700;
   padding: 0 44px;
   height: 38px;
   line-height: 38px;
   margin-top: 4px;
   border-radius: 6px;
   font-weight: 400;
}

.more {
	display: inline-block;   color: #fff;
   vertical-align: middle;
   margin: 10px 0 10px 0;
}

.more1 {
   float: right;
   color: #fff;
   vertical-align: middle
}


#in2 input, .in1 input {
   padding: 0 5px;
   vertical-align: middle
}

.content1b {
   float: left;
   margin: 0 0 0 28px;
   cursor: pointer;
   width: 20%;
   height: auto
}

.content2 {
   padding-bottom: 30px;
   float: left;
}

.content2_last {
   min-height: 200px!important
}

.content2a {
   width: 361px;
   float: right
}

.content2b {
   float: right;
   margin: 0 28px
}

#realizacje {
   position: relative;
   width: 960px;
   margin: 100px auto 55px;
}

#realizacje h2 {
   font-size: 40px;
   font-weight: 300;
   color: #fff;
   padding-left: 10px;
   margin-bottom: 37px
}

#realizacje h2 b {
   color: #3471F2
}

.realizacje1 {
   position: relative;
   width: 220px;
   height: 155px;
   float: left;
   margin: 0 10px 20px;
   cursor: pointer;
   background: no-repeat 50% 0%;
}

.realizacje1_over {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 155px;
   background: url(images/realizacje1_over.png);
   display: none
}

.realizacje1:hover .realizacje1_over {
   display: inline
}

#nav1 a, #nav1 span {
   display: inline-block
}

.realizacje1_over h4 {
   font-size: 14px;
   color: #3471F2;
   font-weight: 400;
   margin: 16px 17px 12px
}

.realizacje1_over p {
   font-size: 12px;
   color: #fff;
   line-height: 14px;
   margin: 0 17px
}

#kontakt, #nav1 {
   margin-top: 25px
}

.realizacje1_over img {
   position: absolute;
   bottom: 18px;
   left: 17px
}

.realizacje1_over span {
   position: absolute;
   bottom: 15px;
   right: 17px;
   font-size: 12px;
   color: #7f7d86
}

#zobacz_wybrane {
   float: right;
   margin: 4px 10px 0 0;
   font-size: 18px;
   color: #fff;
   width: 95%
}

#kontakt {
   position: relative;
   float: left;
   width: 100%;
   height: 523px;
   display: block;
   background-image: url("images/kontakt.webp");
   background-position: 50% 0;
   background-repeat: no-repeat;
   background-color: #0d0d0d;
   margin-bottom: 48px;
}

#kontakt1 {
   position: relative;
   width: 940px;
   margin: 0 auto;
   color: #fff
}

#kontakt1 h2 {
   font-size: 40px;
   font-weight: 300;
   line-height: 48px;
   margin: 50px 0 30px
}

#kontakt1a {
   float: left;
   width: 281px
}

.skontaktuj {
   width: 100%;
   float: left;
   margin-top: 20px
}

.skontaktuj a, .skontaktuj1 a {
   border-bottom: 1px dotted #3471F2;
   text-decoration: none
}

#kontakt1a h3 {
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 10px
}

#kontakt1a img {
   float: left;
   margin: 11px 17px 0 0
}

#kontakt1a h4 {
   float: left;
   font-size: 16px;
   font-weight: 400;
   line-height: 36px;
   margin-bottom: 4px
}

#kontakt1a p a, #nav1 a, #wyslij, #wyslij1 {
   font-weight: 400;
   color: #fff
}

#kontakt1a h4 b {
   font-size: 30px
}

#kontakt1a p {
   float: left;
   font-size: 16px;
   line-height: 29px
}

#kontakt1a p a {
   font-size: 24px
}

#kontakt1b {
   float: left;
   width: 659px
}

#kontakt1b p {
   font-size: 13px;
   color: #fff;
   padding-bottom: 7px
}

.in1 {
   float: left;
   width: 240px
}

.in1 input {
   width: 210px;
   height: 36px;
   line-height: 36px;
   font-size: 13px
}

#in3, #nav1 {
   width: 100%
}

#footer, #tytul1, #tytul1_realizacje, #opis {
   position: relative;
   width: 1000px;
   margin: 0 auto
}

#in2 {
   float: left;
   width: 178px
}

#in2 input {
   width: 168px;
   height: 36px;
   line-height: 36px;
   font-size: 13px;
   color: #000
}

#in3 {
   margin-top: 13px;
   float: left;
   overflow: hidden
}

#in3 textarea {
   width: 649px;
   height: 100px;
   padding: 5px;
   overflow: hidden;
   float: left;
   font-size: 13px;
   color: #000
}

#wyslij, #wyslij1 {
   float: right;
   width: 220px;
   height: 44px;
   line-height: 44px;
   font-size: 16px;
   vertical-align: middle;
   text-align: center;
   font-family: 'Roboto', sans-serif;
   background: #3471F2;
   border-radius: 6px;
   margin-top: 21px
}

#footer p, .realizacje2a, .realizacje2a h3, .realizacje2a ul {
   font-family: 'Roboto', sans-serif;
}

#footer_body {
   background: #0d0d0d;
   padding-bottom: 20px;
   float: left;
   width: 100%
}

#footer {
   text-align: center
}

#nav1 a {
   font-size: 12px;
   vertical-align: middle;
   margin: 0 3px
}

#nav1 a:hover {
   color: #3471F2
}

#nav1 span {
   background: #fff;
   width: 4px;
   height: 3px;
   border-radius: 1px;
   vertical-align: middle;
   margin: 0 3px
}

#logo1 {
   margin-top: 35px
}

#footer p {
   font-size: 12px;
   color: #3d3d3d;
   line-height: 14px;
   margin-top: 15px
}

#footer p a {
   color: #3471F2
}

#tytul {
   background: #3471F2;
   margin-top: 28px;
   padding: 8px 15px 8px 15px;
}

#tytul1 h1 {
   font-size: 34px;
   color: #fff;
   margin-top: 5px;
   font-weight: 300;
   vertical-align: middle
}

#tytul_realizacje {
   background: #3471F2;
   margin-top: 28px;
   padding: 8px 15px 25px 15px;
}

#tytul1_realizacje h1 {
   font-size: 34px;
   color: #fff;
   margin-top: 5px;
   font-weight: 400;
}

#realizacje_nav {
   /* position: absolute;
   right: -10px;
   top: 12px;
   float: right */
   margin-top: 5px;
}

#realizacje_nav a {
   margin-right: 20px;
   font-size: 12px;
   color: #000;
   font-weight: 500;
   float: left
}

#realizacje_nav a:hover {
   color: #fff
}

#realizacje_nav1 {
   color: #fff!important
}


#opis {
   font-size: 12px;
   color: #FFFFFF;
   padding: 18px 15px 18px 15px;
}
#opis a {
   color: #FFFFFF;
}
#opis p {
   font-size: 14px;
   line-height: 21px;
   font-weight: 200;
}

.realizacje2 {
   position: relative;
   width: 48%;
   float: left;
   height: 341px;
   cursor: pointer;
   margin: 10px 1%
}

.realizacje2a {
   position: absolute;
   top: 0;
   left: 0;
   /* width: 95%; */
   height: 341px;
   padding: 1%;
   background: url(images/realizacje2a.png);
   display: none
}

.realizacje2a h3 {
   font-weight: 400;
   font-size: 24px;
   margin-bottom: 18px
}

.realizacje2a_1 {
   height: 46px;
   border: 1px solid #3471F2;
   float: left;
   margin: 0 10px 10px 0
}

.realizacje2a ul {
   margin-left: 0;
   padding-right: 0;
   list-style-type: none;
   margin-top: 8px;
   width: 100%;
   float: left
}

.realizacje2a ul li {
   font-size: 12px;
   line-height: 14px;
   padding-bottom: 10px;
   color: #c1c1c1;
   counter-increment: step-counter;
   float: left;
   width: 100%
}

.realizacje2a ul li::before {
   content: counter(step-counter);
   font-size: 11px;
   background: url(images/ol1.png) no-repeat;
   color: #fff;
   font-weight: 700;
   width: 19px;
   height: 19px;
   margin: 0 8px 0 0;
   text-align: center;
   line-height: 19px;
   vertical-align: middle;
   float: left
}

#pomysl2 a, #tekstowa h4, #tekstowa h3, #tekstowa h2, #tekstowa ol li a, #tekstowa p a, #tekstowa p b, .online, .pomysl1a:hover, .realizacje2a ul li a {
   color: #3471F2
}

#tekstowa h3 {
   font-size: 18px;
   margin: 22px 0 8px;
   font-weight: 200;
}

#tekstowa h2 {
   font-size: 26px;
   margin: 18px 0 8px;
   font-weight: 200;
}

#tekstowa p b {
   border-bottom: 1px dotted #3471F2;
   color: #fff
}

.offline, .online, .roboczy {
   right: 28px;
   top: 20px;
   font-size: 11px;
   padding: 3px 0 0 28px;
   height: 16px;
   text-transform: uppercase;
   position: absolute;
   float: left
}

#kontakt2a ol, #pomysl2 ol {
   margin-left: 0;
   font-family: 'Roboto', sans-serif;
   list-style-type: none
}

#kontakt2a ol li {
   line-height: 35px;
   font-size: 14px
}

#kontakt2a p {
   line-height: 20px;
   font-size: 14px;
}

.online {
   background: url(images/online.png) no-repeat
}

.offline {
   color: #c80606
}

.roboczy {
   color: #d76b02
}

#kontakt2, #kontakt2b, .pomysl1a {
   position: relative
}

#kontakt2 {
   width: 940px;
   margin: 0 auto
}

#kontakt2a {
   width: 280px;
   padding-right: 40px;
   float: left;
   margin-top: 45px
}

#kontakt2a p {
   padding-bottom: 20px;
   color: #fff;
   font-family: 'Roboto', sans-serif;
}

#kontakt2a ol {
   padding-right: 0
}

#kontakt2a ol li {
   padding-bottom: 15px;
   color: #c1c1c1;
   counter-increment: step-counter;
   float: left
}

#kontakt2a ol li::before {
   content: counter(step-counter);
   font-size: 14px;
   background: url(images/ol.png) no-repeat;
   color: #fff;
   font-weight: 700;
   width: 26px;
   height: 26px;
   margin: 5px 8px 0 0;
   text-align: center;
   line-height: 26px;
   vertical-align: middle;
   float: left
}

#kontakt2b {
   width: 620px;
   float: left;
   margin: 47px 0 40px;
   font-family: 'Roboto', sans-serif;
}

#kontakt2b p {
   font-size: 13px;
   padding-bottom: 8px
}

.skontaktuj1 {
   width: 50%;
   float: left;
   height: 82px
}

.skontaktuj1 h4 {
   font-size: 16px;
   font-weight: 400
}

.skontaktuj1 img {
   float: left;
   margin: 5px 17px 0 0
}

.skontaktuj1 h4 b {
   font-size: 30px;
   display: inline-block;
   margin-top: 2px
}

.skontaktuj1 h4 a {
   font-size: 24px;
   color: #fff;
   display: inline-block
}

.in4 {
   width: 31.3%;
   margin-right: 3%;
   float: left
}


#in4a {
   width: 31.4%;
   float: left
}

#in4a input, .in4 input {
   width: 98%;
   height: 36px;
   line-height: 36px;
   padding: 0 1%;
   vertical-align: middle;
   font-size: 13px
}

.in4b {
	width: 98%;
	height: 36px;
	line-height: 36px;
	padding: 0 1%;
	vertical-align: middle;
	font-size: 13px;
	display: none;
}

.in3a textarea {
   height: 192px!important
}

#formularz-kontaktu {
   position: relative;
   height: 365px;
}

#pola {
   position: absolute;
   bottom: 5px;
   left: 0;
   margin-right: 230px;
   font-size: 11px;
   font-family: 'Roboto', sans-serif;
   line-height: 12px;
	border:1px solod #Ff0000;
}

#formularz-kontaktu b {
   font-size: 11px;
   color: #3471F2;
   font-weight: 600
}
#formularz-kontaktu-2 b {
   font-size: 11px;
   color: #3471F2;
   font-weight: 600
}

#kontakt_body {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(images/kontakt_body.png)
}

#pomysl1 {
   width: 280px;
   margin-right: 18px;
   float: left;
   font-family: 'Roboto', sans-serif;
   margin-top: 44px
}

#pomysl1 p {
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 22px;
}

.pomysl1a {
   float: left;
   color: #a0a0a0;
   width: 100%;
   font-size: 14px;
   padding: 7px 0;
   line-height: 17px;
   border-bottom: 1px solid #2b2b2b
}

.pomysl1_img {
   float: left;
   margin-right: 11px
}

.pomysl1a b {
   float: left;
   width: 87%;
   font-weight: 400
}

#pomysl2 h2, #pomysl2 ol, #pomysl2 ol li, #tekstowa p {
   width: 100%;
   float: left;
}

#pomysl2 ol li::before, #tekstowa ol li::before {
   content: counter(step-counter);
   background: url(images/ol.png) no-repeat;
   width: 26px;
   height: 26px;
   line-height: 26px;
   vertical-align: middle;
   text-align: center
}

#pomysl1 small {
   float: right;
   color: #c50505
}

#pomysl_on {
   color: #3471F2!important
}

#pomysl2 {
   width: 642px;
   float: left;
   font-family: 'Roboto', sans-serif;
   margin-top: 44px
}

#pomysl2 h2 {
   line-height: 34px;
   margin-bottom: 20px
}

#pomysl2 h2 img {
   float: left;
   margin-right: 20px
}

#pomysl2 h2 b {
   float: left;
   font-size: 24px;
   font-weight: 300;
   line-height: 34px;
   width: 80%
}

#pomysl2 h2 b strong {
   font-size: 30px;
   font-weight: 400;
   color: #3471F2;
   line-height: 34px
}

#pomysl2 p {
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 25px;
}

#pomysl2 a {
   font-weight: 700
}

#pomysl2 strong {
   color: #FFF
}

#pomysl2 ol {
   padding-right: 0
}

#pomysl2 ol li {
   font-size: 14px;
   line-height: 20px;
   padding-bottom: 15px;
   color: #c1c1c1;
   counter-increment: step-counter
}

#pomysl2 ol li::before {
   font-size: 14px;
   color: #fff;
   font-weight: 700;
   margin: 5px 8px 0 0;
   float: left
}

.wycena {
   float: left;
   margin: 49px 25px 0 0
}

#tekstowa {
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
   width: 98%;
   float: left;
   color: #fff;
   margin-top: 20px;
   padding: 8px;
}

#tekstowa .przyklad {
   width: 98%;
}

#tekstowa p {
   line-height: 26px;
   margin-bottom: 8px;
}

#tekstowa strong {
   /* color: #C90000; */
   /* text-decoration: underline dotted; */
   font-weight: 600;
   /* text-decoration-color: red; */
}

#tekstowa h4 {
   font-size: 20px;
   margin: 10px 0 16px;
   font-weight: 200;
}

#tekstowa ol {
   margin-left: 35px;
   padding-right: 0;
   list-style-type: none;
   color: #F1F0F4
}

#tekstowa ol b {
   color: #fff
}


#tekstowa ol li {
   font-size: 14px;
   line-height: 26px;
   width: 100%;
   counter-increment: step-counter;
   float: left;
   margin-bottom: 20px
}

#tekstowa ul {
   margin-left: 35px;
   padding-right: 0;
   color: #F1F0F4
}
#tekstowa ul li {
   font-size: 14px;
   line-height: 26px;
   width: 100%;
   float: left;
   list-style-type: disc;
   margin: 10px
}

#tekstowa ol li::before {
   font-size: 14px;
   color: #fff;
   font-weight: 700;
   margin: 0 8px 0 0;
   float: left
}

#tekstowa strong a, #opis strong a {
   font-size: 14px;
   color: #fff !important;
   padding: 4px 8px;
   border-radius: 6px;
   font-weight: 400 !important;
   vertical-align: middle;
   background: #c90000;
   margin-left:4px;
   text-decoration: none !important;
   white-space: nowrap;
}

.tekstowa1, .tekstowa2 {
   width: 40%;
   float: left;
   margin-bottom: 20px;
}

#tekstowa ol li a {
   font-weight: 700
}

.tekstowa1 {
   margin-right: 20%
}
.tekstowa1 a {
   color: #FFFFFF;
}

.komunikat {
   background: #c50505;
   width: 100%;
   float: left;
   text-align: center;
   padding: 18px;
   margin: 0 0 10px;
   color: #fff;
   font-size: 12px!important;
   font-weight: 500!important
}



@media(max-width:970px) {
   #kontakt1a {
      width: 98%;
      margin: 0 1%
   }
   #kontakt1 h2 {
      margin: 30px 0 20px
   }
   .br {
      display: none
   }
   .skontaktuj {
      width: 50%;
      float: left
   }
   #kontakt1b {
      float: right;
      width: 100%;
      margin-top: 10px
   }
   #in3 p {
      margin-left: 1%
   }
   #in2, .in1 {
      width: 31.3%;
      margin: 0 1%
   }
   #in2 input, .in1 input {
      width: 98%;
      padding: 0 1%
   }
   #in3 textarea {
      width: 96%;
      padding: 5px 1%;
      margin: 0 1%
   }
   #wyslij {
      margin-right: 1%
   }
	#kontakt {
		height: 650px;
	}


   .tworzylismy_dla {
      position: relative;
      width: 98% !important;
      margin: 76px auto 0
   }

   .tworzylismy_dla h2 {
      font-size: 36px !important;
      font-weight: 300;
      color: #fff;
      padding-left: 10px;
      margin-bottom: 37px
   }

   .tworzylismy_dla img {
      margin-right: 4px;
      height: 56px !important;
   }

}

@media(max-width:955px) {
   #container, #footer, #hasla, #header, #kontakt1, #kontakt2, #realizacje, #tytul1 {
      width: 98%;
      margin: 0 1%
   }
   #tytul1_realizacje {
      width: 100%;
   }
   #opis {
      width: 95%;
      margin: 0 1%
   }
   #menu {
      display: none
   }
   #header {
      height: 80px
   }
   .content1b, .content1b_1, .content2b {
      position: absolute;
      left: 50%;
      margin-left: -81px
   }
   .content1a, .content2a {
      width: 38%
   }
   .content1b_1 {
      top: 280px!important
   }
   .content1b, .content2b {
      top: 0
   }
   .more, .more1 {
      font-size: 12px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px
   }
   #menu_min {
      display: inline
   }
   .realizacje1 {
      width: 23%;
      margin: 0 1% 20px
   }
   #kontakt2a {
      width: 30%;
      padding-right: 5%
   }
   #kontakt2b {
      width: 65%
   }
   .in3a textarea {
      width: 98%!important;
      margin: 0!important
   }
   .in3a p {
      margin-left: 0!important
   }
   #pola {
      bottom: 7px
   }
   #pomysl1 {
      width: 30%;
      margin-right: 2%
   }
   #pomysl2 {
      width: 68%
   }
   .pomysl1a b {
      width: 82%
   }
   /* #realizacje_nav {
      right: 0!important
   } */
   #fb {
      position: relative;
      top: 0;
      right: 0
   }
   #on {
      background: #3471F2;
      color: #fff
   }
}

@media(max-width:805px) {
   #hasla {
      padding-top: 50px;
      height: 350px
   }
   #content1, .content2 {
      margin-bottom: 40px
   }
   #opis {
      width: 94%;
   }
   .content1b, .content2b {
      margin-left: 0;
      margin-right: 0
   }
   .hasla1 {
      margin-top: 45px
   }
   .hasla1 h1 {
      font-size: 50px;
      line-height: 50px
   }
   #content1, .content2, .content2_last {
      background: 0 0!important;
      min-height: 100px!important
   }
   #content1 {
      padding-top: 50px
   }
   .content1b {
      right: 0;
      left: auto
   }
   .content1b_1 {
      top: 35px!important
   }
   .content2b {
      left: 0
   }
   .content1b, .content2b {
      width: 20%;
      height: auto
   }
   .content1a, .content2a {
      width: 78%
   }
   .more, .more1 {
      margin-top: 15px
   }
   #realizacje {
      margin-top: 10px
   }
   #realizacje h2 {
      font-size: 30px;
      margin-bottom: 17px
   }
   .realizacje1 {
      width: 31.3%
   }




}

@media(max-width:780px) {
   #opis {
      width: 92%;
   }
   #realizacje_nav a span {
      display: none
   }
   #kontakt2a, #kontakt2b {
      width: 100%;
      padding: 8px;
   }
   #kontakt2a {
      padding-right: 0
   }
   .pomysl1a b {
      width: 77%
   }
   #tekstowa ol {
      margin-left: 15px
   }
   #realizacje_nav {
      top: 12px;
   }
   #pomysl2 h2 b {
      width: 70%
   }
   #tytul1 h1 {
      font-size: 30px;
      font-weight: 400;
      /* line-height: 55px */
   }

   .tworzylismy_dla h2 {
      font-size: 30px !important;
   }

   .tworzylismy_dla img {
      margin-right: 4px;
      height: 46px !important;
   }
}


@media(max-width:560px) {
   #opis {
      width: 90%;
   }
   #kontakt1 h2 {
      font-size: 30px;
      margin: 30px 0 10px
   }
   #kontakt1a h4, #kontakt1a p {
      font-size: 12px;
      line-height: 16px
   }
   #kontakt1a h4 b, #kontakt1a p a {
      font-size: 16px
   }
   #kontakt1a img {
      margin: 4px 7px 0 0
   }
   #kontakt1b {
      margin-top: 20px
   }
   #in2, #in4a, .in1, .in4 {
      margin-bottom: 10px;
      width: 48%
   }
   #in2 input, .in1 input {
      height: 26px;
      line-height: 24px
   }
   #kontakt1b p {
      font-size: 11px;
      padding-bottom: 5px
   }
   #tytul {
      background: #3471F2;
      margin-top: 28px
   }
   #tytul1 h1 {
      font-size: 20px;
      font-weight: 400;
   }
   #tytul_realizacje {
      background: #3471F2;
      margin-top: 28px;
   }
   #tytul1_realizacje h1 {
      font-weight: 400;
   }

   #realizacje_nav {
      top: 12px;
   }

   .skontaktuj1 h4 {
      font-size: 14px
   }
   .skontaktuj1 h4 a, .skontaktuj1 h4 b {
      font-size: 18px
   }
   .skontaktuj1 img {
      width: 25px;
      height: auto;
      margin: 5px 7px 0 0
   }
   #tekstowa, .realizacje2 {
      width: 96%
   }
   #wyslij1 {
      margin-top: 41px
   }
   #pola {
      margin-right: 0;
      line-height: 11px;
		width: 50%;
      bottom: -30px
   }
   #pola b {
      font-size: 11px
   }
   #pomysl2 h2 b {
      font-size: 20px
   }
   #pomysl2 h2 b strong {
      font-size: 24px
   }
   .wycena {
      display: none
   }

   .tworzylismy_dla img {
      margin-right: 3px;
      height: 36px !important;
   }
}

@media(max-width:510px) {
   .realizacje1 {
      width: 48%
   }
   #kontakt1 h2 {
      font-size: 22px
   }
   #kontakt1a img {
      width: 25px;
      height: auto
   }
   #pomysl2, .tekstowa2 {
      width: 100%
   }
   #pomysl1, .tekstowa1 {
      width: 100%;
      margin-right: 0
   }
   .hasla1 h1 {
      font-size: 40px;
      line-height: 44px;
   }
   .hasla1 a {
      line-height: 68px;
   }
   #pola {
      width:45%
   }
}

@media(max-width:400px) {
   .hasla1 h1 {
      font-size: 44px;
      line-height: 48px
   }
   .hasla1 h2 {
      font-size: 27px;
      line-height: 31px
   }
   #pola, #pola b {
      font-size: 10px
   }
   .content1a, .content2a {
      width: 100%
   }
   .content1a h3 {
      padding-right: 25%;
      margin: 0 0 13px;
      line-height: 40px
   }
   .content2a h3 {
      padding-left: 25%;
      margin: 0 0 13px;
      line-height: 70px
   }
   .content1b, .content1b_1, .content2b {
      top: -8px
   }
   .skontaktuj1 img {
      display: none
   }
   #in4a, .in4 {
      width: 99%
   }
   #pola {
      bottom: -68px;
      line-height: 12px;
		width: 266px;
   }
	#kontakt2 #pola {
      bottom: 0px;
      line-height: 10px;
		width: 135px;
	}
   #tekstowa ol {
      margin-left: 5px
   }
	#kontakt {
		height: 685px;
	}
	#kontakt1a h4 b, #kontakt1a p a {
		font-size: 18px;
	}
	#zobacz_wybrane {
		text-align: center;
	}
}

#polityka-cookies a, #polityka-cookies p span, #polityka-cookiesZamknij {
   display: inline-block;
   vertical-align: middle;
   transition-duration: 1s;
}

@media(max-width:370px) {
   #kontakt1a img {
      display: none
   }
   #pomysl2 h2 b {
      width: 60%
   }
   #tytul1 h1 {
      font-size: 28px
   }

   .hasla1 h1 {
      font-size: 44px;
      line-height: 48px;
   }


}

#polityka-cookies {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   padding: 10px 0 10px;
   background: rgba(0,0,0,0.5);
   color: #fff;
   text-align: center;
   line-height: 12px;
   font-size: 11px;
   z-index: 10000;
   backdrop-filter: blur(5px);
}

#polityka-cookies p {
   position: relative;
   width: 100%;
   margin: 0 auto
}

#polityka-cookies p span {
   margin-top: 8px
}

#polityka-cookies a {
   color: #3471F2;
   font-weight: 700;
   margin-top: 8px;
   border-radius: 10px
}
#polityka-cookiesZamknij {
   cursor: pointer;
   z-index: 10000;
   font-weight: 200;
   background: #3471F2;
   padding: 8px 16px;
   color: #fff;
   margin: 0 15px;
   border-radius: 6px
}


input[name="strona"], label[for="strona"] {
   display: none;
}

.zobacz_wszystkie_wpisy {
   margin: 14px 0 28px 0;
}

.zobacz_nasze_realizacje {
   margin: auto;
   width:80% !important;
   display: block;
}

#popup {
   padding:14px;
   color: #FFFFFF;

}
#popup button {
   color:#FFFFFF;
}
#popup h4 {
   padding: 12px;
   font-size: 16px;
   font-weight: 400;
   line-height: 28px;
}
#popup p {
   margin-top: 12px;
}


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

.tworzylismy_dla h2 {
   font-size: 40px;
   font-weight: 300;
   color: #fff;
   padding-left: 10px;
   margin-bottom: 37px
}

.tworzylismy_dla h2 b {
   color: #2673ff
}

.tworzylismy_dla img {
   margin-right: 5px;
}