body,html {
margin:0px;
padding:0px;
}

body {
font-family: "PT Sans";
font-size:15px;
background:url('../gfx/tlo.png') no-repeat right top;
background-size:cover;
}

a {
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-ms-transition:all .15s ease-in-out;
-o-transition:all.15s ease-in-out;
transition:all .15s ease-in-out;
}


#formularz_zgloszeniowy,#przyjecie,#przyjecie_zobacz {
margin:50px 0px;
background:white;
-webkit-box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.13);
box-shadow: 0px 12px 10px 0px rgba(0,0,0,0.13);
border:1px solid #f3f3f3;
}

h1 {
font-family: "PT Sans";
color:#141313;
font-weight:bold;
font-size:36px;
}

#formularz_zgloszeniowy h2 {
margin:0px 0px 50px 0px;
}

#formularz_zgloszeniowy .form_left {
padding:30px;
}

#formularz_zgloszeniowy .form_left h2 {
color:#141313;
font-size:24px;
font-weight:bold;
}


#formularz_zgloszeniowy .wybierz_rodzaj {
border-bottom:1px solid #e5e5e5;
margin-bottom:40px;
}

#formularz_zgloszeniowy .main_line {
display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-right:0px;
}

#formularz_zgloszeniowy textarea.form-control {
background:#f6f6f6;
border:0px;
box-shadow:none;
padding:14px 12px;
font-size:14px;
line-height:16px;
font-family: "PT Sans";
}

#formularz_zgloszeniowy input.form-control {
background:#f6f6f6;
border:0px;
height:auto;
box-shadow:none;
font-size:14px;
line-height:16px;
padding:6px 12px;
font-family: "PT Sans";
}

#formularz_zgloszeniowy label {
font-family: "PT Sans";
font-weight:400;
margin-top:11px;
font-size:14px;
color:#6a6a6a;
}

#formularz_zgloszeniowy .form-group {
margin-bottom:22px;
}


#formularz_zgloszeniowy .wybierz_rodzaj a {
border:0px;
border-radius:0px;
margin-right:5px;
padding:15px 24px 15px 54px;
color:#231f20;
font-family: 'Fira Sans';
font-size:18px;
font-weight:500;
}

#formularz_zgloszeniowy .wybierz_rodzaj a:hover {
color:#f68f35;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.ico_www {
background:url('../gfx/ico_www.png')  no-repeat 24px center;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.ico_mail {
background:url('../gfx/ico_mail.png')  no-repeat 24px center;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.ico_hosting {
background:url('../gfx/ico_hosting.png')  no-repeat 24px center;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.ico_inne {
background:url('../gfx/ico_inne.png')  no-repeat 24px center;
}


#formularz_zgloszeniowy .wybierz_rodzaj a.active {
border:0px;
box-shadow:none;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.active.ico_mail {
background:url('../gfx/ico_mail_active.png') #f68f35 no-repeat 24px center;
color:white;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.active.ico_www {
background:url('../gfx/ico_www_active.png') #f68f35 no-repeat 24px center;
color:white;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.active.ico_hosting {
background:url('../gfx/ico_hosting_active.png') #f68f35 no-repeat 24px center;
color:white;
}

#formularz_zgloszeniowy .wybierz_rodzaj a.active.ico_inne {
background:url('../gfx/ico_inne_active.png') #f68f35 no-repeat 24px center;
color:white;
}



#formularz_zgloszeniowy .dane_box {
background:url('../gfx/tlo_black.png') #231F20 no-repeat right top;
background-size:100% auto;
padding:20px 30px;
color:white;
position:relative;
top:-1px;
right:-1px;
margin-bottom:-2px;
}

#formularz_zgloszeniowy .dane_box h2 {
font-weight:bold;
font-size:24px;
margin:15px 0px 30px 0px;
}

#formularz_zgloszeniowy .dane_box label {
font-weight:400;
font-size:14px;
margin-top:0px;
margin-bottom:5px;
color:white;
}

#formularz_zgloszeniowy .pol_wyb input {
position: absolute;
z-index: -1;
opacity: 0;
}

#formularz_zgloszeniowy .pol_wyb label {
cursor:pointer;
}

#formularz_zgloszeniowy .pol_wyb input + label::before {
content: ' ';
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #d8d8d8;
position: absolute;
left:0;
top:10px;
}

#formularz_zgloszeniowy .pol_wyb .pull-left {
position:relative;
padding-left:30px;
margin-right:40px;
}


#formularz_zgloszeniowy .pol_wyb input:checked + label::after {
content: ' ';
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
background:#231f20;
position: absolute;
left: 3px;
top:13px;
}


#formularz_zgloszeniowy .dane_box .form-group   {
margin-bottom:15px;
}

#formularz_zgloszeniowy .dane_box .form-control {
background:#f6f6f6;
font-size:16px;
line-height:16px;
height:auto;
}

#formularz_zgloszeniowy .btn-primary {
text-transform:uppercase;
display:block;
background:#f68f35;
width:100%;
text-align:center;
border:0px;
font-family: "PT Sans";
font-weight:bold;     
font-size:20px;
line-height:60px;
padding:0px;
margin:20px 0px 20px 0px;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-ms-transition:all .15s ease-in-out;
-o-transition:all.15s ease-in-out;
transition:all .15s ease-in-out;
}

#formularz_zgloszeniowy .btn-primary:hover {
background:white;
color:#231f20;
}

#formularz_zgloszeniowy .zgoda label.col-form-label {
color:#6a6a6a;
font-family: "PT Sans";
font-weight:400;
font-size:13px;
cursor:pointer;
padding: 4px 4px 4px 35px;
}

#formularz_zgloszeniowy .zgoda input + label.col-form-label,#formularz_zgloszeniowy .zgoda input + label + label.col-form-label {
position:relative;
}

#formularz_zgloszeniowy .zgoda input {
position: absolute;
z-index: -1;
opacity: 0;
}

#formularz_zgloszeniowy .zgoda input + label.col-form-label::before,#formularz_zgloszeniowy .zgoda input + label + label.col-form-label::before {
content:" ";
display: block;
position: absolute;
left: 0;
top:4px;
background:#f6f6f6;
border:1px solid #d8d8d8;
border-radius:6px;
width:18px;
height:18px;
}


#formularz_zgloszeniowy .zgoda input:checked + label.col-form-label::after,#formularz_zgloszeniowy .zgoda input:checked + label + label.col-form-label::after {
    content:'\2713';
    font-weight:bold;
    position: absolute;
    left:4px;
    color:#231f20;
    top:4px;
}



header {
margin:40px 0px 60px 0px;
}

footer {
background:black;
border-top:2px solid #F5881F;
color:white;
line-height:40px;
overflow:hidden;
height:40px;
font-size:13px;
position:fixed;
bottom: 0;
width:100%;
}

footer a {
  color:#F5881F;
  text-decoration:none;
}

footer a:hover {
  color:white;
  text-decoration:none;
}

#przyjecie,#przyjecie_zobacz {
padding:30px;
}

#przyjecie h2 {
margin-bottom:30px;
font-family: "PT Sans";
color:#141313;
text-transform:uppercase;
font-size: 24px;
font-weight: bold;
margin-top:0px;
}

#przyjecie {
 font-family: "PT Sans";
 font-size:16px;
}

#przyjecie .nr {
 color:#F5881F;
}

#przyjecie .link,#przyjecie_zobacz .link,#formularz_zgloszeniowy .zamow_krok1.form_left .link {
  color:#F5881F;
  font-weight:600;
  text-decoration:none;
}

#przyjecie .link:hover,#przyjecie_zobacz .link:hover,#formularz_zgloszeniowy .zamow_krok1.form_left .link:hover {
  color:#333;
}

#przyjecie_zobacz {
   font-family: "PT Sans";
   font-size:16px;
   margin:30px 0px;
}

#przyjecie_zobacz h2,#formularz_zgloszeniowy .zamow_krok1.form_left h2 {
 font-weight:bold;
 font-size:24px;
 margin-top:0px;
 margin-bottom:30px;
}

#przyjecie_zobacz h3,#formularz_zgloszeniowy .zamow_krok1.form_left h3 {
font-weight:bold;
margin:40px 0px 20px 0px;
font-family: "PT Sans";
font-size:18px;
}


#przyjecie_zobacz .nr,#formularz_zgloszeniowy .zamow_krok1.form_left .nr {
  color:#F5881F;
} 

#przyjecie_zobacz h2 .nr,#formularz_zgloszeniowy .zamow_krok1.form_left h2 .nr {
  color:#F5881F;
  font-weight:bold;
}

#formularz_zgloszeniowy .zamow_krok1.form_left .do-zaplaty {
display:flex;
align-content:flex-end;
font-size:18px; 
line-height:24px;
}

#formularz_zgloszeniowy .zamow_krok1.form_left .do-zaplaty .nazwa {
flex-grow:1;
text-align:right;
margin-right:20px;
}

#formularz_zgloszeniowy .zamow_krok1.form_left .do-zaplaty .cena {
text-align:right;
font-weight:bold;
 font-size:24px;
}

#formularz_zgloszeniowy .zamow_krok1.form_left p.konto {
margin:20px 0px;
font-size:18px;
}

#formularz_zgloszeniowy .zamow_krok1.form_left p.konto span {
font-weight:bold;
color:#F5881F;
}

.modal-title {
display:inline-block;
}

.close {
filter: alpha(opacity=60);
opacity: .6;
}

#jq_odpowiedz .modal .row {
margin-bottom:8px;
}

#przyjecie_zobacz .btn {
border:0px;
background:#f68f35;
font-family: "PT Sans";
color:white;
font-weight:bold;
text-transform:uppercase;
padding: 10px 20px;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-ms-transition:all .15s ease-in-out;
-o-transition:all.15s ease-in-out;
transition:all .15s ease-in-out;  
}

#przyjecie_zobacz .btn:hover {
background:#231f20;
}

#przyjecie_zobacz .odpowiedz {
margin:15px;
border-top:1px solid #ccc;
padding-top:15px;
}

#przyjecie_zobacz .odpowiedz.admin {
padding-left:40px;
}

#przyjecie_zobacz .odpowiedz .btn {
font-weight:bold;font-size:12px;line-height:14px;float:right;
}

#przyjecie_zobacz .odp_zal {
margin-top:20px;
}

#przyjecie_zobacz .poz_link {
font-size:18px;
color:#F5881F;
}

#formularz_zgloszeniowy label.error {
color:red;
font-size:13px;
margin-bottom:0px;
margin-top:5px;
}
table.kosztorys {
	width:100%;
	border-collapse: collapse;
}
table.kosztorys td {
	border: 1px solid #9b999a;
	padding: 2px 5px;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
}
table.kosztorys td:nth-of-type(1) {
	text-align: left;
}
table.kosztorys td.nag {
	padding: 5px;
}
table.kosztorys td.nag,
table.kosztorys td.foot {
	background: #9b999a;
	color: #fff;
	border-right-color: #fff;
}
table.kosztorys td.nag:nth-last-of-type(1),
table.kosztorys td.foot:nth-of-type(1),
table.kosztorys td.foot:nth-last-of-type(1) {
	border-right-color: #9b999a;
}
table.kosztorys td s {
	font-size: 12px;
	color: #9b999a;
	line-height: 14px;
}
table.kosztorys td.foot s {
	color: #fff;
}

.uslugi-table b {display: inline-block;}
#formularz_zgloszeniowy .has-error .form-control {border: 1px solid #a94442; background: #f8d7da;}
.position-relative {position: relative;}
.position-relative .form-control-feedback {top: 50%; margin-top: -17px;}
.platnosci-box {margin: 0 0 50px 0;}
.platnosci-box h4 {font-size: 18px; line-height: 24px; font-weight: 600; margin: 0;}
.platnosci-box .platnosc label {color: #333; margin: 0; cursor: pointer;}

.regulamin-uslugi h1 {text-align: center;}
.regulamin-uslugi h1+p {text-align: center;}
.regulamin-uslugi h2 {text-align: center; font-weight: 700; font-size: 24px; margin: 30px 0 20px 0;}
.regulamin-uslugi h3 {font-size: 20px; margin: 30px 0 20px 0; font-weight: 400;}
.regulamin-uslugi ul {list-style: numeric; margin: 0 0 30px 0;}
.regulamin-uslugi ol {list-style: lower-alpha; margin: 0 0 30px 0;}
.regulamin-uslugi ul ol {margin: 10px 0 0 0;}
.regulamin-uslugi ul li, .regulamin-uslugi ol li {margin: 0 0 10px 0;}


footer.uslugi-footer .container {width: 100%; padding: 0 15px;}
footer.uslugi-footer #footer_kolumny_3 {background:url('../gfx/stopka_tlo.png') no-repeat top center; background-image: url('../gfx/stopka_tlo.webp'); background-size:cover; padding:150px 0px 35px 0px; line-height: initial;}	
footer.uslugi-footer {position: relative; border: none; background: none; overflow: initial; height: auto; bottom: initial;}
footer.uslugi-footer .wiersz2 {position:relative;}
footer.uslugi-footer .wiersz2 {color:#565656; font-size:14px; font-weight:300; padding:35px 0px;}	
footer.uslugi-footer #footer_kolumny_3 h4 {color:#bdbdbd; font-family: 'Source Sans Pro', sans-serif; font-size:14px; font-weight:300; margin:8px 0px 10px 0px;}	
footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy {margin:0px;padding:0px;list-style:none;	}	
footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy li a {font-size:14px;text-decoration:none;color:#565656;text-transform: lowercase;}
footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy li {margin:8px 0px;}
footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy li a:hover,#footer_kolumny_3 .box_contact a:hover,footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li a:hover,footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li.active a,footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy li.active a {color:#f18700;}
footer.uslugi-footer #footer_kolumny_3 .addres img:hover {opacity:0.7;}
footer.uslugi-footer #footer_kolumny_3 .box_contact h3 {font-family: 'Source Sans Pro', sans-serif;color:#bdbdbd;font-size:24px;font-weight:400;margin:90px 0px 20px 0px;}
footer.uslugi-footer #footer_kolumny_3 .box_contact h3 span,footer.uslugi-footer #footer_kolumny_3 .srodek h2 span {color:#e78100;}
footer.uslugi-footer #footer_kolumny_3 .box_contact,footer.uslugi-footer #footer_kolumny_3 .box_contact a {color:#bdbdbd;font-size:16px;font-weight:400;text-decoration:none;}
footer.uslugi-footer #footer_kolumny_3 .srodek h2 {font-size:36px;color:#bdbdbd;font-family: 'Source Sans Pro', sans-serif;font-weight:400;line-height:50px;margin:0px;}
footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul {list-style:none;margin:60px 0px;display:flex;padding:0px;}
footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li {flex-grow:1;}
footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li a {text-transform:uppercase;font-weight:400;color:#bdbdbd;font-size:14px;text-decoration:none;}
footer.uslugi-footer .social_icons {display:flex;justify-content:flex-start;align-items: center;color:#565656;font-size:14px;}
footer.uslugi-footer .social_icons .social {margin-left:60px;position:relative;margin-top:15px;}
footer.uslugi-footer .social_icons .social a {display:block;position:relative;z-index:10;width:50px;height:50px;top:-12px;bottom:-12px;padding-top:15px;}
footer.uslugi-footer .social_icons .social svg.s_tlo {fill:transparent;stroke: #2f2f2f;stroke-width:0.4px;width:50px;height:50px;position:absolute;top:-12px;left:-13px;max-height:none;transform:rotate(-15deg);}
footer.uslugi-footer .social_icons .social svg {fill: currentColor;color:#565656;	max-height:20px;}	
footer.uslugi-footer .social_icons .social a:hover svg {color:white;		}

@media all and (min-width:768px) and (max-width: 1000px) {
footer.uslugi-footer #footer_kolumny_3 {padding-top:80px;}	
footer.uslugi-footer #footer_kolumny_3 .srodek h2 {font-size:20px;line-height:24px;}
footer.uslugi-footer #footer_kolumny_3 .box_contact h3 {font-size:16px;line-height:20px;}
footer.uslugi-footer #footer_kolumny_3 .box_contact, footer.uslugi-footer #footer_kolumny_3 .box_contact a {font-size:14px;}
footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li a {font-size:12px;}
footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul {flex-wrap:wrap;}
footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li {min-width:30%;}
footer.uslugi-footer .social_icons .social {margin-left:10px;}
footer.uslugi-footer .txt_social {margin-right:10px;}
}

@media all and (min-width: 581px) and (max-width: 767px) {
footer.uslugi-footer #footer_kolumny_3 .srodek h2 {font-size:28px;line-height:36px;margin-top:10px;}	
}

@media (max-width: 900px) {

 #formularz_zgloszeniowy .form_left {
    padding: 30px 0px 30px 20px;
} 

#formularz_zgloszeniowy .dane_box {
  padding: 20px 15px;
}
 
 #formularz_zgloszeniowy .btn-primary {
  font-size:18px;
  line-height: 45px;
 }
 
 #formularz_zgloszeniowy .dane_box h2,#formularz_zgloszeniowy .form_left h2 {
   font-size: 18px;
 }
 
 #formularz_zgloszeniowy .wybierz_rodzaj a {
   margin-right:0px;
   background-image:none !important;
   padding: 8px 12px 8px 12px !important;
 }
 
}

@media (max-width: 767px) {

   #formularz_zgloszeniowy .dane_box {
   width:100%;
   margin-left:13px;
   }
   
   h1 {
    font-size: 30px;
   }
   
   #formularz_zgloszeniowy h2 {
    margin: 0px 0px 30px 0px;
  }
	footer.uslugi-footer {margin-bottom:50px;}
	footer.uslugi-footer #footer_kolumny_3 {padding-top: 40px;}

}

@media (max-width: 580px) {
	footer.uslugi-footer #footer_kolumny_3 {padding-top:40px;}
	footer.uslugi-footer #footer_kolumny_3 .addres img {max-width:60%;}
	footer.uslugi-footer #footer_kolumny_3 .box_contact h3 {font-size:18px;margin-top:40px;}
	footer.uslugi-footer #footer_kolumny_3 .container {width:90%;}
	footer.uslugi-footer #footer_kolumny_3 .box_contact, footer.uslugi-footer #footer_kolumny_3 .box_contact a {font-size:13px;}
	footer.uslugi-footer #footer_kolumny_3 .srodek h2 {font-size:19px;line-height:26px;margin-top:30px;}
	footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy {display:flex;flex-wrap:wrap;}
	footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy li {width:50%;}
	footer.uslugi-footer #footer_kolumny_3 h4 {color:white;font-weight:400;margin-top:40px;}
	footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy li {margin:0px;}
	footer.uslugi-footer #footer_kolumny_3 #stopka_oferujemy li a {font-size:12px;}
	footer.uslugi-footer .social_icons .social {margin-left:20px;}
    footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul {flex-wrap:wrap;}	
	footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li {width:33%;border-left:1px solid #525252;padding:0px 2px 0px 4px; }
	footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li a {font-size:12px;}
	footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li:nth-child(1),footer.uslugi-footer #footer_kolumny_3 .srodek .stopka_menu ul li:nth-child(4) {border:0px;}
	footer.uslugi-footer .wiersz2 {margin:0px;}
}


@media (max-width: 550px) {

 h1 {
    font-size:20px;
    margin-top:0px;
   }

  #formularz_zgloszeniowy .wybierz_rodzaj a {
   font-size:15px;
   padding: 8px 6px 8px 6px !important;
  }
  
  #formularz_zgloszeniowy .dane_box h2 {
   margin-bottom:18px;
  }
  
  #formularz_zgloszeniowy .form-group {
  margin-bottom:15px;
  }
  
  


}