header {background: url(../img/slider.png) center 32.5% no-repeat;}
/* fala */
#fala {background:url('../img/fala_kr.svg') no-repeat top center;display: block;height:230px;margin-top:200px;padding-top:120px;position: relative;z-index: 10;}
/* mapa */
#map{width: 100%;height: 350px;margin-top: -100px;}
/* dane kontaktowe */
#dane{padding: 30px 0 20px;}
#dane .tytul{font-size: 24px;line-height: 35px;color: #003E7E; text-transform: uppercase;border-bottom: 1px solid #ED1878;width: 250px;font-weight: normal;margin-bottom: 30px;}
#dane .tytul-kontakt{font-weight: bold;text-transform: uppercase;font-size: 24px;color: #ED1878;}
#dane .nazwa-firmy{font-weight: 500;line-height: 21px;font-size: 14px;color: #ED1878;margin-bottom: 30px;font-weight: bold;}
#dane .adres, .mail, .telefony, .telefony2, .osoba{font-size: 14px; line-height: 21px; color: #003E7E;}
#dane .funkcja{font-size: 14px; line-height: 21px;color: #808080;}
#dane .telefony2{margin-top: 20px;}
#dane .adres, #dane .funkcja{margin-bottom: 20px;}
#dane .funkcje:last-child{margin-bottom: 0;}
#dane .mail a{color: #ED1878;}
#dane .tytul-dzialu, .tytul-dzialu1{font-weight: 500;}
#dane .tytul-dzialu{margin-bottom: 45px;}
#dane .tytul-dzialu1, .telefony{margin-bottom: 25px;}
/* formularz */
#formularz{width: 100%;height: 320px; background: url('../img/kontakt.png') no-repeat bottom center; background-size: cover;padding: 30px 0 50px;position: relative;}
#formularz .lewa{border-left: 2px solid #808080;display: flex;width: 100%;flex-direction: column;justify-content: flex-end;align-items: flex-end;}
#formularz .forma{width: 100%; height: 42px;line-height: 42px;padding-left: 20px;margin-bottom: 30px;border: 0.5px solid #003E7E;}
#formularz .wiadomosc{width: 100%; height: 150px;padding-left: 20px;padding-top: 15px;font-size: 14px;border: 0.5px solid #003E7E;}
.forma::-webkit-input-placeholder, .wiadomosc::-webkit-input-placeholder {font-style: italic;font-weight: 300;line-height: 42px;font-size: 14px;color: #003E7E;}
.forma::-moz-placeholder, .wiadomosc::-moz-placeholder {font-style: italic;font-weight: 300;line-height: 42px;font-size: 14px;color: #003E7E;}
.forma:-ms-input-placeholder, .wiadomosc:-ms-input-placeholder {font-style: italic;font-weight: 300;line-height: 42px;font-size: 14px;color: #003E7E;}
.forma:-moz-placeholder, .wiadomosc:-moz-placeholder {font-style: italic;font-weight: 300;line-height: 42px;font-size: 14px;color: #003E7E;}
.opis-rodo{text-align: right;font-size: 11px;color: #003E7E;width: 255px;}
.lewa .w-100 a{max-width: 250px;}
/* contact form */
.custom-checkbox{position: absolute;top: 0px;right: 0px;width: 140px !important;font-size: 13px;color: #003E7E;height: 25px;margin-bottom: 0 !important;}
.custom-checkbox .acceptance-373{position: absolute;right: 25px;top: 2px;width: 15px;height: 15px;}
.wpcf7-list-item-label{font-size: 11px; line-height: 21px;color: #D20B26;padding-right: 20px;}
.ajax-loader{position: absolute;bottom: 65px;right: 25px;}
div.wpcf7-response-output{position: absolute;bottom: -5px;}
span.wpcf7-not-valid-tip{font-size: 12px !important;text-align: center;margin-top: -20px;margin-bottom: 10px;}
.lewa p{margin-bottom: 0 !important;}
/* media queries */
@media screen and (max-width: 1199px){
  #dane .telefony2{margin-top: 0;}
  div.wpcf7-response-output{font-size: 14px !important;text-align: center;}
}
@media screen and (max-width: 991px){
  #dane .telefony2{margin-top: 40px;}
  #formularz{height: auto;padding: 30px 0;}
  #formularz .lewa{border: 0;}
  .opis-rodo{text-align: right;font-size: 11px;color: #003E7E;margin-top: 40px;width: 100%;}
  div.wpcf7-response-output{width: 600px;left: 50%;margin-left: -300px !important;}
}
@media screen and (max-width: 767px){
  #fala{margin-top: -120px;}
  .telefony{margin-top: 20px;}
  #dane .telefony2{margin-top: 0px;}
  div.wpcf7-response-output{width: 550px;font-size: 13px !important;margin-left: -275px !important;}
}
@media screen and (max-width: 575px){
  #dane .mail{margin-bottom: 30px;}
  div.wpcf7-response-output{width: 94%;margin-left: -47% !important;}
  #maps{width: 100%;height: 250px;}
}